@import url('../awesome/css/all.min.css');
:root {
    --cor-software: #00adef;
    --cor-escura-software: #03a7e6;
    --cor-gradiente-software: linear-gradient(90deg, #0078a4, #00adef);
    --cor-gradiente-software-hover: linear-gradient(90deg, #00adef, #0078a4);
}

*{
    padding: 0;
    margin: 0;
    font-family: Roboto-Regular;
}

a
{
    text-decoration: none;
}

input,select,textarea, button
{
    outline: none;
    transition: 0.3s;
}

input:focus,select:focus,textarea:focus {
    border-color: #00adef; /* Destaca a borda */
    box-shadow: 0 0 7px rgba(0, 173, 239, 0.5); /* Sombra suave na cor do sistema */
}

::-webkit-scrollbar {
    width: 8px; /* Define a largura do scrollbar */
  }


  
::-webkit-scrollbar-track {
    background: transparent; /* Fundo do track (azul claro) */
  }
  
::-webkit-scrollbar-thumb {
    background: var(--cor-software); /* Cor do thumb (azul escuro) */
    border-radius: 4px; /* Bordas arredondadas */
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: var(--cor-escura-software); /* Cor ao hover (ainda mais escuro) */
  }
  



/*ESTILOS DO CORPO DA PÁGINA*/



#corpo_pagina
{
    position: absolute;
    width: calc(100% - 70px);
    min-height: calc(100% - 60px);
    background-color: #fafafa;
    top: 60px;
    left: 70px;
    transition: 0.3s;
    overflow: auto;
       /* Estilos para a imagem de fundo */
       background-image: url('../img/fundos/fundo_padrao.png'); /* Substitua pelo caminho da sua imagem */
       background-size: cover; /* Faz a imagem preencher todo o fundo */
       background-position: center; /* Centraliza a imagem */
       background-attachment: fixed; /* Fixa a imagem no fundo */
       background-repeat: no-repeat;
       z-index: 0;
}

#corpo_pagina::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background: rgba(0, 0, 0, 0.4); /* Cor semi-transparente */
    z-index: -1; /* Coloca o ::before abaixo do conteúdo */
    pointer-events: none; /* Garante que o ::before não interfira em interações */
}



/*ESTILOS DO CONTAINER DA TABELA REGISTROS*/

#corpo_pagina .container_tabela_registro
{
    position: relative;
    width: 98%;
    left: 1%;
    top: 30px;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro
{
position: relative;
    height: 60px;
    display: flex;
    align-items: center;
    border-bottom: solid 2px #666;
    width: 100%;
}

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro #formulario_pesquisa
{
    position: relative;
    width: 100%;
}

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro .campo_busca
{
    position: relative;
    padding: 5px;
    left: 10px;
    border: solid 1px #ddd;
    border-radius: 9px;
    width: 220px;
    text-indent: 5px;
}

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro .campo_busca::placeholder
{
    opacity: 0.6;
}

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro .btn_lupa
{
    position: relative;
    left: 20px;
    padding: 5px;
    background: var(--cor-gradiente-software);
    border: none;
    color: #fff;
    border-radius: 7px;
    width: 33px;
    height: 28px;
    font-size: 12pt;
    cursor: pointer;
    transition: 0.3s;
}

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro .btn_lupa:hover
{
    background: var(--cor-gradiente-software-hover);
}


#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro .btn_filtrar
{
    position: relative;
    left: 20px;
    padding: 5px;
    background: var(--cor-gradiente-software);
    border: none;
    color: #fff;
    border-radius: 7px;
    height: 28px;
    font-size: 11pt;
    cursor: pointer;
    transition: 0.3s;
    margin-right: 7px;
}

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro .btn_filtrar:hover
{
    background: var(--cor-gradiente-software-hover);
}

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro .btn_filtrar #icon
{
    position: relative;
    margin-right: 5px;
}



#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro .corpo_btn_adicionar_btn_mais
{
    position: absolute;
    right: 20px;
}


#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro .corpo_btn_adicionar_btn_mais .btn_adicionar
{
    position: relative;
    border: none;
    padding: 10px;
    background: var(--cor-gradiente-software);
    color: #fff;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s;
}

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro .btn_adicionar:hover
{
    background: var(--cor-gradiente-software-hover); 
}

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro .corpo_btn_adicionar_btn_mais .btn_mais
{
    position: relative;
    border: solid 1px var(--cor-software);
    padding: 9.5px;
    background: transparent;
    color: var(--cor-software);
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s;
    margin-left: 5px;
}

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro .corpo_btn_adicionar_btn_mais .btn_mais:hover
{
    background: var(--cor-gradiente-software);
    color: #fff;
}

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro .corpo_btn_adicionar_btn_mais .btn_mais #icon
{
    position: relative;
    margin-right: 3px;
}

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro .corpo_btn_adicionar_btn_mais .corpo_mais{
    position: absolute;
    width: 200px;
    background-color: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.8);
    z-index: 1;
    right: 0px;
    margin-top: 4px;
    border-radius: 10px;
    padding: 10px;
    user-select: none;
    display: none;
}

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro .corpo_btn_adicionar_btn_mais .corpo_mais::after {
    content: '';
    position: absolute;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid var(--cor-escura-software); /* A seta agora aponta para cima */
    top: -9px; /* A seta vai ficar no fundo do tooltip, apontando para cima */
    right: 10px;
}

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro .corpo_btn_adicionar_btn_mais .corpo_mais ul{
    position: relative;
    list-style: none;
    top: 5px;
}

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro .corpo_btn_adicionar_btn_mais .corpo_mais ul li
{
    position: relative;
    padding: 7px;
    text-indent: 5px;
    transition: 0.3s;
    cursor: pointer;
    border-bottom: solid 1px #fafafa;
}

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro .corpo_btn_adicionar_btn_mais .corpo_mais ul li #icon
{
    position: relative;
    margin-right: 5px;
}

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro .corpo_btn_adicionar_btn_mais .corpo_mais ul li:hover
{
    background-color: #fafafa;
}



#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro .btn_adicionar #icon
{
    position: relative;
    font-size: 13pt;
    margin-right: 4px;
}

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro .btn_adicionar span
{
    position: relative;
    top: -2px;
}


/*ESTILOS DA TELA DE FILTRAR REGISTRO*/

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro #tela_cheia_corpo_filtrar
{
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background-color: #000;
opacity: 0.7;
z-index: 2;
display: none;
}

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro #corpo_filtrar_registro
{
    position: fixed;
    width: 400px;
    height: max-content;
    background-color: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    border-radius: 10px;
    text-align: center;
    display: none;
}

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro #corpo_filtrar_registro .titulo{
    position: relative;
    text-align: left;
    padding: 10px;
    font-size: 11pt;
    color: #666;
    border-bottom: solid 1px #ddd;
    margin-bottom: 10px;
}


