/*#region Extensões bootstrap */
:root {
    --bs-border-opacity: 1;
    --np-shadow-rgb: 222,226,230;
    --np-texto-destacado-cor: #0075ff;
}

.w-max-content {
    width: max-content !important;
}

.w-min-content {
    width: min-content !important;
}

.btn-secondary-light {
    --bs-btn-color: #fff;
    /*--bs-btn-bg: #6c757d;
        --bs-btn-border-color: #6c757d;*/
    --bs-btn-bg: darkgray;
    --bs-btn-border-color: darkgray;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    /*--bs-btn-disabled-bg: #6c757d;
        --bs-btn-disabled-border-color: #6c757d;*/
    --bs-btn-disabled-bg: darkgray;
    --bs-btn-disabled-border-color: darkgray;
}

.btn-white, .btn-dark-info {
    background-image: none;
}

.btn-dark-info {
    color: #fff;
    background-color: #1EA0C7;
    border-color: #1EA0C7;
}

    .btn-dark-info:hover {
        color: #fff !important;
        background-color: #1886a7;
        border-color: #1886a7;
    }

    .btn-dark-info:disabled, .btn-dark-info.disabled {
        color: #fff !important;
        background-color: #1EA0C7;
        border-color: #1EA0C7;
    }

    .btn-dark-info:focus {
        color: #fff !important;
    }

.btn-white {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}

    .btn-white:hover {
        color: #000;
        background-color: #f7f7f7;
        border-color: #f7f7f7;
    }

    .btn-white:disabled, .btn-white.disabled {
        color: #000;
        background-color: #fff;
        border-color: #fff;
    }

    .btn-white:focus {
        color: #000;
    }



.btn.shadow {
    box-shadow: 0 2px rgba(var(--np-shadow-rgb), var(--bs-border-opacity)) !important;
    transition: .1s;
}

    .btn.shadow:active {
        box-shadow: none !important;
        transform: translateY(2px);
    }

    .btn.shadow.border-primary {
        --np-shadow-rgb: var(--bs-primary-rgb);
    }

    .btn.shadow.border-secondary {
        --np-shadow-rgb: var(--bs-secondary-rgb);
    }

    .btn.shadow.border-info {
        --np-shadow-rgb: var(--bs-info-rgb);
    }

    .btn.shadow.border-success {
        --np-shadow-rgb: var(--bs-success-rgb);
    }

    .btn.shadow.border-warning {
        --np-shadow-rgb: var(--bs-warning-rgb);
    }

    .btn.shadow.border-danger {
        --np-shadow-rgb: var(--bs-danger-rgb);
    }

    .btn.shadow.border-light {
        --np-shadow-rgb: var(--bs-light-rgb);
    }

    .btn.shadow.border-dark {
        --np-shadow-rgb: var(--bs-dark-rgb);
    }

    .btn.shadow.border:disabled {
        background-color: #ddd;
    }


/*.btn.shadow:active {
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 32%) !important;
    transform: translateY(3px);
}*/


.bg-dark-info {
    background-color: rgba(30, 160, 199, 1) !important;
}

.bg-dark-warning {
    background-color: rgba(255, 140, 0, 1) !important;
}

.bg-gp-main {
    background-color: rgba(5, 61, 79, 1) !important;
}

.bg-gp-destaque {
    background-color: rgba(53, 168, 224, 1) !important;
}

.bg-gp-verde {
    background-color: #59B946 !important;
}
.bg-gp-verde-2 {
    background-color: #95C93D !important;
}


.text-dark-warning {
    color: darkorange !important;
}

.text-gp-main {
    color: #053D4F !important;
}

.text-gp-destaque {
    color: #35a8e0 !important;
}

.text-gp-verde {
    color: #59B946 !important;
}

.text-gp-verde-2 {
    color: #95C93D !important;
}


/* #region Abas */
.nav-tabs-primary {
    --bs-nav-link-color: var(--bs-primary);
    --bs-nav-tabs-link-active-bg: var(--bs-primary);
    --bs-nav-tabs-link-active-color: #fff;
    --bs-border-color: var(--bs-primary);
}
    .nav-tabs-primary .nav-link:focus, 
    .nav-tabs-primary .nav-link:hover {
        color: var(--bs-primary-text-emphasis);
    }

