:root {
    
    --primary-color: #FE5050; /* Pink */
    --secondary-color: #030749; /* Dark Blue */
    --alternate-color: #b3afbf; /* Light Gray */
    --alternate-primary-color: #FFF7F2;  /* Light pink */
    --primary-background: rgba(255, 221, 196, 1); /* Dark Pink */
    --secondary-background: #f8f7f8; /* Light Gray */
    --alternate-background: #ECFBEC; /* Dark Gray */
    --alternate-primary-background: rgba(255, 221, 196, 1); /* Dark Pink */
    --white-color: #fff; /* White */
    --light-primary-color: #FFDDC4;

}

.swal2-popup .swal2-icon {
    margin: 1rem auto !important;
}

@font-face {
    font-family: 'GT Walsheim Pro Bold';
    src: url(../../assets/fonts/GTWalsheimPro-Bold.ttf);
}

@font-face {
    font-family: 'GT Walsheim Pro Medium';
    src: url(../../assets/fonts/GTWalsheimPro-Medium.ttf);
}

@font-face {
    font-family: 'GT Walsheim Pro Regular';
    src: url(../../assets/fonts/GTWalsheimPro-Regular.ttf);
}

body {
    font-family: 'GT Walsheim Pro Regular'!important;
    font-size: 14px;
}

h2, h4, h6 {
    color: var(--primary-color)!important;
    font-family: 'GT Walsheim Pro Medium'!important;
    font-weight: 800!important;
}

h2 {
    font-size: 54px!important;
}

h4 {
    font-size: 36px!important;
}

h5 {
    font-size: 24px!important;
}

h6 {
    font-size: 16px!important;
}

.btn {
    border-radius: 3px!important;
}
.btn.rounded-circle{
    border-radius: 50% !important;
}
.btn-sm {
    padding: 5.5px 15px!important;
}

.btn-lg {
    padding: 13px 40px!important;
}

.btn-primary {
    border: solid 1px!important;
    background-color: var(--primary-color)!important;
    border-color: var(--primary-color)!important;
    color: #fff!important;
}

.bg-disabled {
    border: solid 1px!important;
    background-color: var(--bs-gray-500)!important;
    border-color: var(--bs-gray-500)!important;
    color: #fff!important;
    cursor: not-allowed!important;
}

.btn-outline-primary {
    border: solid 1px!important;
    color: var(--primary-color)!important;
    border-color: var(--primary-color)!important;
    background-color: transparent!important;
}

.btn-secondary {
    border: solid 1px!important;
    background-color: var(--secondary-color)!important;
    border-color: var(--secondary-color)!important;
    color: #fff!important;
}

.btn-outline-secondary {
    border: solid 1px!important;
    color: var(--secondary-color)!important;
    border-color: var(--secondary-color)!important;
    background-color: transparent!important;
}

.btn-light-primary {
    border: solid 1px!important;
    color: var(--primary-color)!important;
    border-color: var(--primary-color)!important;
    background-color: var(--light-primary-color) !important;
}
.btn-check:active + .btn.btn-light-primary, .btn-check:checked + .btn.btn-light-primary, .btn.btn-light-primary.active, .btn.btn-light-primary.show, .btn.btn-light-primary:active:not(.btn-active), .btn.btn-light-primary:focus:not(.btn-active), .btn.btn-light-primary:hover:not(.btn-active), .show > .btn.btn-light-primary {
    color: #fff !important;
    border-color: var(--primary-color)!important;
    background-color: var(--primary-color)!important;
  }

.btn-light-secondary {
    border: solid 1px!important;
    color: var(--secondary-color)!important;
    border-color: var(--secondary-color)!important;
    background-color: transparent!important;
}
.btn-check:active + .btn.btn-light-secondary, .btn-check:checked + .btn.btn-light-secondary, .btn.btn-light-secondary.active, .btn.btn-light-secondary.show, .btn.btn-light-secondary:active:not(.btn-active), .btn.btn-light-secondary:focus:not(.btn-active), .btn.btn-light-secondary:hover:not(.btn-active), .show > .btn.btn-light-secondary {
    color: #fff !important;
    border-color: var(--secondary-color)!important;
    background-color: var(--secondary-color)!important;
  }

