:root, html {
    --primary-color: #30368d;
    --primary-hover-color: #edf5ff;
    /* --secondary-color: #a7bc37; */
    --secondary-color: #84a536;
    --bs-body-font-size: 16px;
    /* --bs-body-color: #070707; */
    /* --bs-body-color: #202020; */
    --bs-body-color: #1f1f1f;
    --body-color: var(--bs-body-color);
    --bs-dropdown-link-active-bg: #30368d !important; 
    --bs-dropdown-link-hover-color: #edf5ff !important;
    --bs-btn-color:var(--bs-body-color);
    --body-bg : #edf0f6;
    /* --body-bg : #f6faff; */
    --light-blue-bg: var(--body-bg);
    --text-muted: #747474;
    /* --light-gray : #c6c6c6; */
    --light-gray : #e6e6e6;
    /* --text-muted: #3f3f3f; */
}

body {
    padding: 0px;
    margin: 0px;
    font-family: "Inter", sans-serif;
    /* font-family: "Rubik", sans-serif; */
    /* font-family: "Rubik", serif; */
    font-weight: 400;
    background-color: var(--body-bg);
}
small, .small {
   font-size:  0.835rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "DM Sans", sans-serif;
}

.fw-bold {
    font-weight: 600 !important;
}

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

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

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

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

button {
    border: 0px;
    background-color: transparent;
    white-space: nowrap;
    transition: 03s ease;
}
.btn {
    color: var(--bs-body-color);
    font-weight: 400;    
}
.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color);
    color: white;
}
.btn:hover {
    border-color: unset;
}

.btn-primary:hover {
    border-color: var(--primary-color);
    background-color: #252a6a !important;
}

.btn-secondary {
    background-color: #84a536 !important;
    border-color: #84a536;
    color: white ;
}
.btn-secondary:hover {
    background-color: #a7bc37 !important;
    border-color: #a7bc37;
    color: white ;
}

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

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

.btn-outline-white {
    background-color: transparent !important;
    border: 1.5px solid white;
}

.btn-rounded {
    border-radius: 36px;
}

.modal-backdrop {
    --bs-backdrop-opacity: 0.8;
}

p {
    margin-bottom: 5px !important;
    color: var(--bs-body-color);
}

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

.text-dark {
    color: var(--bs-body-color);
}

.background-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.dropdown-item {
    color: var(--bs-body-color);
}
.dropdown-item:hover  {
    color: var(--primary-color);
    background-color: var(--primary-hover-color);
}
.dropdown-item:focus{
    color: white;
    background-color: var(--primary-color);
}

.dropdown-header {
    color: var(--bs-body-color) !important;
}
.dropdown-divider {
    height: 0;
    margin:0.5rem auto;
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    opacity: 1;
}
.text-body {
    color: var(--bs-body-color) !important;
}

.form-select {
    color: var(--bs-body-color);
}
.sidebar-header h5 {
    margin-bottom: 8px ;
} 

.sidebar-header small {
    margin-bottom: 4px;
    word-break: break-all;
} 
.border-bottom {
    border-bottom: 1px solid #b7b7b7 !important;
}

.main-logo .app-title {
    color: var(--primary-color) !important;
}
.main-logo a:hover img,
.main-logo a:hover .app-title {
    /* filter: drop-shadow(0 0 8px rgba(50, 56, 137, 0.8)); */
    filter: drop-shadow(0 0 8px rgba(112, 117, 185, 0.8));    
    transition: all 0.3s ease-in-out;
}

.main-logo a img,
.main-logo a .app-title {
    transition: all 0.3s ease-in-out;
}

.bg-label-primary{
   background-color: #dce5f6 !important
}


/* Start main programs badge  */
.badge {
    padding: 4px 6px !important;
    align-items: center;
    font-weight: 500;
    text-transform: uppercase;
}
.badge-all-bachelors {
    background-color: #e1ebfe !important;
    color: #1c2488;
}
.badge-bba {
    color: #f6932e;
     background-color: #FFF1E2;
}
.badge-bba-finance {
    color: #7a9140;
      background-color: #F1F4E6;
}
.badge-bcsit {
    color: #55b2ce;
    background-color: #E7F4F8;
}
.badge-all-masters {
    color: #30368d;
    background-color: #E6E8F5;  
}
.badge-mba {
    color: #EB008B;
    background-color: #FFE3F1;
}
.badge-mbae {
    color: #8843D7;
    background-color: #EEE6FA;
}
.badge-emba {
    color: #EF5B71;
    background-color: #FFE6EA;
}
.badge-all-alevels {
    color: #802ca6ff;
    background-color: #9d84c4ff;
}
.badge-alevels {
    color: #1a6923ff;
    background-color: #b6e3cdff;
}
/* END main programs badge  */



.text-truncate {
  display: block;
  }
.text-truncate-2line {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: unset !important;
}

.text-bg-success{
    background-color: rgb(57 129 89) !important; 
}

.disabled {
    pointer-events: none !important;
    opacity: 0.5 !important;
}
.menu-vertical .menu-inner > .menu-item {
    /* margin-bottom: 6px; */
}
@media screen and (max-width:576px) {
    .menu-vertical {
      width: 19rem;
    }   
    .menu-vertical, .menu-vertical .menu-block, .menu-vertical .menu-inner > .menu-item, .menu-vertical .menu-inner > .menu-header{
        width: 18.25rem;
    }
}
@media (max-width: 1199.98px) {
    .layout-navbar .dropdown-menu {
        position: absolute !important;
    }
}
.app-overlay {
    z-index: 2 !important;
}

.count-center{
    text-align: center;
}

.avatar img {
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center;
}