.nav-tabs-secondary {
    --bs-nav-link-color: var(--bs-secondary);
    --bs-nav-tabs-link-active-bg: var(--bs-secondary);
    --bs-nav-tabs-link-active-color: #fff;
    --bs-border-color: var(--bs-secondary);
}
    .nav-tabs-secondary .nav-link:focus,
    .nav-tabs-secondary .nav-link:hover {
        color: var(--bs-secondary-text-emphasis);
    }

.nav-tabs-success {
    --bs-nav-link-color: var(--bs-success);
    --bs-nav-tabs-link-active-bg: var(--bs-success);
    --bs-nav-tabs-link-active-color: #fff;
    --bs-border-color: var(--bs-success);
}
    .nav-tabs-success .nav-link:focus,
    .nav-tabs-success .nav-link:hover {
        color: var(--bs-success-text-emphasis);
    }

.nav-tabs-info {
    --bs-nav-link-color: var(--bs-info);
    --bs-nav-tabs-link-active-bg: var(--bs-info);
    --bs-nav-tabs-link-active-color: #fff;
    --bs-border-color: var(--bs-info);
}
    .nav-tabs-info .nav-link:focus,
    .nav-tabs-info .nav-link:hover {
        color: var(--bs-info-text-emphasis);
    }

.nav-tabs-warning {
    --bs-nav-link-color: var(--bs-warning);
    --bs-nav-tabs-link-active-bg: var(--bs-warning);
    --bs-nav-tabs-link-active-color: #fff;
    --bs-border-color: var(--bs-warning);
}
    .nav-tabs-warning .nav-link:focus,
    .nav-tabs-warning .nav-link:hover {
        color: var(--bs-warning-text-emphasis);
    }

.nav-tabs-danger {
    --bs-nav-link-color: var(--bs-danger);
    --bs-nav-tabs-link-active-bg: var(--bs-danger);
    --bs-nav-tabs-link-active-color: #fff;
    --bs-border-color: var(--bs-danger);
}
    .nav-tabs-danger .nav-link:focus,
    .nav-tabs-danger .nav-link:hover {
        color: var(--bs-danger-text-emphasis);
    }

.nav-tabs-light {
    --bs-nav-link-color: var(--bs-light);
    --bs-nav-tabs-link-active-bg: var(--bs-light);
    --bs-nav-tabs-link-active-color: #111;
    --bs-border-color: var(--bs-light);
}
    .nav-tabs-light .nav-link:focus,
    .nav-tabs-light .nav-link:hover {
        color: var(--bs-light-text-emphasis);
    }

.nav-tabs-dark {
    --bs-nav-link-color: var(--bs-dark);
    --bs-nav-tabs-link-active-bg: var(--bs-dark);
    --bs-nav-tabs-link-active-color: #fff;
    --bs-border-color: var(--bs-dark);
}
    .nav-tabs-dark .nav-link:focus,
    .nav-tabs-dark .nav-link:hover {
        color: var(--bs-dark-text-emphasis);
    }

.nav-tabs-gp-main {
    --bs-nav-link-color: #0F2153;
    --bs-nav-tabs-link-active-bg: #0F2153;
    --bs-nav-tabs-link-active-color: #fff;
    --bs-border-color: #0F2153;
}
    .nav-tabs-gp-main .nav-link:focus,
    .nav-tabs-gp-main .nav-link:hover {
        color: #053D4F;
    }

.nav-tabs[class*="nav-tabs-"] .nav-link.active,
.nav-tabs[class*="nav-tabs-"] .show > .nav-link {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
}
    .nav-tabs[class*="nav-tabs-"] .active .badge {
        background-color: rgba(39, 153, 250, var(--bs-bg-opacity)) !important;
    }
/* #endregion */



.fs-gp-12 {
    font-size: 12px;
}

.font-gp {
    font-family: 'Roboto', arial, helvetica, sans-serif;
}

.fw-strong {
    font-weight: 500 !important;
}

.ls-1 { letter-spacing: .25px; }
.ls-2 { letter-spacing: .5px; }
.ls-3 { letter-spacing: 1px; }
.ls-4 { letter-spacing: 1.5px; }
.ls-5 { letter-spacing: 3px; }


.svg-primary {
    filter: brightness(0) saturate(100%) invert(28%) sepia(30%) saturate(6534%) hue-rotate(211deg) brightness(103%) contrast(98%);
}

