:root {
    /* cores do legado */
    --rosa: #f3f3f9;            /* cor das barras de titulos  #eeeef7 var(--rosa); */
    --cinzaTable: rgba(157, 150, 211, 0.4);      /* cor cor das barras de titulos e linha striped tabela var(--cinzaTable); */
    --branco: #fff;             /* cor fonte branca */
    --preto: #000;              /* cor fonte preto */
    --roxo: #5B52B8;            /* cor hover */
    --roxoFav: #9D96D3;         /* cor link favoritos */
    --roxoGrad: #9C5BBA;        /* cor roza final do gradiente */
    --cinza: #637388;              /* cor fonte btn cinza */
    --cinzaBack: #f4f4f4;       /* cor fundo btn cinza */
    --btnAzul: #3c8dbc;         /* cor fonte btn de ok, salvar etc */
    --btnAzulBorda: #367fa9;    /* cor borda btn de ok, salvar etc */
    --bdInputs: #acacac;        /* cor borda inputs */
    --red: #ee8989;             /* cor fundo btn vermelho */
    --redHover: #ff0000;        /* cor hover btn vermelho */
    --verde: #5cb85c;           /* cor fundo btn verde */
    --verdeBd: #4cae4c;         /* cor borda btn verde */

    /* Componentes*/
    --roxoCp: rgba(91, 82, 184, 0.7);                   /* Cor componentes*/
    /* Destaque dos campos do formulario*/
    --roxoSombraInterna: rgba(91, 82, 184, 0.3);        /* Cor do sombreamento Interno*/
    --roxoSombraExterna: rgba(91, 82, 184, 0.8);        /* Cor do sombreamento Externo*/
    /* Botoes*/
    --roxoBtnConfirmar1: rgb(127,0,255);                /* Cor 1 do degrade dos botoes que confirmacao do sistema*/
    --roxoBtnConfirmar2: rgb(76,0,156);                 /* Cor 2 do degrade dos botoes que confirmacao do sistema*/
    --roxoBtnFundo: rgb(128,0,128);                     /* Cor do fundo dos botoes*/
    --roxoBtnBorda: rgb(128,0,128);                     /* Cor da borda dos botoes*/
    --cinzaBtnLimparCancelar1: rgba(192,192,192, 0.5);  /* Cor 1 do degrade dos botoes de limpar e cancelar do sistema*/
    --cinzaBtnLimparCancelar2: rgba(105,105,105,0.3);   /* Cor 2 do degrade dos botoes de limpar e cancelar do sistema*/
    --verdeBtnAlterar1: rgba(34,139,34, 0.9);           /* Cor 1 do degrade dos botoes de alterar do sistema*/
    --verdeBtnAlterar2: rgba(0,100,0,0.8);              /* Cor 2 do degrade dos botoes de alterar do sistema*/
    --cinzaBtnDesativado1: rgba(138, 138, 138, 0.8);    /* Cor 1 do degrade dos botoes desativados*/
    --cinzaBtnDesativado2: rgba(75, 75, 75, 0.8);       /* Cor 2 do degrade dos botoes desativados*/
    --cinzaBtnDesativadoFundo: gray;                    /* Cor do fundo dos botoes desativados*/
    /* Abas*/
    --roxoAba1: #9D96D3; /* Cor 1 do degrade das abas*/
    --roxoAba2: #7A74C5; /* Cor 2 do degrade das abas (ativo e nao ativo)*/
    --roxoAbaAtivo: #5B52B8; /* Cor do degrade quando ativo*/

    --roxoInt: #7A74C5;      /* cor roxa intermediaria */
    --roxoIcon: #6666CC;     /* cor roxa icones rodape */

    --menu1: #dbdaef;
    --menu2: #671897;
    --menu3: #6E4997;
    --menuFundo: #f3f3f9;
    --font: #4F5155;

    /* Botoes*/
    --btnPrimary: #320069;
    --btnPrimaryHover: #9C4DCC;
    --btnPrimaryFocus: #D0B5D0;
}