#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro #corpo_filtrar_registro .titulo #icon_close{
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro #corpo_filtrar_registro label .campos
{
    position: relative;
    width: 90%;
    padding: 7px;
    border: solid 1px #ddd;
    border-radius: 5px;
    margin-top: 5px;
    text-indent: 10px;
}

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro #corpo_filtrar_registro label .campos_btn
{
    position: relative;
    width: 30%;
    padding: 7px;
    border: solid 1px #ddd;
    border-radius: 5px;
    margin-top: 5px;  
    padding-left: 0;
    padding-right: 0;
    border-left: none;
    border-top-left-radius: 0%;
    border-bottom-left-radius: 0%;
    left: -5px;
    text-indent: 10px;
    
}

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro #corpo_filtrar_registro label .btn_campos
{
position: relative;
padding: 7px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border: solid 1px #ddd;
border-right: none;
font-size: 11pt;
color: #666;
}

#corpo_pagina .container_tabela_registro .cabecalho_tbl_registro #corpo_filtrar_registro .btn_ok{
    position: absolute;
    bottom: 10px;
    right: 30px;
    border-radius: 5px;
    border: none;
    background: var(--cor-gradiente-software);
    color: #fff;
    padding: 7px;
}

/*ESTILOS DAS TABELAS DE REGISTROS*/



#corpo_pagina .container_tabela_registro #tabela_registro
{
    position: relative;
    width: 100%;
    border-spacing: 0px;
    table-layout: fixed;
}