.svg-secondary {
    filter: brightness(0) saturate(100%) invert(47%) sepia(7%) saturate(594%) hue-rotate(167deg) brightness(95%) contrast(88%);
}

.svg-success {
    filter: brightness(0) saturate(100%) invert(42%) sepia(42%) saturate(777%) hue-rotate(100deg) brightness(90%) contrast(88%);
}

.svg-info {
    filter: brightness(0) saturate(100%) invert(60%) sepia(96%) saturate(891%) hue-rotate(145deg) brightness(96%) contrast(96%);
}

.svg-warning {
    filter: brightness(0) saturate(100%) invert(73%) sepia(83%) saturate(1311%) hue-rotate(354deg) brightness(102%) contrast(101%);
}

.svg-danger {
    filter: brightness(0) saturate(100%) invert(31%) sepia(97%) saturate(1706%) hue-rotate(333deg) brightness(87%) contrast(99%);
}

.svg-black {
    filter: brightness(0) saturate(100%);
}

.svg-white {
    filter: brightness(0) saturate(0%) invert(100%);
}

.svg-dark-warning {
    filter: brightness(0) saturate(100%) invert(51%) sepia(49%) saturate(2021%) hue-rotate(2deg) brightness(107%) contrast(102%);
}

.svg-gp-main {
    filter: brightness(0) saturate(100%) invert(20%) sepia(61%) saturate(615%) hue-rotate(148deg) brightness(91%) contrast(102%);
}

.svg-blue {
    filter: brightness(0) saturate(100%) invert(48%) sepia(61%) saturate(615%) hue-rotate(148deg) brightness(91%) contrast(102%);
}

.svg-gp-verde {
    filter: brightness(0) saturate(100%) invert(82%) sepia(8%) saturate(6950%) hue-rotate(55deg) brightness(90%) contrast(60%);
}

.svg-gp-verde-2 {
    filter: brightness(0) saturate(100%) invert(64%) sepia(59%) saturate(469%) hue-rotate(41deg) brightness(102%) contrast(86%);
}
/*#endregion */

/* #region Loading Local */
.loading-local {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #053D4F;
    font-weight: 700;
    background-color: #fffa;
    z-index: 100;
}

    .loading-local .loading-local-conteudo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }
/* #endregion */

/* #region Custom Scrollbar */
.custom-scroll {
    overflow: auto;
}

    /* Custom scrollbar styles */
    .custom-scroll::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    .custom-scroll::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }

    .custom-scroll::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 10px;
    }

        .custom-scroll::-webkit-scrollbar-thumb:hover {
            background: #555;
        }
/* #endregion */

/* #region Scrollbar do lado esquerdo */
.scroll-left { direction: rtl; }
.scroll-left > * { direction: ltr; }
/* #endregion */

/*************** Novos layouts ***************/
body {
    padding-right: 0 !important
}

.texto-azul, .texto-azul:focus, .texto-azul:hover {
    color: var(--np-texto-destacado-cor) !important;
}
    input.texto-azul:-internal-autofill-selected {
        color: var(--np-texto-destacado-cor) !important;
    }

    input[type="date"][value=""].texto-azul {
        color: gray;
    }
    /* para funcionar depende do script Site.js no método onde "Altera o atributo value no html para valor informado" */
    input[type="date"]:not([value=""]).texto-azul {
        color: var(--np-texto-destacado-cor);
    }

.filtro-selecionado {
    color: var(--np-texto-destacado-cor) !important;
}

.cursor-forbidden {
    cursor: not-allowed !important;
}