.aside-header{
    background-color: #6E4997;
    background-color: var(--menu3);
}
.aside-body {
    background-image: linear-gradient(to bottom, #6E4997 20%, #7A74C5 100%);
    background-image: linear-gradient(to bottom, var(--menu3) 20%, var(--roxoAba2) 100%);
}

.footer .nav .nav-link + .nav-link {
    margin-left: 7px;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 0px;
}
h2 {
    font-size: 1.6em;
}
.content{
    height: 95.7vh;
}
.content-header {
    display: block;
    height: auto;
}

.div_NF_sol_cancel {
    height: 51.8pc;
}


.div_NF_sol_cancel_pesquisa {
    margin: 2%;
}

.historico-beneficios {
    max-height: 300px;
    overflow: auto;
}

.hint-button {
    text-align: end !important;
    margin: 0px !important;
}

.div_NF_sol_cancel_pesquisa_height {
    height: 100%;
}

.container_nota_fiscal {
    page-break-before: left !important;
    display: block !important;
    margin: 1.4% auto !important;
    height: 98% !important;
    overflow: overlay !important;
}

.content-components {
    font-size: 16px;
    padding: 20px;
    position: relative;
    color: #1b2e4b;
    letter-spacing: -0.2px;
}

@media (min-width: 992px) {
    .content-header {
        display: flex;
        height: 40px;
    }

    .content-components {
        padding: 25px;
        margin-top: 60px;
        margin-right: 240px;
    }
}

@media (min-width: 1200px) {
    .content-components {
    padding: 30px;
    margin-right: 240px;
    }
}

.content-components .container {
    padding: 0;
    max-width: 780px;
}


.content-components pre[class*="language-"],
.content-components code[class*="language-"] {
    border-color: rgba(72, 94, 144, 0.16);
    font-family: 'Roboto Mono', monospace;
    font-size: 12px;
    letter-spacing: normal;
    background-color: #f8f9fc;
}

.section-nav {
    position: fixed;
    top: 60px;
    bottom: 0;
    right: 0;
    width: 240px;
    padding: 30px;
    display: none;
}

.nav-modulo span {
    margin-bottom: 10px;
}

@media (min-width: 648px) {
    .nav-modulo {
    flex-direction: unset !important;
    }
}

@media (min-width: 992px) {
    .section-nav {
    display: block;
    border-left: 1px solid rgba(72, 94, 144, 0.16);
    }

    .nav-modulo span {
    margin-left: 15px;
    margin-bottom: 0;
    }
}

@media (min-width: 1200px) {
    .section-nav {
    display: block;
    border-left: 1px solid rgba(72, 94, 144, 0.16);
    }
}

.section-nav .nav-label {
    font-size: 10px;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, "Inter UI", Roboto, sans-serif;
    text-transform: uppercase;
    letter-spacing: .7px;
    color: #8392a5;
    display: block;
    margin-bottom: 15px;
}

.section-nav .nav-link {
    color: #1b2e4b;
    padding: 0;
    display: block;
    position: relative;
    white-space: nowrap;
    font-size: 13px;
}

    .section-nav .nav-link:hover {
    color: #0168fa;
    }

    .section-nav .nav-link + .nav-link {
    margin-top: 5px;
    }

    .section-nav .nav-link.active {
    color: #0168fa;
    font-weight: 500;
    letter-spacing: -.12px;
    }

    .section-nav .nav-link.active::after {
        content: '';
        position: absolute;
        top: 50%;
        right: -31px;
        margin-top: -.5px;
        background-color: #0168fa;
        height: 1px;
        width: 30px;
    }


.nav-pills .nav-link {
    color: #0168fa;
}

.nav.nav-tabs {
    width: 100%;
}

.fade:not(.show) {
    display: none;
}

.processos .active > div > div {
    padding-left: 0 !important;
    margin-bottom: 15px;
}

    .processos .active > div > div > a {
    height: 8em;
    }

.consulta-processo {
    width: 100%;
}
/* trocado por fa.fa-asterisk
select + span.glyphicon.glyphicon-asterisk.form-control-feedback {
    padding-right: 2em;
    z-index: 99999;
}

input + span.glyphicon.glyphicon-asterisk.form-control-feedback,
textarea + span.glyphicon.glyphicon-asterisk.form-control-feedback,
.ui-dialog, .modal {
    z-index: 99999 !important;
}
*/

.input-group input + span.fa.fa-asterisk.form-control-feedback,
.input-group textarea + span.fa.fa-asterisk.form-control-feedback,
.input-group select + span.fa.fa-asterisk.form-control-feedback,
.input-group .ui-dialog, .input-group .modal {
    position: absolute;
    z-index: 99999;
    right: 3em;
    top: 1em;
}

input + span.fa.fa-asterisk.form-control-feedback,
textarea + span.fa.fa-asterisk.form-control-feedback,
select + span.fa.fa-asterisk.form-control-feedback,
.ui-dialog {
    position: absolute;
    z-index: 99999;
    right: 3em;
    top: 2.5em;
}

.col-prepend {
    padding-right: 0 !important;
}

    .col-prepend > input + span.fa.fa-asterisk.form-control-feedback {
    right: 1em;
    top: 1.1em;
    }

/* css do sistema legado 
input [type="text"], input[type="password"], input[type='file'], textarea, select {
    min-height: 1.2em;
    border: 1px solid #ccc;
}

input[type="text"], input[type="password"], input[type='file'], textarea, select, option {
    width: 100%;
    min-height: 1.2em;
}

input[type="text"], input[type="password"], input[type='file'], select, textarea {
    padding: 3px 12px;
}

select {
    padding: 5.5px 12px;
}
*/

/* INPUTS */
.inline {
    display: inline-block !important;
}

.input-s-sm {
    width: 120px;
}

.input-s {
    width: 200px;
}

.input-s-lg {
    width: 250px;
}

.i-checks {
    padding-left: 0;
}

.form-control,
.single-line {
    background-color: #FFFFFF;
    background-image: none;
    /*border: 1px solid #e5e6e7;*/
    border-radius: 0.25rem;
    color: inherit;
    display: block;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    font-size: 0.875rem;
    margin-bottom: 5px;
}

    .form-control:focus,
    .single-line:focus {
    border-color: #1ab394 !important;
    }

.has-success .form-control {
    border-color: #1ab394;
}

.has-warning .form-control {
    border-color: #f8ac59;
}

.has-error .form-control {
    border-color: #ed5565;
}

.has-success .control-label {
    color: #1ab394;
}

.has-warning .control-label {
    color: #f8ac59;
}

.has-error .control-label {
    color: #ed5565;
}

.input-group-addon {
    background-color: #fff;
    border: 1px solid #E5E6E7;
    border-radius: 1px;
    color: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
}

.spinner-buttons.input-group-btn .btn-xs {
    line-height: 1.13;
}

.spinner-buttons.input-group-btn {
    width: 20%;
}

.noUi-connect {
    background: none repeat scroll 0 0 #1ab394;
    box-shadow: none;
}

.slider_red .noUi-connect {
    background: none repeat scroll 0 0 #ed5565;
    box-shadow: none;
}

.table {
    margin-bottom: 10px;
}

.table-consulta {
    font-size: 0.82em;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-botton-10 {
    margin-bottom: 10px;
}

.filtro .campos {
background-color: #EEE;
padding: 10px 0px;
}

.filtro .botoes {
background-color: #EEE;
}

.filtro .row {
margin: 0;
}

.filtro .resultado {
margin-top: 10px;
margin-left: 0px;
}

.filtro .rodape {
background-color: #faf7c9;
}

.filtro .rodape div ul {
    padding-left: 0px;
    margin: 5px 0px;
    margin-left: 0;
}

.filtro .rodape ul li {
    display: inline;
    list-style-type: none;
    padding-right: 12px;
}

.createTable input['option'], 
.detailsTable input['option'], 
.editTable input['option'] {
    width: auto;
}

.filtroTable {
    background-color: #EEE;
    font-size: 0.8rem;
}

.createTable table, .detailsTable table, .editTable table, .filtroTable table {
    width: 100%;
}

.createTable table tr td.createTD, .detailsTable table tr td.detailsTD, .editTable table tr td.editTD, .filtroTable table tr td.filtroTD {
    width: 25%;
    padding-left: 10px;
    padding-right: 15px;
}

tr.pesq_fields td {
    width: auto !important;
}

tr.filtroRodape {
    padding: 1px;
    background-color: #faf7c9;
}

    tr.filtroRodape td {
    padding: 0px;
    }

    tr.filtroRodape td ul {
        padding-left: 5px;
        margin: 5px 0px;
    }

        tr.filtroRodape td ul li {
        display: inline;
        list-style-type: none;
        padding-right: 12px;
        }

.buttonTD {
    padding-top: 30px;
}

.filtroTD {
    padding-top: 10px;
    font-weight: bold;
}

.createTable h5, .editTable h5 {
    margin-bottom: 10px;
}

#legenda-inline-block {
    width: 100%;
    display: block;
}

.break-word {
    word-wrap: break-word;
}

div.height-fixo {
    max-height: 8em;
    margin-bottom: 10px;
    overflow: auto;
}

#Avancado {
    margin-top: 1em;
    display: block;
}

    #Avancado.hidden {
    display: none;
    }

    #Avancado input[type='text'] {
    width: 98%;
    }

    #Avancado input[type='submit'] {
    padding: 2px 20px;
    }

