@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;
    /*font-weight: 400 !important;*/
}

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

    *::-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;
}

#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-11pt {
    font-size: 11pt;
}

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

.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;
}

.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;
}

/*pop-up inicio - AGUARDE*/
#hideshow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*display: none;*/
}

#fade10 {
    background: #000000;
    position: fixed;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=40);
    opacity: .40;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /*--IE 8 Transparency--*/
    left: 0;
    top: 0;
    z-index: 10;
}
/*pop-up fim*/

/*usado somente no textbox de pista para limpar a busca*/
.icon-cross:after {
    content: "\ea0f";
    padding: 6px 10px;
    /*border-radius: 0px 4px 4px 0px;
    border: 1px solid #aaa;*/
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}
/*usado somente no textbox de pista para busca*/
.icon-search:after {
    content: "\e986";
    /*padding: 6px 10px;*/
    /*border-radius: 0px 4px 4px 0px;
    border: 1px solid #aaa;*/
    position: absolute;
    top: 9px;
    /*bottom: 0;*/
    right: 10px;
    background-color: #fff;
}

.icon-folder-open:after {
    content: "\e930";
    padding: 6px 10px;
    /*border-radius: 0px 4px 4px 0px;
    border: 1px solid #aaa;*/
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}

/*chave*/
.icon-key:before {
    content: "\e98d";
}
/*engrenagem*/
.icon-cogs:before {
    content: "\e995";
}
/*casinha*/
.icon-home:before {
    content: "\e900";
}
/*porta de saída*/
.icon-exit:before {
    content: "\ea14";
}
/*atualizar, algo assim*/
.icon-loop2:before {
    content: "\ea2e";
}
/*lixeira*/
.icon-bin:before {
    content: "\e9ac";
}
/*lapis - editar*/
.icon-pencil:before {
    content: "\e905";
}
/*predios*/
.icon-office:before {
    content: "\e903";
}
/*X*/
.icon-cross1:before {
    content: "\ea0f";
}
/*calendario*/
.icon-calendar:before {
    content: "\e953";
}
/*disquete*/
.icon-floppy-disk:before {
    content: "\e962";
}
/*cadeado trancado*/
.icon-lock:before {
    content: "\e98f";
}
/*uma pessoa*/
.icon-user:before {
    content: "\e971";
}
/*duas pessoas*/
.icon-users:before {
    content: "\e972";
}
/*uma pessoa com sinal de mais*/
.icon-user-plus:before {
    content: "\e973";
}
/*uma pessoa com sinal de menos*/
.icon-user-minus:before {
    content: "\e974";
}
/*folha de papel com algumas linhas*/
.icon-file-text2:before {
    content: "\e926";
}
/*+*/
.icon-plus:before {
    content: "\ea0a";
}
/*compartilhar*/
.icon-share2:before {
    content: "\ea82";
}
/*martelo*/
.icon-hammer:before {
    content: "\e996";
}
/*alvo*/
.icon-target:before {
    content: "\e9b3";
}
/*impressora*/
.icon-printer:before {
    content: "\e954";
}
/*parece uma construção grega*/
.icon-library:before {
    content: "\e921";
}
/*funil*/
.icon-filter:before {
    content: "\ea5b";
}
/*caixa com um seta pra dentro dela*/
.icon-box-add:before {
    content: "\e95e";
}
/*circulo com uma seta para cima*/
.icon-circle-up:before {
    content: "\ea41";
}
/*circulo com uma seta para baixo*/
.icon-circle-down:before {
    content: "\ea43";
}
/*calculadora*/
.icon-calculator:before {
    content: "\e940";
}
/*sinal de interrogacao*/
.icon-question:before {
    content: "\ea09";
}
/*sinal de check marcado OK*/
.icon-checkmark:before {
    content: "\ea10";
}
/*pasta com sinal de download*/
.icon-folder-download:before {
    content: "\e933";
}
/*lista como se fosse ul il*/
.icon-list:before {
    content: "\e9ba";
}
/*QR code*/
.icon-qrcode:before {
    content: "\e938";
}
/*download*/
.icon-download:before {
    content: "\e960";
}
/*download da nuvem*/
.icon-cloud-download:before {
    content: "\e9c2";
}
/*olho*/
.icon-eye:before {
    content: "\e9ce";
}
/*link*/
.icon-link:before {
    content: "\e9cb";
}

.icon-facebook:before {
    content: "\ea90";
}

.icon-whatsapp:before {
    content: "\ea93";
}

.icon-file-picture:before {
    content: "\e927";
}

.icon-clipboard:before {
    content: "\e9b8";
}

.icon-file-empty:before {
    content: "\e924";
}
/*menu com seta para baixo*/
.icon-menu3:before {
    content: "\e9bf";
}
/*menu com seta para cima*/
.icon-menu4:before {
    content: "\e9c0";
}

.icon-paragraph-justify:before {
    content: "\ea7a";
}

.icon-table2:before {
    content: "\ea71";
}

.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;
}

/*INICIO MODAL EXTENDER*/
.modalBackground { /*classe utilizada no ModalPopupExtender*/
    background-color: #000000;
    filter: alpha(opacity=40);
    opacity: .40;
}

.modalConteudo { /*classe utilizada no Panel*/
    padding: 5px;
    width: 95%;
    background-color: #fff;
    min-height: 30%;
    max-height: 90%;
    overflow: auto;
    border: 4px solid gray;
    border-radius: 8px;
}

.btFecharModal {
    text-align: right;
    background-color: gray;
    padding: 5px;
    border-radius: 3px;
}

    .btFecharModal a {
        color: #fff;
    }
/*FIM MODAL EXTENDER*/

/*COORDENADOR ONLINE*/
.atencao {
    font-size: 8pt;
    font-family: 'Inter';
    text-transform: uppercase;
    color: Red; /*font-weight: bold;*/
    text-shadow: 1px 1px 1px #999;
}

.diploma-selecionado fieldset {
    border: 1px solid #9ACD32 !important;
    border-left: solid 5px #9ACD32 !important;
}

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

.grid-menu-mobile {
    display: grid;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    padding: 10px;
    /*background: linear-gradient(90deg, rgba(183,0,2,1) 0%, rgba(253,29,29,0.5046393557422969) 50%, rgba(183,0,2,1) 100%);*/
    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: rgba(0,0,0,.3);*/
    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;
    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;
}

.esconde-menu {
    display: none;
}

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

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

.etiqueta {
    background-color: #BB0B0B;
    color: #fff;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 4px;
    font-size: 8pt !important;
    text-align: center;
}

    .etiqueta * {
        color: #fff;
        font-size: 8pt !important;
        font-weight: 700;
    }