/*
 *  Theme-Template version 8.0.0
 */
/*** Custom theme colors ***/
:root {
    --kbs-theme-color-accent: #ffc904;
    --kbs-theme-color-accent--rgb: 255, 201, 4;
    --kbs-theme-color-primary: #11416e;
    --kbs-theme-color-primary--rgb: 17, 65, 110;
    --kbs-theme-color-dark: #030d16;
    --kbs-theme-color-black: #0f0f0f;
}

/*** overridden theme CSS ***/
a {
    color: var(--kbs-theme-color-primary);
}
a:hover {
    color: var(--kbs-theme-color-accent);
}

.btn-primary {
    border-color: var(--kbs-theme-color-primary) !important;
    background-color: var(--kbs-theme-color-primary) !important;
    color: #fff !important;
}
.btn-primary:focus, .btn-primary:active, .btn-primary.active {
    color: #fff;
    background-color: var(--kbs-theme-color-primary) !important;
}
.btn-primary:hover:not(.disabled):not(:disabled) {
    box-shadow: rgb(var(--kbs-theme-color-primary-hex)) 0px 8px 25px -8px;
}

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

.form-check-input:focus {
    border-color: var(--kbs-theme-color-accent);
    box-shadow: 0 2px 4px 0 rgba(var(--kbs-theme-color-accent--rgb), 0.4);
}
.form-check-input:checked {
    background-color: var(--kbs-theme-color-accent);
    border-color: var(--kbs-theme-color-accent);
}
.form-check-input:not(:disabled):checked {
    box-shadow: 0 2px 4px 0 rgba(var(--kbs-theme-color-accent--rgb), 0.4);
}


.semi-dark-layout .main-menu,
.semi-dark-layout .main-menu-content .navigation-main,
.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content,
.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content li:not(.active) a {
    background-color: var(--kbs-theme-color-primary);
}
.dark-layout .main-menu,
.dark-layout .main-menu-content .navigation-main,
.dark-layout .main-menu-content .navigation-main .nav-item .menu-content,
.dark-layout .main-menu-content .navigation-main .nav-item .menu-content li:not(.active) a {
    background-color: var(--kbs-theme-color-dark);
}
.main-menu.menu-dark .navigation>li.active>a,
.main-menu.menu-light .navigation>li.active>a,
.main-menu.menu-dark .navigation>li ul .active,
.main-menu.menu-light .navigation>li ul .active {
    background: linear-gradient(118deg, var(--kbs-theme-color-accent), rgba(var(--kbs-theme-color-accent--rgb), 0.7));
    box-shadow: 0 0 10px 1px rgba(var(--kbs-theme-color-accent--rgb), 0.7);
}
.main-menu.menu-light .navigation>li.open:not(.menu-item-closing)>a,
.semi-dark-layout .main-menu:not(.expanded) .navigation .sidebar-group-active>a,
.main-menu.menu-light .navigation>li.sidebar-group-active>a {
    background-color: var(--kbs-theme-color-dark) !important;
}
.main-menu.menu-dark .navigation>li.open:not(.menu-item-closing)>a,
.dark-layout .main-menu.menu-dark .navigation>li.open:not(.menu-item-closing)>a,
.main-menu.menu-dark .navigation>li.sidebar-group-active>a {
    background-color: var(--kbs-theme-color-primary) !important;
}
.dark-layout .form-floating input.form-control::placeholder,
.dark-layout .form-floating select.form-select::placeholder,
.dark-layout .form-floating textarea.form-control::placeholder {
    color: transparent;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dark-layout .dropdown-menu .dropdown-item:hover,
.dark-layout .dropdown-menu .dropdown-item:focus {
    color: var(--kbs-theme-color-primary);
    background-color: rgba(var(--kbs-theme-color-primary--rgb), 0.12);
}
.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    background-color: var(--kbs-theme-color-primary);
}

.main-menu .navbar-header .navbar-brand .brand-logo img {
    max-width: 100%;
}
.main-menu .navbar-header {
    height: 6rem;
}
.main-menu .main-menu-content {
    height: calc(100% - 6rem) !important;
}

/*** custom styles ***/
.auth-wrapper .auth-cover-bg {
    background-color: var(--kbs-theme-color-primary);
}
.text-accent {
    color: var(--kbs-theme-color-accent) !important;
}