@charset "utf-8";

/* INICIO XS */


/* CORES - INICIO */

:root {
    --color-00: #000000;
    --color-01: #ffffff;
    --color-02: #454545;
    --color-03: #cccccc;
    --color-04: #333333;
    --color-05: #e0e0e0;
    --color-06: #f0f0f0;
    --color-07: #ced4da;
    --color-08: #005fdb;
    --color-09: #1E88EB;
    --color-10: #44d9e9;
    --color-11: #d3d3d3;
    --color-12: #e9e9e9;
}

.color00 {
    color: var(--color-00);
}

.bg-color00 {
    background-color: var(--color-00);
}

.color01 {
    color: var(--color-01);
}

.bg-color01 {
    background-color: var(--color-01);
}

.color02 {
    color: var(--color-02);
}

.bg-color02 {
    background-color: var(--color-02);
}

.color03 {
    color: var(--color-03);
}

.bg-color03 {
    background-color: var(--color-03);
}

.color04 {
    color: var(--color-04);
}

.bg-color04 {
    background-color: var(--color-04);
}

.color05 {
    color: var(--color-05);
}

.bg-color05 {
    background-color: var(--color-05);
}

.color06 {
    color: var(--color-06);
}

.bg-color06 {
    background-color: var(--color-06);
}

.color07 {
    color: var(--color-07);
}

.bg-color07 {
    background-color: var(--color-07);
}

.color08 {
    color: var(--color-08);
}

.bg-color08 {
    background-color: var(--color-08);
}

.color09 {
    color: var(--color-09);
}

.bg-color09 {
    background-color: var(--color-09);
}

.color10 {
    color: var(--color-10);
}

.bg-color10 {
    background-color: var(--color-10);
}

.color11 {
    color: var(--color-11);
}

.bg-color11 {
    background-color: var(--color-11);
}

.color12 {
    color: var(--color-12);
}

.bg-color12 {
    background-color: var(--color-12);
}

.color13 {
    color: var(--color-13);
}

.bg-color13 {
    background-color: var(--color-13);
}

.color14 {
    color: var(--color-14);
}

.bg-color14 {
    background-color: var(--color-14);
}

.color15 {
    color: var(--color-15);
}

.bg-color15 {
    background-color: var(--color-15);
}

.color16 {
    color: var(--color-16);
}

.bg-color16 {
    background-color: var(--color-16);
}

.color17 {
    color: var(--color-17);
}

.bg-color17 {
    background-color: var(--color-17);
}

.color18 {
    color: var(--color-18);
}

.bg-color18 {
    background-color: var(--color-18);
}

.color19 {
    color: var(--color-19);
}

.bg-color19 {
    background-color: var(--color-19);
}

.color20 {
    color: var(--color-20);
}

.bg-color20 {
    background-color: var(--color-20);
}

.color21 {
    color: var(--color-21);
}

.bg-color21 {
    background-color: var(--color-21);
}

.color22 {
    color: var(--color-22);
}

.bg-color22 {
    background-color: var(--color-22);
}

.color23 {
    color: var(--color-23);
}

.bg-color23 {
    background-color: var(--color-23);
}

.color24 {
    color: var(--color-24);
}

.bg-color24 {
    background-color: var(--color-24);
}

.color25 {
    color: var(--color-25);
}

.bg-color25 {
    background-color: var(--color-25);
}

.color26 {
    color: var(--color-26);
}

.bg-color26 {
    background-color: var(--color-26);
}

.color27 {
    color: var(--color-27);
}

.bg-color27 {
    background-color: var(--color-27);
}

.color28 {
    color: var(--color-28);
}

.bg-color28 {
    background-color: var(--color-28);
}

.color029 {
    color: var(--color-029);
}

.bg-color29 {
    background-color: var(--color-29);
}

.color30 {
    color: var(--color-30);
}

.bg-color30 {
    background-color: var(--color-30);
}

/* CORES - FIM */



/* FONTES */

@font-face {
    font-family: 'robotoregular';
    src: url('../webfonts/Roboto-Regular.eot');
    src: url('../webfonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../webfonts/Roboto-Regular.woff') format('woff'), url('../webfonts/Roboto-Regular.woff2') format('woff2'), url('../webfonts/Roboto-Regular.ttf') format('truetype'), url('../webfonts/Roboto-Regular.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold';
    src: url('../webfonts/Roboto-Bold.eot');
    src: url('../webfonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../webfonts/Roboto-Bold.woff2') format('woff2'), url('../webfonts/Roboto-Bold.woff') format('woff'), url('../webfonts/Roboto-Bold.ttf') format('truetype'), url('../webfonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* FONTES */




/* GERAIS */

html {
    font-size: 10px;
}

body {
    font-size: 1.5rem;
    font-family: 'robotoregular';
    color: var(--color-04);
}

section {
    position: static;
}

p {
    font-size: 1.6rem;
    line-height: 1.4;
}

a,
a:hover {
    color: var(--color-04);
    text-decoration: none;
}

#pesquisar a span {
    color: var(--color-08);
    text-decoration: none;
}

#pesquisar a:hover span:not(.material-symbols-outlined) {
    color: var(--color-08);
    text-decoration: underline;
}

#pesquisar a span.material-symbols-outlined {
    font-size: 2.1rem;
}

footer a,
footer a:hover {
    color: var(--color-03);
}

header:before,
header:after {
    display: table;
    content: " ";
    clear: both;
}

header::before,
header::after {
    display: table;
    content: " ";
    clear: both;
}


input:focus-visible,
a:focus-visible,
button:focus-visible {
    outline: 2px solid var(--color-10) !important;
}

.logo-secretaria {
    max-width: 15rem;
    display: block;
}

.logo-imagem {
    margin-bottom: 1.5rem;
    max-width: 14rem;
}


.card {
    border-style: none;
    position: relative;
    min-height: 24rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-01);
}

.header-pmsp .container {
    --bs-gutter-x: 15px;
}

.header-pmsp .row {
    --bs-gutter-x: 15px;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    padding-right: var(--bs-gutter-x, 7.5px);
    padding-left: var(--bs-gutter-x, 7.5px);
}

