@charset "utf-8";

/*
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Calibri, Verdana, Arial;
	font-size: 1.1em;
}

*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	margin: 0;
  }
*/

/* RESET E BASE */
html, body {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: Calibri, Verdana, Arial, sans-serif;
  font-size: 1.1em;
}

*, *::before, *::after {
  box-sizing: inherit;
  margin: 0;
  padding: 1px;
}

/*
 body {
    padding-top: 0;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 2px;
	height: 100%;
	font-family: Calibri, Verdana, Arial;
	font-size: 1.1em;
}
*/

body {
  padding: 0 30px 2px 30px;
  height: 100%;
}

/*****************************/

/* Incluido em 29/01/2024 - para adequação da nova identidade visual - header_index.tpl*/
/*
.tela_login{
	width: 100%;
	height: 100%;
	background: url('../imagens/background.png') no-repeat;
	background-size: cover;
}
*/
.tela_login {
  width: 100%;
  height: 100%;
  background: url('../imagens/background.png') no-repeat center center / cover;
}

/*
.frm_login{
	position: absolute;
	left:50%; 
	top:50%; 
	margin-left:-250px;
	margin-top:-190px;
	color: white !important;
}
*/
.frm_login {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

.frm_login input{
	border: thin solid rgb(255, 255, 255);
	padding: 3px 3px;
	margin: 2px 2px;
	border-radius: 3px;
}

/*
.div_login {

	width: 100%;	
}
*/
.div_login,
.div_grid,
.div_master,
.div_detail {
  width: 100%;
}

/*
.header {
	background-color:transparent;
	display: flex;
	flex-direction: row;
	justify-content:left;
	align-items: center;
}
*/

.container_flex,
.header,
.header_flex,
.logo_flex,
.form_flex,
.tab_flex,
.campos_flex,
.registros_flex,
.nav_flex,
.controles_flex,
.botoes_flex {
  display: flex;
}

.header {
  background: transparent;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

/*
.container_flex{
	display: flex;
	flex-direction: column;
	border: solid rgb(0, 0, 0) 1px;
}
*/
.container_flex {
  flex-direction: column;
  border: 1px solid #000;
}

/*
.header_flex{
	display: flex;
	padding: 5px;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
*/
.header_flex,
.nav_flex {
  padding: 5px;
  justify-content: flex-end;
  align-items: center;
}

.header_logo{
	background-color: rgb(56,56,57);
	display: flex;
	flex-direction: row;
	justify-content:left;
	align-items: center;
}

.logo_flex{
	flex: 215px;
	background-image: url("../imagens/logo_erp.png");
	background-repeat: no-repeat;
	height: 95px;
}

.nome_form{
	font-size: 1.1em;
	font-weight: bold;
	font-stretch: expanded;
	flex: 90%;
	text-align: right;
	vertical-align: middle;
	color: rgb(88, 86, 86);
}

/*
.nav_flex{
	display: flex;
	padding: 5px;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
*/

.form_flex{
	display: flex;
	padding: 5px;
	flex-direction: column;
	justify-content: flex-start;
}

.tab_flex{
	display: flex;
	padding: 5px;
	flex-direction: column;
	min-height: 100%;
}

.controles_flex{
	display: flex;
	flex-direction: row;
	overflow-y: auto;
}

.botoes_flex{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px;
}

.campos_flex{
	display: flex;
	width: 100%;
	flex-direction: column;
	overflow-y: auto;
}

.registros_flex{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	padding: 5px;
	width:100%;
	box-sizing: content-box;
}

.div_grid {
    width:100%;
	display: block;
}

/*
https://softauthor.com/css-flexbox-responsive-registration-form-with-source-code/
*/

@media only screen and (max-width: 500px) {
    .row-fields{
      flex-direction:column; 
    }
}

.row-fields {
    display:flex;
    flex-direction:row;
}

.input-group-fields {
    flex:1;
    display:flex;
    flex-direction:column; 
    margin: 5px 3px;
}

.radio-group-fields {
    display:flex;	
}

.radio-group-fields div {
	flex:1;
	margin-left: 5px;
 }

 input[type=radio], input[type=checkbox] {
	margin-right: 10px;
}

.search_button {
	color: black;
	float: left;
	width: 50px;
	border:  thin solid rgb(56, 56, 57);
	border-left: none;
	cursor: pointer;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
  }

  .cep_button {
	color: black;
	float: left;
	width: 50px;
	border:  thin solid rgb(56, 56, 57);
	border-left: none;
	cursor: pointer;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
  }

  .caixa_pesquisar {
	float: left;
	text-transform: uppercase;
	border: thin solid rgb(56, 56, 57);
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	margin-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	cursor: pointer;
}

.search_button:hover {
	background: rgb(255, 255, 255);
	border: thin solid black;
  }


/* Style buttons grid */
/*Font Awesome */
.btn_grid {
	background-color: transparent;
	border: none; /* Remove borders */
	padding: 0px; /* Some padding */
	cursor: pointer; /* Mouse pointer on hover */
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
/* Darker background on mouse-over */
.btn_grid:hover {
	background-color: rgb(255, 255, 255);
  }

.fa-background {
    color: rgb(56, 56, 57);	
}

.fa-background-check
{
	color: rgb(6, 153, 6);
}

.fa-background-excel
{
	color: #217346;
}

.fa-background-word
{
	color: #2B579A;
}

.fa-lock-yellow {
    color: rgb(239, 243, 21);	
}

.fa-lock-red {
    color: rgb(243, 21, 21);	
}

.fa-lock-blue {
    color: rgb(17, 21, 238);	
}

.fa-lock-green {
    color: rgb(57, 245, 20);	
}

.filetype-text-ext {
	font-size: .8em;
	font-weight: 700;
}

/*
.div_master {	
    height:100vh;
	width: 100%;
	display: flex;
	justify-content: center;	
}
*/
.div_master {
  height: 100vh;
  display: flex;
  justify-content: center;
}

/*
.div_detail{
    height:100%;
	width: 95%;
}
*/
.div_detail {
  height: 100%;
  width: 95%;
}

a.tooltip {
	color: #000;
	text-decoration: none
	}
 
a.tooltip:hover {
	position: relative;
	text-decoration: none
	}
 
a.tooltip span {
	display: none
	}
 
a.tooltip img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
	width:50px;
	height:60px;
	text-decoration: none;
}
 
a.tooltip:hover span {	
	display: block;
	top: 0px; left: 40px;
	width: 200px;
    padding: 5px; 
	margin: 10px; 
	z-index: 100;
    background: #f0f2f6; 
	border: 1px solid rgb(56, 56, 57);
	opacity: 0.9;
	text-align: center
}

.nav_bar {
	margin:5px;
	padding:3px;
	width:100%;	
}

.fieldset {
	padding-left:5px;	
}

.nome_formulario {
	width:100%;
	font-size: 1.3em;
	color: rgb(255,255,255);	
	text-align: right;
	border:0px; 
	padding:5px;
	white-space: nowrap;
}

.alerta_erro {
	font-style:normal;
	font-weight:bold;
	color:#FF0000;
}

.labels {
	text-align: left;
	white-space: nowrap;
	margin: 2px;
}

.esq_senha {
	cursor:pointer; 
	text-decoration:none;
	text-align: left;
	letter-spacing: 1pt;
	margin: 2px;
}

.esq_senha:hover{
	color: #FF0000;
}

.caixa {	
	text-transform: uppercase;
	border: thin solid rgb(56, 56, 57);;
	padding: 3px 3px;
	margin: 2px 2px;
	border-radius: 3px;
	cursor: pointer;	
}

input.caixa:hover
{
	background-color: rgb(255, 255, 255);
}

input.caixa:focus
{
	background-color: rgb(255, 255, 255);
}


.class_botao {
	text-decoration:none;
	width:120px;
	margin-bottom:5px;
	border: thin solid rgb(56, 56, 57);;
	border-radius: 3px;
}

.class_botao:hover{
	background: rgba(30, 32, 32, 0.5);
	border: thin solid rgb(0,0,0);
}

/*CLASSES PARA ESTILIZAR BOTÃO INPUT FILE */
.file {
	opacity: 0;
	width: 0.1px;
	height: 0.1px;
	position: absolute;
}

.file-input{
	display: block;
	position: relative;
	align-items: center;	
	width: 250px;
}
  
.file-input label {
  justify-content: center;
  width: 100px;
  cursor: pointer;
  transition: transform .2s ease-out;
}

.file-name {
  position: absolute;
  align-items: center;
  left: 110px;
  font-size: 8px;
  color: rgb(71, 70, 70);
  top: 0%; 
  width: fit-content;
  text-decoration: none;
}

.status-msg {
	font-size: 10px;
	color: rgb(255, 0, 0);
	width: fit-content;
	font-size: 10px;
	text-decoration: none;
}

.class_botao_menu_hab {
	color: #000000;
	background-color: #E6EBF0;
	height:100% !important;
	width:100% !important;
	letter-spacing: 1pt;
	border: 0px none #FFFFFF;
	cursor:pointer;
	text-decoration:none;
	border-radius: 3px;
}

.class_botao_menu_deshab {
	color: #CCC;
	background-color: #E6EBF0;
	height:100% !important;
	width:100% !important;
	letter-spacing: 1pt;
	border: 0px none #FFFFFF;
	text-decoration:none;
	border-radius: 3px;
}

input.class_botao_menu_hab:hover {
	background: rgba(30, 32, 32, 0.10);
}

.mini_seta {
	margin-right: 10px;
	margin-left: 10px;
}

.link_1 {
	font-size: 12px;
	color: rgb(56,56,57);
	text-align: right;
	padding-left: 25px;
	letter-spacing: 2px;
	text-decoration:none;
}

.tabela_body {
	background-color: white;
	height: 45px;
	width:300px;
}

.espacamento
{
	padding-top:10px;
	padding-right:25px;
}

/*SOBREESCREVE O BOOTSTRAP*/
.modal-open {
    overflow: scroll;
}

.modal-title{
	color: rgb(255,255,255);
}

.close{
	color: rgb(255,255,255);
}

div > .row {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	--bs-gutter-x: 0.5rem !important;
}
  
input.btn-outline-primary{
	color: rgb(201, 162, 94) !important;
	border-color: rgb(201, 162, 94) !important;
}
  
input.btn-outline-primary:hover{
	background-color: rgb(201, 162, 94) !important;
	border-color: rgb(201, 162, 94) !important;
	color: black !important;
}
  
input.btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus {
	  box-shadow: 0 0 0 .20rem rgb(201, 162, 94);
}
  
.form-control:focus {
	  color: #212529 !important;
	  background-color: #fff !important;
	  border-color: rgb(201, 162, 94) !important;
	  outline: 0 !important;
	  box-shadow: 0 0 0 .20rem rgb(201, 162, 94) !important;
}
  
.form-select:focus {
	border-color: rgb(201, 162, 94) !important;
	outline: 0 !important;
	box-shadow: 0 0 0 .20rem rgb(201, 162, 94) !important;
}

/*UTILIZADO NOS MODAIS */
.css_popupdiv_fundo {
	background-color:#000000;
	filter:alpha(opacity=20);
	float:left;
	opacity:.20;
	left:0px;
	top:0px;
	position:absolute;
	padding:150px;
	z-index:1;
}

.css_popupdiv_conteudo {
	background-color:#FFFFFF;
	border:1px solid #000000;
	filter:alpha(opacity=140);
	opacity:100;
	padding:10px;
	position:absolute;
	z-index:1;
	overflow:auto;
}

.classModal {
	border: solid 1px black; 
	z-index: 100;
}

.classModal p {
	text-align:right; 
	margin:-10px; 
	border-bottom:solid 1px;
	padding:5px;
	height: 15px;
}

.classModal #divConteudoModal {
	margin-top: 15px;
}

#frm_funcionarios.caixa {
	margin-right:5px !important;
	 margin-bottom:5px !important;
}

