* {
     font-family: 'Fredoka', 'Arial Rounded MT Bold', sans-serif !important;
     font-weight: 100;
}
nav.nav-deep-dark .nav-item > a.nav-link {
    color: #ffffff;
    font-weight: 500;
}

body.layout-admin {
    background-color: #eef7fc;
}
.aside-primary {
    color: #ffffff;
        /* background: linear-gradient(180deg, #00b2e2 0%, #00446b 15% ); */
    background-color: #53ba5a;

}
#header.header-match-aside-primary {
    background-color: #53ba5a;
}

.bg-primary{
    background-color: #53ba5a !important;
}

.text-primary{
    color: #53ba5a !important;
}

.btn-light-blue {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00b2e2;
    --bs-btn-border-color: #00b2e2;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00b2e2;
    --bs-btn-hover-border-color: #00b2e2;
    --bs-btn-focus-shadow-rgb: 18, 85, 247; /* RGB of #00446b */
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00b2e2;
    --bs-btn-active-border-color: #00b2e2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00b2e2;
    --bs-btn-disabled-border-color: #00b2e2;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #53ba5a;
    --bs-btn-border-color: #53ba5a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #53ba5a;
    --bs-btn-hover-border-color: #53ba5a;
    --bs-btn-focus-shadow-rgb: 83, 186, 90; /* RGB of #53ba5a */
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #53ba5a;
    --bs-btn-active-border-color: #53ba5a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #53ba5a;
    --bs-btn-disabled-border-color: #53ba5a;
}

.btn-outline-primary {
    --bs-btn-color: #53ba5a;
    --bs-btn-border-color: #53ba5a;

    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #53ba5a; /* darker hover shade */
    --bs-btn-hover-border-color: #53ba5a;

    --bs-btn-focus-shadow-rgb: 83, 186, 90; /* RGB of #53ba5a */

    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #53ba5a; /* darker active state */
    --bs-btn-active-border-color: #53ba5a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    --bs-btn-disabled-color: #53ba5a;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #53ba5a;

    --bs-gradient: none;
}

a:hover,
a:focus,
a:active,
.nav-link:hover,
.nav-link:focus,
.nav-link:active,
.nav-item:hover,
.nav-item:focus,
.nav-item:active,
.nav-item > a:hover,
.nav-item > a:focus,
.nav-item > a:active {
    color: #53ba5a !important;
}

.navbar-light .navbar-nav .nav-item:hover > .nav-link, .navbar-light .navbar-nav .nav-link[aria-expanded="true"] {
    color: #53ba5a !important;
}