tr.servico {
    background-color: #FFFF99;
}

tr.principal {
    background-color: #6699CC;
    color: Whitesmoke;
}

.detailsMainContent fieldset {
    border: 1px solid black;
    padding: 10px
}

.createTable input['option'], .detailsTable input['option'], .editTable input['option'] {
    width: auto;
}

.filtroTable table {
    background-color: #EEE;
}

.createTable table, .detailsTable table, .editTable table, .filtroTable table {
    width: 100%;
}

    .createTable table tr td.createTD, .detailsTable table tr td.detailsTD, .editTable table tr td.editTD, .filtroTable table tr td.filtroTD {
    width: 25%;
    padding-left: 10px;
    padding-right: 15px;
    }

tr.pesq_fields td {
    width: auto !important;
}

tr.filtroRodape {
    padding: 1px;
    background-color: #faf7c9;
}

    tr.filtroRodape td {
    padding: 0px;
    }

    tr.filtroRodape td ul {
        padding-left: 5px;
        margin: 5px 0px;
    }

        tr.filtroRodape td ul li {
        display: inline;
        list-style-type: none;
        padding-right: 12px;
        }

.buttonTD {
    padding-top: 10px;
    padding-left: 10px;
}

.filtroTD {
    padding-top: 10px;
    font-weight: bold;
}

.createTable h5, .editTable h5, .detailsTable h5 {
    margin-bottom: 10px;
    margin-top: 0px;
}

.createTable h6, .editTable h6 {
    margin-bottom: 2px;
}

.legendas {
    font-size: 9px;
    margin: 0 7px;
    font-weight: bold;
    float: left;
}

.nova-legenda {
    width: 11px;
    height: 11px;
    float: left;
}

#filtro th {
    background-color: #E0E0E0;
    padding: 10px 7px;
}

#filtro tr {
    background: #FAF7C9;
}

#filtroConsultas {
    background-color: #FFFFFF;
    width: 100%;
}

    #filtroConsultas th {
    background-color: #FFFFFF;
    padding: 10px 7px;
    }

    #filtroConsultas tr {
    background: #E0E0E0;
    }

.webgrid {
    width: 100%;
    border: 0px;
    border-collapse: collapse;
    font-size: 12px;
}

.SpanAlignEntreData {
    padding-top: 3% !important;
    margin-right: -5% !important;
}


.webgrid th {
    padding: 6px 5px;
    text-align: center;
    background-color: #e8eef4;
    border-bottom: 2px solid #3966A2;
    height: 20px;
    border-top: 2px solid #D6E8FF;
    border-left: 2px solid #D6E8FF;
    border-right: 2px solid #D6E8FF;
}



.webgrid tfoot {
    padding: 6px 5px;
    text-align: center;
    background-color: #e8eef4;
    border-top: 2px solid #3966A2;
    height: 30px;
    border-bottom: 2px solid #D6E8FF;
    border-left: 2px solid #D6E8FF;
    border-right: 2px solid #D6E8FF;
}



.webgrid-alternating-row {
    background-color: #f2f2f2;
    border-bottom: 1px solid #d2d2d2;
    border-left: 2px solid #D6E8FF;
    border-right: 2px solid #D6E8FF;
}



.webgrid td {
    border-bottom: 1px solid #d2d2d2;
    border-left: 2px solid #D6E8FF;
    border-right: 2px solid #D6E8FF;
}

.webgrid-selected-row {
    font-weight: bold;
}

.text-class-48 p {
    text-align: justify;
}


p.form-control {
    background-color: #f3f3f4;
    /*margin-bottom: 10px;*/
}

.panel {
    margin-bottom: 0;
}

    .panel.with-nav-tabs .panel-heading {
    padding: 5px 5px 0 5px;
    }

    .panel.with-nav-tabs .nav-tabs {
    border-bottom: none;
    }

    .panel.with-nav-tabs .nav-justified {
    margin-bottom: -1px;
    }
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}

    .with-nav-tabs.panel-default .nav-tabs > .open > a,
    .with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
    .with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
    .with-nav-tabs.panel-default .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
    background-color: #ddd;
    border-color: transparent;
    }

.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
    color: #555;
    background-color: #fff;
    border-color: #ddd;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}

    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;
    }

    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
        background-color: #ddd;
    }

    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
    }
/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}

    .with-nav-tabs.panel-primary .nav-tabs > .open > a,
    .with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
    .with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
    .with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
    background-color: #3071a9;
    border-color: transparent;
    }

.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
    color: #428bca;
    background-color: #fff;
    border-color: #428bca;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}

    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;
    }

    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
        background-color: #3071a9;
    }

    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
    }