/* #region div título, subtítulo e componentes */
#div-titulo {
    display: flow-root;
    clear: both;
}

    /*#div-titulo h2 > .svg {
        filter: invert(58%) sepia(71%) saturate(1632%) hue-rotate(356deg) brightness(96%) contrast(111%);
    }*/

    #div-titulo h2 > span.titulo {
        font-family: 'Roboto', arial, helvetica, sans-serif;
        font-weight: bold;
        font-size: 26px;
        color: #053D4F;
    }

    #div-titulo h2 > span.subtitulo,
    #outras-midias span.subtitulo {
        display: block;
        color: gray;
        text-transform: none;
        font-size: 14px;
        font-weight: normal;
        font-family: 'Roboto', arial, helvetica, sans-serif;
    }

    #div-titulo .div-componentes {
        margin-top: 25px;
    }

        #div-titulo .div-componentes a.botao,
        #div-titulo .div-componentes button.botao,
        .div-botoes-principais .botao {
            background-color: #053D4F;
            color: #FFF;
            text-transform: uppercase;
            padding: 3.5px 10px 7.5px 10px;
            font-size: 12px;
            /*font-family: 'robotomedium';*/
            height: 32px;
            display: inline-block;
        }

            #div-titulo .div-componentes a.botao svg .st0,
            #div-titulo .div-componentes button.botao svg .st0,
            .div-botoes-principais .botao svg .st0 {
                fill: #FFF;
            }

            #div-titulo .div-componentes a.botao:hover,
            #div-titulo .div-componentes button.botao:hover,
            .div-botoes-principais .botao:hover {
                text-decoration: none;
                color: orange;
            }

            #div-titulo .div-componentes a.botao svg,
            #div-titulo .div-componentes button.botao svg,
            .div-botoes-principais .botao svg {
                position: relative;
                margin-right: 4px;
            }

                #div-titulo .div-componentes a.botao:hover svg .st0,
                #div-titulo .div-componentes button.botao:hover svg .st0,
                .div-botoes-principais .botao svg .st0 {
                    fill: orange;
                }

        #div-titulo .div-componentes .botao:hover img {
            filter: invert(59%) sepia(87%) saturate(669%) hue-rotate(357deg) brightness(99%) contrast(109%); /* orange */
        }

        #div-titulo .div-componentes a.botao:focus {
            text-decoration: none;
        }

        #div-titulo .div-componentes .btn-lote svg,
        #div-titulo .div-componentes .btn-cotacao-rapida svg,
        #div-titulo .div-componentes .btn-unir svg,
        #div-titulo .div-componentes .btn-restaurar svg,
        .div-botoes-principais .botao svg {
            width: 18px;
            top: 4px;
        }

    #div-titulo > nav > ol.breadcrumb {
        padding: 20px 0 0;
        margin-bottom: 0;
    }

    #div-titulo > nav > ol > li > a,
    #div-titulo > nav > ol > li.active {
        color: #053D4F;
        font-weight: 600;
    }

    #div-titulo .breadcrumb > li + li::before {
        padding: 0 2px;
        color: #053D4F;
        content: ">\00a0";
    }

/* #endregion */


/* #region div Botões principais */
.div-botoes-principais .botao {
    padding-top: 7.5px;
}

    .div-botoes-principais .botao svg {
        top: 0;
        font-size: 17px;
    }
/* #endregion */

/* #region Campo e botão laranja de pesquisa */
#div-pesquisa {
    padding: 10px 0;
}

    #div-pesquisa .campo-pesquisar {
        height: 30px;
        padding: 2px 6px;
        line-height: normal;
        width: 182px;
        font-size: 13px;
    }

    #div-pesquisa .btn-pesquisa {
        background-color: #f06301;
        font-weight: bold;
        position: relative;
        z-index: 10;
        min-width: 0px;
        width: 30px;
        height: 30px;
        margin: 0px 0px 0px -1px;
        border-radius: 0px;
        line-height: normal;
        padding: 0px 0px 1px 1px;
    }

        #div-pesquisa .btn-pesquisa:hover {
            background-color: #d85901;
            color: #ffffff;
        }
/* #endregion */

/* #region Botão transparente com borda e fonte azul */
.btn-transparente-azul {
    font-weight: normal;
    font-size: 12px;
    padding: 4px 7px;
    border-radius: 4px;
    text-transform: uppercase;
    border: 2px solid #013b4f;
    background-color: transparent !important;
    color: #013b4f !important;
}

    .btn-transparente-azul:hover {
        background: #0f779a !important;
        color: #fff !important;
    }
/* #endregion */

/* #region Botões de salvar e cancelar */
.btn-salvar,
.btn-cancelar {
    border-radius: 4px;
    font-weight: 600;
    float: right;
    padding: 8px 15px;
    font-size: 16px;
    text-transform: uppercase;
}

.btn-cancelar {
    margin-right: 10px;
}

    .btn-salvar svg,
    .btn-cancelar svg {
        margin-right: 5px;
        font-size: 20px;
    }

