.app-sidebar-primary, .app-sidebar {
    --kt-app-sidebar-primary-base-bg-color: var(--kt-app-sidebar-bg-color); /* Blue */
    --kt-app-sidebar-primary-base-bg-color-mobile: var(--kt-app-sidebar-bg-color); /* Blue */
    --kt-app-sidebar-base-bg-color-mobile: var(--kt-app-sidebar-bg-color); /* Blue */
}
.app-sidebar-primary .app-sidebar-menu .menu>.menu-item>.menu-link .menu-icon i {
    color: #293462; /* Darker Shade of Blue */
}

.text-primary-dark {
    --kt-text-primary: #293462; /* Darker Shade of Blue */
    --kt-text-primary-inverse: #FFFFFF; /* White */
}

.text-primary {
    --kt-text-primary: #00bee7; /* Bright Blue */,
    --kt-text-primary-inverse: #FFFFFF; /* White */
}

.btn-white{
    --kt-white: #FFFFFF; /* White */
}

.font-alternative{
    font-family: 'Merriweather', sans-serif;
}



.app-header {
    --kt-app-header-base-bg-color-mobile: var(--kt-app-sidebar-bg-color); /* Blue */
}
hr.hr-text::before{
    --kt-primary: #00bee7; /* Bright Blue */
}

.btn.btn-success {
    --kt-success: #28A745; /* Green */
    --kt-success-active: #218838; /* Darker Green */
}
.btn.btn-primary {
    --kt-primary: #00bee7; /* Bright Blue */
    color: #293462;
    --kt-primary-active: #00bee7; /* Darker Bright Blue */
}
.btn.btn-secondary {
    --kt-secondary: #686868; /* Gray */
    --kt-secondary-inverse:  #FFFFFF; /* White */
    --kt-secondary-active: #545B62; /* Darker Gray */
}
.btn.btn-warning {
    --kt-warning: #FFC107; /* Yellow */
    --kt-warning-active: #E0A800; /* Darker Yellow */
}
.btn.btn-danger {
    --kt-danger: #DC3545; /* Red */
    --kt-danger-active: #BD2130; /* Darker Red */
}

.btn.btn-blue{
    --bs-btn-bg: #4267B2; /* Bright Blue */
}



.btn-blue{
    --kt-primary: #00bee7; /* Bright Blue */
    --kt-primary-active: #00bee7; /* Darker Bright Blue */
}

.bg-login{
    --kt-app-blank-bg-color: #EFEFEF; /* Light Gray */
}

body, html, .app {
    font-family: 'Nunito', sans-serif;
}



body {
    font-size: 1rem;
}




i.bi{
    --kt-text-primary: #00bee7; /* Bright Blue */
}

a{
    --bs-link-color: #00bee7; /* Bright Blue */
}

a:hover{
    color: #293462; !important;
    /* Bright Blue */
}

a.text-primary-dark{
    --bs-link-color: #293462; /* Darker Shade of Blue */
}

.text-green{
    color: #3ffb43; /* Green */
}

.text-purple{
    color: #f930df; /* Green */
}

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

.btn.btn-white-primary:hover {
    background-color: var(--kt-primary);
    color: var(--kt-white);
}