.panel-user {
    width: 100%;
}

.user {
    display: flex;
}


.logo-projeto {
    display: inline-block;
}

.titulo-sistema div {
    font-size: 1.7rem;
    display: inline-block;
    font-family: 'robotoregular';
    color: var(--color-04);
}

.panel-user .logo-prefeitura {
    background-image: url('../img/pmsp.png');
    width: 16.1rem;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 5.4rem;
    text-indent: -99999px;
}


.panel-user a:not(.logo-prefeitura) {
    font-size: 1.3rem;
    display: inline-flex;
    padding: 0.5rem 1rem;
    margin-left: 1rem;
}

.panel-user span.material-symbols-outlined {
    margin-right: 0.5rem;
    font-size: 1.8rem;
}



.btn-pesquisar {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: flex;
    justify-content: center;
}

.qrcode {
    color: var(--color-08);
    font-size: 3rem;
}

.dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
    border-style: none;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.2);
}

.dropdown {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .dropdown span.material-symbols-outlined {
        font-size: 2.8rem;
    }

.dropdown-item {
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.5rem;
    color: var(--color-08);
}

    .dropdown-item.active,
    .dropdown-item:active,
    .dropdown-item:hover,
    .dropdown-item:focus {
        background-color: var(--color-08);
        color: var(--color-01);
    }

.btn-close {
    margin-top: -3rem !important;
    margin-right: -1rem !important;
}

.dataTables_wrapper .form-select {
    margin-left: 1.5rem;
    color: var(--color-04);
}

.results-list {
    box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.2);
}

.list-group-item {
    border-style: none;
}

.result-item.active {
    background-color: var(--color-08);
    color: var(--color-01);
}

.result-item:hover {
    background-color: var(--color-08);
    color: #fff;
    cursor: hand;
    cursor: pointer;
}

.input-selecao-documento {
    display: none;
}

.linha-adicionada {
    display: flex;
    margin: 1.5rem 0;
    justify-content: space-between;
    border-bottom: 1px solid #ccc !important;
}

.status {
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    font-weight: 700;
    color: var(--color-08);
    font-size: 1.7rem;
    padding: 1rem;
    background-color: var(--color-05);
    text-transform: uppercase;
}

.btn-sincronizar span:not(.material-symbols-outlined),
.btn-novo span:not(.material-symbols-outlined) {
    display: none;
}