.progressbar {
	width: 100%;
	height: auto;
	text-align: center;
	color: white;
	position: relative;
	padding-top: 3px;
}

.progressbar:before {
	content: attr(value) '%';
}

/*UTILIZADO NO TERMO DE CONFIDENCIALIDADE*/

      ol {
        counter-reset: item;
      }
      li {
        display: block;
        /*color: #666666;*/
      }
      li:before {
        content: counters(item, ".") " ";
        counter-increment: item;
		font-weight: bold;
      }

/*
	CSS para estilizar campos do tipo date
*/
/* Removes the clear button from date inputs 
input[type="date"]::-webkit-clear-button {
    display: none;
}
*/

/* Removes the spin button 
input[type="date"]::-webkit-inner-spin-button { 
    display: none;
}
*/

/* Always display the drop down caret 
input[type="date"]::-webkit-calendar-picker-indicator {
    color: #2c3e50;
}
*/

/* A few custom styles for date inputs 
input[type="date"] {
    appearance: none;
    -webkit-appearance: none;
    color: #95a5a6;
    font-family: "Helvetica", arial, sans-serif;
    font-size: 18px;
    border:1px solid #ecf0f1;
    background:#ecf0f1;
    padding:5px;
    display: inline-block !important;
    visibility: visible !important;
	width: min-content;
}
*/

