@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/*---------------------------CARACTERISTICAS GLOBAIS---------------------------*/
html{
scroll-behavior:smooth;
}
body, h1, h2, h3, h4, pre{
font-family:'Roboto',sans-serif;
}
pre{
white-space:pre-wrap;
font-size:14px;
}
.titulo_pagina{
display:flex;
align-items:center;
margin-bottom:10px;
}
.titulo_pagina h2{
display:inline;
margin:0 10px 0 0;
font-size:22px;
}
.titulo_tabela h3{
margin-bottom:0;
}
.titulo_pagina .fa.fa-angle-double-down,
.titulo_pagina .fa.fa-angle-double-up{
font-size:24px;
}
h4{
margin-bottom:4px;
display:block;
text-align:left;
}
.espaco{
height:15px;
width:100%;
display:block;
}
.bold{
font-weight:bold !important;
}
.panels{
margin-bottom:10px;
background-color:white;
}
.panels:last-child{
margin-bottom:0;
}  
.panels .pan_titulo{
display:flex;
align-items:center;
justify-content:space-between;
padding:10px;
background-color:white;
font-size:18px;
}
.panels .exp_pan_titulo{
cursor:pointer;
}
.panels .exp_cxs_conteudo_dropdown{
display:none;
}
.cxs_conteudo_dropdown{
width:100%;
padding:20px;
box-sizing:border-box;
background-color:#efefef;
}

/*---------------------------ICONES---------------------------*/
/*fonte pequena*/
.f_p{
font-size:12px !important;
}

.status_neutro:before,
.status_SOLICITADO:before,
.status_PROCESSANDO:before,
.status_AGUARDANDO_CACHE:before,
.status_AGUARDANDO:before,
.status_OK:before,
.status_SEM_DADOS:before,
.status_ALERTA:before,
.status_MANU,
.status_FALHA:before,
.status_REPROCESSADO:before,
.status_CANCELADO::before,
.status_SALDO_INSUFICIENTE:before,
.status_PENDENTE:before,
.status_EXCLUIDO:before{
font-family:FontAwesome, Helvetica, Sans-serif;
font-size:20px;
}
.status_neutro:before{
content:"\f068";
color:#222;
}
.status_SOLICITADO:before, .status_PROCESSANDO:before{
content:"\f110";
display:inline-block;
font-size:16px;
animation:spin 1s linear infinite;
}
.status_PROCESSANDO:before{
color:dodgerblue;
}
.status_AGUARDANDO_CACHE:before{
content:"\f187";
color:#888;
font-size:20px;
}
.status_AGUARDANDO:before{
content:"\f252";
color:#888;
font-size:16px;
}
.status_OK:before{
content:"\f560";
color:#009000;
}
.status_SEM_DADOS:before{
content:"\f00c";
color:#888;
}
.status_ALERTA:before{
content:"\f071";
color:#f5cc00;
}
.status_MANU:before{
content:"\f013";
color:gray;
font-size:20px;
}
.status_FALHA:before{
content:"\f00d";
color:#ff0000;
}
.status_REPROCESSADO:before{
content:"\f021";
color:#000000;
font-size:16px;
}
.status_CANCELADO:before{
content:"\f05e";
color:#888;
}
.status_PENDENTE:before{
content:"\f017";
color:#888;
}
.status_EXCLUIDO:before{
content:"\f1f8";
color:#888;
}
.status_SALDO_INSUFICIENTE:before{
content:"\f09d";
color:#ff9900;
font-size:18px;
}

.disabled,
.disabled:before{
color:rgba(121, 126, 180, 0.20) !important;
pointer-events:none;
cursor:default;
}

.fa-power-off{
cursor:pointer;
}

@keyframes spin {
  from { transform:rotate(0deg); }
  to   { transform:rotate(360deg); }
}

/*---------------------------PAINEL---------------------------*/
input#dias,
#num_threads{
margin:0 2px 0 2px;
}

textarea{
width:-moz-available;
width:-webkit-fill-available;
height:auto;
font-size:larger;
}

.marcar_todos{
display:flex;
align-items:center;
font-size:13px;
}

.marcar_todos input{
margin:0px 5px 0px 10px;
}

em.info, em.btt_info_painel{
color:#a8a8a8;
font-size:16px;
padding:2px;
width:10px;
height:10px;
text-align:center;
}

.base{
display:flex;
align-items:center;
padding:2px 0;
justify-content:space-between;
}