/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
    color: #3c763d;
}

    .with-nav-tabs.panel-success .nav-tabs > .open > a,
    .with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
    .with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
    .with-nav-tabs.panel-success .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-success .nav-tabs > li > a:focus {
    color: #3c763d;
    background-color: #d6e9c6;
    border-color: transparent;
    }

.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
    color: #3c763d;
    background-color: #fff;
    border-color: #d6e9c6;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #3c763d;
    }

    .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
    .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
        background-color: #d6e9c6;
    }

    .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #3c763d;
    }
/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
    color: #31708f;
}

    .with-nav-tabs.panel-info .nav-tabs > .open > a,
    .with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
    .with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
    .with-nav-tabs.panel-info .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-info .nav-tabs > li > a:focus {
    color: #31708f;
    background-color: #bce8f1;
    border-color: transparent;
    }

.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
    color: #31708f;
    background-color: #fff;
    border-color: #bce8f1;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #31708f;
    }

    .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
    .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
        background-color: #bce8f1;
    }

    .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #31708f;
    }
/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
    color: #8a6d3b;
}

    .with-nav-tabs.panel-warning .nav-tabs > .open > a,
    .with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
    .with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
    .with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
    color: #8a6d3b;
    background-color: #faebcc;
    border-color: transparent;
    }

.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
    color: #8a6d3b;
    background-color: #fff;
    border-color: #faebcc;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #fcf8e3;
    border-color: #faebcc;
}

    .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #8a6d3b;
    }

    .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
    .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
        background-color: #faebcc;
    }

    .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #8a6d3b;
    }
/********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
    color: #a94442;
}

    .with-nav-tabs.panel-danger .nav-tabs > .open > a,
    .with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
    .with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
    .with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
    color: #a94442;
    background-color: #ebccd1;
    border-color: transparent;
    }

.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
    color: #a94442;
    background-color: #fff;
    border-color: #ebccd1;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f2dede; /* bg color */
    border-color: #ebccd1; /* border color */
}

    .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #a94442; /* normal text color */
    }

    .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
    .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
        background-color: #ebccd1; /* hover bg color */
    }

    .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff; /* active text color */
    background-color: #a94442; /* active bg color */
    }

/* begin panel-aviso */
.aviso-panel {
    padding: 5px;
    margin: 5px 0px 5px 0px;
}

    .aviso-panel p {
    padding: 0 5px 0 5px;
    font-size: 1.2em;
    margin: 0;
    }

.aviso-panel-note {
    background-color: #ffffcc;
    border-left: 6px solid #ffeb3b
}

.aviso-panel-warning {
    background-color: #ffdddd;
    border-left: 6px solid #f44336
}

.aviso-panel-info {
    background-color: #bce8f1;
    border-left: 6px solid #31708f
}

.modal-header.bg-primary .close {
    color: white;
    opacity: .9;
    outline: none;
}

.fiedset-versao-antiga {
    border: 1px solid #000000;
    position: relative;
    min-width: 80%;
    clear: both;
    padding: 0.5em;
}

    .fiedset-versao-antiga > legend {
    font-size: 1.2em;
    font-weight: bold;
    padding: 2px 4px 8px 0px;
    margin-bottom: 0;
    border-bottom: none;
    width: auto;
    color: #787878
    }

.input-sm {
    height: 30px !important;
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: left !important;
    margin-bottom: 5px;

}

.dataTables_wrapper .dataTables_paginate {
    margin-top: 0;
}

.dataTables_length {
    padding-top: 0.25em;
}


#DataTables_Table_0_length select {
    width: 30%;
}
.dataTables_processing {
    z-index: 999;
}
/*
table.dataTable {
    border-collapse: inherit !important
}*/
table.dataTable td {
    padding: 2px;
}


/*template*/
.df-example {
    /*font-size: 0.875rem;*/
    letter-spacing: normal;
    padding: 10px;
    background-color: #fff;
    border: 1px solid rgba(72, 94, 144, 0.16);
    position: relative;
}

@media (min-width: 992px) {
    .df-example {
    padding: 20px;
    }
}

@media (min-width: 1200px) {
    .df-example {
    padding: 25px;
    }
}

.df-example::before {
    content: attr(data-label);
    display: block;
    position: absolute;
    top: -6px;
    left: 5px;
    font-size: 10px;
    font-weight: 600;
    font-family: -apple-system, BlinkMacSystemFont, "Inter UI", Roboto, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: inherit;
    color: #8392a5;
    padding: 0 5px;
}

.df-example.df-inverse {
    background-color: #1c273c;
    color: rgba(255, 255, 255, 0.7);
    border-width: 0;
}

    .df-example.df-inverse::before {
    background-color: #3b4863;
    top: -16px;
    left: 0;
    }

.df-example-danger {
    border-color: #3b4863;
}

    .df-example-danger::before {
    color: #dc3545;
    }

.df-breadcrumbs {
    padding: 0;
    background-color: transparent;
}

    .df-breadcrumbs > li {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: -apple-system, BlinkMacSystemFont, "Inter UI", Roboto, sans-serif;
    }

@media (min-width: 576px) {
    .df-breadcrumbs > li {
    letter-spacing: .5px;
    }
}

.df-breadcrumbs > li a {
    color: #1b2e4b;
    transition: all 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .df-breadcrumbs > li a {
    transition: none;
    }
}

.df-breadcrumbs > li.active {
    color: #0168fa;
}

.df-breadcrumbs > li + li {
    padding-left: 8px;
}

    .df-breadcrumbs > li + li::before {
    color: #c0ccda;
    padding-right: 8px;
    font-weight: 500;
    content: "/";
    display: inline-block;
    }

/*customização de elementos do bootstrap*/
.form-group {
    margin-bottom: 1px;
    font-size: 80%;
}

.form-group > label {
    margin-bottom: 1px;
    font-weight: bold;
    font-size: 0.8rem;
}

.form-fieldset {
    padding: 5px 15px 10px;
}

.xs-small {
    font-size: 65%;
    font-weight: 400;
}

.input-group-text {
    font-size: 100%;
    padding: 0.4rem 0.625rem;
}