.btn-lembrar {
    border: 1px solid darkgray;
    border-radius: 4px;
    float: left;
    padding: 8px 15px;
    font-size: 16px;
    background-color: transparent;
    color: darkgray;
}

    .btn-lembrar:hover {
        background-color: darkgray;
        color: white;
    }
/* #endregion */

/* #region Cabeçalho relatórios */
#cabecalho-relatorio {
    display: table;
    width: 100%;
    height: 100px;
}

    #cabecalho-relatorio div.logotipo-usuario {
        display: table;
        width: 112px;
        height: 112px;
    }

        #cabecalho-relatorio div.logotipo-usuario img {
            max-height: 100%;
            max-width: 100%;
            width: 100%;
        }

    #cabecalho-relatorio div.informacoes-usuario {
        display: table;
        width: 86%;
    }

        #cabecalho-relatorio div.informacoes-usuario h2 {
            margin: 0;
            font-size: 22px;
            text-align: inherit;
            color: #053D4F;
        }

        #cabecalho-relatorio div.informacoes-usuario h4 {
            display: table;
            margin-top: 5px;
            text-transform: none;
            line-height: inherit;
            text-align: center;
            color: #5c818c;
            width: 700px !important;
        }

            #cabecalho-relatorio div.informacoes-usuario h4 span {
                color: #053D4F;
            }

    #cabecalho-relatorio.posicao-ESQUERDA div.logotipo-usuario {
        float: left;
    }

    #cabecalho-relatorio.posicao-ESQUERDA div.informacoes-usuario {
        text-align: left;
        float: left;
    }

        #cabecalho-relatorio.posicao-ESQUERDA div.informacoes-usuario #info-ESQUERDA {
            margin-left: 15px;
        }

            #cabecalho-relatorio.posicao-ESQUERDA div.informacoes-usuario #info-ESQUERDA h2 {
                padding: 2px 120px 0 0;
            }

            #cabecalho-relatorio.posicao-ESQUERDA div.informacoes-usuario #info-ESQUERDA h4 {
                margin-top: 2px !important;
            }

        #cabecalho-relatorio.posicao-ESQUERDA div.informacoes-usuario .linha-cabecalho-ESQUERDA {
            text-align: left;
            margin-right: 10px;
            font-size: 14px;
        }

    #cabecalho-relatorio.posicao-CENTRO div.logotipo-usuario {
        margin: 0 auto 10px !important;
    }

    #cabecalho-relatorio.posicao-CENTRO div.informacoes-usuario {
        margin: 0 auto !important;
    }

        #cabecalho-relatorio.posicao-CENTRO div.informacoes-usuario #info-CENTRO {
            margin-top: 10px !important;
        }

            #cabecalho-relatorio.posicao-CENTRO div.informacoes-usuario #info-CENTRO h2 {
                text-align: center;
            }

            #cabecalho-relatorio.posicao-CENTRO div.informacoes-usuario #info-CENTRO h4 {
                margin: auto;
            }

        #cabecalho-relatorio.posicao-CENTRO div.informacoes-usuario .linha-cabecalho-CENTRO {
            margin-right: 10px;
            display: inline-block !important;
            padding-left: 10px;
            font-size: 14px;
        }

    #cabecalho-relatorio.posicao-SEM_LOGOTIPO div.logotipo-usuario {
        display: none;
    }

    #cabecalho-relatorio.posicao-SEM_LOGOTIPO div.informacoes-usuario {
        padding: 5px 0 5px 0;
    }

        #cabecalho-relatorio.posicao-SEM_LOGOTIPO div.informacoes-usuario .linha-cabecalho-SEM_LOGOTIPO {
            font-size: 14px;
            text-align: left;
        }

    #cabecalho-relatorio.Logotipo_RETANGULAR div.logotipo-usuario {
        width: 300px;
        height: 100px;
    }

    #cabecalho-relatorio.Logotipo_RETANGULAR .logotipo-usuario > img {
        max-width: 300px;
        max-height: 100px;
    }

    #cabecalho-relatorio.Logotipo_RETANGULAR div.informacoes-usuario {
        float: none !important;
        width: 100% !important;
    }

    #cabecalho-relatorio.Logotipo_RETANGULAR h4.h4_ESQUERDA {
        margin-top: 20px !important;
        width: 100% !important;
        text-align: left !important;
    }

    #cabecalho-relatorio.Logotipo_RETANGULAR .linha-cabecalho-ESQUERDA {
        display: inline-block;
    }

    #cabecalho-relatorio.Logotipo_RETANGULAR div#info-ESQUERDA {
        margin-left: 0 !important;
        width: 100% !important;
    }
