/********** Template CSS **********/
:root {
     --m-primary: #2816EE;
     --m-secondary: #191C24;
     --sec-bg: #F5F6FA;
     --black: #000000;
     --hover-bg:#1E1450;
     --t-color:#465078;
     --l-border: #E9ECEF;
     --btn-border:#D6D7E0;
     --bg-light:#E9ECEF;
     --bg-white: #FFFFFF;
     --t-white: #FFFFFF;
     --l-gray:#444;
}
body, .content{
     background-color: var(--bg-white);
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
     color: var(--t-color);
 }
.text-primary {
     color:var(--m-primary)  !important;
}
.bg-secondary {
     background-color: var(--bg-white) !important;
     box-shadow: 0 0.15rem 1.75rem 0 rgba(58,59,69,.15) !important;
     border: 1px solid #e3e6f0;
}
.rounded {
     border-radius: 7px !important;
}
a, 
.content .navbar .navbar-nav .nav-link:hover, 
.content .navbar .navbar-nav .nav-link.active 
{
     color:var(--m-primary);
}
 .btn-primary,
 .btn-info:hover {
     color: #fff;
     background-color: var(--m-primary);
     border-color: var(--m-primary);
 }
.sidebar .navbar .navbar-nav .nav-link:hover i, 
.sidebar .navbar .navbar-nav .nav-link.active i, 
.sidebar,
.sidebar .navbar{
     background: var(--m-primary) !important;
}
.btn-primary:hover {
     color: #fff;
     background-color:var(--hover-bg);
     border-color:var(--hover-bg);
}
.border-bottom {
     border-bottom: 1px solid var(--l-border) !important;
}
.sidebar .navbar {
     border: 0 !important;
     box-shadow: none !important;
}
.sidebar .navbar .navbar-nav .nav-link {
     border-left: 3px solid var(--m-primary);
}
.sidebar .navbar .navbar-nav .nav-link i {
     background: var(--m-primary);
     color: var(--t-white);
}

/* Exam Configuration module Css start */
.sidebar .navbar .navbar-nav .nav-link button{
     color: var(--t-white) !important;
}
.sidebar .navbar .navbar-nav .nav-link button:focus {
     border: 0px;
     outline: none;
     box-shadow: none;
}
.sidebar .navbar .navbar-nav .nav-link:hover button {
     color: var(--m-primary) !important;
}

.nav-item.nav-link #exam-config-collapse a,
.nav-item.nav-link #exam-config-collapse {
    color: var(--t-white) !important;
    font-size: 16px;
}
.nav-item.nav-link:hover #exam-config-collapse a,
.nav-item.nav-link:hover #exam-config-collapse {
     color: var(--m-primary) !important;
}
.nav-item.nav-link #exam-config-collapse li:hover,
.nav-item.nav-link #exam-config-collapse li:hover a
{
     background-color: var(--m-primary) !important;
     color: var(--t-white) !important;
}
.nav-item.nav-link #exam-config-collapse li:has(a.active)
{
     background-color: var(--m-primary);
     color: var(--t-white);
}
.nav-item.nav-link:hover #exam-config-collapse li a.active
{
     color: var(--t-white) !important;
}

#exam-sections-nav-tab {
     border-bottom-color: #dee2e6;
}
#exam-sections-nav-tab a {
     background: 0 0;
     border: 1px solid transparent;
     border-top-left-radius: .25rem;
     border-top-right-radius: .25rem;
     color: var(--m-primary);
}
#exam-sections-nav-tab a.active {
     border-color: #dee2e6 #dee2e6 #fff;
     color: var(--l-gray);
}
/* Exam Configuration module Css end */