/*importação do legado*/
.validation-summary-errors {
    position: relative;
    padding: 0.2rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

    .validation-summary-errors ul {
    margin-bottom: 0px;
    padding-left: 0;
    }

    .validation-summary-errors ul li {
        list-style: none;
    }

.display-label {
    padding: 3px;
    background-color: #EEEEEE;
    color: #111111;
}

.ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: 15px;
    top: 12px;
    display: inline-block;
    margin-right: 10px;
}

.ui-accordion-header {
    font-size: 14px;
    font-weight: 500;
    color: #1b2e4b;
    margin-bottom: 0;
    border: 1px solid rgba(72, 94, 144, 0.16);
    background-color: #f5f6fa;
    padding: 12px 15px 12px 35px;
    position: relative;
    outline: none;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.campo-readonly {
    background: #FAF7C9;
    color: #555555;
    width: 100%;
}

h5 > small {
    display: inline-block !important;
}

/* Holder - Dialog de avisos do sistema */
.Holder {
    padding: 12px;
    background-color: #F8F8F8;
    color: #111;
}


.buttonHolder {
    margin-top: 1.5em;
    border-top: 1px Solid #5c87b2;
    padding-top: 0.5em;
    text-align: right;
}

.titleHolder {
    font-size: 1.4em;
    background-color: #5c87b2;
    color: rgb(255, 255, 255);
    padding: 3px 12px 5px;
    border: 0px none;
}

    .titleHolder img {
    float: left;
    padding-right: 5px;
    padding-top: 1px;
    }

    .titleHolder span {
    vertical-align: middle;
    }


/*
    Itens do bootsrap 3 para não se preciso a conversão
*/

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

    .panel-heading > .dropdown .dropdown-toggle {
    color: inherit
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

    .panel-title > .small,
    .panel-title > .small > a,
    .panel-title > a,
    .panel-title > small,
    .panel-title > small > a {
    color: inherit
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
    margin-bottom: 0
}

    .panel > .list-group .list-group-item,
    .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
    }

    .panel > .list-group:first-child .list-group-item:first-child,
    .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
    }

    .panel > .list-group:last-child .list-group-item:last-child,
    .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
    }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group + .panel-footer {
    border-top-width: 0
}

.panel > .panel-collapse > .table,
.panel > .table,
.panel > .table-responsive > .table {
    margin-bottom: 0
}

    .panel > .panel-collapse > .table caption,
    .panel > .table caption,
    .panel > .table-responsive > .table caption {
    padding-right: 15px;
    padding-left: 15px
    }

    .panel > .table-responsive:first-child > .table:first-child,
    .panel > .table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
    }

    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child,
    .panel > .table:first-child > thead:first-child > tr:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
        .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
        .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
        border-top-left-radius: 3px
        }

        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
        .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
        .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
        border-top-right-radius: 3px
        }

    .panel > .table-responsive:last-child > .table:last-child,
    .panel > .table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
    }

    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
        .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
        .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
        border-bottom-left-radius: 3px
        }

        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
        .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
        .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
        border-bottom-right-radius: 3px
        }

    .panel > .panel-body + .table,
    .panel > .panel-body + .table-responsive,
    .panel > .table + .panel-body,
    .panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd
    }

    .panel > .table > tbody:first-child > tr:first-child td,
    .panel > .table > tbody:first-child > tr:first-child th {
    border-top: 0
    }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
    border: 0
}

    .panel > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-bordered > tfoot > tr > td:first-child,
    .panel > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-bordered > thead > tr > td:first-child,
    .panel > .table-bordered > thead > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
    border-left: 0
    }

    .panel > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-bordered > tfoot > tr > td:last-child,
    .panel > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-bordered > thead > tr > td:last-child,
    .panel > .table-bordered > thead > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 0
    }

    .panel > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-bordered > tbody > tr:first-child > th,
    .panel > .table-bordered > thead > tr:first-child > td,
    .panel > .table-bordered > thead > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
    border-bottom: 0
    }

    .panel > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-bordered > tfoot > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0
    }

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group {
    margin-bottom: 20px
}

    .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
    }

    .panel-group .panel + .panel {
        margin-top: 5px
    }

    .panel-group .panel-heading {
    border-bottom: 0
    }

    .panel-group .panel-heading + .panel-collapse > .list-group,
    .panel-group .panel-heading + .panel-collapse > .panel-body {
        border-top: 1px solid #ddd
    }

    .panel-group .panel-footer {
    border-top: 0
    }

    .panel-group .panel-footer + .panel-collapse .panel-body {
        border-bottom: 1px solid #ddd
    }

.panel-default {
    border-color: #ddd
}

    .panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #ddd
    }

    .panel-default > .panel-heading .badge {
        color: #f5f5f5;
        background-color: #333
    }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd
    }

.panel-primary {
    border-color: #337ab7
}

    .panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
    }

    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #337ab7
    }

    .panel-primary > .panel-heading .badge {
        color: #337ab7;
        background-color: #fff
    }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7
    }

.panel-success {
    border-color: #d6e9c6
}

    .panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
    }

    .panel-success > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #d6e9c6
    }

    .panel-success > .panel-heading .badge {
        color: #dff0d8;
        background-color: #3c763d
    }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6
    }

.panel-info {
    border-color: #bce8f1
}

    .panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
    }

    .panel-info > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #bce8f1
    }

    .panel-info > .panel-heading .badge {
        color: #d9edf7;
        background-color: #31708f
    }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1
    }

.panel-warning {
    border-color: #faebcc
}

    .panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
    }

    .panel-warning > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #faebcc
    }

    .panel-warning > .panel-heading .badge {
        color: #fcf8e3;
        background-color: #8a6d3b
    }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc
    }

.panel-danger {
    border-color: #ebccd1
}

    .panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
    }

    .panel-danger > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #ebccd1
    }

    .panel-danger > .panel-heading .badge {
        color: #f2dede;
        background-color: #a94442
    }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1
    }

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}

    .well blockquote {
    border-color: #ddd;
    border-color: rgba(0,0,0,.15)
    }

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

/* DATATABLES*/
table.datatable {
    width: 100% !important;
}

    table.dataTable thead .sorting_desc,
    table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting {
    background-image: none !important;
    }