#corpo_pagina .container_tabela_registro #tabela_registro .titulos
{
	color: #606060;
	padding: 10px;
	font-family: Roboto-Bold;
	font-size: 11pt;
    border-bottom: solid 1px #ddd;
    user-select:none;
    overflow: hidden; /* Impede que o conteúdo exceda */
    text-overflow: ellipsis; /* Adiciona "..." se o conteúdo for maior */
    white-space: nowrap; /* Evita quebra de linha */   
}


#corpo_pagina .container_tabela_registro #tabela_registro .titulo_acoes
{
	color: #606060;
	padding: 10px;
	font-family: Roboto-Bold;
	font-size: 11pt;
    border-bottom: solid 1px #ddd;
    user-select:none;
    overflow: hidden; /* Impede que o conteúdo exceda */
    text-overflow: ellipsis; /* Adiciona "..." se o conteúdo for maior */
    white-space: nowrap; /* Evita quebra de linha */   
}

#corpo_pagina .container_tabela_registro #tabela_registro .dados
{
	color: #606060;
	padding: 10px;
	border-bottom: solid 1px #ddd;
	font-size: 10pt;
    overflow: hidden; /* Impede que o conteúdo exceda */
    text-overflow: ellipsis; /* Adiciona "..." se o conteúdo for maior */
    white-space: nowrap; /* Evita quebra de linha */
}


#corpo_pagina .container_tabela_registro #tabela_registro .dados_acoes
{
	color: #606060;
	padding: 10px;
	border-bottom: solid 1px #ddd;
	font-size: 10pt;
    overflow: hidden; /* Impede que o conteúdo exceda */
    text-overflow: ellipsis; /* Adiciona "..." se o conteúdo for maior */
    white-space: nowrap; /* Evita quebra de linha */
}


#corpo_pagina .container_tabela_registro #tabela_registro .dados_acoes
{
	color: #606060;
	padding: 10px;
	border-bottom: solid 1px #ddd;
	font-size: 10pt;
    overflow: auto; /* Impede que o conteúdo exceda */
    text-overflow: clip; /* Adiciona "..." se o conteúdo for maior */
    white-space: nowrap; /* Evita quebra de linha */
}


#corpo_pagina .container_tabela_registro #tabela_registro .dados_acoes::-webkit-scrollbar {
height: 6px;
  }
  
  #corpo_pagina .container_tabela_registro #tabela_registro .dados_acoes::-webkit-scrollbar-track {
    background: transparent; /* Fundo do track (azul claro) */
  }
  
  #corpo_pagina .container_tabela_registro #tabela_registro .dados_acoes::-webkit-scrollbar-thumb {
    background: #016a94; /* Cor do thumb (azul escuro) */
    border-radius: 2px; /* Bordas arredondadas */
  }


#corpo_pagina .container_tabela_registro #tabela_registro .dados1
{
    background-color: #f7f6f6;
    transition: 0.3s;
   
}

#corpo_pagina .container_tabela_registro #tabela_registro .dados2
{
    background-color: #eeecec;
    transition: 0.3s;
}


#corpo_pagina .container_tabela_registro #tabela_registro .dados1:hover
{
    background-color: #eaf6fa;
}

#corpo_pagina .container_tabela_registro #tabela_registro .dados2:hover
{
    background-color: #eaf6fa;
}


#corpo_pagina .container_tabela_registro #tabela_registro .dados_acoes i {
    position: relative;
    font-size: 14px; /* Tamanho adequado dos ícones */
    cursor: pointer; /* Mostrar que os ícones são interativos */
    color: #fff; /* Cor dos ícones, para combinar com a cor do sistema */
    padding: 8px;
    border-radius: 6px;
margin-right: 5px;
transition: 0.3s;
}

#corpo_pagina .container_tabela_registro #tabela_registro .dados_acoes #icon_editar
{
    background: var(--cor-gradiente-software);
}

#corpo_pagina .container_tabela_registro #tabela_registro .dados_acoes #icon_editar:hover
{
    background: var(--cor-gradiente-software-hover);
}