/* #endregion */

/* #region QR CODE */
.qr-code img#txt-antifraude {
    position: absolute;
    top: 0;
    left: 822px;
    width: 120px;
    height: 120px;
}

.qr-code img#qrcode {
    position: absolute;
    top: 11px;
    left: 833px;
    width: 102px;
    height: 102px;
    z-index: -1;
}
/* #endregion */

/* #region Título Relatório */
#titulo-relatorio {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #CCC;
}

    #titulo-relatorio h2 {
        color: #F2F5F6;
        font-size: 23px;
        margin: 0;
        font-weight: normal;
        padding: 12px 0 14px 14px;
        background: none repeat scroll 0% 0% #053D4F;
    }

    #titulo-relatorio h6 {
        float: left;
        width: 100%;
        margin: 10px 0px 35px;
        color: #999;
        font-weight: bold;
        line-height: 20px;
        font-size: 12px;
    }
/* #endregion */

/* #region ALTERA O VISUAL DO BOTÃO "LIMPAR SELEÇÃO" DE UMA DROPDOWNLIST QUE USA O SELECT2 */
.select2-selection__clear {
    color: red !important;
    font-size: 1.5em;
    line-height: 15px;
}
/* #endregion */

/* #region Botão Gerar Relatório */
.botaoRelatorio {
    background-color: #1EA0C7;
    color: #FFF !important;
    text-transform: uppercase;
    padding: 7.5px 12px 7.5px 12px;
    font-size: 12px;
    /*font-family: 'robotomedium';*/
    height: 32px;
    display: inline-block;
    font-weight: 500 !important;
}

    .botaoRelatorio svg {
        vertical-align: bottom;
        top: 0;
        font-size: 17px;
        width: 18px;
        margin-right: 4px;
    }

    .botaoRelatorio:hover {
        background-color: #0B8DB4;
        text-decoration: none;
    }

    .botaoRelatorio:focus {
        text-decoration: none;
    }
/* #endregion */

/* #region Botão laranja pesquisar */
.botaoPesquisa {
    padding: 11.6px 0px;
    background-color: #ff8e01;
    color: #fff !important;
    border-radius: 4px;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
}

    .botaoPesquisa:hover {
        background: #ff691f;
    }
/* #endregion */

/* #region Tabela com o resultado da pesquisa */
.tabelaResultado {
    width: 100%;
    max-width: 100%;
    border-spacing: 0;
    margin-bottom: 30px;
    background-color: #FFF;
    font-size: 14px;
    border: 1px solid #dee2e6 !important;
}

    .tabelaResultado > thead > tr > th {
        border-bottom: none !important;
        color: #053D4F !important;
        padding-bottom: 10px;
        padding-top: 10px;
        text-transform: none;
        vertical-align: middle;
    }

    .tabelaResultado > tbody > tr > td {
        border-top: none !important;
        vertical-align: middle;
    }

    .tabelaResultado > tbody > tr:nth-child(2n+1) {
        background: #f6f6f6;
    }

    /* Botão de editar */
    .tabelaResultado .botaoEditarIcone,
    .tabelaResultado .botaoRemoverIcone,
    .tabelaResultado .botaoArquivoIcone,
    .tabelaResultado .botaoRelatorioIcone,
    .tabelaResultado .botaoEmailIcone {
        color: #053d4f;
        font-size: 20px;
        vertical-align: middle;
        background-color: transparent;
    }
/* #endregion */

/* #region Campos de pesquisa (date, text, dropdown) */
.campoPesquisa {
    color: #999 !important;
    height: 46px !important;
    font-size: 14px !important;
    line-height: 1.33;
    font-weight: 300;
    font-family: 'Roboto', arial, helvetica, sans-serif !important;
    border: 1px solid #dedede;
    border-radius: 0;
}

    .campoPesquisa > option {
        color: #999 !important;
    }
/* #endregion */

/* #region Filtros Avançados*/
.sticky {
    padding: 0.5ex;
    border-radius: 0.5ex;
}

    .sticky.stick {
        position: fixed;
        top: 0;
        z-index: 1;
        border-radius: 0 0 0.5em 0.5em;
    }

