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

.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;
    background: #e6efff;
    color: #4e4e4e !important;
}

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