.base .rotulo_base{
display:flex;
align-items:center;
flex-grow:2;
padding:6px 4px 6px 0;
}
.base:nth-last-of-type(2){
margin:0! important;
}
.base .rotulo_base:hover{
background:#DDD;
}
.base .rotulo_base input{
margin:3px 6px;
}

.base .rotulo_base label{
flex-grow:2;
font-size:14px;
}

.base .custo{
font-size:12px;
white-space:nowrap;
}

.label_param{
display:block;
margin-top:5px;
width:100% !important;
}

.col div .input_param{
width:100% !important;
box-sizing:border-box;
padding:13px;
}

input#btt_add{
float:right;
margin-top:5px;
}

.titulo_label{
font-size:15px !important;
}

.cx_coleta{
display:flex;
flex-direction:column;
}

.recursos_consultas{
display:flex;
flex-direction:row;
justify-content:space-between;
}
.recursos_consultas.upload{
float:right;
}
.dados_upload th div{
flex-direction:column;
}
.recursos_direita{
text-align:right;
}
div#interna{
overflow-x:auto;
}

.resumo_requisicao em{
cursor:pointer;
margin-left:5px;
font-size:16px;
}

.campos{
display:flex;
flex-direction:column;
flex-grow:2;
}

div.info{
display:none;
font-size:11px;
text-align:justify;
background-color:white;
padding:10px;
box-shadow:0 1px 5px #888;
overflow:hidden;
text-overflow:ellipsis;
box-sizing:border-box;
line-height:1.6em;
width:100% !important; 
max-width:350px;
}
#titulo_requisicao{
display:flex;
place-content:space-between;
}
.tituloH3{
font-family:'Roboto', sans-serif;
font-size:18px;
margin:0 0 30px;
}

#legenda{
cursor:default !important;
}

#legenda .instrucoes{
display:none;
}

#legenda:hover .instrucoes{
font-size:12px !important;
display:block;
position:absolute;
text-align:left;
right:20px;
top:50px;
border:1px solid black;
padding:5px 10px;
z-index:1000;
background-color:white;
}

#legenda_consultar{
cursor:default !important;
}

#legenda_consultar .instrucoes{
display:none;
}

#legenda_consultar:hover .instrucoes{
font-size:12px !important;
display:block;
position:absolute;
text-align:left;
right:20px;
top:340px;
border:1px solid black;
padding:5px 10px;
z-index:1000;
background-color:white;
}

.instrucoes div{
padding-top:2px;
cursor:default;
display:flex;
align-items:center;
font-size:12px !important;
}

.instrucoes div:before{
margin-right:4px;
}

#legenda_variaveis{
background-color:#e9e9e9;
border:1px solid black;
padding:10px;
}
div#legenda_variaveis p{
margin:5px 0px;
font-size:12px;
}
    
#legenda_variaveis_iam_role{
border-bottom:1px solid #dddddd;
margin-bottom:15px;
padding-bottom:7px;
}

#quantidade_selecionada{
display:none;
margin-left:20px;
}

#quantidade_selecionada span{
font-weight:bold;
}

.ui-dialog-titlebar-close{
outline:none;
}

#relatorio_custo .tituloH3{
padding-right:20px;
}

#relatorio_custo>div:first-of-type{
display:flex;
justify-content:space-between;
}

#relatorio_custo>div:first-of-type>div{
display:flex;
}

/*-----------------------DETALHAMENTO CONSULTA-----------------------*/
.cx_aviso_detalhamento{
background-color:#eee;
padding:10px 10px;
line-height:1;
font-size:12px;
border-radius:2px;
color:#333;
margin-top:12px;
}

.logo_titulo{
display:flex;
}

.logo_titulo .logo_header{
margin-right:25px;
display:flex;
align-items:center;
}

.botoes_titulo{
text-align:right;
}

.titulo_detalhe_consulta{
display:flex;
justify-content:space-between;
margin-top:20px;
}

.titulo_detalhe_consulta .titulo_nome{
font-weight:bold;
}

#dialog-alert .btn_dl_exp{
color:#F3F3F3;
}

.btn_dl_exp{
width:-moz-fit-content;
width:fit-content;
margin-right:10px;
}

.btn_dl_exp span{
padding-left:15px;
margin-right:10px;
}

.conteudo_consulta{
display:flex;
flex-wrap:wrap;
border:1px dotted #AAA;
border-top:none;
}

.subtitulo_consulta .subtitulo{
font-size:16px;
}

.subtitulo_consulta .det_instrucao{
margin-top:5px;
font-size:10px;
}