.text-primary {
    color: var(--primary-color)!important;
}

.text-secondary {
    color: var(--secondary-color)!important;
}

.text-gray {
    color: var(--alternate-color)!important;
}

.bg-primary, .badge-primary {
    background-color: var(--primary-color)!important;
}
.light-primary{
    background-color: var(--light-primary-color) !important;
}
.bg-secondary {
    background-color: var(--secondary-background)!important;
}

.bg-primary-light {
    background-color: var(--alternate-primary-color)!important;
}

.logo {
    color: var(--secondary-color)!important;
    font-size: 30px!important;
    font-family: 'GT Walsheim Pro Bold'!important;
    padding-top: 40px!important;
}

.content {
    background-color: #ffffff!important;
}

.aside {
    box-shadow: none!important;
    font-size: 14px!important;
}

.menu-title-gray-800 .menu-item .menu-link .menu-title, .menu-state-icon-primary .menu-item .menu-link.active .menu-icon i {
    color: var(--alternate-color);
    font-weight: 500;
    font-size: 14px;
}

/* .menu-link {
    margin: 0.750px 30.750px!important;
} */

.menu-state-title-primary .menu-item .menu-link.active .menu-title, .menu-state-icon-primary .menu-item .menu-link.active .menu-icon i {
    color: var(--primary-color)!important;
}

.menu-state-bullet-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-bullet .bullet, .menu-state-bullet-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-bullet .bullet {
    background-color: var(--primary-color)!important;
}

.menu-item .menu-link .menu-icon {
    margin-right: 0!important;
}

.menu-link.active {
    /* color: var(--primary-color)!important; */
    background-color: #fff8f2;
}

.menu-hover-primary .menu-item .menu-link:hover:not(.disabled):not(.active), .menu-hover-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) {
    color: #FE5050!important;
}

#user_detls {
    margin-top: 50px!important;
}

#user_detls .user_text, .user_text {
    font-family: 'GT Walsheim Pro Medium'!important;
    font-size: 14px!important;
    color: var(--secondary-color)!important;
}

#user_detls .student {
    text-transform: capitalize!important;
    font-family: 'GT Walsheim Pro Medium'!important;
    /* color: var(--primary-color)!important; */
}

#dashboard_link {
    margin-top: 55px!important;
}

#kt_aside_logo {
    margin-top: 25px!important;
}
/* 
.menu-item.menu-accordion {
    margin-bottom: 15px!important;
} */

.menu-section.text-muted {
    color: var(--secondary-color)!important;
    font-size: 15px!important;
    font-weight: bolder!important;
}

.menu-icon i {
    font-size: 18px!important;
}

/* .menu-item .menu-content {
    margin: 9.750px 30.750px!important;   
} */

#user_detls .symbol>img{
    width: 40px!important;
    height: 40px!important;
}

#latest_news .carousel-item {
    height: 230px!important;
}

#latest_news .carousel-item > div {
    background-size: cover!important;
    background-color: #00000057!important;
    background-blend-mode: multiply!important;
}

.nav-link.active {
    color: var(--secondary-color)!important;
    font-weight: 600!important;

}
.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link {
   
   
    border-bottom:2px solid var(--secondary-color)!important;
    
}
.form-select.custom{
    width: auto;
    border: 1px solid var(--secondary-color)!important;
    color: var(--secondary-color)!important;
    font-weight: 800;
}
.btn.rounded-pill{
    border-radius: 50rem!important;
}

.news-text {
    font-size: 10px!important;
}

.rnd-icon {
    height: 21px!important;
    width: 21px!important;
    border-radius: 8px!important;
    padding: 5px!important;
}

.rnd-icon-2 {
    height: 30px!important;
    width: 30px!important;
    border-radius: 2px!important;
    padding: 10px!important;
}

.bootbox-close-button.close {
    order: 1!important;
}

.bootbox .modal-header {
    border-bottom: none!important;
}

.bootbox .modal-footer {
    border-top: none!important;
}

