/* Treativa - personalizzazione skin Elastic */
:root { --tv-green:#38761D; --tv-green-dark:#315B38; --tv-green-light:#EDF6E6; --tv-text:#333333; }

/* Link */
a, a:visited, .formlinks a { color: var(--tv-green); }

/* Pulsanti principali */
.btn-primary, .btn.btn-primary, button.mainaction, input.button.mainaction, .button.mainaction {
  background-color: var(--tv-green) !important; border-color: var(--tv-green) !important; color:#fff !important; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):active, button.mainaction:hover {
  background-color: var(--tv-green-dark) !important; border-color: var(--tv-green-dark) !important; }

/* Menu laterale */
#layout-menu { background-color: var(--tv-green-dark) !important; }
#layout-menu a.selected, #layout-menu a:hover { color:#fff !important; background-color: var(--tv-green) !important; }

/* Elementi selezionati nelle liste */
.listing li.selected, .listing li.selected > a, .listing tr.selected td, table.records-table tr.selected td {
  background-color: var(--tv-green-light) !important; color: var(--tv-text) !important; }

/* Contatore messaggi non letti */
.unreadcount { background-color: var(--tv-green) !important; color:#fff !important; }

/* Campi attivi */
.form-control:focus, input:focus, textarea:focus, select:focus {
  border-color: var(--tv-green) !important; box-shadow: 0 0 0 .2rem rgba(56,118,29,.25) !important; }

/* Interruttori e caselle di spunta */
.custom-control-input:checked ~ .custom-control-label::before, input.custom-switch:checked, input[type=checkbox]:checked {
  background-color: var(--tv-green) !important; border-color: var(--tv-green) !important; }

/* Pagina di login */
body.task-login { background-color: var(--tv-green-light); }
#login-form::after { content:"Servizio di posta gestito da Treativa"; display:block; text-align:center;
  margin-top:1.5rem; font-size:.85rem; color: var(--tv-text); }

/* Tema scuro */
html.dark-mode #layout-menu { background-color:#1f3a24 !important; }
html.dark-mode .listing li.selected, html.dark-mode .listing li.selected > a,
html.dark-mode table.records-table tr.selected td { background-color:#2a4a2f !important; color:#fff !important; }
html.dark-mode body.task-login { background-color:#1f2a21; }
html.dark-mode #login-form::after { color:#cfd8cf; }