.bg-dark {
     background-color: var(--bg-light) !important;
}
.content .navbar .sidebar-toggler, .content .navbar .navbar-nav .nav-link i {
     background: var(--bg-light);
     color: var(--l-gray);
}
.content .navbar .sidebar-toggler:hover{
     background: #D6D7E0;
}
.rounded-circle {
     object-fit: cover;
}
.text-white {
     color: #444 !important;
}
.content .navbar .dropdown-item:hover, .content .navbar .dropdown-item.active {
background: var(--dark);
}
.form-control:focus,
.form-check-input:focus {
box-shadow: 0 0 0 0.25rem rgba(40,22,238,0.25);
}
 a:hover {
     color: var(--hover-bg);
 }
 .content .navbar .dropdown-item:hover, .content .navbar .dropdown-item.active {
     background: var(--bg-light);
 }
 nav.navbar.navbar-expand{
     border: 0 !important;
 }
 .dropdown .dropdown-menu{
     box-shadow: 0 0.15rem 1.75rem 0 rgba(58,59,69,.15) !important;
     border: 1px solid #e3e6f0 !important;
     border-radius: 7px !important;
 }
 .form-check-input {
     background-color: var(--bg-light);
 }
 .form-check-input:checked {
     background-color: var(--m-primary);
     border-color: var(--m-primary);
 }

 .btn-primary:active:focus,
 .btn-primary:hover,
 .btn-primary:active,
 .btn-check:focus+.btn-primary, .btn-primary:focus{
     box-shadow: 0 0 0 0.25rem rgba(40,22,238,0.25) !important;
     background-color: var(--hover-bg) !important;
     border-color: var(--m-primary) !important;
 }

 .btn-info {
     background-color: var(--bg-light);
     border-color: var(--btn-border);
 }

 .btn-check:focus+.btn-info, .btn-info:focus {
     background-color: var(--m-primary);
     border-color: var(--m-primary);
     color: #fff;
     box-shadow: 0 0 0 0.25rem rgba(40,22,238,0.5) !important;
 }
 .form-control,
 .form-select {
     background-color: var(--sec-bg);
     border-color: var(--bg-light);
     font-size: 1rem;;
 }
 .form-control:focus,
 .form-select:focus {
     color: var(--t-color);
     background-color: var(--bg-white) !important;
     border-color: var(--m-primary) !important;
     outline: 0;
     box-shadow: 0 0 0 0.25rem rgba(40,22,238,0.25);
 }
 .datepicker.datepicker-dropdown.dropdown-menu .datepicker-days{
     display: block !important;
 }
 .sidebar .navbar-nav .nav-link{
     background-color: #5345F1;
     color: var(--t-white) !important;
     border-radius: 7px !important;
     margin-bottom: 7px !important;
     padding: 5px 10px !important;
     border-left: 0 !important;
 }
 .sidebar .navbar-nav .nav-link:hover,
 .sidebar .navbar-nav .nav-link.active{
     background-color:var(--bg-white) !important;
     color: var(--m-primary) !important;
 }
 .profile-block .text-white{
     color: var(--t-white) !important;
 }
 .btn-check:focus+.btn, .btn:focus {
     outline: 0;
     box-shadow: 0 0 0 0.25rem rgba(40,22,238,0.25);
 }
.close.btn.btn-success.rounded-circle,
.close.btn.btn-danger.rounded-circle{
     width: 25px;
     height: 25px;
     padding: 0;
     line-height: 1.3;
}
.form-check-input:focus {
     border-color: rgba(40,22,238,0.5) !important;
}
.sign_in_logo{
     padding: 10px;
     background-color: #2b80ff;
}

.primary-title{
     font-size: 38px;
     font-weight: 600;
     color:#312D42;
     margin-bottom: 25px;
}
.box-title{
     color: #6B7393;
     font-size: 24px;
     font-weight: 600;
     margin-bottom: 17px;
}
.btn-outline-secondary{
     border: 1px solid #00000026 !important;
     border-radius: 8px !important;
     color: #312D42 !important;
}
.btn-outline-secondary:hover{
     background-color: var(--m-primary) !important;
     color: var(--t-white) !important;
     border-color: var(--m-primary) !important;
}
.sessions-info .after_border{
     position: relative;
     padding-right: 24px;
     margin-right: 24px;
     min-width: 90px;
}
.sessions-info .after_border:after{
     content: '';
     width: 3px;
     background-color: var(--m-primary);
     border-radius: 10px;
     height: 100%;
     position: absolute;
     right: 0;
     top: 0;
}
.sessions-info .title{
     font-weight: 600;
     color: #312D42;
     margin-bottom: 7px;
}
.upc-interview .bi{
     color: #A9A2F8;
}
.upc-interview strong{
     color: #312D42;
}
.session-rate .rates .title,
.session-details .title{
     font-size: 14px;
     font-weight: 600;
     color: #465078;
}

.primary-button{
     background-color: var(--m-primary);
     border:1px solid var(--m-primary);
     border-radius: 8px;
     padding: 7px 16px;
     color: var(--t-white);
}
.tabs .nav-pills{
     padding-bottom: 13px;
}
.tabs .nav-pills .nav-item .nav-link {
     color: #000000 !important;
     margin-right: 10px;
     border: 1px solid #ccc;
}
.tabs .nav-pills .nav-item .nav-link:hover,
.tabs .nav-pills .nav-item .nav-link.active{
     background-color: var(--m-primary) !important;
     color: var(--t-white) !important;
}

.download-link{
     color: var(--t-white) !important;
     margin-right: 10px;
     border: 1px solid #ccc;
     background-color: var(--m-primary) !important;
}

span.story-content {
     background-color: #e9ecef;
     opacity: 1;
     display: block;
     margin-left: 0;
     min-height: auto;
     width: 100%;
     padding: 0.375rem 0.75rem;
     border-radius: 5px;
     margin: 10px 0;
     max-height: 100vh;
     overflow: auto;
 }
 .badge.bg-dark{
     background-color: #444 !important;
 }
 .manage-slots-week .badge{
     font-size: 16px;
 }

 .select2 .select2-selection.select2-selection--multiple {
     background-color: var(--sec-bg);
     border-color: var(--bg-light);
 }
 .select2.select2-container .select2-selection.select2-selection--multiple{
     min-height: 38px;
 }
  
 span.select2-container.select2-container--default.select2-container--open {
     z-index:9999;
}

.base-green, .base-red{
    color: green;
    background-color: #00800029;
    padding: 3px 5px;
    font-size: 14px;
}
.base-red{
    color: red;
    background-color: #ff000017;
}