td.details-control {
    background: url(/images/details_open.png?231338f592a17b06f412f07423906457) no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url(/images/details_close.png?a357f7deec7d483d369a04af76d4ccb2) no-repeat center center;
}


/* Tela de consulta de divergências*/
div#grid {
    padding-bottom: 15px;
    font-size: 0.8em;
}

    div#grid > table {
    width: 100%;
    }

    div#grid > table td {
        vertical-align: top;
    }

        div#grid > table td.padd {
        padding-right: 10px;
        }

    div#grid > table table th {
        width: 100%;
        padding: 7px;
        border-bottom: 1px solid #ffffff;
        /*background: url(../img/gridstandard.png) no-repeat;*/
        text-align: left;
        cursor: pointer;
    }

        div#grid > table table th:hover {
        background-position: 0px -65px !important;
        }

        div#grid > table table th.base {
        background-position: 0px -129px !important;
        color: #ffffff;
        }

        div#grid > table table th.on {
        background-position: 0px -129px !important;
        /*color: #ffffff;*/
        background-color: aquamarine;
        }

        div#grid > table table th.temp {
        background-position: 0px -193px;
        }

div#meta #aviso {
    font-size: .7em;
}

div#meta > table {
    width: 100%;
}

    div#meta > table th {
    padding: 10px;
    border-left: 1px solid #ffffff;
    /* background: url(img/gridadvanced.png) no-repeat right bottom;*/
    background-color: #eeeeee;
    white-space: nowrap;
    cursor: pointer;
    }
/*
    div#meta > table th :hover {
        background-image: url(../img/gridadvancedhover.png);
    }

    div#meta > table th.on {
        background-image: url(../img/gridadvancedold.png);
        color: #ffffff;
    }

    div#meta > table th.temp {
        background-image: url(../img/gridadvancedhover.png);
    }
*/
    div#meta > table td {
    padding: 0px 10px 0px 10px;
    background-color: #eeeeee;
    white-space: nowrap;
    text-align: left;
    }

    div#meta > table td#working {
        width: 100%;
    }

        div#meta > table td#working div {
        display: none;
        }

div#listagem > table#legend {
    width: 275px;
    margin-top: 3px;
    font-size: 0.8em;
    margin-bottom: 3px;
    vertical-align: middle;
}

    div#listagem > table#legend td {
    text-align: left;
    padding-left: 10px;
    }

    div#listagem > table#legend td div {
        width: 10px;
        height: 10px;
        border: 1px solid #cccccc;
    }

    div#listagem > table#legend td span {
        float: right;
    }

    div#listagem > table#legend td.print {
        text-align: right;
    }

div#listagem > table#output {
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #5c87b2;
    font-size: 10px;
}

    div#listagem > table#output thead {
    background-color: #e8eef4;
    }

    div#listagem > table#output tfoot {
    background-color: #e8eef4;
    }

    div#listagem > table#output .borderbottom {
    border-bottom: 1px solid #5c87b2;
    }

    div#listagem > table#output .borderTop {
    border-top: 1px solid #5c87b2;
    }

    div#listagem > table#output th {
    padding: 5px;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    white-space: nowrap;
    }

    div#listagem > table#output tr td {
    padding: 5px;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    }

    div#listagem > table#output td.total {
    background-color: #eeeeee;
    font-weight: bold;
    }

    div#listagem > table#output td span {
    float: right;
    margin-right: 1px;
    }

    div#listagem > table#output .divide {
    border-right: 1px solid #5c87b2;
    }

    div#listagem > table#output .collapse {
    border-right: 1px solid #5c87b2;
    }

div#listagem .new {
    background-color: #F9CCCD;
}
/*
div.footer {
    padding: 0px 15px 0px 15px;
    font-size: 10px;
    display: none;
}*/

div#listagem > table#output th.headerSort {
    /*background-image: url(img/small.gif);*/
    cursor: pointer;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 20px;
    border-right: 1px solid #dad9c7;
    margin-left: -1px;
}
/*
div#listagem > table#output th.headerSortUp {
    background-image: url(img/small_asc.gif);
}

div#listagem > table#output th.headerSortDown {
    background-image: url(img/small_desc.gif);
}
*/

.pagination {
    padding: .2em 0;
    /*background: #FFF;*/
    margin: .5em 0;
    text-align: left;
    display: inline-block;
    font-size: 12px;
    /*font-weight: 600;*/
    width: 100%;
}

    .pagination * {
    color: #036CB4;
    text-align: center;
    display: inline-block;
    }

    .pagination > li > a,
    .pagination > li > span {
    padding: .1em .2em;
    margin: 0em;
    border: 1px solid #EEE;
    min-width: 1.5em;
    min-height: 1.5em;
    text-decoration: none;
    }

    .pagination a:hover, .pagination a:active {
    background: #6DB6FE !important;
    border: 1px solid #6DB6FE !important;
    color: #FFF !important;
    }

    .pagination .current {
    font-weight: bold;
    border: 1px solid #036CB4;
    background-color: #036CB4;
    color: #FFF;
    }

    .pagination .disabled > * {
    border: 1px solid #EEE;
    color: #DDD;
    cursor: not-allowed;
    }

.dashboard-container {
    position: relative;
    overflow: hidden;
    padding-top: 84%;
}

.dashboard-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.ui-dialog button {
    color: black !important;
}

.wa-periodo {
    display: block;
    font-size: 1.09em;
    margin-bottom: 0;
    /* padding: 8px 12px; */
    position: relative;
    width: 95%;
}

.wa-selectorList,
.wa-serviceList {
    list-style: none;
    padding: 0;
    float: left;
    margin-top: 0;
}

.wa-selectorList {
    width: 29%;
}

.wa-serviceList {
    margin-left: 5px;
    width: 70%;
}

.wa-selectorList li {
    margin-bottom: 5px;
}

