:root {
    --primary-color: #010101;
    --primary-color-hover: #d4691f;
    --heading-color: #010101;
    --switch-on-color: #48ad36;
    --switch-off-color: #a8a8a8;
    --slider-color: #010101;
}

/* HEADERCOLOR */
.datepicker td.active, .datepicker td.active:hover {
    background-color: var(--primary-color) !important;
}

.datepicker td span.active {
    background-color: var(--primary-color) !important;
}

.panel-default > .panel-heading {
    background-color: var(--heading-color) !important;
}

.prev, .next, .dow {
    color: var(--primary-color) !important;
}

    .prev:hover, .next:hover, .datepicker-switch:hover {
        color: var(--primary-color) !important;
    }

.datepicker-switch {
    color: var(--primary-color) !important;
}

.day:hover {
    color: var(--primary-color-hover) !important;
}

.active.day {
    background-color: var(--primary-color) !important;
}

/* SLIDERCOLOR */
.slider-handle {
    background-color: var(--primary-color) !important;
}

/* BUTTONCOLOR */
.btn-primary, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: var(--primary-color);
}

.btn-default, .btn-default:active, .btn-default:after, .btn-default:focus {
    background-color: var(--primary-color);
}

.btn-primary, .btn-primary:focus, .btn-primary:active, .open .dropdown-toggle.btn-primary, .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background: var(--primary-color);
}

.btn-circle, .btn-circle:hover, .btn-circle:focus, .btn-circle:active {
    color: var(--primary-color) !important;
}

/* BUTTONHOVERCOLOR */
.btn-primary:hover, .btn.btn-default:hover {
    background-color: var(--primary-color-hover) !important;
    border-color: var(--primary-color-hover) !important;
}

/* SWITCHONCOLOR */
.onoffswitch-inner:before {
    background-color: var(--switch-on-color) !important;
}

/* SWITCHOFFCOLOR */
.onoffswitch-inner:after {
    background-color: var(--switch-off-color) !important;
}

.onoffswitch-switch {
    background: var(--switch-off-color) !important;
}