:root {
    --custom-main-color: #6aa787;
    --custom-main-color-light: #ddebde;
    --custom-main-color-dark: #495c53;
    --custom-main-color-very-dark: #252c25;

    --custom-bg-color: #495c53;
    --custom-bg-color-hover: #2c3e50;
    --custom-bg-color-active: #2c3e50;

    --custom-btn-bg-color: #6aa787;
    --custom-btn-bg-color-hover: #518168;
    --custom-btn-bg-color-active: #495c53;

    --custom-font-color-light: #fff;
    --custom-font-color-light-hover: #BCCEE4;
}

.leftside-menu {
    background: var(--custom-main-color-dark);
}

.side-nav .side-nav-link,
.side-nav-second-level li .side-nav-link,
.side-nav-second-level li a {
    color: var(--custom-font-color-light);
}

.side-nav .side-nav:hover,
.side-nav .menuitem-active .menuitem-active .active,
.side-nav .menuitem-active > a {
    color: var(--custom-font-color-light-hover);
}

.btn {
    border: var(--custom-btn-bg-color);
}

.btn-primary {
    background: var(--custom-btn-bg-color);
}

.btn-primary:hover {
    background: var(--custom-btn-bg-color-hover);
}

.btn-primary:active {
    background: var(--custom-btn-bg-color-active);
}

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

.text-bg-primary, .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--custom-main-color) !important;
}