:root {
    --bs-suncloud-primary: #0F295D;
    --bs-suncloud-primary-hover: #18B4FF;
    --bs-suncloud-red-allert: #C81655;
}

.btn.btn-primary {
    color: var(--bs-primary-inverse);
    border-color: var(--bs-suncloud-primary);
    background-color: var(--bs-suncloud-primary);
}

.btn-check:active + .btn.btn-active-secondary, .btn-check:checked + .btn.btn-active-secondary, .btn.btn-active-secondary.show, .btn.btn-active-secondary:active:not(.btn-active), .btn.btn-active-secondary:focus:not(.btn-active), .btn.btn-active-secondary:hover:not(.btn-active), .show > .btn.btn-active-secondary {
    color: var(--bs-suncloud-primary);
    border-color: var(--bs-suncloud-primary) !important;
    background-color: var(--bs-secondary) !important
}

.plantlist-card-footer-dashboard-active {
    color: var(--bs-suncloud-primary) !important;
}

.plantlist-card-footer-alert-active {
    color: var(--bs-suncloud-red-allert) !important;
}

.form-check-input:checked {
    background-color: var(--bs-suncloud-primary) !important;
    border-color: #93A2AA;
}

.bg-alt_primary, .bg-primary {
    background-color: var(--bs-suncloud-primary) !important;
}

table.dataTable > tbody > tr.selected > * {
    box-shadow: inset 0 0 0 9999px var(--bs-suncloud-primary) !important;
    color: var(--bs-primary-inverse);
}

.btn-toggle-active, .btn-abled-devices, .active > .page-link, .page-link.active {
    background-color: var(--bs-suncloud-primary) !important;
    color: #fff !important;
}

.btn:hover, .btn.btn-active-secondary.active {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-suncloud-primary-hover);
    border-color: var(--bs-btn-hover-border-color)
}

.plantlist-card-footer-dashboard-active {
    color: var(--bs-suncloud-primary-hover) !important;
}

.btn.btn-active-secondary:hover {
    color: var(--bs-suncloud-primary-hover) !important;
    background-color: lightgrey;
    border-color: lightgrey;
}

.btn-check:active + .btn.btn-primary, .btn-check:checked + .btn.btn-primary, .btn.btn-primary.active, .btn.btn-primary.show, .btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .show > .btn.btn-primary {
    color: var(--bs-primary-inverse);
    border-color: var(--bs-suncloud-primary-hover);
    background-color: var(--bs-suncloud-primary-hover) !important;
}

.btn.btn-active-secondary.active, .btn.btn-active-secondary:hover {
    color: black !important;
}

/* TASTI GIORNO/MESE PER WEBVIEW */
.btn.btn-active-secondary-webview.active {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-suncloud-primary-hover);
    border-color: var(--bs-btn-hover-border-color)
}