.bg-home {
    position: relative;
    background-image: url('../img/paulista.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    /* height: 100vh; */
    z-index: 1;
    background-repeat: no-repeat;
}



main {
    /*  min-height: calc(100vh - 18rem); */
    padding-bottom: 4rem;
    padding-top: 1rem;
}

.painel-resultados {
    border: 1px solid var(--color-05);
    padding: 2.5rem 3rem;
}

    .painel-resultados:before,
    .painel-resultados:after {
        display: table;
        content: " ";
        clear: both;
    }

    .painel-resultados::before,
    .painel-resultados::after {
        display: table;
        content: " ";
        clear: both;
    }

.grid-opcoes .container-opcao fieldset.campos-busca {
    border: 1px solid var(--color-05);
    padding: 1rem 1.5rem;
    border-bottom-style: none;
}

.grid-opcoes .container-opcao:first-child fieldset.campos-busca {
    -webkit-border-radius: 0.5rem;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 0.5rem;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-radius: 0.5rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.grid-opcoes .container-opcao:last-child fieldset.campos-busca {
    -webkit-border-radius: 0;
    -webkit-border-bottom-right-radius: 0.5rem;
    -webkit-border-bottom-left-radius: 0.5rem;
    -moz-border-radius: 0;
    -moz-border-radius-bottomright: 0.5rem;
    -moz-border-radius-bottomleft: 0.5rem;
    border-radius: 0;
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-bottom-style: solid;
}

.container-opcao label {
    display: block;
    color: var(--color-04);
}

    .container-opcao label option {
        font-family: sans-serif;
    }

.form-check {
    padding-left: 2.5rem;
}

.container-opcao .form-check label {
    font-weight: 700;
    font-size: 1.8rem;
}

/*
.grid-opcoes label:not(.form-check-label) {
    opacity: 0.5;
}
*/

.container-opcao label:not(.form-check-label),
.container-opcao p {
    opacity: 0.5;
}


/* GERAIS - FIM */




/* HEADERS - INICIO */

h1 {
    font-size: 2.6rem;
}

h2 {
    font-family: 'robotobold';
    font-size: 2.4rem;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 2rem;
    color: var(--color-04);
}

h3 {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0rem;
    color: var(--color-04);
}

.header-projeto h1 {
    font-family: 'robotobold';
    display: inline-flex;
    align-items: center;
}


/* HEADERS - FIM */






/*
 .clearfix:before,
 .clearfix:after {
 display: table;
 content: " ";
 clear: both;
 }
 
 .clearfix::before,
 .clearfix::after {
 display: table;
 content: " ";
 clear: both;
 }
 */




/* TAMANHO DE FONTES - INICIO */
.font-size-10 {
    font-size: 1rem !important;
}

.font-size-11 {
    font-size: 1.1rem !important;
}

.font-size-12 {
    font-size: 1.2rem !important;
}

.font-size-13 {
    font-size: 1.3rem !important;
}

.font-size-14 {
    font-size: 1.4rem !important;
}

.font-size-15 {
    font-size: 1.5rem !important;
}

.font-size-16 {
    font-size: 1.6rem !important;
}

.font-size-18 {
    font-size: 1.8rem !important;
}

.font-size-19 {
    font-size: 1.9rem !important;
}

.font-size-20 {
    font-size: 2rem !important;
}

.font-size-21 {
    font-size: 2.1rem !important;
}

.font-size-22 {
    font-size: 2.2rem !important;
}

.font-size-23 {
    font-size: 2.3rem !important;
}

.font-size-24 {
    font-size: 2.4rem !important;
}

.font-size-25 {
    font-size: 2.5rem !important;
}

.font-size-26 {
    font-size: 2.6rem !important;
}

.font-size-27 {
    font-size: 2.7rem !important;
}

.font-size-28 {
    font-size: 2.8rem !important;
}

.font-size-29 {
    font-size: 2.9rem !important;
}

.font-size-30 {
    font-size: 3rem !important;
}

.font-size-31 {
    font-size: 3.1rem !important;
}

.font-size-32 {
    font-size: 3.2rem !important;
}

.font-size-33 {
    font-size: 3.3rem !important;
}

.font-size-34 {
    font-size: 3.4rem !important;
}

.font-size-35 {
    font-size: 3.5rem !important;
}

.font-size-36 {
    font-size: 3.6rem !important;
}

.font-size-37 {
    font-size: 3.7rem !important;
}

/* TAMANHO DE FONTES - FIM */




/* CABECALHO - INICIO */
.header-pmsp {
    background-color: var(--color-04);
    min-height: 32px;
    white-space: nowrap;
    font-size: 12px;
}

    .header-pmsp a {
        color: var(--color-05);
        font-size: 12px;
        line-height: 30px;
    }

        .header-pmsp a img {
            width: 20px;
            height: 20px;
            margin-top: -3px;
        }

.header-projeto {
    min-height: 9rem;
}

.accessibility-buttons {
    align-items: center;
    justify-content: end;
}

    .accessibility-buttons span.acessibilidade,
    .accessibility-buttons h3 {
        color: var(--color-01);
        margin-right: 10px !important;
        font-size: 12px;
    }

    .accessibility-buttons ul {
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
    }

        .accessibility-buttons ul li {
            display: inline-block;
            margin-right: 10px;
        }

            .accessibility-buttons ul li:last-child {
                margin-right: 0;
            }

            .accessibility-buttons ul li button {
                font-size: 15px;
                font-weight: 500;
                display: flex;
                background-color: transparent;
                border: none;
                color: var(--color-01);
            }

                .accessibility-buttons ul li button .material-symbols-outlined {
                    font-size: 18px;
                    color: var(--color-05);
                }

                .accessibility-buttons ul li button.fontResizer_add sup,
                .accessibility-buttons ul li button.fontResizer_minus sup,
                .accessibility-buttons ul li button.fontResizer_minus {
                    font-size: 15px;
                }

                .accessibility-buttons ul li button.fontResizer_add sup,
                .accessibility-buttons ul li a.fontResizer_minus sup {
                    top: 1rem;
                }

                .accessibility-buttons ul li button.btn-contraste1,
                .contraste1 .accessibility-buttons ul li button.btn-contraste1 {
                    color: var(--color-01);
                }

.menu-access {
    top: -999px;
    background-color: var(--color-01);
    z-index: 9999;
    height: 52px;
    margin-top: 0;
    box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.2);
    position: absolute;
    margin: 0;
    padding: 10px 10px 0 10px;
}

    .menu-access li {
        height: 32px;
        margin-left: 5px;
        margin-right: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        display: inline-block;
        list-style: none;
        box-sizing: border-box;
    }

        .menu-access li a:hover,
        .menu-access li a:focus,
        .menu-access li a:focus-visible {
            outline: 2px solid var(--color-10) !important;
        }

        .menu-access li a {
            border: 1px solid var(--color-05);
            height: 32px;
            display: flex;
            justify-content: center;
            align-items: center;
            outline-color: var(--color-10);
            color: var(--color-08);
            text-decoration: none;
            float: left;
            font-size: 14px;
            padding: 6px 20px 4px 20px;
            font-weight: normal;
            margin: 2px 0;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }

            .menu-access li a:focus-visible {
                outline-color: var(--color-10) !important;
            }

        .menu-access li span {
            color: var(--color-00);
            background-color: transparent;
            text-decoration: none;
            float: left;
            font-size: 13px;
            padding: 1px 6px 7px 2px;
            display: inline;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .menu-access li span.acceskeynumber {
                background-color: var(--color-08);
                color: var(--color-01);
                padding: 0;
                width: 20px;
                height: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                margin-left: 10px;
            }

/* FIM CABECALHO */



/* RODAPE - INICIO */

.footer-credits {
    min-height: 4rem;
    background-color: var(--color-04);
    font-size: 1rem;
    padding-top: 0.2rem;
    padding-bottom: 0rem;
}

.footer-project {
    min-height: 10rem;
}

.logo-prodam,
.logo-prodam:hover {
    background: url(../img/lgo_prodam_footer.png) no-repeat 50% 50%;
    background-size: contain;
    width: 74px;
    height: 40px;
    display: inline-block;
    color: transparent;
    float: right;
    margin-right: 1rem;
}

/* RODAPE - FIM */



/* CONTRASTE - INICIO */

.contraste1,
/* .contraste1 div, */
.contraste1 button:not(.btn-close),
.contraste1 input,
.contraste1 select,
.contraste1 textarea,
/* .contraste1 h1, */
.contraste1 h2,
/* .contraste1 h3, */
.contraste1 h4,
/* .contraste1 .container, */
.contraste1 table,
.contraste1 table td,
.contraste1 table th,
/* .contraste1 span, */
.contraste1 .checked,
.contraste1 .marcador,
.contraste1 .nav-item:hover {
    background-color: var(--color-00) !important;
    color: var(--color-01) !important;
}

    .contraste1 .header-menu,
    .contraste1 button,
    .contraste1 input,
    .contraste1 select,
    .contraste1 td,
    .contraste1 th,
    .contraste1 .checked,
    .contraste1 .marcador,
    .contraste1 .destaque,
    .contraste1 .nav-item:hover,
    .contraste1 .active,
    .contraste1 label[aria-controls="filename"],
    .contraste1 div[class*=" box-"],
    .contraste1 a.button-primary,
    .contraste1 a.button-secondary,
    .contraste1 a.button-tertiary,
    .contraste1 .page-item.active .page-link {
        border: 1px solid var(--color-01) !important;
    }

    .contraste1 img {
        filter: grayscale(100%);
    }

    .contraste1 .ui-state-active,
    .contraste1 .ui-widget-content .ui-state-active,
    .contraste1 .ui-widget-header .ui-state-active,
    .contraste1 a.ui-button:active,
    .contraste1 .ui-button:active,
    .contraste1 .ui-button.ui-state-active:hover {
        background-color: var(--color-01) !important;
        color: var(--color-00) !important;
    }

    .contraste1 .logo-prefeitura {
        background-image: url('../img/pmsp_PB.png');
    }

    .contraste1 .dropdown-item.active,
    .contraste1 .dropdown-item:active,
    .contraste1 .dropdown-item:hover,
    .contraste1 .dropdown-item:focus {
        background-color: var(--color-01) !important;
        color: var(--color-00) !important;
    }

    .contraste1 td div {
        color: var(--color-01);
    }

    .contraste1 .footer-project {
        background-color: var(--color-00);
        color: var(--color-01);
    }

    .contraste1 .footer-credits {
        background-color: var(--color-00);
        color: var(--color-01);
    }

    .contraste1 li.paginate_button {
        color: var(--color-00);
        border-color: var(--color-00);
    }

    .contraste1 .panel-user .logo-prefeitura {
        background-image: url('../img/pmsp_PB.png');
    }



    /* CUSTOMIZE PLACEHOLDER COLOR */
    .contraste1 :-ms-input-placeholder {
        color: var(--color-01);
    }

    .contraste1 ::-ms-input-placeholder {
        color: var(--color-01);
    }

    .contraste1 ::placeholder {
        color: var(--color-01);
    }

    .contraste1 ::-moz-placeholder {
        color: var(--color-01);
        opacity: 1;
    }

    /* CUSTOMIZE PLACEHOLDER COLOR */

    .contraste1 .button-quaternary:active,
    .contraste1 .button-quaternary:focus {
        color: var(--color-01);
        background-color: var(--color-00) !important;
    }

    .contraste1 .nav-tabs .nav-link.active,
    .contraste1 .nav-tabs .nav-link:hover,
    .contraste1 .nav-tabs .nav-link:focus {
        color: var(--color-00);
    }

    .contraste1 .nav-tabs .nav-link {
        color: var(--color-01);
    }

        .contraste1 .nav-tabs .nav-link.active,
        .contraste1 .nav-tabs .nav-item.show .nav-link {
            border-width: 0 !important;
        }

    .contraste1 .nav-tabs .nav-link {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

        .contraste1 .nav-tabs .nav-link:hover {
            border-width: 0;
            transition: 0s;
            background-color: var(--color-01) !important;
        }

    .contraste1 .nav-tabs {
        --bs-nav-tabs-border-color: var(--color-01);
        border-bottom: 1px solid var(--color-01);
    }

    .contraste1 .button-tertiary,
    .contraste1 .button-tertiary:hover {
        color: var(--color-00);
    }

    .contraste1 .button-secondary {
        border-color: var(--color-01);
    }

    .contraste1 .header-pmsp {
        background-color: var(--color-00);
    }

    .contraste1 .titulo-sistema span,
    .contraste1 .header-projeto h1 {
        color: var(--color-01);
    }

    .contraste1 .form-select {
        --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    }

    .contraste1 .tooltip-inner {
        background-color: var(--color-01);
    }

    .contraste1 .button-secondary {
        color: var(--color-00);
    }

    .contraste1 .nav-tabs .nav-link {
        color: var(--color-00);
    }

    .contraste1 .bg {
        background-image: none;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: var(--color-01);
    }

    .contraste1 table a,
    .contraste1 table a:hover {
        color: var(--color-01);
    }

    .contraste1 .qrcode {
        color: var(--color-01);
        font-size: 3rem;
    }

    .contraste1 .page-link:focus {
        background-color: var(--color-01) !important;
        color: var(--color-00) !important;
    }

    .contraste1 li:first-child .page-link:focus {
        background-color: var(--color-00) !important;
        color: var(--color-01) !important;
    }

    .contraste1 li:last-child .page-link:focus {
        background-color: var(--color-00) !important;
        color: var(--color-01) !important;
    }

    .contraste1 .page-link {
        color: var(--color-01) !important;
    }

    .contraste1 .page-item.active .page-link {
        background-color: var(--color-01) !important;
        color: var(--color-00) !important;
    }

    .contraste1 .bg-color20 {
        background-color: var(--color-00);
    }

    .contraste1 .bg-color22 {
        background-color: var(--color-00);
    }

    .contraste1 .color08 {
        color: var(--color-01);
    }

    .contraste1 .card {
        background-color: var(--color-00);
    }

    .contraste1 .box-primary {
        background-color: var(--color-00);
        box-shadow: none;
        border: 1px solid var(--color-01);
    }

    .contraste1 .bg-color12 {
        background-color: var(--color-00);
    }

    .contraste1 .bg-home {
        background-image: none;
    }

    .contraste1 footer {
        border-top: 1px solid var(--color-01);
    }

    .contraste1 h3 {
        color: var(--color-01);
    }

    .contraste1 .button-quaternary {
        background-color: var(--color-00);
        color: var(--color-01);
    }

        .contraste1 .button-quaternary:hover {
            color: var(--color-01);
        }

    .contraste1 table.dataTable thead > tr > th.sorting::before,
    .contraste1 table.dataTable thead > tr > th.sorting::after,
    .contraste1 table.dataTable thead > tr > th.sorting_asc::before,
    .contraste1 table.dataTable thead > tr > th.sorting_asc::after,
    .contraste1 table.dataTable thead > tr > th.sorting_desc::before,
    .contraste1 table.dataTable thead > tr > th.sorting_desc::after,
    .contraste1 table.dataTable thead > tr > th.sorting_asc_disabled::before,
    .contraste1 table.dataTable thead > tr > th.sorting_asc_disabled::after,
    .contraste1 table.dataTable thead > tr > th.sorting_desc_disabled::before,
    .contraste1 table.dataTable thead > tr > th.sorting_desc_disabled::after,
    .contraste1 table.dataTable thead > tr > td.sorting::before,
    .contraste1 table.dataTable thead > tr > td.sorting::after,
    .contraste1 table.dataTable thead > tr > td.sorting_asc::before,
    .contraste1 table.dataTable thead > tr > td.sorting_asc::after,
    .contraste1 table.dataTable thead > tr > td.sorting_desc::before,
    .contraste1 table.dataTable thead > tr > td.sorting_desc::after,
    .contraste1 table.dataTable thead > tr > td.sorting_asc_disabled::before,
    .contraste1 table.dataTable thead > tr > td.sorting_asc_disabled::after,
    .contraste1 table.dataTable thead > tr > td.sorting_desc_disabled::before,
    .contraste1 table.dataTable thead > tr > td.sorting_desc_disabled::after {
        opacity: 0.25 !important;
    }

    .contraste1 table.dataTable thead > tr > th.sorting_asc::before,
    .contraste1 table.dataTable thead > tr > th.sorting_desc::after,
    .contraste1 table.dataTable thead > tr > td.sorting_asc::before,
    .contraste1 table.dataTable thead > tr > td.sorting_desc::after {
        opacity: 1 !important;
    }

    .contraste1 .container-opcao label {
        color: var(--color-01);
    }

    .contraste1 .button-primary:disabled {
        background-color: var(--color-00);
        color: var(--color-02) !important;
        border-color: var(--color-02) !important;
    }

    .contraste1 .button-secondary:disabled {
        background-color: var(--color-00);
        color: var(--color-02) !important;
        border-color: var(--color-02) !important;
    }

    .contraste1 #pesquisar a span {
        color: var(--color-01);
    }

    .contraste1 .titulo-sistema div {
        color: var(--color-01);
    }

    .contraste1 .disabled-link span {
        opacity: 1;
    }

/* CONTRASTE - FIM */




/* BOTOES - INICIO */

.button-primary {
    background-color: var(--color-08);
    color: var(--color-01);
    border-style: none;
    padding: 0.5rem 4rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    display: inline-flex;
    align-items: center;
    min-height: 4rem;
    vertical-align: bottom;
    font-size: 1.5rem;
    box-sizing: border-box;
}

    .button-primary:disabled {
        cursor: not-allowed;
        background-color: var(--color-12);
    }

.button-secondary:disabled {
    cursor: not-allowed;
    color: var(--color-05);
    border-color: var(--color-05);
}

.button-secondary {
    background-color: var(--color-01);
    color: var(--color-08);
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-08);
    padding: 0.5rem 4rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    display: inline-flex;
    align-items: center;
    min-height: 4rem;
    vertical-align: bottom;
    box-sizing: border-box;
    font-size: 1.5rem;
}

    span.button-secondary,
    .button-secondary span.material-symbols-outlined {
        font-size: 2rem;
    }

.button-tertiary {
    background-color: var(--color-01);
    color: var(--color-08);
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-05);
    padding: 0.5rem 1rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    display: inline-flex;
    align-items: center;
    vertical-align: bottom;
    box-sizing: border-box;
}

