.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 {
    height: 100vh;
    overflow: hidden;
    } 
    .auth-wrapper::before, .auth-wrapper:after {
        position: fixed !important;
    }
    .auth-wrapper:after {
        content: "";
        width: 57%;
        position: absolute;
        left: 0;
        top: 0;
        min-height: calc(var(--vh, 1vh) * 100);
        bottom: 0;
        overflow: hidden;
        z-index: -8;
        --tw-bg-opacity: 1;
        /* background-size: cover; */
        /* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0ia2F0bWFuXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNzIwIDk2MCI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS4wIEJ1aWxkIDE4NikgIC0tPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuc3QwIHsKICAgICAgICBmaWxsOiAjZGVlY2ZmOwogICAgICB9CgogICAgICAuc3QxIHsKICAgICAgICBmaWxsOiAjMTk1NGIzOwogICAgICAgIGlzb2xhdGlvbjogaXNvbGF0ZTsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LjIsMTk3LjdDNjkuNiwxNC4yLDI2NC45LTE2NS4xLDQ0OS45LTM2NC4xYzE0MS4yLTE1MS44LDI0Mi43LTMxLjQsMjUxLjgtMjAuMS41LjYuNywxLjMuNywybDEwLjgsMTk3LjgsNjEuNSwxMTI3LjZjMCwyLjItMS41LDQuMS0zLjcsNC4zTC0yMS4yLDEwMDcuOGMtMy41LjMtNS4zLTQtMy02LjgsMjExLjUtMjU0LjQtMTIuNC02MjEuNiw0MC40LTgwMy4zWiIvPgogIDxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik03My4yLDIzOC42QzEzMC4zLDc0LjYsMzE1LjEtNzUuNiw0OTEuNi0yNDQuNmMxMzQuNC0xMjguNiwyMTkuOS0xMi40LDIyNy44LS45LjQuNi42LDEuMy42LDIuMVY5NzIuNGMwLDIuMi0xLjcsNC0zLjksNEguNGMtMy41LDAtNS00LjQtMi42LTdDMjAwLDc1MS41LDE2LjcsNDAwLjksNzMuMiwyMzguNloiLz4KPC9zdmc+) */
        border-radius: 100%;
        margin-top: -20%;
        margin-left: -13%;
        /* background-color: #1e3a8a;
        background: linear-gradient(118deg,#20315C 0,#1F5CB6 50%);
        background: linear-gradient(118deg,#5082C6 0,#1F5CB6 50%); */
        background: #1F5CB6;
        background: linear-gradient(296deg, rgba(31, 92, 182, 1) 0%, rgba(0, 27, 64, 1) 100%);
    
        width: 57%;
        margin-top: -20%;
        margin-bottom: -13%;
        margin-left: -13%;
      
        transform: rotate(-4.5deg);
      
        border-radius: 100%;
        z-index: 2;
    
    }
    .auth-wrapper:before {
        content: '';
        display: block;          /* before/after için Tailwind default */
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
    
        width: 57%;
        margin-top: -28%;
        margin-bottom: -16%;
        margin-left: -13%;
        transform: rotate(-4.5deg);
      
        background-color: rgb(222 236 255);
        /* background-color: rgb(30 58 138 / .2);  */
        border-radius: 100%;
        z-index: 1;
    }
    .col-image{
        position: relative;
        left: -300px;
    }
    .col-form{
        font-family: "Roboto", sans-serif;
    }
    .col-form .input-group i{
        font-size: 17px;
    
    }
    
    .auth-login-form button[type="submit"], #forget-modal-form-button, .auth-login-form a.btn-default, .auth-submit-btn{
        font-size: 16px;
        background: #1F5CB6;
    background: linear-gradient(118deg,#20315C 0,#1F5CB6 50%); 
    box-shadow: 0 0 10px 1px rgb(31, 92, 182); 
    font-weight: 600;
    }
    .profile-action .auth-submit-btn{
        display: flex;
        width: max-content;
        margin: 0 auto;
        column-gap: 10px;
        align-items: center;
    }
    .auth-login-form a.btn-default{
        background: none;
        box-shadow: none;
        border: 2px solid rgb(226, 232, 240);
        color:rgb(185 192 201);
    }
    .auth-login-form .login-actions{
        gap: 25px;
    }
    .col-form .custom-checkbox, .col-form .custom-checkbox label, .col-form .custom-checkbox a{
        font-size: 15px;
        font-weight: 600;
    
    }
    .img-filter-white{
        filter: brightness(0) invert(1);
    }
    .bg-custom-gradient{
        background: #1F5CB6;
        background: linear-gradient(118deg,#20315C 0,#1F5CB6 50%); 
    }
    .auth-wrapper-form-control {
        
        height: 50px;
        width: 100%;
        padding-left: 15px;
        border-radius: .375rem;
        /* border-radius: 4px; */
        background: white;
        border: 2px solid #e5e5e5;
        transition: all 0.1s ease;
        font-size: 16px;
        font-family: "Roboto", sans-serif;
        font-weight: 600;
        color:rgb(71, 85, 105);
    
    }
    .auth-wrapper-form-control:focus, .auth-wrapper-form-control:focus-visible{
       border-color:#a2b8f4 !important;
       box-shadow: 0 0 1px 4px #bec9ea!important;
       outline: 0;
    }
    #forgetPassword .modal-header{
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        padding-left: 3rem;
    }
    #forgetPassword .modal-header h4{font-weight: 600;}
    #forgetPassword .modal-body{
        padding: 3rem;
    }
    #forgetPassword .modal-footer{
        padding: 1.5rem;
    }
    
    .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;
    }

    @media (max-width: 1024px) {
        .auth-wrapper:after {
            background-image: initial;
        }
        .col-image{
            left: 0 !important;
            background: #1F5CB6;
            background: linear-gradient(118deg, #20315C 0, #1F5CB6 50%);
            padding: 0px ;
            padding-top: 20px !important;
        }
        .col-form{
            padding: 40px;;
        }
        .auth-wrapper::before, .auth-wrapper:after {
        display: none !important;
        } 
        .auth-logo{
        }
        .auth-logo img{
            max-width: 240px;
        }
    }
    
    @media (max-width: 1920px) {
        .col-image{
            left:-200px;
        }
    }
    

.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;
    }
}