/* ================================================================ */
/* ================ MIEL THEME: COLORES Y FUENTES ================= */
/* ================================================================ */

/*img {image-rendering: -webkit-optimize-contrast;}*/

/* ================ FUENTES ================ */

h1, h2, h3, h4, h5, h6 { font-family: "Segoe UI", "Open Sans", Arial, sans-serif !important; }
html, body { font-family: 'Roboto', sans-serif !important; }
h1, h2, h3 { font-weight: 300; }
h1 { font-size: 30px; }
h2 { font-size: 26px; }
main { font-size: 13px; }
footer { font-size: 15px; }
.weight-normal { font-weight: normal !important; }
.weight-bold { font-weight: bold !important; }
.w3-slarge { font-size: 15px; }
.italic, .cursiva { font-style: italic; }
.strikethrough, .tachado { text-decoration: line-through !important; }
.underline, .subrayado { text-decoration: underline !important; }
.no-underline, .no-subrayado { text-decoration: none !important; }
.ellipsis, .elipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.cursor-pointer:hover { cursor: pointer; }
.cursor-default:hover { cursor: default; }

i.material-icons {
    display: inline-block;
    margin: 0;
    vertical-align: top;
}

a.link:active, a.link:link, a.link:visited { color:#3f51b5; font-weight: 500; text-decoration: none; }
a.link:hover { text-decoration: underline; }
a.anchor { display: block; position: relative; top: -100px; visibility: hidden; }

.w3-check.w3-small { width: 18px !important; height: 18px !important; top: 4px !important; }
.w3-radio.w3-small { width: 18px !important; height: 18px !important; top: 4px !important; }

/* ================ COLORES ================ */

/* COLORES AZULES */
.w3-theme-l5 {color:#000 !important; background-color:#f3f4fb !important}
.w3-theme-l4 {color:#000 !important; background-color:#d8dcf1 !important}
.w3-theme-l3 {color:#000 !important; background-color:#b1b8e3 !important}
.w3-theme-l2 {color:#fff !important; background-color:#8995d6 !important}
.w3-theme-l1 {color:#fff !important; background-color:#6271c8 !important}
.w3-theme-d1 {color:#fff !important; background-color:#3949a3 !important}
.w3-theme-d2 {color:#fff !important; background-color:#334191 !important}
.w3-theme-d3 {color:#fff !important; background-color:#2d397f !important}
.w3-theme-d4 {color:#fff !important; background-color:#26316d !important}
.w3-theme-d5 {color:#fff !important; background-color:#20295b !important}

.w3-theme-light {color:#000 !important; background-color:#f3f4fb !important}
.w3-theme-dark {color:#fff !important; background-color:#20295b !important}
.w3-theme-action {color:#fff !important; background-color:#20295b !important}

.w3-theme {color:#fff !important; background-color:#3f51b5 !important}
.w3-text-theme {color:#3f51b5 !important}
.w3-border-theme {border-color:#3f51b5 !important}
.w3-fill-theme {fill:#3f51b5 !important}
.w3-fill-white {fill:#fff !important}

.w3-hover-text-theme:hover {color:#3f51b5 !important}
.w3-hover-border-theme:hover {border-color:#3f51b5 !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#3f51b5 !important}
.w3-hover-theme-l5:hover {color:#000 !important; background-color:#f3f4fb !important}
.w3-hover-theme-l4:hover {color:#000 !important; background-color:#d8dcf1 !important}
.w3-hover-theme-l3:hover {color:#000 !important; background-color:#b1b8e3 !important}
.w3-hover-theme-l2:hover {color:#000 !important; background-color:#8995d6 !important}
.w3-hover-theme-l1:hover {color:#fff !important; background-color:#6271c8 !important}
.w3-hover-theme-d1:hover {color:#fff !important; background-color:#3949a3 !important}
.w3-hover-theme-d2:hover {color:#fff !important; background-color:#334191 !important}
.w3-hover-theme-d3:hover {color:#fff !important; background-color:#2d397f !important}
.w3-hover-theme-d4:hover {color:#fff !important; background-color:#26316d !important}
.w3-hover-theme-d5:hover {color:#fff !important; background-color:#20295b !important}

/* COLORES GRICES */
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#f1f1f1 !important}
tr.w3-hoverable:hover td{background-color:#f1f1f1 !important;}
.w3-pagination li a:hover{background-color:#ddd}
.w3-dropdown-content a:hover{background-color:#ddd !important;}
.w3-light-grey {background-color:#eee !important;}
.w3-light-grey-d1 {background-color:#ddd !important; color: black}
.w3-light-grey-d2 {background-color:#ccc !important; color: black}
.w3-text-light-grey-d1 {color:#ddd !important;}
.w3-text-light-grey-d2 {color:#ccc !important;}

/* COLORES DEL MENU LATERAL */
.w3-sidenav {background-color: #f3f6f9 !important; border-right: 1px solid #E2E7E7 }
.w3-sidenav a {margin: 0 6px; padding: 6px 2px 6px 10px; border-radius: 4px; font-weight: 400;}
.w3-sidenav a i {color:#aaa !important; font-size: 20px !important; margin: 1px 8px 0 0; transition: color .15s}
.w3-sidenav a:hover {background-color:#E2E7E7 !important}
.w3-sidenav a:hover i {color:#555 !important;}
.w3-sidenav a.selected {background-color: #c9ddec; }
.w3-sidenav a.selected i {color:#555 !important;}

/* MENSAJE DE ERROR JQUERY VALIDATE */
label.error-validation { color: #f44336; }

/* OTROS COLORES */
.w3-dark-blue {color:#fff;background-color:#0067a7}
.w3-hover-dark-blue:hover {color:#fff;background-color:#0067a7}

/* REMUEVO EL COLOR AMARILLO DEL AUTOCOMPLETADO EN CHROME */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

tr.mensaje-no-leido a {
    color: #3f51b5 !important;
}
tr.mensaje-no-leido td:first-child {
    border-left: 4px solid #3f51b5 !important;
}
tr.mensaje-no-leido {
    background-color: #eff7fc !important;
}

.switch input:checked + .slider {
    background-color: #3f51b5 !important;
}