:root {
    --button-default: #59C1D5;
    --button-active: #4A365B;
    --link-color-default: #4A365B;
    --link-color-hover: #F28C60;
    --link-color-active: #FFF;
    --border-color-active: #4A365B;
    --bg-color-hover: #FFF;
    --bg-color-main: #EDE8F0;
    --bc-color: #59C1D5;
}


body[data-layout="nomenu"] a {
    color: var(--link-color-active);
}

.btn-primary, .btn-primary:disabled, body[data-layout="nomenu"] .btn-primary
{
    background-color: var(--button-default);
    border-color: var(--button-default);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
body[data-layout="nomenu"] .btn-primary:hover,
body[data-layout="nomenu"] .btn-primary:focus,
body[data-layout="nomenu"] .btn-primary:active {
    background-color: var(--button-active);
    border-color: var(--button-active);
}

body, .navbar-glass, .navbar-vertical .navbar-collapse {
    background-color: var(--bg-color-main);
}

.navbar-light .navbar-nav  .nav-link {
    color: var(--link-color-default);
}

.navbar-light .navbar-nav  .nav-link:hover {
    color: var(--link-color-hover);
    background-color: var(--bg-color-hover);
    border-radius: 4px;
}

.navbar-vertical.navbar-light .navbar-nav .nav-link:hover {
    color: var(--bc-color);
}

.navbar-light .navbar-nav  .nav-link.active {
    color: var(--link-color-active);
    background-color: var(--border-color-active);
    border-radius: 4px;
}

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .active > .nav-link:hover {
    color: var(--link-color-active);
    background-color: var(--bc-color);
    border-radius: 4px;
}

.breadcrumb a, .breadcrumb a:hover {
    color: var(--bc-color);
}

div.col-lg-9:has([data-css="logo-container"]) {
    @media (min-width: 992px) {
        min-width: 372px;
    }
}

.fancy-tab .nav-bar .tab-indicator {
    background-color: var(--button-active);
}

.fancy-tab .nav-bar .nav-bar-item.active {
    color: var(--button-active);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--button-active);
}

.tab-contents .nav-link {
    color: var(--button-active);
}

ul[role="tablist"] li a {
    color: #4A365B;
}

ul[role="tablist"] li a.active {
    background-color: inherit !important;
    border-bottom: 4px solid #59C1D5 !important;
    color: #59C1D5 !important;
    border-radius: 0 !important;
}