/* GERAIS */
:root {
    --bs-primary-rgb: 255, 255, 255;
    --premierVerde-rgb: rgb(2 129 55); /* #028137 */
    --premierAzul-rgb: rgb(2 119 151); /* #027797 */
    --premierVermelho-hex: #972202;
    --premierAmarelo-hex: #E3AA19;
    --chumbo: #626b73;
    --cinzaClaro: #f0f0f094;
    --bs-body-font-weight: 300;
    --bs-body-line-height: 1.2;
    --bs-body-color: #212529;
    --bs-body-font-size: 0.75rem;
}

body {
    padding-top: 85px;
    padding-top: 65px;
    font-family: Roboto,sans-serif !important;
    color: var(--chumbo);
    text-transform: Uppercase;
}

.row {
    --bs-gutter-x: 1.4rem;
}

h1, .h1 {
    font-weight: 300;
    font-size: 23px;
    font-family: Roboto,sans-serif !important;
    color: var(--chumbo);
    text-transform: Uppercase;
    text-align: center;
}

h3 {
    font-weight: 300;
    /*font-weight: 800;*/
    font-size: 17px;
    font-family: Roboto,sans-serif !important;
    color: var(--chumbo);
    text-transform: Uppercase;
}

h6, .h6 {
    text-align: center;
}

/* EDIÇÕES */
.primeiroItem {
    margin-bottom: 17px !important;
    margin-top: 17px !important;
}

.headerClass {
    border-bottom: solid 0.025em gray;
}

.linhaInferior {
    border-bottom: solid 0.015em gray;
    color: gray
}

.semFormatacao {
    text-decoration: none;
    color: inherit;
    font-weight: inherit;
}

.centralizar {
    text-align: center;
    width: 100%;
}

.semPaddingLateral {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.semPaddingDireita {
    padding-right: 0px !important;
}

.semPaddingEsquerda {
    padding-left: 0px !important;
}

.paddingLeveEsquerda {
    padding-left: 0.6em;
}

.paddingSoEsquerda {
    padding-left: 0.6em;
    padding-right: 0px !important;
}

/* FORM */
.form-select, .select2-selection {
    font-size: 0.7rem;
    font-weight: 300;
    line-height: 1.2;
    color: var(--chumbo);
    background-color: #f0f0f094 !important;
    text-transform: Uppercase;
}

.select2-selection {
    border: 1px solid #ced4da !important;
}

.select2-selection__rendered {
    color: var(--chumbo) !important;
}

select option[value=""] {
    color: #999999;
}

textarea {
    resize: none;
}

.form-control {
    background-color: #f0f0f094 !important;
    font-size: 0.8rem;
    font-weight: 300;
    line-height: 1.2;
    color: var(--chumbo);
    text-transform: Uppercase;
}

    .form-control:focus {
        color: var(--chumbo);
    }

    .form-control::placeholder {
        font-size: 0.7rem;
        font-weight: 200;
        font-style: italic;
    }

.ateLabel {
    display: block;
    padding-top: 0.3rem;
    text-align: center;
}

.ateDiv {
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0.25em
}

.botoesFinais {
    margin-top: 2em;
    text-align: center;
}

.filtroInline {
    max-width: 43% !important;
    min-width: 20%;
    margin: 0px 0px;
    display: inline !important;
}

.ateLabelInline {    
    margin: 0px 10px;
    display: inline !important;
}

.textoNormal {
    text-transform: none !important;
}

/* NAV */
.navbar-light .navbar-nav .nav-link {
    color: var(--chumbo);
}

    .navbar-light .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        color: var(--chumbo);
    }

.navbar {
    border-bottom: solid 1px var(--premierVerde-rgb);
    padding-top: 0rem;
    padding-bottom: 0rem;
    height: 4rem;
}

.nav-item {
    font-weight: 500 !important;
    font-size: 0.9rem !important;
}

.dropdown-menu {
    line-height: 1.2 !important;
    font-weight: 300;
    font-size: 0.7rem !important;
    color: var(--chumbo) !important;
}

.dropdown-item {
    color: var(--chumbo) !important;
}

    .dropdown-item:active {
        background-color: var(--premierAzul-rgb);
        color: #fff !important;
    }

    .dropdown-item:hover {
        background-color: var(--premierAzul-rgb);
        color: #fff !important;
    }

/*BOTÕES*/

.btn {
    line-height: 1.2 !important;
    font-size: 0.8rem !important;
    text-transform: Uppercase;
}

.btn-primary {
    background-color: var(--premierAzul-rgb);
    border-color: var(--premierAzul-rgb) !important;
}

    .btn-primary:active {
        background-color: var(--premierAzul-rgb);
    }

    .btn-primary:focus {
        background-color: var(--premierAzul-rgb);
    }

    .btn-primary:hover {
        background-color: var(--premierVerde-rgb);
    }

/* TABLE */
table {
    border: 1px solid var(--chumbo);
    color: var(--chumbo);
    border-radius: 3px 3px 3px 3px !important;
}

td {
    text-align: center;
    background-color: inherit !important;
}

th {
    background-color: var(--premierAzul-rgb) !important;
    color: #fff !important;
    border-bottom: 3px solid #ccc !important;
    text-align: center !important;
}

tr {
    cursor: pointer;
}

    tr:hover {
        cursor: pointer;
        background-color: var(--cinzaClaro) !important;
        color: var(--premierAzul-rgb);
    }

    tr:nth-child(even) {
        background-color: var(--cinzaClaro) !important;
    }

td.gridjs-td {
    border: 1px solid var(--cinzaClaro) !important;
}

/* LOGIN FORM */
.divLogin {
    margin-top: -72px; /* Compensando o espaço da NavBar */
    margin-bottom: -28px;
}

.divLoginBorder {
    border: 1px solid rgba(51, 51, 51, 0.1) !important;
    border-radius: 20px;
}

.logoDivLogin {
    margin-bottom: 40px;
    margin-top: -30px;
}

/* RODAPÉ */
footer {
    margin-top: 20px;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    font-family: 'Work Sans', sans-serif;
    text-align: center;
}

.versaoSistema {
    font-size: 0.75em;
    color: rgba(51, 51, 51, 0.4);
}