/* Dropdown on hover */
header .dropdown-hover:hover .dropdown-menu {
    display: block;
  }
  
  /* Optional: Smooth transition */
  header .dropdown-menu {
    margin-top: 0px;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 0;
    z-index: 1;
    min-width: 220px;
    border-radius: 10px;
    border: none;
    box-shadow: 0 .875em 2.5em #0003 !important;
    right: 0px;
    left: auto;

    
}
  
  /* Prevent dropdown from hiding suddenly */
  header .dropdown-hover .dropdown-menu {
    display: none;
    position: absolute;
  }
  /* header .dropdown-menu::before {
    content: '';
    position: absolute;
    top: -21px;
    right: 27px;
    border-width: 14px;
    border-style: solid;
    border-color: transparent transparent white transparent;
} */
header .dropdown-item {
    color: #021b5e !important;
    padding: 7px 10px;
    font-size: 14px;
}
  header .dropdown-item:hover{
    background: #021b5e;
    color:#fff !important;
  }
  header .dropdown-item a {
    color: #021b5e !important;
}

header a#navbarDropdown:hover{
    color: #fff !important;
}

input::placeholder {
    color: #565454 !important;
}

.student-login-form .form-step h4{
    color: #fff;
    font-size: 27px;
    margin-bottom: 20px !important;
}

.student-login-form .form-step label.control-label{
    font-size: 12px;
    color: #fff;
}

.student-login-form .form-step .form-group{
    font-size: 12px;
    color: #fff;
}
.student-login-form .form-control{
    border-radius: 5px !important;
}

.student-login-form button {
    border-radius: 5px !important;
}
#student-form .select2-container--krajee-bs3 .select2-selection {
    border-radius: 5px;
    min-height: 44px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
#student-form .select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {
    height: 42px;
}
.student-login-form .form-step .cards-header{
    font-size: 19px;
    padding: 15px 0px;
    color: #fff;
}

.student-registration .card-login h2 {
    font-size: 27px;
    margin-bottom: 45px;
    color: #fff;
}

.work-experience-row{
    display: flex;
    align-items: center;
}
.work-experience-row button.btn.btn-danger.remove-row {
    background: #021b5e;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-color: #021b5e;
    font-size: 24px;
    color: #fff;
    opacity: 1;
    margin-top: 10px;
}

button#add-work-experience {
    background: #021b5e;
    padding: 8px 20px;
    font-size: 14px;
    border-color: #021b5e;
}

