.custom-file-label::after {
    content: attr(button-label);
}

.ajax_loader {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(34 41 47 / 44%);
    z-index: 999;
    border-radius: 6px;
    display: none;
}

.ajax_loader:before {
    content: url("/images/icons/loader.svg");
    width: 50px;
    height: 50px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -25px;
}

.ql-editor {
    min-height: 200px;
}

.ql-toolbar.ql-snow {
    border-top-right-radius: 0.357rem !important;
    border-top-left-radius: 0.357rem !important;
}

.width-vh-10 {
    width: 10vh !important;
}

.width-vh-20 {
    width: 20vh !important;
}

.width-vh-30 {
    width: 30vh !important;
}

.width-vh-40 {
    width: 40vh !important;
}

.width-vh-50 {
    width: 50vh !important;
}

.width-vh-60 {
    width: 60vh !important;
}

.width-vh-70 {
    width: 70vh !important;
}

.width-vh-80 {
    width: 80vh !important;
}

.width-vh-90 {
    width: 90vh !important;
}

.opacity-0 {
    opacity: 0 !important;
}
.opacity-1 {
    opacity: 0.2 !important;
}
.opacity-2 {
    opacity: 0.4 !important;
}
.opacity-3 {
    opacity: 0.6 !important;
}
.opacity-4 {
    opacity: 0.8 !important;
}
.opacity-5 {
    opacity: 1 !important;
}

.auth-wrapper:after {
    content: "";
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    min-height: calc(var(--vh, 1vh) * 100);
    bottom: 0;
    overflow: hidden;
    z-index: -8;
    background-size: cover;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ia2F0bWFuXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNzIwIDk2MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNzIwIDk2MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzAwNzI2NDt9DQoJLnN0MXtmaWxsOnVybCgjU1ZHSURfMV8pO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTYuMiwxOTcuN0M2OS42LDE0LjIsMjY0LjktMTY1LjEsNDQ5LjktMzY0LjFjMTQxLjItMTUxLjgsMjQyLjctMzEuNCwyNTEuOC0yMC4xYzAuNSwwLjYsMC43LDEuMywwLjcsMg0KCWwxMC44LDE5Ny44bDYxLjUsMTEyNy42YzAuMSwyLjItMS41LDQuMS0zLjcsNC4zbC03OTIuMiw2MC4zYy0zLjUsMC4zLTUuMy00LTMtNi44QzE4Ny4zLDc0Ni42LTM2LjYsMzc5LjQsMTYuMiwxOTcuN3oiLz4NCjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMzU4LjMxNDgiIHkxPSItMjE2LjU1OTciIHgyPSIzNTguMzE0OCIgeTI9IjgyNi45NzU4Ij4NCgk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojMDA4RTc5O3N0b3Atb3BhY2l0eTowIi8+DQoJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6IzAwOEU3OSIvPg0KPC9saW5lYXJHcmFkaWVudD4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik03My4yLDIzOC42YzU3LjEtMTY0LDI0MS45LTMxNC4yLDQxOC40LTQ4My4yQzYyNi0zNzMuMiw3MTEuNS0yNTcsNzE5LjQtMjQ1LjVjMC40LDAuNiwwLjYsMS4zLDAuNiwyLjFWLTYyDQoJVjk3Mi40YzAsMi4yLTEuNyw0LTMuOSw0SDAuNGMtMy41LDAtNS00LjQtMi42LTdDMjAwLDc1MS41LDE2LjcsNDAwLjksNzMuMiwyMzguNnoiLz4NCjwvc3ZnPg0K");
}
.auth-wrapper:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #ffffff;
    z-index: -9;
}

.auth-wrapper-form-control {
    height: 50px;
    width: 100%;
    padding-left: 15px;
    border-radius: 4px;
    background: white;
    border: 1px solid #e5e5e5;
    transition: all 0.1s ease;
    font-size: 14px;
}
.js-toggle-pass {
    position: absolute;
    font-size: 1rem;
    line-height: 0;
    right: 0;
    height: calc(100% - 0px);
    width: 65px;
    border: 0;
    outline: none;
    color: #9099a9;
    background: transparent;
    border-left: 1px solid #dfe3eb;
    bottom: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
}
.active svg:not(.feather) path {
    fill: white;
}

.emojionearea.focused {
    border-color: #007264;
    outline: 0;
    box-shadow: none;
}
.btn:not(:disabled):not(.disabled):active:focus {
    box-shadow: none !important;
    outline: inherit !important;
}
.dropdown-item.active,
.dropdown-item:active {
    color: #fff !important;
}
.bootstrap-select .dropdown-menu li.selected a {
    background-color: rgba(0, 114, 100, 0.12);
    margin-bottom: 1px;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    top: initial !important;
}
/* background-image: url(data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%23d8d6de\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-chevron-down\'%3E%3Cpolyline points=\'6 9 12 15 18 9\'%3E%3C/polyline%3E%3C/svg%3E); */
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select
    > select.mobile-device:focus
    + .dropdown-toggle
    .dropdown-menu
    .dropdown-item {
    margin-bottom: 1px;
    outline: none !important;
}
.dropdown-toggle::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8d6de' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    height: 14px;
}
input[readonly] {
    background-color: var(--white) !important;
}
.select2-selection__rendered {
    white-space: nowrap!important;
    word-wrap: break-word!important;
    text-overflow: inherit!important;
    white-space: normal !important;
    background: white;
}
.select2-selection--single {
    height: auto!important;
}
@media (max-width: 320px) {
}

@media (max-width: 375px) {
}

@media (max-width: 425px) {
    .width-vh-10,
    .width-vh-20,
    .width-vh-30,
    .width-vh-40,
    .width-vh-50 {
        width: 100% !important;
    }
}

@media (max-width: 668px) {
    .width-vh-60,
    .width-vh-70,
    .width-vh-80,
    .width-vh-90 {
        width: 100% !important;
    }
}
@media (max-width: 768px) {
    .auth-wrapper:after {
        background-image: initial;
    }
}