a.button-primary {
    vertical-align: bottom;
}

a.button-secondary {
    vertical-align: bottom;
}

a.button-tertiary {
    vertical-align: bottom;
}

.button-primary span.material-symbols-outlined {
    font-size: 2.2rem;
}

.button-primary span.fa-solid {
    font-size: 1.5rem;
}

.button-primary span.bi {
    font-size: 2rem;
    padding-bottom: 4px;
}

.button-secondary span.material-symbols-outlined {
    font-size: 2.2rem;
}

.button-tertiary span.material-symbols-outlined {
    font-size: 2.2rem;
}

.button-secondary span.fa-solid {
    font-size: 1.5rem;
}

.button-tertiary span.fa-solid {
    font-size: 1.5rem;
}

.button-secondary span.bi {
    font-size: 2rem;
    padding-bottom: 4px;
}

.button-tertiary span.bi {
    font-size: 2rem;
    padding-bottom: 4px;
}

a.disabled,
button:disabled {
    opacity: 0.5;
}

a.button-primary:hover {
    color: var(--color-01);
}

a.button-secondary:hover {
    color: var(--color-09);
}

a.button-tertiary:hover {
    color: var(--color-08);
}

.navbar-nav .nav-link {
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-09);
}

.navbar-nav .nav-link {
    border: none;
    border-radius: 0.4rem;
    display: inline-flex;
    align-items: center;
    height: 3.8rem;
    font-size: 1.5rem;
    padding: 0.5rem 3rem 0.2rem 3rem;
    box-sizing: border-box;
    vertical-align: bottom;
}