#corpo_pagina .container_tabela_registro #tabela_registro .dados_acoes #icon_meio
{
    background: linear-gradient(90deg, #0f02bd, #03a7e6);
}

#corpo_pagina .container_tabela_registro #tabela_registro .dados_acoes #icon_meio:hover
{
    background: linear-gradient(90deg, #03a7e6, #0f02bd);
}




#corpo_pagina .container_tabela_registro #tabela_registro .dados_acoes #icon_eliminar
{
    background: linear-gradient(90deg, #bd022e, #e22954);
    margin-right: 0px;
}

#corpo_pagina .container_tabela_registro #tabela_registro .dados_acoes #icon_eliminar:hover
{
    background: linear-gradient(90deg, #e22954, #bd022e);
}

#corpo_pagina .container_tabela_registro .rodape
{
    position: relative;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
}

#corpo_pagina .container_tabela_registro .rodape .texto_total_registro
{
    position: relative;
    text-indent: 15px;
    font-size: 10.5pt;
    color: #666;
}


#corpo_pagina .container_tabela_registro .rodape .corpo_paginacao 
{
    position: absolute;
    right: 10px;
}

#corpo_pagina .container_tabela_registro .rodape .corpo_paginacao .paginacao {
    display: flex;
    justify-content: right;
    list-style: none;
    padding: 0;
    position: relative;
    font-size: 9pt;
     border-radius: 5px;
     right: 10px;
     font-family: arial;
     float: right;
     user-select: none;

}

#corpo_pagina .container_tabela_registro .rodape .corpo_paginacao .paginacao li {
    border: solid 1px #ddd;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    background: var(--cor-gradiente-software);

}

#corpo_pagina .container_tabela_registro .rodape .corpo_paginacao .paginacao .btn_paginacao 
{
    background: transparent;
background-color: #fff;
color: #606060;  
cursor: pointer; 
transition: 0.3s;
}



#corpo_pagina .container_tabela_registro .rodape .corpo_paginacao .paginacao .btn_paginacao:hover
{
background-color: #f7f4f4;

}


#corpo_pagina .container_tabela_registro .corpo_sem_registro
{
    position: relative;
    background-color: #ddd;
    top: -20px;
    padding: 10px;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 11pt;
    color: #666;
}


/*ESTILOS DO IFRAME DA TELA DE CADASTRO, TELA DE PAINEL*/

#corpo_pagina #ifra_tela_cadastro_tela_painel
{
    position: absolute;
    width: 98%;
    height: 0;/* 100% - 90px*/ /*Desktop: 100% - 120px*/
    top: 30px;
    left: 1%;
    background-color: #fff;
    border-radius: 10px;
    opacity: 0;
    display: none;
    border: none;
    transition: 0.5s;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}

#corpo_pagina #icon_fechar_ifra_tela_cadastro_tela_painel
{
    position: absolute;
    right: calc(1% + 17px);
    top: 52px;
    font-size: 15pt;
    cursor: pointer;
    color: #666;
    display: none;
}


/*ESTILOS DOS CORPOS DAS CONFIGURAÇÕES DA IMPRESSORA, NORMALMENTE EM PAGAENTOS DE SERVIÇOS E SALDOS*/

.corpo_config_impressao
{
    position: relative;
    width: calc(98% - 20px);
    left: 1%;
    top: 30px;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
    font-size: 11pt;
    color: #666;
}

.corpo_config_impressao select
{
    position: relative;
    width: 100%;
    padding: 4px;
    border-radius: 5px;
    border: solid 1px #ddd;
    margin-top: 3px;
    color: #666;
}

/*ESTILOS DAS TELAS MODAIS*/

#tela_cheia_tela_modal
{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    top: 0px;
    left: 0px;
    z-index: 999999;
    display: none;
}


#corpo_tela_modal
{
    position: fixed;
    width: 450px;
    height: max-content;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    z-index: 9999999;
    border-radius: 15px;
    text-align: center;
    display: none;
}

#corpo_tela_modal #icon_close
{
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

#corpo_tela_modal #icon_titulo
{
 position: relative;
 font-size: 48pt;   
 margin-top: 7px;
}

#corpo_tela_modal #titulo
{
    position: relative;
    font-family: Roboto-Bold;
    font-size: 13pt;
    color: #0f0f0f;
    margin-top: 3px;
}

#corpo_tela_modal #descricao
{
    position: relative;
    width: 85%;
    text-align: center;
    left: 7.5%;
    font-size: 11pt;
    margin-top: 3px;
    color: #666;
}

#corpo_tela_modal .corpo_btn
{
    position: absolute;
    bottom: 15px;
    right: 15px;
}

#corpo_tela_modal .corpo_btn button{
    position: relative;
    padding: 9px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
    margin-right: 5px;
    outline: none;
    user-select: none;
}

#corpo_tela_modal .corpo_btn button:hover{
opacity: 0.9;
}


/*ESTILO DA TELA DE PROCESSANDO*/

#tela_cheia_processando
{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.8;
    top: 0px;
    left: 0px;
    z-index: 9999999999;
    display: none;
}

#percentagem_gif_processando
{ 
    position: fixed;
    background-color: transparent;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999999999999;
    align-items: center;
    justify-content: center;
    text-indent: 7px;
    font-size: 15pt;
    color: #198da7;
    display: none;
}


#corpo_gif_processando
{ 
    position: fixed;
    width: 150px;
    height: 150px;
    background-color: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999999999;
    border-radius: 30px;
    display: none;
    align-items: center;
    justify-content: center;
    
}

#corpo_gif_processando img
{
    position: relative;
    width: 90%;
}


/*ESTILOS DA DIV DAS INFORMAÇÕES DOS REGISTROS, AQUELA QUE É MOSTRADA APÓS PASSAR O MOUSE NO TR DE UMA TABELA*/


#corpo_informacoes_registo {
    position: fixed;
   background: var(--cor-gradiente-software);
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

#corpo_informacoes_registo::after {
    content: '';
    position: absolute;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--cor-escura-software); /* A seta agora aponta para cima */
    top: -6px; /* A seta vai ficar no fundo do tooltip, apontando para cima */
    left: 50%;
    transform: translateX(-50%);
}