/*
input[type="date"], focus {
    color: #95a5a6;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
*/

/*
input:hover + label,
input:focus + label {
  transform: scale(1.02);
}
*/

/* Adding an outline to the label on focus */
/*
input:focus + label {
  outline: 1px solid #000;
  outline: -webkit-focus-ring-color auto 2px;
}
*/

/*TERMINO DA CLASSE FILE*/


/*
input[type="button"]:disabled{
	background: #E9E9E9;
    color:#000;
	font-family: Calibri, Verdana, Arial;
	font-size: 14px;
	text-decoration:none;
	width:120px;
	margin-bottom:3px;
}

input[type="button"]:disabled:hover{
    background: #E9E9E9;
	font-family: Calibri, Verdana, Arial;
	font-size: 14px;
	text-decoration:none;
	width:120px;
	margin-bottom:3px;
	color:#000;
}
*/



/*UTILIZADO NO MODAL POR BOOTSTRAP
#modalInfoLongTitle {
  text-align: center;
  color: red;
}
*/
/*
.modal.fade {
	background: rgba(0, 0, 0, 0.5);
  }
  
  .modal-backdrop.fade {
	opacity: 0;
  }

.modal-backdrop:nth-child(2n-1) {
	opacity : 0;
  }
  */


  
/*
the snackbar - Apresenta um tooltip no rodapé da pagina
utilizado para mostrar uma mensagem temporaria

<div id="snackbar">Some text some message..</div>

<script>
function myFunction() {
  var x = document.getElementById("snackbar");
  x.className = "show";
  setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
}
</script>

#snackbar {
	visibility: hidden;
	min-width: 250px;
	margin-left: -125px;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 1;
	left: 50%;
	bottom: 30px;
	font-size: 17px;
  }
  
  #snackbar.show {
	visibility: visible;
	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
	animation: fadein 0.5s, fadeout 0.5s 2.5s;
  }
  
  @-webkit-keyframes fadein {
	from {bottom: 0; opacity: 0;} 
	to {bottom: 30px; opacity: 1;}
  }
  
  @keyframes fadein {
	from {bottom: 0; opacity: 0;}
	to {bottom: 30px; opacity: 1;}
  }
  
  @-webkit-keyframes fadeout {
	from {bottom: 30px; opacity: 1;} 
	to {bottom: 0; opacity: 0;}
  }
  
  @keyframes fadeout {
	from {bottom: 30px; opacity: 1;}
	to {bottom: 0; opacity: 0;}
  }

  */

