/*	---------------- Principais ---------------- */

:root{
	font-size:62.5%;
	line-height:normal;

	--cor-branco:#fff;
  	--cor-preto:#000;
	--cor-lateral:#444;
	--cor-lateral2:#575756;
	--cor-botao-add:#47BE4F;
	--cor-botao-fechar:#A5A5A5;
	--cor-cabecalho-tabela:#F6F6F6;
	--cor-atencao-erro:#e53935;	
	
	--semi:600;
	--negrito:700;

	--font-regular:1.5rem;
	--line-regular:2.0rem;

	--titulo:2.5rem;
	--titulo-line:3.4rem;
	
	--cor-txt-base:#373737;
	--cor-titulo:#575756;

	--cor-borda-input:#E4E4E4;
	--cor-borda-botao:#A8A8A8;
	--cor-placeholder:#737373;

}

*{
	box-sizing:border-box;
}
::before{box-sizing: unset}


html{height:100% !important; width:100%; -webkit-backface-visibility:hidden !important;}

body {margin:0; min-width:322px; background-color:var(--cor-branco); overflow-y:hidden; font-family: 'Open sans', sans-serif; font-weight: 400; color:var(--cor-txt-base); height: auto; font-size:var(--font-regular); line-height:var(--line-regular); -webkit-backface-visibility:hidden; overflow-x:hidden; -webkit-backface-visibility:hidden !important;-webkit-overflow-scrolling: touch;}

