@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

* {
    font-family: 'Inter', 'Open Sans', sans-serif, Verdana;
    font-size: 10pt;
    font-variant-numeric: tabular-nums;
    box-sizing: border-box;
}

    *::-webkit-scrollbar {
        width: 12px;
        height: 12px;
    }

    *::-webkit-scrollbar-thumb {
        background-color: gray;
    }

html, body, form {
    /*min-height: 100%;
    height: 100%;*/
    border: 0px;
    margin: 0px;
}

h1, h2, h3, h4 {
    border-bottom: 1px solid black;
    margin-bottom: 5px;
}

.corpo-site {
    max-width: 90rem; /*1440px;*/
    margin: auto;
}

/*#divMapa {
    padding: 5px;
}

    #divMapa * {
        font-size: 8pt;
    }*/

.fonte-padrao {
    font-family: 'Inter', 'Open Sans', sans-serif, Verdana;
    font-size: 10pt;
}

.fonte-menu * {
    font-family: Rubik;
}

.fonte-200 {
    font-weight: 200;
}

.fonte-300 {
    font-weight: 300;
}

.fonte-400 {
    font-weight: 400;
}

.fonte-500 {
    font-weight: 500;
}

.fonte-600 {
    font-weight: 600;
}

.fonte-700 {
    font-weight: 700;
}

.fonte-800 {
    font-weight: 800;
}

.fonte-size-7pt {
    font-size: 7pt;
}

.fonte-size-8pt {
    font-size: 8pt;
}

.fonte-size-10pt {
    font-size: 10pt;
}

.fonte-size-11pt {
    font-size: 11pt;
}

.fonte-size-12pt {
    font-size: 12pt;
}

.fonte-size-14pt {
    font-size: 14pt;
}

.fonte-size-15pt {
    font-size: 15pt;
}

.fonte-size-16pt {
    font-size: 16pt;
}

.fonte-size-20pt {
    font-size: 20pt;
}

.fonte-size-28pt {
    font-size: 28pt;
}

.fonte-size-48pt {
    font-size: 48pt;
}

.fonte-italico {
    font-style: italic;
}

.fonte-branca {
    color: #FFF;
}

.fonte-cinza {
    color: #aaa8a8;
}

/*[class*="ri-"] {
    font-size: 12pt;
}*/

.border-0 {
    border: none;
}

#divGeral {
    /*height: 100%;*/
    min-height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #f1f3f4;
}

#divConteudo {
    flex: 1;
    padding: 10px;
}

dialog {
    width: 98%;
    margin: auto;
    border: 1px solid #666;
    padding: 0px;
    max-height: 70%;
    overflow: auto;
}

    dialog .dialog-cabecalho {
        width: 100%;
        text-align: left;
        background-color: #666;
        color: white;
        padding: 5px;
    }

    dialog .dialog-conteudo {
        width: 100%;
        padding: 5px;
    }

#divMenuInterno {
    display: flex;
    align-items: center;
    gap: 4px;
    border: 0;
    padding: 5px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    width: 100%;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
}

    #divMenuInterno .valorPistaBusca {
        flex: 1;
        position: relative;
    }

        #divMenuInterno .valorPistaBusca input[type=number] {
            text-align: right !important;
        }

.divMenuInterno {
    display: flex;
    gap: 4px;
    border: 0;
    padding: 5px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    width: 100%;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
}

    .divMenuInterno .valorPistaBusca {
        flex: 1;
        position: relative;
    }

        .divMenuInterno .valorPistaBusca input[type=text],
        .divMenuInterno .valorPistaBusca select,
        .divMenuInterno .valorPistaBusca input[type=number] {
            width: 100%;
        }

        .divMenuInterno .valorPistaBusca input[type=number] {
            text-align: left !important;
        }