.wa-selectorator {
    background-color: #525252;
    color: #fff;
    display: block;
    font-size: 1.09em;
    margin-bottom: 0;
    padding: 8px 12px;
    position: relative;
    width: 90%;
    cursor: pointer;
}

    .wa-selectorator input {
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    }

    .wa-selectorator.active {
    background-color: #00abec;
    position: relative;
    }

    .wa-selectorator.active:after {
        background-color: #00abec;
        content: "";
        height: 25px;
        position: absolute;
        right: -13px;
        top: 5px;
        width: 25px;
        transform: rotate(135deg);
    }


.wa-serviceList .wa-serviceInfo {
    cursor: pointer;
    font-size: 1em;
}

    .wa-serviceList .wa-serviceInfo b {
    display: inline;
    }

    .wa-serviceList .wa-serviceInfo span {
    text-align: justify;
    display: inline-block;
    font-size: 0.95em;
    }

    .wa-serviceList .wa-serviceInfo input {
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    }

    .wa-serviceList .wa-serviceInfo.active {
    background: #00abec;
    position: relative;
    }

    .wa-serviceList .wa-serviceInfo.active,
    .wa-serviceList .wa-serviceInfo.active b,
    .wa-serviceList .wa-serviceInfo.active span {
        color: #fff;
    }

.wa-serviceList li.hoverable {
    padding: 5px 10px;
    border: 1px solid #cccccc;
    border-bottom: none;
    min-height: 35px;
}

    .wa-serviceList li.hoverable:last-child {
    border-bottom: 1px solid #cccccc;
    }

    .wa-serviceList li.hoverable:hover,
    .wa-serviceList li.hoverable:hover a {
    background-color: #89c402;
    color: #fff;
    }

    .wa-serviceList li.hoverable.active,
    .wa-serviceList li.hoverable.active a {
    background-color: #00abec;
    color: #fff;
    }


.btn-checkbox {
    padding: 0.06875rem 0.1375rem;
}


.hide {
    display: none !important;
}



table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before {
    top: 5.5px;
}

.checkbox input[type="checkbox"]:checked ~ label::after {
    font-weight: 900;
}

.select2-container--default .select2-selection--multiple {
    min-height: 1.2em;
}


.table-ativo {
    background: darkseagreen;
}

    .table-ativo.ativo-passivo-1 {
    background-color: #EEF5EE;
    }

    .table-ativo.ativo-passivo-2 {
    background-color: #C7DEC7;
    }

    .table-ativo.ativo-passivo-3 {
    background-color: #8FBC8F;
    }

.table-passivo {
    background: darksalmon;
}

    .table-passivo.ativo-passivo-4 {
    background-color: #FCEFEB;
    }

    .table-passivo.ativo-passivo-5 {
    background-color: #F8E0D7;
    }

    .table-passivo.ativo-passivo-6 {
    background-color: #F2C0AF;
    }

    .table-passivo.ativo-passivo-7 {
    background-color: #EEB09B;
    }

    .table-passivo.ativo-passivo-8 {
    background-color: #ECA68E;
    }

    .table-passivo.ativo-passivo-9 {
    background-color: #E9967A;
    }

.table-components {
    border: 1px solid rgba(72, 94, 144, 0.16);
}

    .table-components thead th {
    font-size: 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Inter UI", Roboto, sans-serif;
    letter-spacing: .5px;
    text-transform: uppercase;
    padding: 5px 10px;
    border-bottom: 0;
    border-color: rgba(72, 94, 144, 0.16);
    background-color: #f5f6fa;
    white-space: nowrap;
    }

    .table-components tbody td {
    padding: 8px 10px;
    border-color: rgba(72, 94, 144, 0.16);
    font-size: 80%;
    }


.nav-header {
    top: 0;
    left: 0;
    right: 0;
    height: 55px;
    border-bottom: 1px solid rgba(72, 94, 144, 0.16);
    display: flex;
    align-items: center;
    padding: 0 20px;
}

@media (min-width: 1200px) {
    .nav-header {
    right: 290px;
    padding: 0 25px;
    }
}

.nav-header .nav-link {
    color: #8392a5;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding: 0;
}

.nav-header .nav-link:hover, .nav-header .nav-link:focus {
color: #525f70;
}

.nav-header .nav-link.active {
color: #0168fa;
font-weight: 600;
position: relative;
    }

    .nav-header .nav-link.active::before {
        content: '';
        position: absolute;
        bottom: -19px;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #0168fa;
    }

    .nav-header .nav-link + .nav-link {
    margin-left: 30px;
    }

    .nav-header .nav-link span {
    display: none;
    }

@media (min-width: 576px) {
    .nav-header .nav-link span {
    display: inline;
    }
}


/*------------------------*/
/*Sociedade Uniprofissional */
/*-----------------------*/
.pergunta-secundaria {
    color: #4a4a4a;
}

.lista-atividades-permitidas {
    max-height: 100px;
    overflow-x: auto;
}

.btn-remover-questao {
    float: right;
}

.questionario-declaracao {
    border-radius: 10px;
    margin: 5px 5px;
    margin-bottom: 10px;
    padding: 5px;
    background-color: #f7fafe;
}

.questonario-respostas {
    margin-left: auto;
    display: inline-table;
}

.body-Declaracao-de-Sociedade-Uniprof-card {
    max-width: 25pc;
}

.questoes-marcadas {
    border: 1px solid #c2c2c2;
}

.corpo-anexo-declaracao-uni {
    margin: auto;
}

.item-anexo-declaracao-uni {
    margin-right: 10px;
}
/*------------------------*/
/* Data Tables           */
/*----------------------*/

/*Normal*/
li.paginate_button.next {
    color: #fff !important;
    background-color: #2780ff !important;
    border-color: #0168fa !important;
    border-radius: 5px !important;
}

    li.paginate_button.next a {
    color: #fff !important;
    background-color: #2780ff !important;
    border-color: #2780ff !important;
    }


li.paginate_button.previous {
    color: #fff !important;
    background-color: #2780ff !important;
    border-color: #0168fa !important;
    border-radius: 5px !important;
}

    li.paginate_button.previous a {
    color: #fff !important;
    background-color: #2780ff !important;
    border-color: #2780ff !important;
    }

