/* IMAGE */

.contrast-icon {
    background-image: url('../imagens/baseline_invert_colors_black_18xdp.png') !important;
    background-size: contain !important;
}

.fontSize {
    font-style: normal;
    font-family: Tahoma;
    color: #4A5563;
}

/* CONTRASTE */

.access {
    position: relative;
    float: right;
    z-index: 999;
}

.access ul {
    position: relative;
    width: 100%;
    max-height: 32px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.access ul li {
    position: relative;
    width: 0;
    height: 32px;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.access ul li:nth-child(2) {
    top: -3px;
}

.access-buttons {
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
    background: #dde5f2;
    border: 0;
    padding: 0;
    border-radius: 50%;
    visibility: hidden;
}

.access ul li button:hover {
    background: #f5f5f5;
}

/* EVENTOS DE TRANSIÇÃO*/

#access-span {
    position: relative;
    height: 18px;
    padding: 7px;
    font-family: Tahoma;
    font-size: 9pt;
    color: #fff;
    background-color: #4A5563;
    border-radius: 7px;
    cursor: pointer;
}

#access-div {
    width: 0;
    visibility: hidden;
    transition: width .5s;
}

.classHidden {
    width: 0 !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.transicao {
    visibility: visible;
    transition-property: visibility;
    transition-duration: .5s;
    transition-delay: .5s;
}

/* EVENTOS DE ACESSIBILIDADE */

.invert {
    -webkit-filter: invert(100%) grayscale(1) contrast(1);
    -moz-filter: invert(100%) grayscale(1) contrast(1);
    -ms-filter: invert(100%) grayscale(1) contrast(1);
    filter: invert(100%) grayscale(1) contrast(1);
    transition: .3s;
    color: #fff
}

.accessibility-label {
    display: none
}

.invert {
    -webkit-filter: invert(100%) grayscale(1) contrast(1);
    -moz-filter: invert(100%) grayscale(1) contrast(1);
    -ms-filter: invert(100%) grayscale(1) contrast(1);
    filter: invert(100%) grayscale(1) contrast(1);
    transition: .3s;
    color: #fff
}

.invert body {
    background: #000
}

.invert .btn, .invert .help-message, .invert a, .invert a:link, .invert a:visited, .invert input, .invert select, .invert textarea {
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -ms-filter: invert(100%);
    filter: invert(100%);
}

.invert .panel {
    background: #f5f4f4
}

.invert span, .invert label {
    color: #000 !important;
}

.invert menu tr td {
    color: #fff !important;
    background-color: #fff !important;
}

.invert table tbody {
    background-color: #fff;
}

.invert .dxe {
    background-color: #000 !important;
    color: #fff !important;
}

.invert .espacamento td {
    background: #dde5f2;
}

.invert .dxeCalendarHeader td, .invert .dxeCalendarHeader span {
    background-color: #fff !important;
    color: #000 !important;
}

.invert .dxic input, .invert .dxic input dxeListBoxItemRow, .invert .dxic table td, .invert .dxh1 {
    background-color: #000 !important;
    color: #fff !important;
    font-weight: bold !important;
}

.invert .dxgvHeader td {
    background-color: #4A5563;
}

.invert .dxeListBoxItem .dxeListBoxItemHover, .invert .dxeListBoxItem {
    font-weight: bold;
}

.invert .a, .invert .subtitulo a, .invert .dxmSubMenu a, .invert .dxmSubMenuItem a, .invert .dxmVerticalMenu a, .invert .dxgvTable a, .invert .dxucBrowseButton a {
    color: #fff !important;
}

.invert .dxgv a {
    color: #FF9362 !important;
}

/* ZOOM */

.zoom, .zoom label, .zoom a, .zoom .content span, .zoom .menu, .zoom .dxmMenu td span, .zoom .dxic input, .zoom .dxeListBoxItem {
    transition: .3s;
    font-size: 13pt !important;
}

.zoom .titulo .dxeBase, .zoom .Informacoes .dxeBase {
    font-size: 18pt !important;
}

.zoom .dxgvTable, .zoom .dxgv, .zoom .dxtc, .zoom legend, .zoom .dxgv input, .zoom .dxgvHeader tr td, .zoom .dxpSummary {
    font-size: 11pt !important;
}

.zoom .dxrpControl td a {
    width: 200px;
}