a {
    color: #000;
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

    a[disabled] {
        color: #aaa;
    }

.shadowLogo {
    -moz-box-shadow: 0 0 10px #888;
    -webkit-box-shadow: 0 0 10px#888;
    box-shadow: 0 0 10px #888;
}

.fontePequena {
    font-size: 7.5pt;
}

.textoTarjado { /*atribuir à DIV*/
    background-color: #CCFF00;
    border-radius: 4px;
    padding: 4px;
    text-align: center;
}

.bordaRedonda {
    border-radius: 4px;
}

.borda-cinza {
    border: 1px solid lightgray;
}

.borda-bottom {
    border-bottom: 1px solid lightgray;
}

.borda-top {
    border-top: 1px solid lightgray;
}

.margem-baixo-15 {
    margin-bottom: 15px;
}

.margem-cima-15 {
    margin-top: 15px;
}

.clear {
    clear: both;
}

.padding-25 {
    padding: 25px;
}

.padding-20 {
    padding: 20px;
}

.padding-15 {
    padding: 15px;
}

.padding-10 {
    padding: 10px;
}

.padding-5 {
    padding: 5px;
}

.padding-2 {
    padding: 2px;
}

.padding-0 {
    padding: 0px;
}

.alinhamento-direita {
    text-align: right;
}

.alinhamento-esquerda {
    text-align: left;
}

.alinhamento-centro {
    text-align: center;
}

.alinhamento-justificado {
    text-align: justify;
}

/*.bt-cad-cliente-selecionado {
    color: #000 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
    text-align: center !important;
}*/


.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.grid-responsivo {
    display: grid;
    grid-gap: 4px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.grid-responsivo-150 {
    display: grid;
    grid-gap: 4px;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.grid-responsivo-350 {
    display: grid;
    grid-gap: 4px;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}

.grid-2f {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/*.grid-menu-mobile {
    display: grid;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    padding: 10px;
    border-radius: 4px;
    grid-template-columns: 1fr 1fr;
}

.grid-menu-mobile-item {
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 4px;
    text-align: center;
    background-color: rgb(165,42,42);
}

    .grid-menu-mobile-item * {
        color: #fff;
    }*/

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.flex-coluna {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    gap: 4px;
}

.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
    justify-items: center;
    gap: 4px;
}

.flex-around {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 4px;
}

.flex-end {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 4px;
}

.flex-initial {
    display: flex;
    justify-content: initial;
    align-items: center;
    gap: 4px;
}

.flex-wrap {
    flex-wrap: wrap;
}

.btn-drop-down {
    cursor: pointer;
}

.btn-padrao {
    background-color: #507086 !important;
    color: #fff !important;
    padding: 10px 10px;
    border-radius: 8px;
}

.btn-escuro {
    background-color: #384752 !important;
    color: #fff !important;
    padding: 10px 10px;
    border-radius: 8px;
}

.btn-nav {
    padding: 10px 10px;
    border-radius: 8px;
}

    .btn-nav:hover {
        background-color: hsl(210 20% 90% / .95);
    }

    .btn-nav.active {
        background-color: hsl(210 20% 90% / .95);
    }

.btn-ativo {
    padding: 10px 10px;
    border-radius: 8px;
    background-color: hsl(210 20% 90% / .95);
}

.esconde-menu {
    display: none;
}

.bg-cinza {
    background-color: #f5f5f5;
}

.notyf__message { /*altera a cor do texto da classe notyf */
    color: white !important;
}

.container-hero {
    height: 500px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)), url('/img/Hero.jpg');
    background-size: cover;
    background-position: center;
}

.hero-cinza {
    background-color: hsl(205 15% 92% / .5);
    border-bottom: 1px solid hsl(205 15% 86% / .5);
    min-height: 300px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.index-rodape {
    height: 420px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)), url('/img/Index_Rodope.jpg');
    background-size: cover;
    background-position: center;
}

.bg-primario {
    background-color: hsl(205 19% 27%);
}

.texto-primario {
    color: hsl(205 19% 27%);
}

.bg-secundario {
    background-color: hsl(205 25% 45%);
}

.texto-secundario {
    color: hsl(205 25% 45%);
}

.circulo-letra {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    border-radius: 9999px;
    width: 20px;
    height: 20px;
    font-size: 14pt;
    font-weight: 600;
}

.pills {
    display: inline;
    border: 1px solid hsl(205 25% 45%);
    border-radius: 9999px;
    color: hsl(205 25% 45%);
    background-color: hsl(205 25% 15%);
    padding: 0.35em 0.75em;
    font-weight: 600;
    text-transform: uppercase;
    opacity: .5;
}

.line-height-txt {
    line-height: 1.8;
}