li.paginate_button.page-item {
    color: #fff !important;
    background-color: #2780ff !important;
    border-color: #0168fa !important;
    border-radius: 5px !important;
}

    li.paginate_button.page-item a {
    color: #fff !important;
    background-color: #2780ff !important;
    border-color: #2780ff !important;
    }

/*disable*/
li.paginate_button.next.disabled {
    color: #fff !important;
    background-color: #6faaff !important;
    border-color: #6faaff !important;
    border-radius: 5px !important;
}

    li.paginate_button.next.disabled a {
    color: #fff !important;
    background-color: #6faaff !important;
    border-color: #6faaff !important;
    }


li.paginate_button.previous.disabled {
    color: #fff !important;
    background-color: #6faaff !important;
    border-color: #6faaff !important;
    border-radius: 5px !important;
}

    li.paginate_button.previous.disabled a {
    color: #fff !important;
    background-color: #6faaff !important;
    border-color: #6faaff !important;
    }

li.paginate_button.page-item.disabled {
    color: #fff !important;
    background-color: #6faaff !important;
    border-color: #6faaff !important;
    border-radius: 5px !important;
}

    li.paginate_button.page-item.disabled a {
    color: #fff !important;
    background-color: #6faaff !important;
    border-color: #6faaff !important;
    }

/*disable hover*/
li.paginate_button.next.disabled:hover {
    color: #fff !important;
    background-color: #6faaff !important;
    border-color: #6faaff !important;
    border-radius: 5px !important;
}

    li.paginate_button.next.disabled:hover a {
    color: #fff !important;
    background-color: #6faaff !important;
    border-color: #6faaff !important;
    }


li.paginate_button.previous.disabled:hover {
    color: #fff !important;
    background-color: #6faaff !important;
    border-color: #6faaff !important;
    border-radius: 5px !important;
}

    li.paginate_button.previous.disabled:hover a {
    color: #fff !important;
    background-color: #6faaff !important;
    border-color: #6faaff !important;
    }

li.paginate_button.page-item.disabled:hover {
    color: #fff !important;
    background-color: #6faaff !important;
    border-color: #6faaff !important;
    border-radius: 5px !important;
}

    li.paginate_button.page-item.disabled:hover a {
    color: #fff !important;
    background-color: #6faaff !important;
    border-color: #6faaff !important;
    }

/*hover*/
li.paginate_button.next:hover {
    color: #fff !important;
    background-color: #0069ff !important;
    border-color: #0069ff !important;
    border-radius: 5px !important;
}

    li.paginate_button.next:hover a {
    color: #fff !important;
    background-color: #0069ff !important;
    border-color: #0069ff !important;
    }


li.paginate_button.previous:hover {
    color: #fff !important;
    background-color: #0069ff !important;
    border-color: #0069ff !important;
    border-radius: 5px !important;
}

    li.paginate_button.previous:hover a {
    color: #fff !important;
    background-color: #0069ff !important;
    border-color: #0069ff !important;
    }

li.paginate_button.page-item:hover {
    color: #fff !important;
    background-color: #0069ff !important;
    border-color: #0069ff !important;
    border-radius: 5px !important;
}

    li.paginate_button.page-item:hover a {
    color: #fff !important;
    background-color: #0069ff !important;
    border-color: #0069ff !important;
    }


h5 > hr {
    margin-bottom: 1px;
    margin-top: 1px;
}

.dataTables_wrapper .dataTables_filter label {
    margin-bottom: 0px !important
}

.select2-container--open {
    z-index: 1060
}

.custom-file-label::after {
    content: "Procurar"
}

.nav-aside .nav-item.with-sub ul i {
    color: rgba(200, 223, 255, 0.8);
    cursor: pointer;  
}

.aside .dropdown a {
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: 0.05rem;
}

.menu-navegacao {
    display: flex;
}

.icon-menu-hide {
    display: none;
}

.icon-menu-fixado {
    color: white;
}

.menu-navegacao:hover .icon-menu-hide {
    display: block;
}

.form-group {
    margin-bottom: 5px;
}

.table-consulta {
    font-weight: 400;
    margin-top: .6em;
    border-color: #D6E8FF;
}

table .acoes > div {
    width: 31px;
    float: left;
    text-align: center;
}

#tabelaPadrao {
    margin: 5px 0;
}

.table-responsive {
    overflow-x: initial;
}
#tabelaPadrao_info {
    margin-top: 2px;
    text-align: center;
}

.dataTables_wrapper .dataTables_filter input{
    margin-left: 5px;
}

.icon {
    color: #fff;
    border-radius: 5px;
    padding: 4px;
    width: 29px;
    border-color: #0168fa;
    background-color: #0168fa;
    margin: 0 0.1rem;
    cursor: pointer;
    text-align: center;
}

.icon-danger {
    background-color: #dc3545;
    border-color: #dc3545;
}

.icon-success {
    background-color: #10b759;
    border-color: #10b759;
}

.fa, .fas, .far {
    margin-right: 5px;
}

.tooltip-inner {
    min-width: 100px;
    max-width: 600px !important; 
}

.dropdown-item{
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
}

.aside-logo img {
    height: 30px;
}

.topo-slim {
    color: #637388;
    color: var(--cinza);
    text-align: center;
    font-size: 0.9rem;
}

.status-rh {
    font-size: 0.7rem;
    background-color: #fff;
    display: flex;
    border: 1px solid rgba(72, 94, 144, 0.16);
    padding: 1px 20px;
    text-align: center;
}

.status-rh .title-status{
    font-weight: 500;
}

.bg-fintel,
.btn-fintel {
    color: #fff;
    background-color: #6E4997;
    background-color: var(--menu3);
    border: 0;
}

.active:focus {
    outline: none !important;
}

/*summernote */
/* verificar impacto nos demais dropdowss */
.dropdown-toggle::after {
    display: none;
}

/* modal do summernote */
.note-modal-body {
    padding: 20px 30px 0 30px;
}
.note-form-group {
    padding-bottom: 5px;
}
.note-modal-footer {
    height: 60px;
    padding: 10px 20px;
}
/* fim summernote */