@font-face {
    font-family: font-regular;
    src: url(../assets/fonts/josefin-sans/JosefinSans-Light.ttf);
    font-display: swap
}

@font-face {
    font-family: font-regular-bold;
    src: url(../assets/fonts/josefin-sans/JosefinSans-Regular.ttf);
    font-display: swap
}

@font-face {
    font-family: font-extra-bold;
    src: url(../assets/fonts/josefin-sans/JosefinSans-Bold.ttf);
    font-display: swap
}

@font-face {
    font-family: font-meduim;
    src: url(../assets/fonts/WorkSans-Medium.ttf);
    font-display: swap
}

@font-face {
    font-family: font-semi-bold;
    src: url(../assets/fonts/WorkSans-SemiBold.ttf);
    font-display: swap
}

body {
    background-color: #F0F0F0;
    font-family: font-regular;
    font-size: 16px;
}

.content-wrapper {
    background-color: #F0F0F0 !important;
    overflow: scroll;
}

trix-editor {
    height: 80%;
}

#pop-message {
    position: absolute;
    bottom: 200px;
    float: right;
    right: 10px;
    background-color: white;
    width: 310px;
    display: none;
}

#pop-message-box.error {
    border: solid 1px #ec2024;
}

#pop-message-box {
    padding: 15px 4px;
}

    #pop-message-box .vertical-line {
        float: left !important;
        margin-left: 5px !important;
        margin-right: 10px !important;
        border-width: 4px !important;
        height: 50px !important;
    }

    #pop-message-box .fa-times {
        float: right;
        margin-right: 15px;
        color: gray;
    }

    #pop-message-box span {
        text-transform: capitalize;
    }

    #pop-message-box.error span {
        color: #ED524F !important;
    }

    #pop-message-box.error .vertical-line {
        border-color: #ED524F !important;
    }

    #pop-message-box.success span {
        color: #79AE3C !important;
    }

    #pop-message-box.success .vertical-line {
        border-color: #79AE3C !important;
    }

    #pop-message-box p {
        font-size: 14px;
    }

.daterangepicker .drp-calendar.right {
    position: relative !important;
    right: unset !important;
    top: unset !important;
    transform: none !important;
    margin-right: unset !important;
}

.icon-medium {
    font-size: 20px;
}

.icon-large {
    font-size: 30px;
}

.icon-red {
    color: red;
}

.icon-blue {
    color: #3fb1cb;
}

.grey-block {
    background: #c7c7c7;
    padding: 10px;
}

.white-block {
    background: white;
    padding: 10px;
}

.border-bottom {
    solid 1px #4d4e4e
}

.border-radius-15 {
    border-radius: 15px;
}

#main-content {
    margin-top: 55px;
}


.row {
    width: 100%;
}

.content-wrapper {
    overflow-y: auto;
    height: 600px;
    padding-bottom: 40px;
    overflow-x: hidden;
}

    .content-wrapper content-has-submenu {
    }

.fa {
    color: #3fb1cb !important;
}

.btn-primary {
    background-color: #3FB1CB;
    border-color: #3FB1CB;
}

.btn-warning {
    background-color: #F6C65B;
    border-color: White;
}

form {
    width: 100%;
}

.btn {
    height: 46px;
    border-radius: 10px;
}

.btn-success {
    background-color: #8CC63F;
    border-color: #8CC63F;
}

.btn-danger {
    background-color: #F34F4F;
    border-color: #F34F4F;
}

.btn-round {
    /* top: 127px; */
    /* left: 1710px; */
    /* height: 46px; */
    font-size: 14px;
    border-radius: 35px;
}


.btn-primary:hover {
    background-color: #8CC63F;
    border-color: #8CC63F;
}


.btn-primary:focus {
    background-color: #8CC63F;
    border-color: #8CC63F;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #000;
    background-color: #8CC63F;
    border-color: #8CC63F;
    box-shadow: 0 0 0 0.25rem rgba(31, 117, 215, 0.5);
}

.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    color: #000;
    background-color: #8CC63F;
    border-color: #8CC63F;
}

    .btn-check:checked + .btn-primary:focus,
    .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.25rem rgba(31, 117, 215, 0.5);
    }

.btn-primary:disabled, .btn-primary.disabled {
    color: #000;
    background-color: #8CC63F;
    border-color: #8CC63F;
}


.margin-15 {
    margin: 15px;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.padding-top-25 {
    padding-top: 25px;
}

.requisition-override .container {
    margin: auto !important;
}

.check-mark::before {
    color: green;
    z-index: 999999;
    position: sticky;
    content: '\2713';
}

.check-mark.declined::before {
    content: '\2717';
}

.content-sub-menu {
    width: 100%;
    overflow-x: auto;
}

    .content-sub-menu.rfq-menu ul {
        width: 800px;
    }

    .content-sub-menu.requisition-menu ul {
        width: 1100px;
    }

.sub-subject {
    font-family: font-regular-bold;
    font-size: 18px;
}

.text-bold {
    font-family: font-regular-bold;
}
#modal-body {
    padding: 15px;
}
.modal-content {
    /* border: solid 3px #3FB1CB; */
    border-radius: 5px;
    /* padding: 0%; */
}

.form-group label {
    font-size: 15px;
    color: #4d4e4e;
    margin-bottom: 0px;
}

.form-check {
    padding-left: 20px;
}

.requisition-table div {
    margin-bottom: 10px;
}

.icon-text {
    display: flex;
    gap: 10px;
}

.icon-medium p {
    margin: 20px auto;
}

.icon-medium img {
    width: 30px;
}
.menu-icon {
    color: #262262;
    font-size:large;
}

.form-field input[type=text], .form-field input[type=text], .form-field select, .form-field input[type=number] {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    padding: 10px 10px 10px 15px;
    /* min-height: 5.3vh; */
    max-width: 98%;
}

.form-field textarea {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    height: 150px;
    max-width: 100%;
}

/**Start--tabs-----------------------*/
#generic-tab {
    /* padding-left: 40px; */
    margin: auto;
    display: flex;
    gap: 5px;
    align-content: center;
    justify-content: flex-start;
}

.aligin-c {
    text-align: center;
}

/********override of adminlit.css***********/

.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    padding-left: 20px;
}

.input-group-prepend {
    margin-right: -14px;
    z-index: 9990;
}

.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after, .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .form-control:not(:last-child) {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 0px 20px;
}


.input-group-text {
    background-color: white;
    border-right: none;
}

.btn-primary {
    background-color: #262262;
    border: none;
    /* border-bottom-right-radius: 10px; */
    /* border-top-right-radius: 10px; */
    /* border-bottom-left-radius: 10px; */
    /* border-top-left-radius: 10px; */
}

.form-group label.error {
    display: block;
    width: 100%;
    margin-left: 10px;
    color: #F34F4F;
    font-weight: 100;
}



/*START-------------------------------------responsiveness-----------------------------------*/

@media screen and (max-width: 760px) {
}

@media screen and (max-width: 800px) {
}

@media screen and (min-width: 1200px) {
}

@media screen and (min-width: 2000px) {
}

@media screen and (min-width: 2500px) {
}