:root {
    --menu-gray: #cecece;
}

/* Datatable */
#kt_content > div.kt-container.kt-container--fluid.kt-grid__item.kt-grid__item--fluid > div > div > div > div.kt-portlet__head.kt-portlet__head--lg,
/* Buttons */
.btn-brand,
.btn-outline-brand:hover,
.btn-primary,
.btn-outline-primary:hover,
.btn-label:hover,
.kt-bg-brand,
.kt-bg-primary,
#add_left_option:hover,
.btn-outline-brand:active,
.btn-outline-primary:active,
.kt-switch > label > input[type=checkbox]:checked + span:after,
#kt_avatar > label:hover,
body > div.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top > div.datepicker-days > table > tbody > tr > td.active.day,
.kt-badge--brand,
.bg-brand,
.kt-badge--primary,
.bg-primary,
#kt_content > div.kt-container.kt-container--fluid.kt-grid__item.kt-grid__item--fluid > div > div> div > div > div > div > div.dropdown.show > div > a:active,
.kt-user-card,
.kt-datatable > .kt-datatable__pager > .kt-datatable__pager-nav > li > .kt-datatable__pager-link.kt-datatable__pager-link--active,
.kt-subheader__btn-primary:hover
{
    background-color: var(--main-color) !important;
}

.kt-subheader__btn-primary:hover > .kt-svg-icon g [fill] {
    fill: #fff !important;
}

.kt-badge.kt-badge--gray {
    background-color: var(--gray) !important;
    color: white !important;
}


.kt-svg-icon g [fill],
.kt-svg-icon.kt-svg-icon--brand g [fill],
.kt-svg-icon.kt-svg-icon--primary g [fill] {
    fill: var(--main-color) !important;
}

.kt-svg-icon.kt-svg-icon--gray g [fill] {
    fill: var(--menu-gray) !important;
}

.kt-head.kt-head--skin-dark .nav.nav-tabs-line .nav-item .nav-link:hover, .kt-head.kt-head--skin-dark .nav.nav-tabs-line .nav-item .nav-link.active {
    font-weight: bold;
}

.btn-outline-brand:hover,
.btn-brand:hover,
.btn-outline-primary:hover,
.btn-primary:hover,
.kt-head.kt-head--skin-dark .nav.nav-tabs-line .nav-item .nav-link,
.kt-datatable > .kt-datatable__pager > .kt-datatable__pager-nav > li > .kt-datatable__pager-link.kt-datatable__pager-link--active,
.kt-subheader__btn-primary:hover
{
    color: #fff !important;
}

/* Buttons */
.btn-brand,
.btn-outline-brand,
.btn-primary,
.btn-outline-primary {
    border-color: var(--main-color) !important;
}

.text-brand,
.kt-font-brand,
.text-primary,
.kt-font-primary,
.btn.btn-label,
.btn-outline-brand,
.btn-outline-primary,
.kt-badge.kt-badge--unified-brand,
.kt-userpic.kt-userpic--brand span,
.kt-badge.kt-badge--unified-primary,
.kt-userpic.kt-userpic--primary span,
a:hover,
.kt-subheader .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-link.kt-subheader__breadcrumbs-link--active,
.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-title,
/* begin: Header */
.kt-header__topbar .kt-header__topbar-item:hover .kt-header__topbar-icon i, .kt-header__topbar .kt-header__topbar-item.show .kt-header__topbar-icon i,
.kt-header-menu .kt-menu__nav > .kt-menu__item .kt-menu__link .kt-menu__link-icon,
/* begin: Aside */
.kt-aside-menu .kt-menu__nav>.kt-menu__item.kt-menu__item--active>.kt-menu__heading .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav>.kt-menu__item.kt-menu__item--active>.kt-menu__link .kt-menu__link-icon,
.kt-aside-menu .kt-menu__nav>.kt-menu__item.kt-menu__item--active>.kt-menu__heading .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav>.kt-menu__item.kt-menu__item--active>.kt-menu__link .kt-menu__link-text,
.kt-aside-menu .kt-menu__nav>.kt-menu__item:hover>.kt-menu__link .kt-menu__link-text,
.kt-aside-menu .kt-menu__nav>.kt-menu__item:hover>.kt-menu__link .kt-menu__link-icon,
/* Datatable */
.kt-datatable > .kt-datatable__table > .kt-datatable__head .kt-datatable__row > .kt-datatable__cell > span > i,
.kt-datatable > .kt-datatable__pager > .kt-datatable__pager-nav > li > .kt-datatable__pager-link,
.kt-datatable > .kt-datatable__table > .kt-datatable__body .kt-datatable__toggle-detail i,
.kt-aside__brand .kt-aside__brand-tools .kt-aside__brand-aside-toggler,
.kt-aside__primary .kt-aside__primary-tools .kt-aside__primary-aside-toggler
{
    color: var(--main-color) !important;
}

.kt-userpic.kt-userpic--brand span,
.kt-userpic.kt-userpic--primary span,
.btn.btn-label
{
    background-color: var(--light) !important;
}

.btn.btn-clean {
    color: var(--primary-clarity) !important;
}

.kt-aside-menu .kt-menu__nav>.kt-menu__item.kt-menu__item--active>.kt-menu__heading .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav>.kt-menu__item.kt-menu__item--active>.kt-menu__link,
.kt-aside-menu .kt-menu__nav>.kt-menu__item:hover>.kt-menu__link,
.kt-badge.kt-badge--unified-brand,
.kt-badge.kt-badge--unified-primary,
.dropdown-menu > li > a, .dropdown-menu > .dropdown-item:active {
    background-color: var(--primary-clarity) !important;
}

.kt-aside-menu .kt-menu__nav>.kt-menu__item>.kt-menu__link .kt-menu__link-text,
.kt-aside-menu .kt-menu__nav>.kt-menu__item>.kt-menu__link .kt-menu__link-icon
{
    color: var(--menu-gray) !important;
}

.kt-aside-menu .kt-menu__nav>.kt-menu__item>.kt-menu__link .kt-menu__link-text
{
    color: var(--gray) !important;
}

.kt-datatable > .kt-datatable__table > .kt-datatable__head .kt-datatable__row > .kt-datatable__cell > span, .kt-datatable > .kt-datatable__table > .kt-datatable__foot .kt-datatable__row > .kt-datatable__cell > span {
    color: var(--menu-gray) !important;
    font-weight: bold;
}

.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active, .nav-tabs.nav-tabs-line a.nav-link:hover, .nav-tabs.nav-tabs-line a.nav-link.active {
    border-bottom-color: var(--primary-clarity) !important;
}

/* Buttons */
.code {
    word-wrap: break-word !important;
    padding: 15px;
    overflow-x: scroll;
}

.kt-datatable--primary .kt-datatable__pager .kt-datatable__pager-info .kt-datatable__pager-size button {
    background-color: var(--primary-clarity) !important;
    color: #000000 !important;
}

.kt-datatable--primary .kt-datatable__pager .kt-datatable__pager-info .kt-datatable__pager-size button:hover, .kt-datatable--primary .kt-datatable__pager .kt-datatable__pager-info .kt-datatable__pager-size.dropdown-menu:hover {
    background-color: var(--primary) !important;
}