a.button-quaternary {
    vertical-align: bottom;
}


.button-quaternary {
    background-color: var(--color-01);
    color: var(--color-08);
    border-style: none;
    border-width: 0;
    border-color: transparent;
    padding: 0.5rem 1rem;
    -moz-border-radius: 0.65rem;
    -webkit-border-radius: 0.65rem;
    border-radius: 0.65rem;
    display: inline-flex;
    align-items: center;
    min-height: 4rem;
    vertical-align: bottom;
    box-sizing: border-box;
    font-size: 1.6rem;
    font-weight: 700;
}

    .button-quaternary span.material-symbols-outlined {
        font-size: 2.2rem;
    }

    .button-quaternary:hover {
        color: var(--color-08);
    }

    .button-quaternary.show,
    .button-quaternary:active,
    .button-quaternary:focus {
        color: var(--color-02);
    }

/* BOTOES - FIM */




/* INICIO COMPONENTES FORMULARIOS */

input[type=text]:disabled,
select:disabled {
    color: var(--color-00);
}



.form-select,
.form-control {
    height: 4rem !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 1.6rem;
    margin-top: 0.25rem;
    color: var(--color-04);
    font-family: 'robotoregular';
}

textarea.form-control {
    min-height: 20rem;
    max-height: 30rem;
}

.form-control:disabled,
.form-select:disabled {
    background-color: var(--color-11);
}

/* FIM COMPONENTES FORMULARIOS */





