/* ================================================================ */
/* ================ 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, h2 { font-size: 30px; }
main { font-size: 13px; }
.w3-modal-content { font-size: 14px; }
footer { font-size: 15px; }
.weight-normal { font-weight: normal !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;}

a.link:active, a.link:link, a.link:visited { color:#4caf50; 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 VERDES */
.w3-theme-l5 {color:#000 !important; background-color:#f4faf4 !important}
.w3-theme-l4 {color:#000 !important; background-color:#dbefdc !important}
.w3-theme-l3 {color:#000 !important; background-color:#b7dfb8 !important}
.w3-theme-l2 {color:#000 !important; background-color:#93cf95 !important}
.w3-theme-l1 {color:#fff !important; background-color:#6ec071 !important}
.w3-theme-d1 {color:#fff !important; background-color:#459c48 !important}
.w3-theme-d2 {color:#fff !important; background-color:#3d8b40 !important}
.w3-theme-d3 {color:#fff !important; background-color:#357a38 !important}
.w3-theme-d4 {color:#fff !important; background-color:#2e6830 !important}
.w3-theme-d5 {color:#fff !important; background-color:#265728 !important}

.w3-theme-light {color:#000 !important; background-color:#f4faf4 !important}
.w3-theme-dark {color:#fff !important; background-color:#265728 !important}
.w3-theme-action {color:#fff !important; background-color:#265728 !important}

.w3-theme {color:#fff !important; background-color:#4caf50 !important}
.w3-text-theme {color:#4caf50 !important}
.w3-border-theme {border-color:#4caf50 !important}

.w3-hover-text-theme {color:#4caf50 !important}
.w3-hover-border-theme:hover {border-color:#4caf50 !important}

/* verde hover */
.w3-hover-theme:hover {color:#fff !important; background-color:#4caf50 !important}
.w3-hover-theme-l5:hover {color:#000 !important; background-color:#f4faf4 !important}
.w3-hover-theme-l4:hover {color:#000 !important; background-color:#dbefdc !important}
.w3-hover-theme-l3:hover {color:#000 !important; background-color:#b7dfb8 !important}
.w3-hover-theme-l2:hover {color:#000 !important; background-color:#93cf95 !important}
.w3-hover-theme-l1:hover {color:#fff !important; background-color:#6ec071 !important}
.w3-hover-theme-d1:hover {color:#fff !important; background-color:#459c48 !important}
.w3-hover-theme-d2:hover {color:#fff !important; background-color:#3d8b40 !important}
.w3-hover-theme-d3:hover {color:#fff !important; background-color:#357a38 !important}
.w3-hover-theme-d4:hover {color:#fff !important; background-color:#2e6830 !important}
.w3-hover-theme-d5:hover {color:#fff !important; background-color:#265728 !important}

/* COLORES GRICES */
.w3-sidenav a{color:white !important;}
.w3-sidenav {background-color:#444 !important}
.w3-sidenav a:hover{background-color:#666 !important}
.w3-sidenav a.selected{background-color:#555}

.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{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;}
.w3-text-light-grey-d1 {color:#ddd !important;}
.w3-light-grey-d2 {background-color:#ccc !important;}
.w3-text-light-grey-d2 {color:#ccc !important;}
.w3-dark-grey-d2 {color:#333 !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;
}