html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

@media print {
    body * {
        visibility: hidden;
    }

    #conteudoParaImprimir, #conteudoParaImprimir * {
        visibility: visible;
    }

    #conteudoParaImprimir {
        position: absolute;
        left: 50px; /* Margem esquerda */
        top: 50px; /* Margem superior */
        right: 50px; /* Margem direita */
        bottom: 50px; /* Margem inferior */
        width: auto; /* Largura automática para respeitar as margens */
        height: auto; /* Altura automática para respeitar as margens */
    }

    @page {
        margin: 0; /* Remova as margens padrão do navegador na impressão */
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'Titillium Web', sans-serif;
    margin-bottom: 60px;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}

main {
    min-height: 80vh; /* Ou um valor que funcione para o seu layout */
}



.field-validation-error {
    color: #CF0000;
}

.close-alert {
    position: absolute;
    right: 13px;
    top: 13px;
    border-radius: 15px;
    width: 30px;
    height: 31px;
}

.text-red {
    color: #CF0000;
}

/* MENU */
.navbar-text-custom {
    color: #FF7200 !important; /* Cor do texto */
    font-weight: bold; /* Peso da fonte (opcional) */
    font-size: 16px; /* Tamanho da fonte (opcional) */
    /* Outros estilos desejados */
}

.custom-toggler-icon {
    background-color: transparent;
    border: none;
    outline: none;
    color: #fff; /* Cor dos elementos brancos */
}

/* Fontes */
.custom-text-color .nav-link {
    color: #FFFFFF !important; /* Cor do texto */
}


.custom-fonte-branca {
    color: #FFFFFF;
}

.custom-fonte-principal {
    color: #312D37;
}

.custom-fonte-verde {
    color: #2BBB00;
}

/* titulo */
.lbltitulo_formulario {
    color: #312D37;
    font-family: 'Titillium Web', sans-serif;
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    margin-left: 0px;
    height: 25px;
    vertical-align: central;
}

.lblsub1titulo_formulario {
    color: #2BBB00;
    font-family: 'Titillium Web', sans-serif;
    font-size: 1.4em;
    font-weight: 600;
    text-align: center;
    margin-left: 0px;
    height: 25px;
    vertical-align: central;
}

.lblsub2titulo_formulario {
    color: #FF7200;
    font-family: 'Titillium Web', sans-serif;
    font-size: 1.3em;
    font-weight: 600;
    text-align: center;
    margin-left: 0px;
    height: 25px;
    vertical-align: central;
}


/* BOTOES */
.btn-formularios-salvar {
    background-color: #2BBB00;
    color: #ffffff;
    font-size: 0.90em; /* ajustado */
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 2.1875em; /* ajustado */
    border: none;
    border-radius: 10px;
}

    .btn-formularios-salvar:hover {
        background-color: #2A970A;
        color: #ffffff;
    }

.btn-formularios-cancelar {
    background-color: #CF0000;
    color: #ffffff;
    font-size: 0.90em; /* ajustado */
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 2.1875em; /* ajustado */
    border: none;
    border-radius: 10px;
}

    .btn-formularios-cancelar:hover {
        background-color: #FC5353;
        color: #ffffff;
    }


.btn-formularios-voltar {
    background-color: #CF0000;
    color: #ffffff;
    font-size: 0.90em; /* ajustado */
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 2.1875em; /* ajustado */
    border: none;
    border-radius: 10px;
}

    .btn-formularios-voltar:hover {
        background-color: #FC5353;
        color: #ffffff;
    }


.btn-formularios1 {
    background-color: #312D37;
    color: #ffffff;
    font-size: 0.90em; /* ajustado */
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 2.1875em; /* ajustado */
    border: none;
    border-radius: 10px;
}

    .btn-formularios1:hover {
        background-color: #464050;
        color: #ffffff;
    }

.btn-formularios2 {
    background-color: #FF7200;
    color: #ffffff;
    font-size: 0.90em; /* ajustado */
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 2.1875em; /* ajustado */
    border: none;
    border-radius: 10px;
}

    .btn-formularios2:hover {
        background-color: #FEA35A;
        color: #ffffff;
    }

.btn-formularios3 {
    background-color: #CF0000;
    color: #ffffff;
    font-size: 0.90em; /* ajustado */
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 2.1875em; /* ajustado */
    border: none;
    border-radius: 10px;
}

    .btn-formularios3:hover {
        background-color: #FC5353;
        color: #ffffff;
    }


.btn-pequeno1 {
    background-color: #312D37;
    color: #ffffff;
    font-size: 0.90em; /* ajustado */
    border: none;
    border-radius: 10px;
    margin-right: 10px;
}

    .btn-pequeno1:hover {
        background-color: #7D3EB8;
        color: #ffffff;
    }

.btn-pequeno2 {
    background-color: #FF7200;
    color: #ffffff;
    font-size: 0.90em; /* ajustado */
    border: none;
    border-radius: 10px;
    margin-right: 10px;
}

    .btn-pequeno2:hover {
        background-color: #FEA35A;
        color: #ffffff;
    }

.btn-pequeno3 {
    background-color: #CF0000;
    color: #ffffff;
    font-size: 0.90em; /* ajustado */
    border: none;
    border-radius: 10px;
    margin-right: 10px;
}

    .btn-pequeno3:hover {
        background-color: #FC5353;
        color: #ffffff;
    }