@media (min-width: 992px) {
    .header-fixed .header {
        height: 70px!important;
    }

    .header-fixed .header {
        padding: 20px 0px!important;
    }

    .header-fixed.toolbar-fixed .wrapper {
        padding-top: calc(45px + var(--kt-toolbar-height))!important;
    }

    .menu-sub-dropdown.menu.show, .menu-sub-dropdown.show[data-popper-placement], .show.menu-dropdown>.menu-sub-dropdown {
        margin-top: -2.5rem!important;
    }
}

.profile-item .profile-content, .profile-item .profile-link {
    margin: 0!important;
}

.stepper.stepper-links .stepper-nav .stepper-item.current .stepper-title {
    color: var(--primary-color)!important;
}

.form-check.form-check-solid .form-check-input:checked, table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    background-color: var(--primary-color)!important;
}

.form-check.form-check-solid .form-check-input {
    background-color: transparent!important;
    border: .3px solid var(--primary-color)!important;
}

.dropzone {
    border: 1px dashed #FE5050!important;
    background-color: #FFF8F2!important;
}

#list_exam_schedule td, #list_exam_schedule th, #list_exam_schedule tr{
    text-align: center;
}
#list_exam_schedule thead tr, #list_exam_schedule tbody tr,#list_collections thead tr, #list_collections tbody tr {
    border-bottom: 1px solid #F8F7F8;
}
.select2-selection{
    min-height: 42px ;
}
.text-wrap{
    white-space:normal;
}

.toast.toast-success, .toast.toast-error {
    opacity: 1!important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
    background-color: var(--secondary-background)!important;
    color: var(--primary-color)!important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
    background-color: var(--primary-color)!important;
    color: #fff!important;
}

.menu-state-bg-light-primary .menu-item .menu-link:hover:not(.disabled):not(.active), .menu-state-bg-light-primary .menu-item.hover>.menu-link:not(.disabled):not(.active) {
    background-color: var(--secondary-background)!important;
    color: var(--primary-color)!important;
}

.btn-check:active+.btn.btn-active-light-primary, .btn-check:checked+.btn.btn-active-light-primary, .btn.btn-active-light-primary.active, .btn.btn-active-light-primary.show, .btn.btn-active-light-primary:active:not(.btn-active), .btn.btn-active-light-primary:focus:not(.btn-active), .btn.btn-active-light-primary:hover:not(.btn-active), .show>.btn.btn-active-light-primary {
   background-color: #fbebef;
}

.btn-check:active+.btn.btn-active-light-primary i, .btn-check:checked+.btn.btn-active-light-primary i, .btn.btn-active-light-primary.active i, .btn.btn-active-light-primary.show i, .btn.btn-active-light-primary:active:not(.btn-active) i, .btn.btn-active-light-primary:focus:not(.btn-active) i, .btn.btn-active-light-primary:hover:not(.btn-active) i, .show>.btn.btn-active-light-primary i, .menu-state-title-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title, .menu-state-title-primary .menu-item.hover>.menu-link:not(.disabled):not(.active) .menu-title, .menu-state-bullet-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-bullet .bullet, .menu-state-bullet-primary .menu-item.hover>.menu-link:not(.disabled):not(.active) .menu-bullet .bullet, .menu-state-icon-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon i, .menu-state-icon-primary .menu-item.hover>.menu-link:not(.disabled):not(.active) .menu-icon i {
    color: var(--primary-color)!important;
}

.menu-state-title-primary .menu-item.here>.menu-link, .menu-state-title-primary .menu-item.show>.menu-link {
    background-color: #fff8f2;
}

.btn-check:active+.btn.btn-primary, .btn-check:checked+.btn.btn-primary, .btn.btn-primary.active, .btn.btn-primary.show, .btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .show>.btn.btn-primary {
    color: #fff!important;
    background-color: #fb3838!important;
}

.border-primary {
    border-color: var(--primary-color)!important;
}

.page-item.active .page-link {
    background-color: #fe5050;
 }

.scrolltop {
    background-color: #FE5050!important;
}
.page-link:hover {
    color: #FE5050!important;
    background-color: #f9f2ed!important;
}

.text-hover-primary:hover {
    color: #FE5050 !important;
}

.div.dataTables_wrapper div.dataTables_processing {
    box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075) !important;
}