&{
    color: $body-color;
    background-color: $body-bg !important;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    color: $body-color;
}
.border {
    border-color: $border-color !important;
}
.border-bottom {
    border-color: $border-color !important;
}
.datepicker-picker {
    background-color: $card-bg;
    .datepicker-title {
        background-color: $card-bg;
    }
    .datepicker-controls {
        .button {
            background-color: $card-bg;
            color: $body-color;
        }
    }
}
thead, tbody, tfoot, tr, td, th {
    border-color: $border-color;
    color: $body-color;
}
.offcanvas {
    background-color: $card-bg;
    color: $body-color;
}
button {
    &.close-btn-res {
        color: $light;
    }
}
hr.hr-horizontal{
    background-image: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent)
}
hr.hr-vertial {
    background-image: linear-gradient(180deg, transparent, rgba(255,255,255,0.4), transparent)
}