input, select, textarea{outline-style: none;font-family: 'Open sans', sans-serif;appearance: none !important;-webkit-appearance: none !important;-ms-appearance: none;border: 0;background-color: var(--cor-branco);}
h1,h2,h3{padding:0; margin:0; font-weight:400; font-size:var(--font-regular); line-height: var(--line-regular);}
hr{color: #1e1e1f}
select::-ms-expand{display: none;}
input:-webkit-autofill{box-shadow: 0 0 0px 1000px white inset;-webkit-box-shadow: 0 0 0px 1000px white inset;font-family: 'Open sans', sans-serif;}
a {color: inherit;outline: none;text-decoration: none;}
a:hover{color: inherit;outline: none;text-decoration: none;}
a img {outline : none;}
img {border : 0; outline: none;}
input, button, select, textarea{outline: none;}
select{background-repeat: no-repeat; background-position:calc(100% - 15px) center; background-image: url('../imagens/seta_select.svg'); background-size:10px;}

button{cursor: pointer;background-color: rgba(0, 0, 0, 0);outline-style: none !important;outline: none;outline: nonet;outline-offset: none;}

video, button, div{outline: none;font-family: inherit;appearance: none;-webkit-appearance: none;-ms-appearance: none;border: 0;-webkit-tap-highlight-color: transparent;}
button, div:focus{outline: none;-webkit-tap-highlight-color: transparent}

button, figure{margin: 0px; padding:0px;}

input[type=button], input[type=submit], input[type=reset]{-webkit-appearance: none;}

ul{list-style: none;}
ul,p{margin:0px; padding:0px;}


.BordaErro {border: 2px solid #DD0000 !important}

.input_text{width:100%; border-radius:5px; height:50px; border:1px solid var(--cor-borda-input); padding:0px 14px; overflow: hidden; text-overflow: ellipsis;}
.input_text::placeholder{color:var(--cor-placeholder);}

.input_text:disabled{background-color: var(--cor-cabecalho-tabela);}

.campo_pdf .input_text{padding-right:210px; pointer-events: none;}

.botao_inserir_pdf{width:200px; height:50px; border-radius:0px 5px 5px 0px; background-color: var(--cor-txt-base); display: flex; align-items: center; justify-content: center; gap:10px; color:var(--cor-branco); font-weight:var(--semi); text-transform: uppercase; position: absolute; right:0px; bottom:0px;}

/* ------ login ------ */

.corpo_login{width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap:135px; height:100vh; background-repeat: no-repeat; background-position: center center; background-image:url('../imagens/fundo_login.jpg'); background-size: cover; padding:40px 20px;}

.login_conteudo{width:100%; flex-direction: column; align-items: center; gap:20px; display: flex;}
.login_form_alinhamento{width:100%; display: flex; justify-content: center;}

.login_titulo{font-size:var(--titulo); line-height:var(--titulo-line); color:var(--cor-titulo); font-weight: var(--negrito); transition: .8s;}

.login_form{width:100%; float: left;}
.login_bloco_form{display: flex; flex-direction: column; align-items: center; background-color: var(--cor-branco); border-radius: 5px; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.08); max-width: 600px; width: 100%; padding:40px 30px;}

.login_campos{width:100%; display: flex; flex-direction: column; gap:20px;}

.login_campo{width:100%; flex-direction: column; align-items: flex-start; gap:5px; display: flex;}

.esqueci_minha_senha{margin-top:15px; text-decoration: underline; color:var(--cor-titulo); cursor: pointer;}

.botao_entrar_login{width:140px; background-color: var(--cor-titulo); height:48px; font-weight:var(--semi); text-transform: uppercase; color:var(--cor-branco); transition: .2s; margin-top:30px; border-radius: 5px;}

.botao_entrar_login:hover{opacity: .9; filter: opacity(90);}

#bloco_esqueci{display: none;}
#bloco_email_enviado{display: none;}

/* ------ login ------ */

/* ------ lateral ------ */

.lateral{width:170px; display: flex; flex-direction: column; background-color:var(--cor-lateral); height:100vh;}

.lateral_logo{width:100%; display: flex; justify-content: center; align-items: center; padding:30px 10px 34px 10px;}

.lateral_menus{width: 100%; display: flex; flex-direction: column;}

.lateral_menu{width:100%; display: flex; gap:10px; padding:0px 10px; height:70px; align-items: center; cursor: pointer; transition: .4s;}

.lateral_menu:hover{background-color: var(--cor-lateral2);}

.lateral_menu.atual{background-color: var(--cor-lateral2); border-left:4px solid #E30613;}


.lateral_menu__icone{width:30px; height:30px; display: flex; align-items: center; justify-content: center;}

.lateral_menu__txt{width:calc(100% - 40px); text-align: left; font-size:15px; line-height:20px; color:var(--cor-branco);}
 

/* ------ lateral ------ */
.div-nenhum {width: 100%; /* display: flex; */ border: 1px solid var(--cor-borda-input);  border-radius: 0px;background-color: var(--cor-branco); border-top: none; text-align: center; padding: 25px;}


/* ------ conteudo pagina ------ */

.corpo_pagina{width:100%; display: flex;}

.conteudo_pagina{width:100%; display: flex; flex-direction: column;}


.corpo_conteudo{width: 100%; display: flex; flex-direction: column;padding:30px 40px; overflow-y:auto; height:calc(100vh - 50px);}

.conteudo_pagina:has(.detalhes_cabecalho) .corpo_conteudo{height:calc(100vh - 130px); padding:20px 40px;}

.detalhes_cabecalho{width:100%; display: flex; background-color: var(--cor-cabecalho-tabela); padding:0px 40px; height:80px; border-bottom:1px solid var(--cor-borda-input);}

.detalhes_cabecalho > div{border-right:1px solid var(--cor-borda-input);}

.detalhes_cabecalho > div:last-child{border-right: none;}

.detalhes_cabecalho__topico{font-weight: var(--negrito); text-align: left; color:var(--cor-titulo);}

.detalhes_cabecalho__principal{width:100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}

.detalhes_cabecalho__secundario{width:250px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding:0px 10px; flex-shrink: 0;}

.detalhes_cabecalho__botao{width:100px; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0;}
.detalhes_cabecalho__botao_icone{width:50px; height:50px; display: flex; align-items: center; justify-content: center; cursor: pointer;}

.detalhes_cabecalho__voltar{display: flex; align-items: center; padding-left:35px; flex-shrink: 0;}
.detalhes_cabecalho__voltar_botao{width:102px; height:48px; border-radius:5px; background-color: transparent; border:1px solid var(--cor-titulo); color:var(--cor-titulo); font-weight: var(--semi); text-transform: uppercase; transition: .2s;}
.detalhes_cabecalho__voltar_botao:hover{background-color:var(--cor-titulo); color:var(--cor-branco);}

.detalhes_cabecalho__info_status{display: flex; gap:15px; align-items: center;}
.detalhes_cabecalho__info{text-align: left;}
.detalhes_cabecalho__status{width: 80px; display: inline-block;}

.detalhes_cabecalho .switch__container {width: 100%;}   
.detalhes_cabecalho .switch {visibility: hidden; position: absolute;}   
.detalhes_cabecalho .switch + label {display: block; position: relative; cursor: pointer; outline: none; user-select: none;} 
 /* Estilo Flat */ 
.detalhes_cabecalho .switch--flat + label {padding: 0px; width: 100%; height: 24px; border-radius: 12px;  transition: background 0.4s;} 
.detalhes_cabecalho .switch--flat + label:before, .switch--flat + label:after {display: block; position: absolute; content: "";} 
.detalhes_cabecalho .switch--flat + label:before{content:'Inativo'; width:57px;} 
.detalhes_cabecalho .switch--flat:checked + label:before{content:'Ativo';} 
.detalhes_cabecalho .switch--flat + label:before {top: 0px; right: 0px; bottom: 0px; left: 0px; border-radius: 12px; transition: background 0.4s; font-size:15px; color:#fff; background-color:#575756; padding-top:2px; padding-right:17px; transition: .4s; padding-left:7px;} 
.detalhes_cabecalho .switch--flat + label:after {top: 4px; right: 4px; bottom: 4px; width: 18px; background-color: #fff; border-radius: 50px; transition: margin 0.4s, background 0.4s;} 
.detalhes_cabecalho .switch--flat:checked + label:before{background-color:#46AF57; padding-right:0px; padding-left:24px;} 
.detalhes_cabecalho .switch--flat:checked + label {background-color: #575756;} 
.detalhes_cabecalho .switch--flat:checked + label:after{margin-right: 54px; background-color: #fff;}


/* ------ topo ------ */

.topo{border-top:1px solid var(--cor-borda-input); border-bottom:1px solid var(--cor-borda-input); /*height:50px;*/ display: flex; width: 100%; position: sticky; top:0px; padding: 15px; background-repeat: no-repeat; background-position: center center; background-image:url('../imagens/fundo_login.jpg'); background-size: cover;}

.topo .top_alinhar_botoes{float: left; width: calc(100% + 18px); text-align: left; margin-left: -18px; display: flex; flex-direction: row; flex-wrap: wrap;}
.topo .top_alinhar_botoes .topo_nome_painel{float: left; width: calc(15% - 18px); margin-left: 18px; padding-left:40px; display: flex; text-align: left; font-size:15px; font-weight:700; line-height: 20px; align-items: center; color:var(--titulo);}
.topo .top_alinhar_botoes .topo_nome_painel img {float: left; width: 130px;}.topo .top_alinhar_botoes .topo_menu_painel {float: left; width: calc(34% - 18px); margin-left: 18px; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: nowrap; gap: 10px;}
.topo .top_alinhar_botoes .topo_menu_painel .topo_menu2_painel {float: left; width: 200px; background-color: var(--cor-lateral); color: var(--cor-branco); display: flex; gap: 10px; padding: 0px 0px; height: 70px; align-items: center; cursor: pointer; transition: .4s; justify-content: center; flex-direction: row; flex-wrap: nowrap; border-radius: 5px;}

.topo .top_alinhar_botoes .topo_menu_painel .topo_menu2_painel:hover {background-color: var(--cor-lateral2);}
.topo .top_alinhar_botoes .topo_menu_painel .topo_menu2_painel.atual{background-color: var(--cor-lateral2); border-left:4px solid #E30613;}

.topo_botao_painel{display: none; align-items: center; cursor: pointer;}
.topo_botao_painel img{float: left; width: 30px;}
.topo_botao_painel span{white-space: nowrap; font-weight: var(--semi);}

/* ------ topo ------ */

/*<!-- Menu mobile -->*/
.Menu_flutuante{float: left;position: fixed;width: 200px;height: 100%;z-index: 10;left: -200px;top: 0px;transition: 0.8s;background-color: var(--cor-branco);}
.ParteMenu{float: left;overflow: auto;width: 200px;background-color:#444; color: var(--cor-branco);height: 100%;transition: 0.5s;}
.ParteEscura{float: left;width:100%;background: rgba(0, 0, 0, 0.323);height: 100%;cursor: pointer;transition:0.8s;position: fixed;z-index:10;display:none; top:0px;}
.DivMenu{float: left;width: 100%;height: auto;text-align: left;padding:0px 20px 0px 25px;}
.ItemMobile{float: left;width: 100%;height: auto;color:var(--cor-branco); font-size: 16px;font-weight: 600;cursor: pointer;background: transparent;transition: 0.5s; line-height:23px; margin-bottom:30px;}
.ItemMobile:active{opacity: .8;}

.DivMenu .AlinhaFechar{margin-top:36px; margin-bottom:38px;}
/* .DivMenu .AlinhaFechar .BotaoFechar{width:31px; height:15.5px; float:left; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url('../imagens/setaVoltar2.svg');} */

/* ------ cabecalho página ------ */

.titulo_pagina{text-align: left; font-weight: 700; color:var(--cor-titulo); font-size: var(--titulo); line-height: var(--titulo-line);}

.cabecalho_pagina{width:100%; display: flex; justify-content: space-between; align-items: center; margin-bottom:20px;}

.cabecalho_nav{display: flex; gap:15px;}
.cabecalho__pesquisar{width:230px; position: relative; display: flex;}

.cabecalho__pesquisar img{position: absolute; right:15px; top:50%; transform: translateY(-50%);}
.cabecalho__pesquisar .input_text{height:48px;}
.cabecalho__pesquisar .input_text[type=text]{padding-right:40px;}

.botao_adicionar{width:140px; height:48px; text-transform: uppercase; color:var(--cor-branco); font-weight: var(--negrito); background-color: var(--cor-botao-add); transition: .2s; border-radius: 5px;}
.botao_adicionar:hover{opacity: .9; filter: opacity(90);}

.botao_fechar{width:140px; height:48px; text-transform: uppercase; color:var(--cor-branco); font-weight: var(--negrito); background-color:var(--cor-botao-fechar); transition: .2s; border-radius: 5px;}
.botao_fechar:hover{opacity: .9; filter: opacity(90);}

.botao_filtrar{width:100%; display: flex; align-items: center; justify-content: space-between; height:48px; border:1px solid var(--cor-borda-input); padding:0px 40px 0px 15px; border-radius: 5px;}

.botao_filtrar span{color:var(--cor-placeholder); text-align: left;}



/* ------ cabecalho página ------ */


/* ------ tabela ------ */

.tabela_listagem{display: flex; flex-direction: column; width: 100%;}
.tabela_listagem__cabecalho{width:100%; display: flex;border:1px solid var(--cor-cabecalho-tabela); border-radius: 5px 5px 0px 0px; background-color: var(--cor-cabecalho-tabela);}

.tabela_listagem__cabecalho .tabela_listagem__coluna{padding:4px 10px; font-weight: var(--semi); min-height:50px;}
.tabela_listagem__item{width:100%; display: flex; border:1px solid var(--cor-borda-input); border-radius: 0px; background-color:var(--cor-branco); border-top:none;}
.tabela_listagem__item:last-child{border-radius:0px 0px 5px 5px;}

.tabela_listagem__coluna{display: flex; align-items: center; justify-content: flex-start; padding:14px 10px; text-align: left; word-break:break-all;}

.tabela_listagem__coluna .input_text{height:48px;}

.tabela_listagem__coluna:has(select){padding:26px 10px;}

.tabela_listagem__coluna:has(.switch__container){padding:12px 10px;}

.tabela_listagem__coluna.botao{justify-content: center; text-align: center; width:100px; flex-shrink: 0;}
.tabela_listagem__coluna.botao2{justify-content: center; text-align: center; width:60px; flex-shrink: 0;}

.tabela_listagem__item .tabela_listagem__coluna span{width: 100%;}

.tabela_listagem .switch__container {width: 100%;}   
.tabela_listagem .switch {visibility: hidden; position: absolute;}   
.tabela_listagem .switch + label {display: block; position: relative; cursor: pointer; outline: none; user-select: none;} 
 /* Estilo Flat */ 
.tabela_listagem .switch--flat + label {padding: 0px; width: 100%; height: 24px; border-radius: 12px;  transition: background 0.4s;} 
.tabela_listagem .switch--flat + label:before, .switch--flat + label:after {display: block; position: absolute; content: "";} 
.tabela_listagem .switch--flat + label:before{content:'Inativo'; width:57px;} 
.tabela_listagem .switch--flat:checked + label:before{content:'Ativo';} 
.tabela_listagem .switch--flat + label:before {top: 0px; right: 0px; bottom: 0px; left: 0px; border-radius: 12px; transition: background 0.4s; font-size:15px; color:#fff; background-color:#575756; padding-top:2px; padding-right:20px; transition: .4s; padding-left:3px;} 
.tabela_listagem .switch--flat + label:after {top: 4px; right: 4px; bottom: 4px; width: 18px; background-color: #fff; border-radius: 50px; transition: margin 0.4s, background 0.4s;} 
.tabela_listagem .switch--flat:checked + label:before{background-color:#46AF57; padding-right:7px; padding-left:17px;} 
.tabela_listagem .switch--flat:checked + label {background-color: #575756;} 
.tabela_listagem .switch--flat:checked + label:after{margin-right: 54px; background-color: #fff;}

.tabela_listagem__coluna.botao img{cursor: pointer; width: 25px;}
.tabela_listagem__coluna.botao2 img{cursor: pointer; width: 25px;}


.colunas_ocultas{width:100%; justify-content: space-between; align-items: center; background-color:var(--cor-lateral); border-radius: 5px; min-height:50; padding:5px 10px; margin-bottom:10px; display:none;}

.colunas_ocultas:has(.botao_desocultar){display: flex;}

.colunas_ocultas__txt{text-align: left; font-weight: var(--semi); color:var(--cor-branco);}

.botao_desocultar{border-radius:5px; background-color:var(--cor-branco); padding:10px 15px; display: flex; gap:4.8px; align-items: center; justify-content: center; font-weight: var(--semi); color:var(--cor-titulo);}

.para_ocultar_coluna{cursor: pointer;}

.colunas_ocultas__itens_ocultados{display: flex; gap:10px;}

/* ------ tabela ------ */

/* ------ tabela mobile ------ */
.tabela_mobile{display: none;border-radius: 10px;border: 1px solid #cecece;margin: 10px 0 40px 0;}
.identificacao_mobile {display: none;}
.linha_tabela_mobile{display: flex; flex-direction: column; padding: 15px; gap: 5px;}
.linha_tabela_mobile_extrato{display: flex; flex-direction: column; padding: 15px; gap: 5px; background-color: #dbdbdb;}
.linha_interna_tabela_mobile{display: flex;align-items: center;justify-content: space-between;}
.linha_interna_tabela_mobile.primeira{margin-bottom: 5px;}

.tabela{width: 100%;height: auto;display: flex;flex-direction: column;margin-top: 15px;border-radius: 10px;background: #FFF;}
.linha_tabela{width: 100%;display: flex;align-items: center;line-height: 50px;color: #000;padding: 0 20px;font-weight: normal;font-size: 15px;text-align: left;color: #434343;border-left: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;}
.linha_tabela.ultima{border-radius: 0 0 10px 10px; border: 1px solid #dbdbdb; border-top: none;}
.linha_topo_tabela{border-radius: 10px 10px 0 0;background-color: #F1F1F1;font-weight: 600;font-size: 15px;text-align: left;color: #313628;}
.divisao_linha_tabela{height: 1px;width: 100%;background-color: #dbdbdb;}

.coluna_tabela_nome {display: flex; align-items: center; gap: 5px;}

.alinha_nome_perfil_cliente{display: flex;align-items: center;gap: 5px;}
.nome_cliente_tabela_mobile, 
.data_tabela_mobile,
.item_plataforma_tabela_mobile,
.alinha_conteudo_coluna_numero_telefone{font-weight: normal;font-size: 15px;text-align: left;color: #434343;}
.plataforma_tabela_mobile{font-weight: 600;font-size: 15px;text-align: left;color: #313628;}
.icone_mais_informacoes_tabela_mobile{width: 25px;height: 25px;border-radius: 5px;background: #f1f1f1;display: flex;align-items: center;justify-content: center;}
.icone_extrato_tabela_mobile{width: 25px;height: 25px;border-radius: 5px;background: #f1f1f1;display: flex;align-items: center;justify-content: center;}
.icone_extrato_tabela_mobile img{width: 21px;}
.icone_extrato_tabela_mobile.Ativo img{transform: rotate(180deg);}

.container_informacoes_tabela_mobile{position: relative; display: flex; gap: 10px;}
.conteudo_icone_informacoes_tabela_mobile{box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.11);position: absolute;display: none;width: 160px;border-radius:10px;background: #fff;right: 0;top: 30px;z-index: 2;}
.texto_informacoes_tabela_mobile{height: calc(50% - 0.5px);width: 100%; display: flex;align-items: center;justify-content: center;padding: 10px;}

/* ------ tabela mobile ------ */

/* modal */

.modal-body{padding:30px 0px; position: relative;}
.btn_fechar_modal{position: absolute; top:15px; right:15px; cursor: pointer;}

.modal_corpo{width:100%; display: flex; flex-direction: column; padding:0px 30px;}

.modal_titulo{text-align: left; font-weight:var(--negrito); color:var(--cor-titulo); font-size:var(--titulo); line-height:var(--titulo-line); margin-bottom:20px;}

.modal_campos{width:calc(100% + 20px); margin-left:-20px; margin-bottom:-20px; display: flex; flex-wrap: wrap;}

.modal_alinha_botao{width:100%; display: flex; margin-top:20px; justify-content: flex-end;}

.modal_subtitulo{margin-bottom:20px; text-align: left; width: 100%; font-weight: 600; margin-top:20px;}

.modal_aba_subtitulo{width:100%; text-align: left; margin-bottom:20px; font-weight: var(--negrito); margin-top:30px; font-size: 1.6rem; color:var(--cor-titulo);}

.modal_aba_subtitulo:first-child{margin-top:0px;}

#conteudo_etapa2{display: none;}
#conteudo_etapa3{display: none;}
#conteudo_etapa4{display: none;}


/* modal */

/* ---- Campos Form ---- */

.campo_form{width:calc(100% - 20px); margin-left:20px; margin-bottom:20px; display: flex; flex-direction: column; gap:5px; position: relative; justify-content: flex-end;}

.campo_form > label{font-weight: var(--semi);}

.campo_form.tam2{width:calc(50% - 20px);}
.campo_form.tam3{width:calc(25% - 20px);}
.campo_form.tam4{width:calc(75% - 20px);}

.campo_form:has(.mostra_esconde_senha) .campo_form_input{padding-right:40px;}

.campo_form_arquivo{width:100%; display: flex; padding-left:10px;}

.campo_form_arquivo .campo_form.tam2{width:calc(50% - 10px); margin-left:10px;}

.campo_form_arquivo .input_text{padding-right:40px;}

.campo_form_arquivo:has(.input_text:disabled) .botao_remove_arquivo{display: block;}

.botao_remove_arquivo{position:absolute; right:15px; bottom:14px; cursor: pointer; display: none;}

.campo_botao_add_arquivo{width:100%; display: flex; gap:10px; border:1px dashed var(--cor-borda-botao); background-color: transparent; height:50px; align-items: center; justify-content: center; color:var(--cor-borda-botao); border-radius: 5px; font-weight: var(--semi);}

.mostra_esconde_senha{width:21px; height:20px; position: absolute; z-index: 2; bottom:17px; right:15px; background-repeat: no-repeat; background-position: center bottom; background-image: url('../imagens/senha_nao_escondida.svg'); transition: .3s; cursor: pointer;}

.mostra_esconde_senha.escondida{background-image: url('../imagens/senha_escondida.svg'); height:20px; bottom:17px;}

/* ---- Seleção de permissões ---- */

.opcoes_permissao{width: 100%; display: flex; flex-direction: column; gap:5px;}
.opcoes_permissao__op{width:100%; display: flex; gap:10px; align-items: center; justify-content: flex-start; padding:16px 15px; background-color: var(--cor-branco); border:1px solid var(--cor-borda-input); border-radius: 5px; cursor: pointer;}

.botao_radio_personalizado{width:20px; height:20px; border-radius:5px; display: flex; align-items: center; justify-content: center; background-color:var(--cor-branco); position: relative; border:1px solid var(--cor-borda-input);}

.botao_radio_personalizado:after{content: ''; position: absolute; display: none;}

input[type=radio]:checked ~ .botao_radio_personalizado{background-color: var(--cor-titulo); border-color:var(--cor-titulo);}
input[type=radio]:checked ~ .botao_radio_personalizado::after{left: 7px;  top: 4px; width: 5px; height: 9px; border: solid #ffffff; border-width: 0 3px 3px 0; transform: rotate(45deg); display: block;}
s


/* ---- Seleção de permissões ---- */


/* ---- Campos Form ---- */


/* ---- Abas ---- */

.abas{width:100%; display: flex; justify-content: flex-start; border-bottom:1px solid var(--cor-borda-input); margin-bottom: 20px;}

.aba{width:200px; height:31px; display: flex; align-items: flex-start; justify-content: center; position: relative; cursor: pointer; color:var(--cor-titulo);}

.aba.atual{font-weight: var(--negrito);}
.aba.atual::after{content:''; width:100%; bottom:-1px; border-radius: 5px; background-color: var(--cor-txt-base); left:0px; transform: translateY(50%); height:3px; position: absolute;}


.modal_etapas{width:100%; display: flex; justify-content: flex-start; border-bottom:1px solid var(--cor-borda-input); margin-bottom: 20px;}

.modal_etapa{width:120px; height:31px; display: flex; align-items: flex-start; justify-content: center; position: relative; cursor: pointer; color:var(--cor-titulo);}

.modal_etapa.atual{font-weight: var(--negrito);}
.modal_etapa.atual::after{content:''; width:100%; bottom:-1px; border-radius: 5px; background-color: var(--cor-txt-base); left:0px; transform: translateY(50%); height:3px; position: absolute;}

.modal_etapa_observacao{font-size:14px; text-align: left; color:var(--cor-atencao-erro); margin-top:5px; width:100%; display: inline-block;}

.campo_info_extra{width: 100%; display: inline-block;}
.campo_info_extra strong{font-weight: var(--semi);}


/* ---- Abas ---- */


/* ------ conteudo pagina ------ */

/* Aviso */
.AvisoMostra {display:flex !important}
#AvisoErro {position: fixed; z-index: 99999; top: 0px; left: 0px; width: 100%; height:100%; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.4);display:none}
#AvisoErro .Aviso{clear: both; width: 440px; padding: 30px; margin-bottom: 150px; cursor: pointer; transition: transform 0s, left 0.2s ease-in-out;box-sizing: border-box;border-radius: 6px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);text-align:center}
#AvisoErro .Aviso:hover{transform: scale(0.95); opacity: 0.84}
#AvisoErro .Aviso-erro{background-color: #eb3b2f; opacity: 0.94}
#AvisoErro .Aviso-aviso{background-color: #f5b622; opacity: 0.98}
#AvisoErro .Titulo{float: left; width: 100%; background-position: left center; font-size: 20px; font-weight: 600; color: #fff;box-sizing: border-box;}
#AvisoErro .Titulo-texto{float: left; width: 100%; margin-top: 10px; font-size: 17px; color: #fff;box-sizing: border-box;line-height:24px}
#AvisoErro .Titulo-erro{height:36px;background: url('../imagens/aviso_erro.svg?v=1') no-repeat center;background-size:36px;margin-bottom:15px}
#AvisoErro .Titulo-aviso{height:36px;background: url('../imagens/aviso_alert.svg?v=1') no-repeat center;background-size:30px;margin-bottom:15px}
#AvisoErro .Fechar {width:200px;height:40px;border-radius:5px;background-color:#db2115;color:#FFF;display:inline-block;margin-top:25px;cursor:pointer}
#AvisoErro .Fechar-aviso {background-color:#db9c0a;color:#FFF}
#AvisoErro .Remover{position: absolute; top: 8px; right: 8px; width: 14px; height: 14px; background-image: url('../imagens/aviso_remover.png?v=1');background-repeat:no-repeat}

#AvisoAguarde {position: fixed; z-index: 99999; top: 0px; left: 0px; width: 100%; height:100%; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.4);display:none}
#AvisoAguarde .Aviso{clear: both; width: 380px; padding: 30px; margin-bottom: 150px; transition: transform 0s, left 0.2s ease-in-out;box-sizing: border-box;border-radius: 6px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);text-align:center}
#AvisoAguarde .Aviso-aguarde{background-color: #f5f5f5; opacity: 0.94}
#AvisoAguarde .Titulo{float: left; width: 100%; background-position: left center; font-size: 20px; font-weight: 600; color: #504D54;box-sizing: border-box;}
#AvisoAguarde .Titulo-texto{float: left; width: 100%; margin-top: 10px; font-size: 17px; color: #504D54;box-sizing: border-box}
#AvisoAguarde .Titulo-aguarde{height:36px;background: url('../imagens/aguarde.gif') no-repeat center;background-size:36px;margin-bottom:15px}

#Aviso {position: fixed; z-index: 99999; bottom: 0px; right: 0px}
#Aviso .Aviso{float: right; clear: both; position: relative; bottom: 50px; right: -500px; width: fit-content; max-width:600px; padding: 20px 25px; margin-bottom: 10px; cursor: pointer; transition: transform 0s, left 0.2s ease-in-out;box-sizing: border-box;border-radius: 6px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);display: flex;flex-direction: column}
#Aviso .Aviso:hover{transform: scale(0.95); opacity: 0.84}
#Aviso .Aviso-sucesso{background-color: #1ECE6D}
#Aviso .Aviso-aviso{background-color: #f5b622; opacity: 0.94}
#Aviso .Titulo{float: left; width: 100%; padding: 2px 0px; padding-left: 50px;background-position: left center; font-size: 17px; font-weight: 600; color: #fff;box-sizing: border-box;text-align:left;min-height:35px;line-height:35px}
#Aviso .Titulo-texto{float: left; width: 100%; margin-bottom:5px; padding-left: 50px; font-size: 17px; line-height: 16px; color: #fff;box-sizing: border-box;text-align:left}
#Aviso .Titulo-sucesso{background-image: url('../imagens/aviso_ok.svg?v=1');background-repeat:no-repeat;background-size:30px;background-position:0px 5px}
#Aviso .Titulo-aviso{background-image: url('../imagens/aviso_alert.svg?v=1');background-repeat:no-repeat;background-size:30px;background-position:0px 5px}
#Aviso .Remover{position: absolute; top: 8px; right: 8px; width: 14px; height: 14px; background-image: url('../imagens/aviso_remover.png?v=1');background-repeat:no-repeat}
/* FIM Aviso */


/*-------- Responsivo --------*/
@media screen and (max-width:1880px){
	.topo .top_alinhar_botoes .topo_menu_painel  {
		width: calc(40% - 18px);
	}	
}

@media screen and (max-width:1550px){
	.topo .top_alinhar_botoes .topo_menu_painel  {
		width: calc(50% - 18px);
	}	
}

@media screen and (max-width:1420px){
	.tabela_listagem__cabecalho .tabela_listagem__coluna{font-size: 13px;}
	.tabela_listagem__coluna {font-size: 13px;}
}

@media screen and (max-width:1330px){
	.tag {display: none;}	
}

@media screen and (max-width:1200px){
	.tabela_listagem{display: none;background-color: #FFF;}
	.tabela_mobile{display: flex;flex-direction: column;background-color: #FFF;}
	.identificacao_mobile{display: flex;}
}

@media screen and (max-width:1260px){
	.topo .top_alinhar_botoes .topo_menu_painel  {
		width: calc(80% - 18px);
	}	
}

@media screen and (max-width:1080px){
	.topo .top_alinhar_botoes .topo_menu_painel  {
		width: calc(85% - 18px);
	}	
}

@media screen and (max-width:1000px){
	.topo .top_alinhar_botoes {  
		display: none;
	}	

	.topo_botao_painel {
		display: flex;
	}	

	.cabecalho_pagina {
		width: 100%;
    	display: flex;
    	justify-content: center;
    	margin-bottom: 20px;
    	flex-wrap: nowrap;
    	flex-direction: column;    
    	gap: 20px;
	}

	.titulo_pagina {				
		float: left;
		width: 100%;
	}

	.cabecalho_nav {
		display: flex;
		gap: 15px;
		float: left;
		width: 100%;
	}
}