/* TOOLTIP - INICIO */
/*
.tooltip-inner {
    max-width: 50rem;
    padding: 1.25rem 1.25rem;
    color: var(--color-00);
    text-align: left;
    background-color: var(--color-01);
    border-radius: 0.5rem;
    font-size: 1.6rem;
    box-shadow: 0 0 0.8rem 0.3rem rgba(0, 0, 0, 0.15);
}

.tooltip.show {
    opacity: 1;
}

.tooltip-inner h4 {
    font-weight: 700;
    font-size: 1.6rem;
}

.tooltip-inner strong {
    display: inline-block;
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
}

.tooltip-inner p {
    line-height: 1.4;
}

*[data-bs-toggle="tooltip"] {
    cursor: hand;
    cursor: pointer;
}
*/
/* TOOLTIP - FIM */





/* PAGINATION - INICIO */

.pagination {
    float: left;
}

li.paginate_button {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    color: var(--color-08);
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-08);
    padding: 0;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    display: inline-flex;
    align-items: center;
    vertical-align: bottom;
    box-sizing: border-box;
}

    li.paginate_button.disabled {
        opacity: 0.5;
        color: var(--color-08) !important;
    }

        li.paginate_button.disabled a {
            background-color: transparent;
        }

ul li:first-child {
    border-style: none;
}

ul li:last-child {
    border-style: none;
}

li.paginate_button.previous a,
li.paginate_button.next a {
    padding: 0;
}

.page-item:first-child .page-link {
    -moz-border-radius: 0.4rem;
    -webkit-border-radius: 0.4rem;
    border-radius: 0.4rem;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
    padding-right: 0;
    padding-left: 0;
}

.page-item:last-child .page-link {
    -moz-border-radius: 0.4rem;
    -webkit-border-radius: 0.4rem;
    border-radius: 0.4rem;
}

.page-item.active .page-link {
    background-color: var(--color-08);
    border-color: var(--color-08);
    color: var(--color-01) !important;
}

.page-link {
    color: var(--color-08) !important;
    border-style: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.8rem;
    min-width: 2.8rem;
    font-size: 1.6rem;
    -webkit-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    border-radius: 0.4rem;
}

    .page-link,
    .page-link:hover {
        background-color: unset;
    }

        .page-link .material-symbols-outlined {
            font-size: unset;
            font-size: 1.9rem;
        }

/* PAGINATION - FIM */




/* DATATABLES - INICIO */

.dataTables_wrapper:before,
.dataTables_wrapper:after {
    display: table;
    content: " ";
    clear: both;
}

.dataTables_wrapper::before,
.dataTables_wrapper::after {
    display: table;
    content: " ";
    clear: both;
}

.dataTables_wrapper {
    margin-top: 1rem;
}

.dataTables_filter {
    float: left;
    display: none;
}


td div {
    text-align: center;
    color: var(--color-04);
}

td {
    color: var(--color-04) !important;
    /*  border-left: 1px solid var(--color-05); */
    border-right: 1px solid var(--color-05);
}

td, th {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.dtr-control {
    white-space: nowrap;
}

tr td:first-child {
    border-left: 1px solid var(--color-05);
}

table {
    /*    display: block;
    overflow-x: auto; */
    border-color: var(--color-05) !important;
}

/*
table#tabela-condutores {
    display: table;
    overflow-x: unset;
}
*/

.dataTables_length {
    float: right;
    margin-bottom: 1rem;
}

.bottom .dataTables_length {
    display: none;
}

table.dataTable thead > tr > th.sorting::before {
    margin-bottom: 0.25rem;
}

table.dataTable thead > tr > th.sorting::after {
    margin-top: 0.25rem;
}

.table > :not(caption) > * > th,
th {
    background-color: var(--color-05);
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: middle;
    color: var(--color-04);
}

th {
    white-space: nowrap;
}


.dataTables_paginate {
    margin-top: 2rem !important;
}


table a,
table a:hover {
    color: var(--color-08);
}

div.dataTables_wrapper div.dataTables_length,
div.dataTables_wrapper div.dataTables_filter,
div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_paginate {
    text-align: left;
    color: var(--color-04);
}

/* DATATABLES - FIM */






/* FOOTER - INICIO */

.footer-project {
    background-color: var(--color-02);
    color: var(--color-03);
}

.footer-credits {
    background-color: var(--color-04);
    color: var(--color-03);
}

/* FOOTER - FIM */



/* HELPERS - INICIO */

.vh-10 {
    height: 10vh !important;
}

.vh-25 {
    height: 25vh !important;
}

.vh-50 {
    height: 50vh !important;
}

.vh-60 {
    height: 60vh !important;
}

.vh-70 {
    height: 70vh !important;
}

.vh-75 {
    height: 75vh !important;
}

.vh-80 {
    height: 80vh !important;
}

.w-10 {
    width: 10% !important;
}

.w-16 {
    width: 16% !important;
}

.w-20 {
    width: 20% !important;
}

.w-25 {
    width: 25% !important;
}

.w-30 {
    width: 30% !important;
}

.w-35 {
    width: 35% !important;
}

.w-40 {
    width: 40% !important;
}

.w-45 {
    width: 45% !important;
}

.w-60 {
    width: 60% !important;
}

.w-70 {
    width: 70% !important;
}

.w-75 {
    width: 75% !important;
}

.w-80 {
    width: 80% !important;
}

.w-90 {
    width: 90% !important;
}

.w-unset {
    width: unset !important;
}

/* HELPERS - FIM */





/* BOXES - INICIO */

.box-primary {
    box-shadow: 0.2rem 0.2rem 0.4rem 0.1rem rgba(0, 0, 0, 0.15);
    border-radius: 1rem;
    background-color: var(--color-01);
}


/* BOXES - FIM */



/* DATE PICKER - INICIO */

.ui-datepicker-trigger {
    margin-left: -30px;
    border-color: var(--color-03);
}

.ui-datepicker td span, .ui-datepicker td a {
    text-align: center;
}



html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 2px solid var(--color-01);
    background-color: var(--color-01);
    color: var(--color-02);
}

.ui-datepicker-month {
    text-align: right;
}

.ui-datepicker-year,
.ui-datepicker-month {
    border-style: none;
    background-color: var(--color-01);
    appearance: none;
}

