/*
 * Tema ATTUATORI B — verde ardesia.
 * Diverso dal blu Sudel Cloud e dal tema rame (theme-attuatori.css).
 * Per usarlo: commenta il link a theme-attuatori.css e togli il commento
 * a questo file, sia in inc_header.php sia in inc_footer.php.
 *
 * Pagina:        #314038
 * Header/menu:   #1c2823
 * Tile e card:   #2f6b58
 */
body,
body.theme-red,
body.theme-red.page-dispositivo {
    background-color: #314038 !important;
}

.theme-red .navbar,
.navbar.navbar-dispositivo {
    background-color: #1c2823 !important;
    background-image: linear-gradient(#24332c, #1c2823) !important;
}

.sidebar .user-info,
.sidebar .menu,
.theme-red .sidebar .legal,
#imp_container,
.slimScrollDiv,
.popover,
.popover .popover-title {
    background-color: #24302a !important;
}

#int_imp,
.mat_ic_cont,
.top_butt,
.top_butt_min,
.info-box > .icon,
.panel,
.card .header {
    background-color: #2f6b58 !important;
}

.att-slider-item,
#lightSlider li {
    background-color: #2f6b58 !important;
}

.dev-section {
    background: rgba(16, 28, 24, 0.4) !important;
}
.dev-num,
.dev-bar,
.dev-bar.off,
.dev-bar.ok,
.dev-strumenti .str-item {
    background: #2f6b58 !important;
    color: #fff !important;
}
.dev-info .info-panel {
    background: #2f6b58 !important;
}
.dev-info .info-panel .panel-body,
.dev-info .info-panel .panel-body a {
    color: #fff !important;
}
.dev-sub {
    background: #24302a !important;
}
.dev-num.on,
.dev-bar.on,
.dev-bar.nok {
    background: #efc31a !important;
    color: #1a1a1a !important;
}
.dev-bar.alarm-on {
    background: #e53935 !important;
    color: #fff !important;
}
.dev-bar.alarm-off {
    background: #2eaa4a !important;
    color: #fff !important;
}
.dev-bar.warn {
    background: #e07a2f !important;
    color: #fff !important;
}
.dev-eventi table.dataTable thead th,
.dev-eventi table.dataTable tfoot th,
.dev-eventi .dt-button,
.dev-eventi a.dt-button,
.dev-eventi .pagination > .active > a,
.dev-eventi .pagination > .active > a:hover,
.dev-eventi .pagination > .active > a:focus,
.dev-eventi .pagination > .active > span,
.dev-eventi .ev-btn {
    background: #2f6b58 !important;
    background-color: #2f6b58 !important;
    color: #fff !important;
    border-color: transparent !important;
    text-align: center;
}
.dev-eventi .ev-filtro label {
    color: #fff !important;
}
.dev-eventi .dataTables_wrapper,
.dev-eventi table.dataTable,
.dev-eventi table.dataTable tbody tr.ev-riga,
.dev-eventi table.dataTable tbody tr.ev-riga > td,
.dev-eventi .table-striped > tbody > tr.ev-riga:nth-of-type(odd),
.dev-eventi .table-striped > tbody > tr.ev-riga:nth-of-type(odd) > td,
.dev-eventi .table-hover > tbody > tr.ev-riga:hover > td {
    background: #1e4a3c !important;
    background-color: #1e4a3c !important;
    color: #fff !important;
}
.dev-eventi table.dataTable tbody tr.ev-riga:nth-child(even),
.dev-eventi table.dataTable tbody tr.ev-riga:nth-child(even) > td {
    background: #2a6352 !important;
    background-color: #2a6352 !important;
    color: #fff !important;
}
.dev-eventi table.dataTable tbody tr.ev-riga.ev-tono-rosso > td,
.dev-eventi .table-hover > tbody > tr.ev-riga.ev-tono-rosso:hover > td {
    background: #e53935 !important;
    background-color: #e53935 !important;
    color: #fff !important;
}
.dev-eventi table.dataTable tbody tr.ev-riga.ev-tono-verde > td,
.dev-eventi .table-hover > tbody > tr.ev-riga.ev-tono-verde:hover > td {
    background: #2eaa4a !important;
    background-color: #2eaa4a !important;
    color: #fff !important;
}
.dev-eventi table.dataTable tbody tr.ev-riga.ev-tono-arancio > td,
.dev-eventi .table-hover > tbody > tr.ev-riga.ev-tono-arancio:hover > td {
    background: #e07a2f !important;
    background-color: #e07a2f !important;
    color: #fff !important;
}
.dev-eventi table.dataTable tbody td,
.dev-eventi table.dataTable tbody td .material-icons,
.dev-eventi .ev-quando,
.dev-eventi .ev-testo,
.dev-eventi .dataTables_info,
.dev-eventi .dataTables_filter label,
.dev-eventi .ev-tot {
    color: #fff !important;
}
.dev-eventi table.dataTable tbody tr.ev-gruppo > td {
    color: #1a1a1a !important;
    background: #fff !important;
    background-color: #fff !important;
}
.dev-eventi .pagination > li > a,
.dev-eventi .pagination > li > span {
    background: #1c2823 !important;
    color: #fff !important;
    border-color: transparent !important;
}

#nmpd1 .modal-content {
    background-color: #1c2823 !important;
}
#nmpd1 .btn-lg,
.btn-group-lg > .btn {
    background-color: #2f6b58 !important;
}

.modal-col-light-blue {
    background-color: #24302a !important;
}