/*************************************************/
/*
.cursor {cursor:pointer;}

.icone {left:0px;float:left !important;background:url("../imagens/icones_sprite.gif")}
.icone-botao {position:relative; top:3px;}
*/
/*Primeira linha da imagem*/
/*
.icone-adicionar {width:15px;height:15px;background-position: 0 0;}
.icone-clips {width:11px;height:10px;background-position: -14px 0px;}
.icone-atencao {width:15px;height:16px;background-position: -23px 0px;}
.icone-editar {width:15px;height:16px;background-position: -41px 0px;}
.icone-pasta {width:15px;height:15px;background-position: -56px 0px;}
.icone-remover {width:15px;height:15px;background-position: -71px 0px;}
.icone-balao {width:15px;height:15px;background-position: -86px 0px;}
.icone-calc {width:14px;height:16px;background-position: -101px 0px;}
.icone-procurar {width:18px;height:21px;background-position: -115px 0px;}
.icone-fechar {width:18px;height:21px;background-position: -132px 0px;}
.icone-seta-cima {width:9px;height:15px;background-position: -149px 0px;}
.icone-seta-voltar {width:14px;height:15px;background-position: -158px 0px;}
.icone-seta-baixo {width:9px;height:15px;background-position: -171px 0px;}
*/

/*Segunda linha da imagem*/
/*
.icone-calendario {width:16px;height:15px;background-position: -3px -21px;}
.icone-salvar {width:15px;height:15px;background-position: -39px -21px;}
.icone-detalhes {width:15px;height:15px;background-position: -22px -21px;}
.icone-relogio {width:16px;height:17px;background-position: -56px -21px;}
.icone-desfazer {width:15px;height:15px;background-position: -75px -21px;}
.icone-agregar {width:15px;height:15px;background-position: -94px -21px;}
.icone-agregados {width:15px;height:15px;background-position: -110px -21px;}
.icone-lupa {width:15px;height:15px;background-position: -126px -21px;}
.icone-arquivo-doc {width:16px;height:17px;background-position: -142px -21px;}
.icone-arquivo-xls {width:16px;height:17px;background-position: -161px -21px;}
*/

