:root {
    --primary-bg-color-custom: rgba(237,22,31,255);
    --primary-bg-hover-custom: #ed161f;
    --text-primary-custom: rgba(237,22,31,255);
    --bg-while-custom: #fff;
    --text-table: #7b8191;
    --primary-bg-color: rgba(237,22,31,255);
}

.table .btn-outline-primary,
.table .btn-danger,
.btn-primary:not(.login100-form-btn) {
    background-color: var(--primary-bg-color-custom) !important;
    border-color: var(--primary-bg-color-custom) !important;
}

.tabs-menu4 .nav a.active {
    background-color: var(--primary-bg-color-custom) !important;
}

.table .btn-outline-primary:hover,
.table .btn-danger:hover,
.btn-primary:hover:not(.login100-form-btn) {
    background-color: var(--bg-while-custom) !important;
    color: var(--text-primary-custom) !important;
    border-color: unset !important;
}

.table a:hover:not(.dropdown-item):not(.btn) {
    color: var(--text-primary-custom) !important;
}

.table .btn.btn-outline-primary:not(.dropdown-toggle):hover {
    background-color: var(--primary-bg-color-custom) !important;
}

.side-menu__item:focus .side-menu__icon,
.side-menu__item:focus .side-menu__label,
.side-menu__item:focus .i:before,
.side-menu__item:focus .i.numberCircle {
    color: #7b8191 !important;
}

.side-menu__item:hover,
.side-menu__item:hover i,
.side-menu__item:hover i:before,
.side-menu__item:hover .side-menu__icon,
.side-menu__item:hover .side-menu__label {
    color: var(--text-primary-custom) !important;
}

.side-menu__item.active i.numberCircle,
.slide.is-expanded i.numberCircle,
.side-menu__item:hover i.numberCircle {
    border-color: var(--text-primary-custom) !important;
}

.side-menu__item.active,
.side-menu__item.active i,
.side-menu__item.active i:before,
.side-menu__item.active .side-menu__icon,
.side-menu__item.active .side-menu__label {
    color: var(--text-primary-custom) !important;
}

.slide.is-expanded .side-menu__item,
.slide.is-expanded .side-menu__item i,
.slide.is-expanded .side-menu__item i::before,
.slide.is-expanded .side-menu__icon,
.slide.is-expanded .side-menu__label {
    color: var(--text-primary-custom) !important;
}

.slide-menu.open>li>a:hover,
.slide-menu.open>li>a:focus,
.slide-menu.open>li>a.slide-item:hover::before,
.slide-menu.open>li>a.slide-item:focus::before {
    color: var(--text-primary-custom) !important;
}

.app.horizontal .slide-item.active:before,
.slide-menu a.active {
    color: var(--text-primary-custom) !important;
}

/*btn action in table*/
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.table .btn-outline-primary.dropdown-toggle {
    background-color: var(--primary-bg-color-custom) !important;
    color: var(--bg-while-custom) !important;
}

.table .btn-outline-primary:hover {
    background-color: var(--bg-while-custom) !important;
    color: var(--text-primary-custom) !important;
    border-color: unset !important;
}

.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    background-color: var(--bg-while-custom) !important;
    color: var(--text-primary-custom) !important;
    border-color: unset !important;
}

/*pagination*/
.page-item.active .page-link {
    color: #fff;
    background-color: var(--primary-bg-color-custom) !important;
}
.page-link:hover {
    background-color: var(--primary-bg-color-custom) !important;
}

/* dropdown */
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: var(--text-primary-custom) !important;
    background-color: var(--bg-while-custom) !important;
}
.add_new_item {
    color: var(--text-table) !important;
}

/*profile header*/
.profile-1 .dropdown-item:hover,
.profile-1 .dropdown-item:hover svg,
#profile-heading:hover,
#profile-heading:hover i,
.add_new_item:hover {
    color: var(--text-primary-custom) !important;
    fill: var(--text-primary-custom) !important;
}
.table a:not(.dropdown-item):not(.text-white) {
    color: var(--text-table) !important;
}