html, body {
    transform-origin: top;
}
.logoAccessibility{
    display:block;
    width: 27px !important;
    height: 27px;
    float: right;
    margin-top: 15px;
}

.logoAccessibility:hover{
    background-position: 0 -27px;
}

.libras{
    background: url('../images/base/ico_libras.png') no-repeat;
}

.nvda{
    margin-right: 5px;
    background: url('../images/base/ico_nvda.png') no-repeat;
}

/* barra azul com logo e acessibilidade */
.logoTopoQualiWeb {
	display:block;
	width:226px;
	height:40px;
	background:url(../images/base/logoQualityWeb.svg);
}
.boxLogoAcessib {
    box-sizing: border-box;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.boxAcessib {
    width: 300px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.boxEspaco {
    flex-grow: 1;

}
.btnAcessib {
    border: 1px solid transparent;
    background-color: #0a78aa;
    border-radius: 5px;
    width: 25px;
    height: 25px;
    display: block;
    margin: 0 6px 0 0;
    background-image: url('../images/base/icoAcessibilidade.svg');
}
.btnAcessib:hover {
    border: 1px solid #2396be;
}
.acessibCadeira { background-position: 0 0; background-color: #0069a0 !important; }
.acessibCadeira:hover { border: 1px solid transparent; cursor: default; }

.fonteMenos { background-position: -25px 0; }
.fonteMais { background-position: -50px 0; }
.fonteNormal { background-position: -75px 0; }
.fonteContraste { background-position: -100px 0; }
.btnNvda { background-position: -125px 0; }
.btnLibras { background-position: -150px 0; margin: 0; }

#btnPluginVLibras {
    margin: 0 5px 0 0 !important;
    opacity: 0 !important;
    cursor: default !important;
}



/* cores em alto contraste */
.invert, .invert body, .invert div#wrap {
    background: #1e1e1e;
}
.invert a, .invert span, .invert #boxPrincipal, .invert option, 
.invert strong, .invert p, .invert h2, .invert h3, .invert b, 
.invert label, .invert div.pagNums, .invert ul.months, .invert ul li.active,
.invert ul li:hover, .invert h5, .invert div.titNotas, .invert div.titPublicacoes,
.invert ul.meses {
    color: #FFF !important;
}
.invert ul li:hover{
    text-decoration: underline;
}
.invert select, 
.invert div.EstadosComboBox button, .invert div.CidadesComboBox button, 
.invert div.EntidadesComboBox button, .invert div.dropdown-menu ul, .invert div.labelCombo,
.invert div.itensCombo, .invert div.itensCombo a, .invert button.btn-default,
.invert .nav-tabs>.active>a, .invert .nav-tabs>a {
    background: #1e1e1e !important;
    color: #FFF !important;
}
.invert .nav-tabs>li>a:hover, .invert .nav-tabs>.active>a:hover {
    background: #333333 !important;
    color: #FFF !important;
    cursor: pointer;
    text-decoration: none !important;
}
.invert table th, .invert table td {
    background: #1e1e1e !important;
    color: #FFF !important;
    border-bottom: 1px solid #FFF !important;
}
.invert div.div-listagem, .invert div.div-zebra {
    background: #1e1e1e !important;
    color: #FFF !important;
}
.invert a.mes, .invert a.pesquisa-avancada {
    color: #FFF !important;
}
.invert div.data-atualizacao {
    color: #FFF !important;
    background: #1e1e1e !important;
    border-bottom: 1px solid #FFF;
}
.invert footer, .invert #footer {
    color: #FFF !important;
    background: #333 !important;
}
.invert input {
    color: #FFF !important;
    background: #1e1e1e !important;
    border: 1px solid #FFF;
}
.invert a.btnResumo, .invert div.tituloMenu {
    background: #1e1e1e;
    color: #FFF;
    border: 1px solid #FFF;
}
.invert a.btnResumo:hover, .invert div.itensCombo a:hover, .invert h2.subMenuItem {
    background: #333333 !important;
}
.invert span.linkCliqueAqui {
    background: #4d4d4d !important;
}
.invert div.title-line-color1 {
    background: #333333 !important;
}
.invert div.title-line-color2, .invert div.detailing-result {
    background: #4d4d4d !important;
}