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

.bg-primary-BIG9 {
    background-color: var(--secondary) !important;
}

/*for reports*/
.paginate_button {
    background-color: var(--primary) !important;
    color: #ffffff !important;
    padding: 10px;
    border-radius: 5px;
    margin: 10px;
}

/*for reports*/
.btn-outline-info {
    outline: none;
    border: none;
    background-color: var(--secondary) !important;
    color: #ffffff;
}

.btn-primary {
    background-color: var(--primary) !important;
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.btn-primary:active {
    outline: none !important;
    border: none !important;
    box-shadow: none;
}

.btn-primary:focus {
    outline: none !important;
    border: none !important;
}

.btn-warning {
    outline-color: var(--primary) !important;
    background-color: var(--primary) !important;
}

.btn-warning:focus {
    outline: none !important;
    border: none !important;
}

.btn-success {
    background-color: var(--secondary) !important;
}

.btn-success:focus {
    outline: none !important;
    border: none !important;
}

.btn:focus {
    outline: none !important;
    border: none !important;
}

.btn-primary-0 {
    background-color: var(--primary) !important;
    color: #ffffff !important;
    outline: none !important;
}

.btn-primary-1 {
    background-color: var(--primary) !important;
    color: #ffffff;
    border: none !important;
    outline: none !important;
}

.btn-primary-1:hover {
    background-color: var(--primary) !important;
    color: #ffffff;
    border: none !important;
    outline: none !important;
}

.btn-primary-2 {
    background-color: var(--secondary) !important;
    color: #ffffff;
    outline: none !important;
}

.badge-primary{
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

div.user-avatar.sm {
    background-color: var(--secondary) !important;
}

.nk-menu-link:hover {
    color: var(--secondary) !important;
}

.is-light .nk-menu-link:hover {
    color: var(--secondary) !important;
}

.nk-menu-link:hover .nk-menu-icon {
    color: var(--secondary) !important;
}

.nk-menu-item.active>.nk-menu-link .nk-menu-icon {
    color: var(--secondary) !important;
}

.is-light .active>.nk-menu-link {
    color: var(--secondary) !important;
}

.active>.nk-menu-link {
    color: var(--secondary) !important;
}

.user-avatar,
[class^=user-avatar]:not([class*=-group]) {
    background: var(--secondary) !important;
}

.link-list a:hover {
    color: var(--secondary) !important;
}

.user-balance {
    color: var(--secondary) !important;
}

.link-list-menu a.active {
    color: var(--secondary) !important;
}

.link-list-menu a.active .icon{
    color: var(--secondary) !important;
}

a:hover {
    color: var(--secondary) !important;
}

a{
    color: var(--secondary);
}

.today.active.day {
    color: #ffffff;
}

.datepicker table tr td.active.active{
    background-color: var(--primary);
}

.datepicker table tr td.today{
    background-color: var(--secondary);
}

.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover{
    background-color: var(--secondary);
}

.datepicker table tr td span.focused{
    background-color: var(--primary);
}

.datepicker table tr td span.active.active{
    background-color: var(--secondary);
}

.datepicker table tr td span:hover{
    background-color: var(--secondary);
}

.datepicker tfoot {
    display: none;
}

.nav-link {
    color: var(--secondary) !important;
}

.link-primary{
    color: var(--secondary) !important;
}

.dark-mode .logo-img-small-dark {
    opacity: 0 !important;
}