/* ..................................................................................................... */
/* ALTO CONTRASTE */
.contrast,
.contrast div,
.contrast li,
.contrast ol,
.contrast header,
.contrast section,
.contrast main,
.contrast aside,
.contrast article,.contrast .panel #nav-principal,.contrast a,.contrast select {
    background: #333 !important;
    color: white !important;
}

.contrast .navbar,.contrast footer .container-fluid{
    background-color: #232323 !important;
    color: white !important;
}


.contrast h1,
.contrast h2,
.contrast h3,
.contrast h4,
.contrast h5,
.contrast h6,
.contrast p,
.contrast label,
.contrast strong,
.contrast em,
.contrast cite,
.contrast q,
.contrast i,
.contrast b,
.contrast u,
.contrast th,
.contrast td,
.contrast span,
.contrast ::placeholder{
    color: white !important;
}


.contrast input[type=button],
.contrast input[type=reset],
.contrast input[type=submit] {
    background: #333 !important;
    color: white !important;
    border: none !important;

}
.contrast .nav-tabs .nav-link.active{
    background:#333 !important;
}


.contrast input[type=text],
.contrast input[type=password],
.contrast input[type=url],
.contrast input[type=search],
.contrast input[type=email],
.contrast input[type=tel],
.contrast input[type=date],
.contrast input[type=month],
.contrast input[type=week],
.contrast input[type=select],
.contrast input[type=datetime],
.contrast input[type=datetime-local],
.contrast textarea,
.contrast input[type=number] {
    background: #333 !important;
    border: 1px solid white !important;
    color: white !important;
}
.contrast img.on-contrast-force-gray {
    filter: grayscale(100%) contrast(120%);
}

.contrast img.on-contrast-force-white {
    filter: brightness(0) invert(1);
}