/* DASHBOARD view: Home/index*/

.billing-card {
    background-color: #FF7200;
    border-radius: 10px;
    padding: 20px;
    color: white;
    font-size: 1.5rem; /* 24px em relação ao tamanho da fonte base */
}

    .billing-card:hover {
        background-color: #EE6500;
        color: #ffffff;
    }


    .billing-card a {
        text-decoration: none;
    }

.billing-title {
    font-size: 0.75rem; /* 12px em relação ao tamanho da fonte base */
    font-weight: regular;
    margin-bottom: 0.3125rem; /* 5px em relação ao tamanho da fonte base */
    text-align: left;
}

.billing-subtitle {
    font-size: 1rem; /* 16px em relação ao tamanho da fonte base */
    font-weight: bold;
    margin-bottom: 0.3125rem; /* 5px em relação ao tamanho da fonte base */
    text-align: left;
}

.billing-value {
    font-size: 1.875rem; /* 30px em relação ao tamanho da fonte base */
    font-weight: bold;
    margin-bottom: 0.3125rem; /* 5px em relação ao tamanho da fonte base */
    text-align: right;
}

.special-bg1 {
    background-color: #2BBB00;
    border: 1px solid white;
    color: white;
}

    .special-bg1:hover {
        background-color: #2DB107;
    }


.special-bg2 {
    background-color: white;
    border: 1px solid #312D37;
    color: #312D37;
}

    .special-bg2:hover {
        background-color: #E8E8E8;
        color: #312D37;
    }

.special-bg3 {
    background-color: #312D37;
    border: 1px solid white;
    color: white;
}

    .special-bg3:hover {
        background-color: #464050;
    }


.billing-custom-content-area {
    padding: 10px;
    font-size: 1.0625em;
    text-align: center;
    margin-top: 0px;
}


/* NOTAS view: Home/index*/
.notas-card {
    background-color: #F6F3F3;
    border: none;
    border-radius: 10px;
    padding: 5px;
    color: #312D37;
    font-size: 1.5rem;
    height: 100%;
    width: 100%;
}

.notas-card-titulo {
    font-weight: 300;
    font-size: 1rem; 
    text-align: center;
    color: #312D37;
}

.notas-filtro-card-titulo {
    font-size: 0.50em;
    font-weight: 300;
    text-align: center;
}

.notas-filtro-card-subtitulo {
    font-size: 0.90em;
    font-weight: bold;
    text-align: center;
}

.notas-totais-card {
    background-color: #F6F3F3;
    border: none;
    border-radius: 10px;
    border-color: #312D37;
    border: none;
    padding: 5px;
    color: #312D37;
    font-size: 1.5rem; /* 24px em relação ao tamanho da fonte base */
    text-align: center; /* Alinhar o texto ao centro horizontalmente */
}

.notas-totais-card-titulo {
    font-size: 0.50em;
    font-weight: 300;
    text-align: center;
    color: #312D37;
}

.notas-totais-card-subtitulo {
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    color: #312D37;
}


.notas-totais-card-sucesso {
    background-color: #2BBB00;
    border: none;
    border-radius: 10px;
    border-color: #312D37;
    border: none;
    padding: 5px;
    color: #FFFFFF;
    font-size: 1.5rem; /* 24px em relação ao tamanho da fonte base */
    text-align: center; /* Alinhar o texto ao centro horizontalmente */
}

.notas-totais-card-titulo-sucesso {
    font-size: 0.50em;
    font-weight: 300;
    text-align: center;
    color: #FFFFFF;
}

.notas-totais-card-subtitulo-sucesso {
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
}


.notas-totais-card-alerta {
    background-color: #F6F3F3;
    border: none;
    border-radius: 10px;
    border-color: #312D37;
    border: none;
    padding: 5px;
    color: #FFFFFF;
    font-size: 1.5rem; /* 24px em relação ao tamanho da fonte base */
    text-align: center; /* Alinhar o texto ao centro horizontalmente */
}

.notas-totais-card-titulo-alerta {
    font-size: 0.50em;
    font-weight: 300;
    text-align: center;
    color: #CF0000;
}

.notas-totais-card-subtitulo-alerta {
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    color: #CF0000;
}


/* GRIDS */
/* Estilização da Tabela */
.table {
    border-collapse: collapse;
    width: 100%;
    font-size: 0.85em;
}

    /* Estilo do Cabeçalho da Tabela */
    .table th {
        background-color: #2BBB00;
        color: #fff;
        text-align: center;
        border: 1px solid #ccc;
        padding: 8px;
    }

    /* Estilo das Células de Dados */
    .table td {
        background-color: #f2f2f2;
        color: #333;
        text-align: center;
        border: 1px solid #ccc;
        padding: 8px;
    }

    /* Estilo de Hover nas Linhas */
    .table tr:hover {
        background-color: #ddd;
    }

    /* Estilo de Hover nas Células */
    .table td:hover {
        background-color: #eee;
    }

    /* Estilo das Linhas Pares */
    .table tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    /* Estilo das Linhas Ímpares */
    .table tr:nth-child(odd) {
        background-color: #fff;
    }

.coluna-datetime {
    min-width: 100px; /* Ajuste este valor conforme necessário */
}

.coluna-botoes {
    min-width: 350px; /* Ajuste este valor conforme necessário */
}