/*Terceira linha da imagem*/
/*
.icone-aprovar {width:15px;height:15px;background-position: -18px 70px;}
.icone-janela-divisao {width:15px;height:15px;background-position: -36px 59px;}
.icone-janela-remover {width:16px;height:15px;background-position: -54px 59px;}
.icone-excluir {width:15px;height:15px;background-position: -70px 72px;}
.icone-cadeado-aberto {width:16px;height:17px;background-position: -90px 69px;}
.icone-arquivo-dwg {width:16px;height:16px;background-position: -108px 59px;}
.icone-arquivo-zip {width:16px;height:15px;background-position: -126px 59px;}
.icone-janela-vazia {width:16px;height:15px;background-position: -144px 59px;}
.icone-bloco-notas {width:16px;height:15px;background-position: -160px 59px;}
.icone-arquivo-ppt {width:16px;height:16px;background-position: -177px 59px;}
.icone-seta-direita {width:16px;height:15px;background-position: -194px 59px;}
*/

/*Quarta linha da imagem*/
/*
.icone-bola-amarela {width:15px;height:16px;background-position: 1px -60px;}
.icone-impressora {width:15px;height:17px;background-position: -16px -60px;}
.icone-cadeado-fechado {width:15px;height:19px;background-position: -33px -60px;}
.icone-setas {width:17px;height:12px;background-position: -50px -60px;}
.icone-arquivo-pdf {width:17px;height:17px;background-position: -70px -60px;}
.icone-arquivo-nao-encontrado {width:17px;height:19px;background-position: -87px -60px;}
.icone-arquivo-mdb {width:17px;height:19px;background-position: -106px -60px;}
.icone-joinha {width:17px;height:22px;background-position: -126px -60px;}
.icone-bola-vermelha {width:17px;height:16px;background-position: -143px -60px;}
.icone-bola-verde {width:17px;height:16px;background-position: -160px -60px;}
.icone-bola-azul {width:17px;height:18px;background-position: -177px -60px;}
*/

/*Quinta linha da imagem*/
/*
.icone-duplicar {width:17px;height:18px;background-position: -0px -77px;}
.icone-reprovar {width:16px;height:18px;background-position: -18px -79px;}
.icone-arquivo-notas {width:15px;height:17px;background-position: -35px -79px;}
.icone-cadeado-vermelho {width:15px;height:17px;background-position: -53px -82px;}
.icone-setas-grandes {width:21px;height:19px;background-position: -71px -79px;}
.icone-cadeado-azul {width:16px;height:20px;background-position: -96px -79px;}
.icone-binoculos {width:15px;height:16px;background-position: -113px -79px;}
.icone-inserir {width:15px;height:15px;background-position: -128px -83px;}
.icone-mini-seta {width:15px;height:15px;background-position: -146px -82px;}
.icone-envelope {width:15px;height:15px;background-position: -161px -79px;}
.icone-envelope-opaco {width:16px;height:18px;background-position: -177px -79px;}
*/

/*Sexta linha da imagem*/
/*
.icone-balao-opaco {width:14px;height:15px;background-position: -2px -95px;}
.icone-aprovar-amarelo {width:15px;height:14px;background-position: -18px -97px;}

.auto_form label{width: 20%;text-align: right;}
.auto_form input{width: 79%;}
.auto_form textarea{width: 79%;}
.auto_form select{width: 79.5%;}

.auto_lista tr th{text-align: left;font-weight: normal;background-image: url("../imgs/sky_blue_grid.gif");background: linear-gradient(#e2efff, #d3e7ff) repeat scroll 0 0 rgba(0, 0, 0, 0);border-right: 1px solid #a4bed4;border-top: 1px solid #a4bed4;height: 30px;padding-right: 5px;padding-left: 5px;}

.auto_lista_titulo{padding-left: 10px;width: auto;}
.auto_lista .linha1{background: none repeat scroll 0 0 #ebf3ff;}
.auto_lista .legend{padding: 5px;text-align: right;border-top: none;border-left: none;border-right: none;}
.auto_lista tr td{border-bottom: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;border-top: 1px solid #f1f1f1;padding-bottom: 1px;padding-top: 1px;padding-right: 2px;padding-left: 2px;font-family: Tahoma;font-size: 12px;text-align: left;font-weight: normal;}
.auto_lista{border: 1px solid #a4bed4;}
*/