.ui-widget-header {
    background-color: var(--color-01);
    background: var(--color-01);
    border: 0px solid var(--color-01);
    color: var(--color-04);
}

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active,
    a.ui-button:active,
    .ui-button:active,
    .ui-button.ui-state-active:hover {
        font-weight: 700;
        background-color: var(--color-08) !important;
        color: var(--color-01) !important;
    }

.ui-datepicker-today a.ui-state-active {
    color: var(--color-01) !important;
}

.ui-datepicker-today a {
    color: var(--color-00) !important;
    font-weight: 700 !important;
}

.ui-widget-content .ui-state-default:hover,
.ui-state-default:hover {
    border-color: var(--color-10) !important;
}


.ui-widget-content {
    border-style: none;
}

/* DATE PICKER - FIM */



.accordion-panel {
    display: none; /* Panels are hidden by default */
    width: 100%;
    padding: 1.5rem 0 !important;
    border-style: none !important;
}










table.dataTable > tbody > tr.child ul.dtr-details {
    width: 100%;
}

/*
table.dataTable > tbody > tr.child ul.dtr-details > li {
    border-bottom-style: none;
}
*/

tr.child td {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

tr.child ul li {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.digite-captcha {
    opacity: 0.5;
}

.disabled-link {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

    .disabled-link span {
        color: var(--color-04) !important;
        opacity: 0.5;
    }

.captcha {
    /*  max-width: 100%; */
    max-width: 18rem;
    height: auto;
}




/* FIM XS */


/* INICIO SM */
@media (min-width: 576px) {



    .nav-tabs .nav-link {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .panel-user a:not(.logo-prefeitura) {
        margin-left: 0;
    }


    .panel-user .btn-sair {
        order: 2;
    }

    .panel-user .logo-prefeitura {
        order: 3;
    }




    .filter {
        margin-top: 1.5rem;
    }





    /* HELPERS - INICIO */

    .position-sm-absolute {
        position: absolute !important;
    }

    .position-sm-relative {
        position: relative !important;
    }

    .vh-sm-10 {
        height: 10vh !important;
    }

    .vh-sm-25 {
        height: 25vh !important;
    }

    .vh-sm-50 {
        height: 50vh !important;
    }

    .vh-sm-60 {
        height: 60vh !important;
    }

    .vh-sm-70 {
        height: 70vh !important;
    }

    .vh-sm-75 {
        height: 75vh !important;
    }

    .vh-sm-80 {
        height: 80vh !important;
    }

    .vh-sm-100 {
        height: 100vh !important;
    }

    .w-sm-10 {
        width: 10% !important;
    }

    .w-sm-16 {
        width: 16% !important;
    }

    .w-sm-20 {
        width: 20% !important;
    }

    .w-sm-30 {
        width: 30% !important;
    }

    .w-sm-40 {
        width: 40% !important;
    }

    .w-sm-60 {
        width: 60% !important;
    }

    .w-sm-70 {
        width: 70% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-80 {
        width: 80% !important;
    }

    .w-sm-90 {
        width: 90% !important;
    }

    .w-sm-unset {
        width: unset !important;
    }

    /* HELPERS - FIM */


    /* HELPERS EXTRA - INICIO */

    .w-sm-25 {
        width: 25% !important;
    }

    .w-sm-35 {
        width: 35% !important;
    }

    .w-sm-45 {
        width: 45% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-auto {
        width: auto !important;
    }

    /* HELPERS EXTRA - FIM */

    .btn-novo {
        margin-right: 1.5rem;
        margin-left: 1.5rem;
    }

    .btn-sincronizar {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .btn-novo {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}
/* FIM SM */


/* INICIO MD -Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {



    .btn-sincronizar span:not(.material-symbols-outlined),
    .btn-novo span:not(.material-symbols-outlined) {
        display: inline;
    }

    .btn-pesquisar {
        margin-left: 1rem;
        width: unset;
    }


    /* HELPERS - INICIO */

    .position-md-absolute {
        position: absolute !important;
    }

    .position-md-relative {
        position: relative !important;
    }

    .vh-md-10 {
        height: 10vh !important;
    }

    .vh-md-25 {
        height: 25vh !important;
    }

    .vh-md-50 {
        height: 50vh !important;
    }

    .vh-md-60 {
        height: 60vh !important;
    }

    .vh-md-70 {
        height: 70vh !important;
    }

    .vh-md-75 {
        height: 75vh !important;
    }

    .vh-md-80 {
        height: 80vh !important;
    }

    .vh-md-100 {
        height: 100vh !important;
    }

    .w-md-10 {
        width: 10% !important;
    }

    .w-md-16 {
        width: 16% !important;
    }

    .w-md-20 {
        width: 20% !important;
    }

    .w-md-30 {
        width: 30% !important;
    }

    .w-md-40 {
        width: 40% !important;
    }

    .w-md-60 {
        width: 60% !important;
    }

    .w-md-70 {
        width: 70% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-80 {
        width: 80% !important;
    }

    .w-md-90 {
        width: 90% !important;
    }

    .w-md-unset {
        width: unset !important;
    }

    /* HELPERS - FIM */


    /* HELPERS EXTRA - INICIO */

    .w-md-25 {
        width: 25% !important;
    }

    .w-md-35 {
        width: 35% !important;
    }

    .w-md-45 {
        width: 45% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-100 {
        width: 100% !important;
    }

    .w-md-auto {
        width: auto !important;
    }

    /* HELPERS EXTRA - FIM */


    .btn-sincronizar {
        margin-top: 0;
        margin-left: 1.5rem;
    }

    .btn-novo {
        margin-top: 0;
        margin-left: 2.5rem;
    }

    .logo-imagem {
        margin-bottom: -1.5rem;
    }
}
/* FIM MD */


/* INICIO LG -Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    h2 {
        margin-top: 1rem;
    }


    .accordion-panel {
        display: block;
    }

    .grid-opcoes .container-opcao:first-child fieldset.campos-busca
    .grid-opcoes .container-opcao:last-child fieldset.campos-busca,
    .grid-opcoes .container-opcao fieldset.campos-busca {
        border: 1px solid var(--color-05);
        padding: 1rem 1.5rem;
        -moz-border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
        border-radius: 0.5rem;
        border-bottom-style: solid;
    }

    .container-opcao fieldset.campos-busca {
        min-height: 41rem;
    }

    main {
        min-height: calc(100vh - 20rem);
    }

    /* HELPERS - INICIO */

    .position-lg-absolute {
        position: absolute !important;
    }

    .position-lg-relative {
        position: relative !important;
    }

    .vh-lg-10 {
        height: 10vh !important;
    }

    .vh-lg-25 {
        height: 25vh !important;
    }

    .vh-lg-50 {
        height: 50vh !important;
    }

    .vh-lg-60 {
        height: 60vh !important;
    }

    .vh-lg-70 {
        height: 70vh !important;
    }

    .vh-lg-75 {
        height: 75vh !important;
    }

    .vh-lg-80 {
        height: 80vh !important;
    }

    .vh-lg-100 {
        height: 100vh !important;
    }

    .w-lg-10 {
        width: 10% !important;
    }

    .w-lg-16 {
        width: 16% !important;
    }

    .w-lg-20 {
        width: 20% !important;
    }

    .w-lg-30 {
        width: 30% !important;
    }

    .w-lg-40 {
        width: 40% !important;
    }

    .w-lg-60 {
        width: 60% !important;
    }

    .w-lg-70 {
        width: 70% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-80 {
        width: 80% !important;
    }

    .w-lg-90 {
        width: 90% !important;
    }

    .w-lg-unset {
        width: unset !important;
    }

    /* HELPERS - FIM */


    /* HELPERS EXTRA - INICIO */

    .w-lg-25 {
        width: 25% !important;
    }

    .w-lg-35 {
        width: 35% !important;
    }

    .w-lg-45 {
        width: 45% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-100 {
        width: 100% !important;
    }

    .w-lg-auto {
        width: auto !important;
    }


    /* HELPERS EXTRA - FIM */



    .header-pmsp,
    .header-pmsp a,
    .accessibility-buttons span.acessibilidade {
        font-size: 14px;
    }
}
/* FIM LG */


/* INICIO XL - Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

    #tabela-condutores_wrapper {
        width: 75%;
    }

    /*
table {
    display: table;
    overflow-x: initial;
    overflow-x: unset;
}    
*/

    .bg .container {
        max-width: 1360px;
    }

    .panel-user {
        width: 500px;
    }



    /* HELPERS - INICIO */

    .position-xl-absolute {
        position: absolute !important;
    }

    .position-xl-relative {
        position: relative !important;
    }

    .vh-xl-10 {
        height: 10vh !important;
    }

    .vh-xl-25 {
        height: 25vh !important;
    }

    .vh-xl-50 {
        height: 50vh !important;
    }

    .vh-xl-60 {
        height: 60vh !important;
    }

    .vh-xl-70 {
        height: 70vh !important;
    }

    .vh-xl-75 {
        height: 75vh !important;
    }

    .vh-xl-80 {
        height: 80vh !important;
    }

    .vh-xl-100 {
        height: 100vh !important;
    }

    .w-xl-10 {
        width: 10% !important;
    }

    .w-xl-16 {
        width: 16% !important;
    }

    .w-xl-20 {
        width: 20% !important;
    }

    .w-xl-30 {
        width: 30% !important;
    }

    .w-xl-40 {
        width: 40% !important;
    }

    .w-xl-60 {
        width: 60% !important;
    }

    .w-xl-70 {
        width: 70% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-80 {
        width: 80% !important;
    }

    .w-xl-90 {
        width: 90% !important;
    }

    .w-xl-unset {
        width: unset !important;
    }

    /* HELPERS - FIM */


    /* HELPERS EXTRA - INICIO */

    .w-xl-25 {
        width: 25% !important;
    }

    .w-xl-35 {
        width: 35% !important;
    }

    .w-xl-45 {
        width: 45% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-100 {
        width: 100% !important;
    }

    .w-xl-auto {
        width: auto !important;
    }

    /* HELPERS EXTRA - FIM */



    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1360px;
    }
}
/* FIM XL */



/* INICIO XXL */

@media only screen and (min-width: 1400px) {




    /* HELPERS - INICIO */

    .position-xxl-absolute {
        position: absolute !important;
    }

    .position-xxl-relative {
        position: relative !important;
    }

    .vh-xxl-10 {
        height: 10vh !important;
    }

    .vh-xxl-25 {
        height: 25vh !important;
    }

    .vh-xxl-50 {
        height: 50vh !important;
    }

    .vh-xxl-60 {
        height: 60vh !important;
    }

    .vh-xxl-70 {
        height: 70vh !important;
    }

    .vh-xxl-75 {
        height: 75vh !important;
    }

    .vh-xxl-80 {
        height: 80vh !important;
    }

    .vh-xxl-100 {
        height: 100vh !important;
    }

    .w-xxl-10 {
        width: 10% !important;
    }

    .w-xxl-16 {
        width: 16% !important;
    }

    .w-xxl-20 {
        width: 20% !important;
    }

    .w-xxl-30 {
        width: 30% !important;
    }

    .w-xxl-40 {
        width: 40% !important;
    }

    .w-xxl-60 {
        width: 60% !important;
    }

    .w-xxl-70 {
        width: 70% !important;
    }

    .w-xxl-75 {
        width: 75% !important;
    }

    .w-xxl-80 {
        width: 80% !important;
    }

    .w-xxl-90 {
        width: 90% !important;
    }

    .w-xxl-unset {
        width: unset !important;
    }

    /* HELPERS - FIM */


    /* HELPERS EXTRA - INICIO */

    .w-xxl-25 {
        width: 25% !important;
    }

    .w-xxl-35 {
        width: 35% !important;
    }

    .w-xxl-45 {
        width: 45% !important;
    }

    .w-xxl-50 {
        width: 50% !important;
    }

    .w-xxl-75 {
        width: 75% !important;
    }

    .w-xxl-100 {
        width: 100% !important;
    }

    .w-xxl-auto {
        width: auto !important;
    }



  
    /* HELPERS EXTRA - FIM */


}

/* FIM XXL */