.cx_dados_consulta{
margin-top:30px;
flex-grow:1;
}

.cx_tabela_consulta{
border:1px dotted #AAA;
border-top:none;
padding:10px;
}


.dados_detalhamento .cx_dados_consulta{
border-bottom:none;
}

.cx_dados_consulta .subtitulo_cx_dados{
border:1px dotted #AAA;
padding:10px 20px;
text-transform:uppercase;
font-size:14px;
font-weight:500;
display:flex;
justify-content:space-between;
align-items:baseline;
position:sticky;
background-color:white;
top:-1vh;  
}
.cx_dados_consulta .subtitulo_cx_dados .qt_registros{
font-size:10px;
}
.cx_dados_consulta .conteudo_cx_dados{
padding:10px 20px;
}

.cx_detalhamento table{
width:100%;
}

.cx_detalhamento th{
border-bottom:1px solid #F3F3F3;
}

.cx_detalhamento td{
border:0;
padding:12px 10px;
font-weight:500;
}

/*-----------------------TABELA DETALHAMENTO DE CONSULTA-----------------------*/
thead.com_ordenacao span{
cursor:pointer;
}

table.cor_alternada tr:nth-child(odd) td,
table.cor_alternada_dupla tr:nth-child(4n-3) td,
table.cor_alternada_dupla tr:nth-child(4n-2) td,
table.cor_alternada_tripla tr:nth-child(6n-5) td,
table.cor_alternada_tripla tr:nth-child(6n-4) td,
table.cor_alternada_tripla tr:nth-child(6n-3) td{   
background-color:#F4F4F4;
}

.linha_dupla{
padding-top:0 !important;
text-align:justify;
}
table.tb_formulario tr{
display:flex;
}

table.tb_formulario td{
padding:5px 0;
}

.total_tabela_detalhamento{
margin-top:10px;
text-align:right;
font-size:14px;
}

.total_tabela_detalhamento p{
display:contents;
font-weight:500;
}

.fonte_detalhamento{
font-size:11px;
color:#666;
font-style:italic;
margin:10px 0 30px;
line-height:1.3;
text-align:right;
}

.fonte_detalhamento::before{
content:'Fonte(s):';
margin-right:2px;
}

.fa.fa-trash::before{
content:'\f1f8';
}

/*-----------------------DETALHAMENTO DE PRODUTO-----------------------*/
.tb_detalhamento td{
padding-left:20px;
text-align:left;
font-weight:600;
}

.tb_detalhamento th{
font-size:14px;
width:20%;
text-align:left;
padding-left:20px;
font-weight:normal;
}

.tb_detalhamento tr:nth-child(odd) th{
background-color:#e6e6e6;
}

.tb_detalhamento tr:nth-child(even) th{
background-color:#f5f5f5;
}

.contador{
display:block;
min-width:20px;
min-height:20px;
}

.detalhes{
white-space:nowrap;
}

#list_abas_detalha{
padding-inline-start:0px;
margin-bottom:0;
margin-top:0;
}

#list_abas_detalha .fa-times{
border-left:1px dotted white;
padding-left:1px;
color:white;
font-size:12px;
}

#div_iframe{
margin:0% 7%;
}

#div_iframe,
#div_iframe iframe{
height:-webkit-fill-available;
width:-webkit-fill-available;
}

#div_iframe iframe{
border:2px solid #DDD;
}

#list_abas_detalha .aba_ativa,
#list_abas_detalha .aba_inativa{
padding:6px 4px;
cursor:pointer;
font-size:small;
display:inline-block;
margin:2px 0;
}
.redimensiona_texto{
max-width:35ch;
text-overflow:ellipsis !important;
white-space:nowrap;
overflow:hidden;
}
#list_abas_detalha .redimensiona_texto{
display:inline-block;
margin-left:2px;
vertical-align:text-top;
}

#list_abas_detalha .aba_inativa{
color:gray;
background-color:#C4C4C4;
}

.fa-times{
color:red;
}

.campo_erro{
border:solid 2px red;
}

.fa-check{
color:green;
}

span.fa.fa-times{
margin-left:4px;
}

.cx_custo_pesquisar{
max-height:50vh;
overflow-y:auto;
display:block !important;
}

#inv{
max-height:60vh;
overflow-y:auto;
}   

.info-etiqueta ~ .etiqueta-texto{
display:none;
}