#corpo_informacoes_registo b{
    font-family: Roboto-Bold;
}

/*ESTILO DO CORPO DE ALTERAR O PREÇO DO SERVIÇO, NO ATO DE PAGAMENTO DE SERVIÇO*/

#tela_cheia_corpo_tela_alterar_preco
{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.9;
    top: 0px; 
    left: 0px;
    z-index: 999999;
    display: none;
}


#corpo_tela_alterar_preco
{
    position: fixed;
    width: 400px;
    top: calc(50%);
    left: 50%;
    background-color: #fff;
    border-radius: 10px;
    border: none;
    transition: 0.5s;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    transform: translate(-50%, -50%);
    z-index: 999999;
    display: none;
}

#corpo_tela_alterar_preco .titulo{
    position: relative;
    text-align: left;
    padding: 10px;
    font-size: 11pt;
    color: #666;
    border-bottom: solid 1px #ddd;
    margin-bottom: 10px;
}


#corpo_tela_alterar_preco .titulo #icon_close{
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

#corpo_tela_alterar_preco .campos
{
    position: relative;
    width: 96%;
    left: 2%;
    padding: 7px;
    border: solid 1px #ddd;
    border-radius: 5px;
    margin-top: 5px;
    text-align: center;
}

#corpo_tela_alterar_preco input
{
    position: relative;
    width: calc(96% - 16px);
    left: 2%;
    padding: 7px;
    border: solid 1px #ddd;
    border-radius: 5px;
    margin-top: 5px;
    text-align: center;
}



#corpo_tela_alterar_preco .btn_gravar{
    position: relative;
    width: 96%;
    padding: 7px;
    border-radius: 5px;
    border: none;
    background: var(--cor-gradiente-software);
    color: #fff;
    left: 2%;
    font-size: 12pt;
    cursor: pointer;
    transition: 0.3s;
}

#corpo_tela_alterar_preco .btn_gravar:hover
{
    background: var(--cor-gradiente-software-hover); 
}


/*ESTILO DO CORPO DE EXCESSÃO DE MULTA, NO ATO DE PAGAMENTO DE SERVIÇO*/

#tela_cheia_corpo_tela_excessao_multa
{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.9;
    top: 0px; 
    left: 0px;
    z-index: 999999;
    display: none;
}
 