#btnMaisFiltros {
    font-size: 15px;
    font-weight: 600;
    color: #013b4f;
    background-color: #FFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid #dedede;
}

    #btnMaisFiltros:hover {
        background-color: #F8F8F8;
    }

    #btnMaisFiltros svg {
        width: 16px;
        vertical-align: middle;
    }

.divFiltros {
    background-color: white;
    float: left;
    margin-left: 10px;
    overflow-x: clip;
    width: 0;
    transition: ease-in-out 350ms;
    margin-right: 10px;
}

    .divFiltros.ativo,
    .filtros-largura {
        width: 348px;
    }

.btnAplicarFiltros svg {
    fill: #013b4f;
    width: 14px;
    vertical-align: sub;
    height: 14px;
}

.btnAplicarFiltros:hover svg {
    fill: #FFF;
}
/* #endregion */

/* #region Barra de navegação */
.barraNavegacao > li > a {
    font-weight: 700;
    font-size: 12px;
    color: #5991A3;
    border-radius: 0px;
    border-top: 4px solid transparent;
    margin-right: 0px;
    padding-bottom: 6px;
    padding-top: 6px;
    text-transform: uppercase;
    line-height: 2;
}

.barraNavegacao > li.active > a {
    border-top: 4px solid orange !important;
    background-color: #FFF !important;
    color: #053D4F !important;
}
/* #endregion */


/* #region Nova Paginação */
.paginacao-bp .paginacao ul {
    justify-content: center;
    display: flex;
}

.paginacao-bp .paginacao li {
    float: left;
    margin: 10px 0;
}

.paginacao-bp {
    padding: 10px;
}
    .paginacao-bp * {
        font-size: 12px;
    }

    .paginacao-bp .paginacao ul {
        justify-content: center;
        display: flex;
        margin-bottom: 0;
    }

    .paginacao-bp .paginacao li {
        float: left;
        margin: 10px 0;
        border: 1px solid #cbcfd3;
        margin-left: -1px;
    }

        .paginacao-bp .paginacao li > * {
            display: block;
            width: 29px;
            padding: 6px 0px;
            text-align: center;
            background-color: transparent;
            color: #707070;
            line-height: 1.25;
            font-family: 'Open Sans';
            text-decoration: none;
        }

        .paginacao-bp .paginacao li.active > * {
            background-color: var(--bs-primary);
            color: white;
            font-weight: bold;
            height: 100%;
        }

        .paginacao-bp .paginacao li:hover {
            background-color: #e9ecef;
        }

        .paginacao-bp .paginacao li.disabled:not(.PagedList-ellipses) > * {
            opacity: 0.18;
        }

        .paginacao-bp .paginacao li:first-child {
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

        .paginacao-bp .paginacao li:last-child {
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }
    .paginacao-bp .paginacao li.disabled > * {
        opacity: 0.18;
    }

    .paginacao-bp .paginacao li.PagedList-ellipses.disabled > * {
        opacity: 1;
    }

    .paginacao-bp .group-tamanho-pagina {
        margin-top: -50px;
    }

        .paginacao-bp .group-tamanho-pagina > select {
            width: 50px;
        }

    /*.paginacao-bp .paginacao li.PagedList-skipToPrevious a {
        margin-left: 0;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }*/

    .paginacao-bp .group-paginacao-ir-para {
        margin-top: -40px;
    }

        .paginacao-bp .group-paginacao-ir-para > input {
            width: 35px;
        }
    .paginacao-bp .paginacao li.PagedList-skipToNext > * {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

            .paginacao-bp .group-paginacao-ir-para > input[type=number]::-webkit-inner-spin-button {
                -webkit-appearance: none;
            }

            .paginacao-bp .group-paginacao-ir-para > input[type=number] {
                -moz-appearance: textfield;
                appearance: textfield;
            }
/* #endregion */


/* #region FAQ */
.faq-icon .st0 {
    fill: #053d50;
}

.faq-icon {
    width: 19px;
}
/* #endregion */


/* #region Convite */
a.buttonConviteBP .a {
    fill: #053d50 !important;
}

a.buttonConviteBP .svg {
    width: 19px;
    padding-bottom: 1px;
}

#ModalConviteBp div.modal-body {
    height: 270px;
    overflow-y: auto;
}

    #ModalConviteBp div.modal-body h4 {
        float: none;
        text-transform: none;
        color: #053D4F;
        font-size: 15px;
        margin: 0 0 10px 5px;
    }

    #ModalConviteBp div.modal-body > form > div {
        position: relative;
    }

    #ModalConviteBp div.modal-body span {
        margin-top: 8px;
        display: block;
        color: #053d50;
        font-weight: bold;
        padding-left: 3px;
    }