.student-login-form .form-step .form-group input[type="file"] {
	position: relative;
	padding: 7px 16px;
	background: linear-gradient(90deg, #ffffff, #ffffff);
	color: #013c7e;
	border: none;
	font-size: 13px;
	cursor: pointer;
	outline: none;
	width: 100%;
	margin-right: auto;
}
  
.student-login-form .form-step .form-group input[type="file"]::-webkit-file-upload-button {
    visibility: hidden;
  }
  
  .student-login-form .form-step .form-group input[type="file"]::before {
    content: 'Select File';
    display: inline-block;
    background: linear-gradient(90deg, #021b5e, #021b5e);
    padding: 7px 11px;
    border-radius: 6px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    cursor: pointer;
    transition: background 0.3s ease;
}

#loader-wrapper {    
    position: fixed;    
    top: 0;    
    left: 0;    
    width: 100%;    
    height: 100%;    
    z-index: 9999;    
    background: rgba(0, 0, 0, 0.7)
} 
#loader {    
        display: block;    
        position: relative;    
        left: 50%;    
        top: 50%;    
        width: 150px;    
        height: 150px;    
        margin: -75px 0 0 -75px;    
        border-radius: 50%;    
        border: 3px solid transparent;    
        border-top-color: #0169b0;    
        -webkit-animation: spin 2s linear infinite;    
        animation: spin 2s linear infinite
    } 
    #loader {    
        z-index: 1001
    } 
    #loader:before {    
        content: "";    
        position: absolute;    
        top: 5px;    
        left: 5px;    
        right: 5px;    
        bottom: 5px;    
        border-radius: 50%;    
        border: 3px solid transparent; 
        border-top-color: #002b6a;    
        -webkit-animation: spin 3s linear infinite;    
        animation: spin 3s linear infinite
    } 
    #loader:after {    
        content: "";    
        position: absolute;    
        top: 15px;    
        left: 15px;    
        right: 15px;    
        bottom: 15px;    
        border-radius: 50%;    
        border: 3px solid transparent;    
        border-top-color: #ffffff;    
        -webkit-animation: spin 1.5s linear infinite;    
        animation: spin 1.5s linear infinite
    }
    @-webkit-keyframes spin {
            0% {        
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);        
                transform: rotate(0deg)    
            }     
            100% {        
                -webkit-transform: rotate(360deg);        
                -ms-transform: rotate(360deg);        
                transform: rotate(360deg)    
            }
    } 
    @keyframes spin {    
        0% {        
            -webkit-transform: rotate(0deg);        
            -ms-transform: rotate(0deg);        
            transform: rotate(0deg)    
        }     
        100% {   
                -webkit-transform: rotate(360deg);        
                -ms-transform: rotate(360deg);        
                transform: rotate(360deg)    
            }
    } 
    #loader-wrapper .loader-section {    
        position: fixed;    
        top: 0;    
        width: 51%;    
        height: 100%;    
        background: #222222;    
        z-index: 1000
    } 
    #loader-wrapper .loader-section.section-left {    
        left: 0
    } #loader-wrapper .loader-section.section-right {    
        right: 0} 
        .loaded #loader-wrapper .loader-section.section-left {    
            -webkit-transform: translateX(-100%);   
             -ms-transform: translateX(-100%);    
             transform: translateX(-100%)
            } 
     .loaded #loader-wrapper .loader-section.section-right {    
        -webkit-transform: translateX(100%);    
        -ms-transform: translateX(100%);    
        transform: translateX(100%)
    } 
    
    .loaded {    visibility: hidden}


    #student-form .select2-container--krajee-bs3 .select2-selection--multiple .select2-search--inline .select2-search__field {
        background: transparent;
        padding: 6px;
        line-height: 1.428571429;
        margin-top: 0;
        min-width: 300px;
        color: #495057 !important;
        display: flex;
        align-items: center;
        padding-left: 20px;
        z-index: 999999;
        position: relative;
    }

    #student-form .select2-container .select2-search--inline {
        float: left;
        width: 100%;
    }
    #student-form .select2-container--krajee-bs3 .select2-selection li{
         color: #000;
    }
    #student-form .select2-container--krajee-bs3 .select2-selection--multiple {
        position: relative;
        min-height: 44px;
        max-height: 120px;
        overflow: auto;
        /* overflow: scroll; */
    }

    #student-form .select2-container--krajee-bs3 .select2-selection--multiple input::placeholder {
        color: #343a40 !important;
    }

    #student-form .work-experience-row .help-block {
        color: red;
        font-size: 13px;
        position: absolute;
    }


    #student-form .select2-container--krajee-bs3 .select2-selection--multiple:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 6px solid #61676d; /* Arrow color */
        pointer-events: none;
      }

      #student-form span.select2.select2-container.select2-container--krajee-bs3.select2-container--focus.select2-container--below {
        width: 100% !important;
    }

    #student-form span.select2-selection.select2-selection--multiple.has-multiple-add {
        border-radius: 0px;
    }

    #student-form span.select2.select2-container.select2-container--krajee-bs3.select2-container--focus.select2-container--below {
        max-width: 100%;
        overflow-x: auto !important;
        white-space: nowrap !important;
      }

/********************Agent Register Form******************************/

#user-register-form .form-control {
    border-radius: 5px !important;
}

#user-register-form .form-group {
    font-size: 12px;
    color: #ffffff;
}

#user-register-form button {
    border-radius: 5px !important;
}

#user-register-form h4 {
    color: #fff;
    font-size: 18px;
}

#user-register-form .select2-container--krajee-bs3 .select2-selection--single {
    height: calc(2.6rem + 2px);
    min-height: 43px;
    font-size: 14px;
    padding-left: 20px;
    display: flex;
    align-items: center;
}

#user-register-form .select2-container--krajee-bs3 .select2-selection--single span.select2-selection__arrow {
    height: 42px;
}

.alert-dismissible {
    padding: 8px !important;
    border-radius: 6px;
}

.alert-dismissible .close {
    font-size: 28px;
    right: 5px;
}

.alert-dismissible span.alert-icon {
    margin-right: 6px;
}

.row.button-row {
    margin-top: 10px;
    margin-bottom: 10px;
}

.row.otp-row #submit-otp {
	border-radius: 5px !important;
}
.row.otp-row .form-control {
	border-radius: none !important;
	border-radius: 4px !important;
}

#user-register-form .btn.btn-danger.text-uppercase.remove-counsellor.btn-theme {
	background-color: #f71111;
	padding-left: 57px !important;
	padding-right: 57px !important;
}

#student-form .btn.btn-danger.text-uppercase.other_remove.btn-theme {
	background-color: #f71111;
	padding-left: 57px !important;
	padding-right: 57px !important;
}

.contentBody {
    min-height: calc(100vh - 37px);
}
.login_container {
    min-height: calc(100vh - 247px);
}
.form-group.field-recovery-form-password label {
    color: #fff;
}

a#resend-otp {
    text-decoration: underline;
}