.info-etiqueta:hover ~ .etiqueta-texto{
font-size:12px;
display:block;
position:absolute;
text-align:center;
right:37px;
top:70px;
border:1px solid black;
padding:5px 10px;
z-index:1000;
background-color:white;
}

.fa-info-circle, #bases .status_ALERTA{
margin-left:5px;
cursor:pointer;
}

.info-doc ~ .doc-texto{
display:none;
}

.info-doc:hover ~ .doc-texto{
font-size:12px;
display:block;
position:absolute;
text-align:center;
right:827px;
top:20px;
border:1px solid black;
padding:5px 10px;
z-index:1000;
background-color:white;
}

.atualizar_grupo_btt{
width:15em;
}

.elipsis{
max-width:20px;
overflow:hidden;
text-overflow:ellipsis;
}

.aba_exportacao{
background-color:transparent;
border:none;
}


.menu-lateral-titulo{
transform:rotate(-90deg);
display:flex;
flex-direction:row-reverse;
max-width:30px;
margin-top:38px;
cursor:pointer;
}

.menu-lateral-titulo span{
white-space:nowrap;
margin-right:5px;
}

.menu-lateral em{
text-align:center;
}

.documento_analise{
min-width:18ch;
}

.menu-lateral-info{
margin-top:2em;
transition:0.5s;
}

#dialog{
scroll-behavior:smooth;
}

.menu-lateral-info-titulo{
display:flex;
white-space:nowrap;
justify-content:flex-start;
cursor:pointer;
flex-direction:row-reverse;
margin-bottom:10px;
}

.menu-lateral-info-titulo span{
margin-right:5px;
font-size:14px;
text-transform:uppercase;
}

.item-indexador{
padding-right:5px;
border-right:1px solid #f8af9b;
text-align:right;
font-size:12px;
margin:5px 0;
}
.item-indexador:hover{
padding-right:3px;
}
.item-indexador a{
color:black;
}
.item-indexador a:hover{
text-decoration:none;
}
.sticky-div{
position:sticky;
top:50px;
}
.menu-detalhamento{
margin-left:1em;
transition:0.5s;
}
.paginacao_nova{
display:flex;
}
.linha_pg_nova{
display:flex;
}

.select-box{
display:flex;
flex-direction:column;
position:relative;
}

.select-box .options-container{
color:#f5f6fa;
max-height:0;
width:100%;
opacity:0;
transition:all 0.4s;
border-radius:8px;
overflow:hidden;
position:absolute;
top:100%;
order:1;
background-color:white;
z-index:2;
border:solid 1px rgba(0, 0, 0, 0.12);
}
.select-box .option:not(:last-of-type){
border-bottom:solid 1px rgba(0, 0, 0, 0.12)
}
.select-box .options-container.active{
max-height:240px;
opacity:1;
}
.select-box .options-container.active + .selected::after{
transform:rotateX(180deg);
top:-6px;
}
.select-box .options-container::-webkit-scrollbar{
width:8px;
background:#0d141f;
border-radius:0 8px 8px 0;
}
.select-box .options-container::-webkit-scrollbar-thumb{
background:#525861;
border-radius:0 8px 8px 0;
}

.select-box .option{
padding:12px 24px;
cursor:pointer;
}

.select-box .option:hover{
background:#414b57;
}

.select-box .option .radio{
display:none;
}
/*-----------------------TELA DE ORIGEM -----------------------*/

#div_abas{
position:sticky;
width:calc(100% - 16px);
top:0;
z-index:2;
background-color:white;
border-bottom:1px dotted #AAA;
padding-top:8px;
padding-left:16px;
}
#section_abas{
padding-left:16px;
padding-right:16px;
}
.api_container{
background-color:#ffffff;
padding:5px 10px;
margin-bottom:20px;
max-width:855px;
}
.api_status{
display:flex;
flex-direction:column;
padding-left:20px;
border-left:2px solid black;
margin-bottom:30px;
}
.subtitulo_docu_api{
display:block;
font-size:18px;
margin-bottom:10px;
}
.titulo_docu_api{
display:block;
font-size:28px;
font-weight:bold;
margin-bottom:30px;
}
#pdf_documentacao{
margin-top:20px;
}
.codigos_status{
display:grid;
grid-template-columns:repeat(2, 1fr);
}
.mostrar_mais{
display:flex;
justify-content:center;
}
.linha_icones{
display:flex;
flex-wrap:nowrap;
align-items:center;
}
.acima_tabela_padrao .botoes_esquerda{
display:flex;
align-items:center;
}
.aviso_filtros{
margin:20px 10px;
}