/* ==========================================================
   GENTELELLA HIGH CONTRAST THEME
   Da includere dopo custom.min.css
========================================================== */

/* ---------- PALETTE ---------- */

:root{
    --primary:#0343a3;
    --primary-dark:#0a58ca;

    --text:#1f2937;
    --text-light:#4b5563;

    --bg:#f3f4f6;
    --panel:#ffffff;

    --border:#cfd6df;

    --success:#198754;
    --warning:#ffb300;
    --danger:#dc3545;
}

/* ---------- BASE ---------- */

body{
    /*background:var(--bg);*/
    color:var(--text);
    font-size:14px;
    line-height:1.55;
}

a{
    color:var(--primary);
}

a:hover{
    color:var(--primary-dark);
}

/* ---------- SIDEBAR ---------- */

/*.left_col{
    background:#1d2433 !important;
}*/

.nav_title{
    background:#111827 !important;
}

.site_title{
    color:#fff !important;
    /*font-weight:600;*/
}

.profile_info{
    color:#fff;
}

.nav.side-menu>li>a{
    color:#dbe4f0 !important;
    font-weight:500;
    padding:13px 18px;
}

.nav.side-menu>li>a i{
    color:#9ec5fe;
}

.nav.side-menu>li>a:hover{
    background:#2b3950 !important;
    color:#fff !important;
}

.nav.side-menu>li.active>a{
    background:var(--primary) !important;
    color:#fff !important;
}

.nav.child_menu{
    background:#243044;
}

.nav.child_menu li a{
    color:#d6dce5 !important;
}

.nav.child_menu li a:hover{
    color:#fff !important;
}

/* ---------- TOP BAR ---------- */

.top_nav .nav_menu{
    background:#fff;
    border-bottom:1px solid var(--border);
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

.top_nav .navbar-right a{
    color:var(--text);
}

/* ---------- PANNELLI ---------- */

.x_panel{
    background:#fff;
    border:1px solid var(--border);
    border-radius:10px;
    box-shadow:0 2px 8px rgba(0,0,0,.06);
}

.x_title{
    background:#f8fafc;
    border-bottom:1px solid var(--border);
}

.x_title h2{
    color:var(--text);
    font-weight:600;
}

.x_content{
    color:var(--text);
}

/* ---------- BOTTONI ---------- */

.btn{
    border-radius:6px;
    font-weight:600;
}

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

.btn-primary:hover{
    background:var(--primary-dark);
}

.btn-default{
    background:#fff;
    color:var(--text);
    border:1px solid #bfc8d4;
}

.btn-default:hover{
    background:#eef2f7;
}

/* ---------- FORM ---------- */

label{
    color:var(--text);
    font-weight:600;
}

.form-control{
    border:1px solid #b8c2cf;
    color:var(--text);
    background:#fff;
}

.form-control:focus{
    border-color:var(--primary);
    box-shadow:0 0 0 3px rgba(13,110,253,.15);
}

.form-control::placeholder{
    color:#6b7280;
}

/* ---------- TABELLE ---------- */

.table{
    color:var(--text);
}

.table>thead>tr{
    background:#e9edf2;
}

.table>thead>tr>th{
    color:#111827;
    font-weight:700;
    border-bottom:2px solid #bfc8d4;
}

.table-striped tbody tr:nth-child(even){
    background:#f7f9fc;
}

.table-hover tbody tr:hover{
    background:#dbeafe;
}

.table td,
.table th{
    vertical-align:middle;
}

/* ---------- DATATABLE ---------- */

.dataTables_filter input,
.dataTables_length select{
    border:1px solid #b8c2cf;
}

/* ---------- PAGINAZIONE ---------- */

.pagination>.active>a{
    background:var(--primary);
    border-color:var(--primary);
}

.pagination>li>a{
    color:var(--text);
}

/* ---------- ALERT ---------- */

.alert-success{
    background:#d1e7dd;
    color:#0f5132;
}

.alert-warning{
    background:#fff3cd;
    color:#664d03;
}

.alert-danger{
    background:#f8d7da;
    color:#842029;
}

/* ---------- BADGE ---------- */

.badge{
    font-size:12px;
    font-weight:600;
}

.badge-success{
    background:var(--success);
}

.badge-warning{
    background:var(--warning);
    color:#000;
}

.badge-danger{
    background:var(--danger);
}

/* ---------- TILE ---------- */

.tile-stats{
    border:1px solid var(--border);
    background:#fff;
}

.tile-stats h3{
    color:var(--text);
    font-weight:700;
}

.tile-stats .count{
    color:#111827;
    font-weight:700;
}

/* ---------- FOOTER ---------- */

footer{
    background:#fff;
    color:#4b5563;
    border-top:1px solid var(--border);
}

/* ---------- DROPDOWN ---------- */

.dropdown-menu{
    border:1px solid var(--border);
    box-shadow:0 4px 15px rgba(0,0,0,.12);
}

.dropdown-menu>li>a{
    color:var(--text);
}

.dropdown-menu>li>a:hover{
    background:#e9f2ff;
}

/* ---------- FOCUS ACCESSIBILITÀ ---------- */

button:focus,
.btn:focus,
input:focus,
select:focus,
textarea:focus,
a:focus{
    outline:3px solid rgba(13,110,253,.30);
    outline-offset:2px;
}

/* ---------- SCROLLBAR ---------- */

::-webkit-scrollbar{
    width:10px;
}

::-webkit-scrollbar-thumb{
    background:#98a6b8;
    border-radius:8px;
}

/* ---------- ICONE ---------- */

.fa,
.glyphicon{
    opacity:1;
}