#BtnLaranjaConviteBp {
    background-color: #ff8e01;
    font-weight: bold;
    text-transform: none;
    display: flex;
    float: right;
    align-items: center;
    justify-content: space-around;
}

div#title-ico-span img {
    width: 20px;
    margin-left: 15px;
}

div#title-ico-span span {
    font-size: 14px;
    font-weight: bold;
    color: #053d50;
    padding-left: 2px;
}

#BtnLaranjaConviteBp .a {
    fill: white;
}

#BtnLaranjaConviteBp .b, .c {
    fill: #f19c00;
}

#BtnLaranjaConviteBp .svg {
    scale: 1.2;
}
/* #endregion */



/* #region NOVOS */

/* #region título, subtítulo */
#content_header {
    padding: 15px 0px 16px;
    height: 60px;
}

.title-h3 {
    color: #000;
    font-family: Open Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
/* #endregion */

/* #region pesquisa */
.search_bar {
    height: 2rem;
}

.filters-bar {
    border-radius: 3px;
    border: 1px solid #D9D9D9;
}

.barra_pesquisa {
    color: #373737;
    font-family: Open Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.07px;
}

.barra_pesquisa_label {
    color: #373737;
    font-family: Open Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.07px;
}

.search_bar_button {
    height: 2rem !important;
    background-color: transparent !important;
    position: absolute;
    top: 13px;
    right: 15px;
    border: none !important;
    width: 2rem !important;
    padding: 0px 0px 0px 0px !important;
}

    .search_bar_button:hover {
        border-color: #dee2e6 !important;
        background-color: transparent !important;
    }

.filtroAno_button {
    height: 2rem !important;
    background-color: transparent !important;
    position: absolute;
    top: 13px;
    right: 15px;
    border: none !important;
    width: 2rem !important;
    padding: 0px 0px 0px 0px !important;
}

    .filtroAno_button:hover {
        border-color: #dee2e6 !important;
        background-color: transparent !important;
    }

.icon_magnifier {
    height: 100%;
    flex-shrink: 0;
    background-image: url('/Content/Site/images/arquivos/iconmonstr-magnifier-4.svg');
    background-size: 1.55rem 1.9rem !important;
    background-repeat: no-repeat;
}
/* #endregion */

/* #endregion */


.grey-subtitle {
    color: grey !important;
    opacity: 0.8 !important;
    margin-top: 0px !important;
    padding-bottom: 10px !important;
    font-weight: normal !important;
    padding-left: 0px !important;
}

.required-error {
    box-shadow: 0em 0em red, 0em 0 0.4em red;
}


@media (max-width:480px) {
    #div-titulo > h2 {
        width: 100%;
        margin-top: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

        #div-titulo > h2 > img {
            width: 14px;
            margin-bottom: -1px;
        }

        #div-titulo > h2 > .titulo {
            font-size: 20px !important;
            margin-left: -4px;
        }

    #div-titulo .div-componentes {
        margin-top: 0;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 540px) {
    .paginacao-bp .paginacao li a {
        width: 29px;
    }

    .paginacao-bp .group-tamanho-pagina {
        margin: 0 0 10px 10px;
    }

        .paginacao-bp .group-tamanho-pagina > label {
            width: 60px;
            font-size: .9em;
            vertical-align: middle;
        }

    .paginacao-bp .group-paginacao-ir-para {
        margin: 0 10px 10px 0;
        float: inherit !important;
        justify-content: center;
        display: flex;
        margin-top: 10px;
    }

        .paginacao-bp .group-paginacao-ir-para input {
            margin-top: 4px;
        }

        .paginacao-bp .group-paginacao-ir-para > label {
            margin-right: 9px !important;
            width: 60px;
            font-size: .9em;
            vertical-align: middle;
        }

        .paginacao-bp .group-paginacao-ir-para a.paginacao-ir-para {
            margin: 7px 0 0px 6px;
        }
}