#corpo_tela_excessao_multa
{
    position: fixed;
    width: 400px;
    top: calc(50%);
    left: 50%;
    background-color: #fff;
    border-radius: 10px;
    border: none;
    transition: 0.5s;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    transform: translate(-50%, -50%);
    z-index: 999999;
    display: none;
}

#corpo_tela_excessao_multa .titulo{
    position: relative;
    text-align: left;
    padding: 10px;
    font-size: 11pt;
    color: #666;
    border-bottom: solid 1px #ddd;
    margin-bottom: 10px;
}


#corpo_tela_excessao_multa .titulo #icon_close{
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

#corpo_tela_excessao_multa .campos
{
    position: relative;
    width: 96%;
    left: 2%;
    padding: 7px;
    border: solid 1px #ddd;
    border-radius: 5px;
    margin-top: 5px;
    text-align: center;
}

#corpo_tela_excessao_multa input
{
    position: relative;
    width: calc(96% - 16px);
    left: 2%;
    padding: 7px;
    border: solid 1px #ddd;
    border-radius: 5px;
    margin-top: 5px;
    text-align: center;
}



#corpo_tela_excessao_multa .btn_gravar{
    position: relative;
    width: 96%;
    padding: 7px;
    border-radius: 5px;
    border: none;
    background: var(--cor-gradiente-software);
    color: #fff;
    left: 2%;
    font-size: 12pt;
    cursor: pointer;
    transition: 0.3s;
}

#corpo_tela_excessao_multa .btn_gravar:hover
{
    background: var(--cor-gradiente-software-hover); 
}




/*ESTILO DO CORPO DE USAR SALDO DO ALUNO, NO ATO DE PAGAMENTO DE SERVIÇO*/

#corpo_tela_usar_saldo_aluno
{
    position: fixed;
    width: 400px;
    top: calc(50%);
    left: 50%;
    background-color: #fff;
    border-radius: 10px;
    border: none;
    transition: 0.5s;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    transform: translate(-50%, -50%);
    z-index: 999999;
    display: none;
}

#corpo_tela_usar_saldo_aluno .titulo{
    position: relative;
    text-align: left;
    padding: 10px;
    font-size: 11pt;
    color: #666;
    border-bottom: solid 1px #ddd;
    margin-bottom: 10px;
}


#corpo_tela_usar_saldo_aluno .titulo #icon_close{
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

#corpo_tela_usar_saldo_aluno .campos
{
    position: relative;
    width: 96%;
    left: 2%;
    padding: 7px;
    border: solid 1px #ddd;
    border-radius: 5px;
    margin-top: 5px;
    text-align: center;
}

#corpo_tela_usar_saldo_aluno input
{
    position: relative;
    width: calc(96% - 16px);
    left: 2%;
    padding: 7px;
    border: solid 1px #ddd;
    border-radius: 5px;
    margin-top: 5px;
    text-align: center;
}



#corpo_tela_usar_saldo_aluno .btn_gravar{
    position: relative;
    width: 96%;
    padding: 7px;
    border-radius: 5px;
    border: none;
    background: var(--cor-gradiente-software);
    color: #fff;
    left: 2%;
    font-size: 12pt;
    cursor: pointer;
    transition: 0.3s;
}

#corpo_tela_usar_saldo_aluno .btn_gravar:hover
{
    background: var(--cor-gradiente-software-hover); 
}



/*IFRAME EXCLUSIVO PARA A TELAS DE INFORMAÇÕES DE UM DETERMINADO REGISTROS. EX: BOTÃO DE MAIS INFORMAÇÕES NO ATO DE PAGAMENTO SALARIAL*/

#tela_cheia_iframe_informacoes_registros
{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.9;
    top: 0px; 
    left: 0px;
    z-index: 999999;
    display: none;
}

#iframe_informacoes_registros
{
    position: fixed;
    width: 400px;
    height: calc(100% - 120px);/* 100% - 90px*/ /*Desktop: 100% - 120px*/
    top: calc(50%);
    left: 50%;
    background-color: #fff;
    border-radius: 10px;
    border: none;
    transition: 0.5s;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    transform: translate(-50%, -50%);
    z-index: 999999;
    display: none;
}