@charset "utf-8";
/* CSS Document/////////////////////////// */

.rubik {
  font-family: "Rubik", sans-serif;
  font-style: normal;
  font-weight: -300;
}

.font_bt_home{
  	font-family: "Lato", serif;
 	 font-weight: 700;
 	 font-size: 12px;
 	 font-style: normal;
	 color: #fff;
}

.font_bt_home_preta{
  	font-family: "Lato", serif;
 	 font-weight: 700;
 	 font-size: 12px;
 	 font-style: normal;
	 color: #6D748F;
}

.font_descricao{
  	font-family: "Lato", serif;
 	 font-weight: 400;
 	 font-size: 16px;
 	 font-style: normal;
	 color: #6D748F;
}
.font_status{
 	font-family: "Lato", serif;
  	font-weight: 600;
  	font-size: 12px;
  	font-style: bold;
	color: #6D748F;
        }

.font_titulo_card{ 
  	font-family: "Lato", serif;
 	 font-weight: 700;
 	 font-size: 18px;
 	 font-style: bold;
	 color: #6D748F;
}

.font_bemvindo{
  	font-family: "Lato", serif;
 	 font-weight: 700;
 	 font-size: 22px;
 	 font-style: normal;
	 color: #fff;
}

.font_codigo{
  	font-family: "Lato", serif;
 	 font-weight: 700;
 	 font-size: 20px;
 	 font-style: normal;
	 color: #fff;
}

.font_titulopg{
 	 font-family: "Lato", serif;
  	font-weight: 600;
  	font-size: 20px;
  	font-style: normal;
	color: #6D748F;
}

.font_nom{
 	 font-family: "Lato", serif;
  	font-weight: 600;
  	font-size: 15px;
  	font-style: normal;
	color: #6D748F;
}

.font_end{
 	 font-family: "Lato", serif;
  	font-weight: 400;
  	font-size: 11px;
  	font-style: normal;
	color: #C1C5CE;
}

.font_minima{
  	font-family: "Lato", serif;
 	 font-weight: 700;
 	 font-size: 10px;
 	 font-style: normal;
	 color: #000;
}

.font_titulo_input{
  	font-family: "Lato", serif;
 	 font-weight: 700;
 	 font-size: 12px;
 	 font-style: normal;
	 color: #000;
}

.font_titulo_input_m{
  	font-family: "Lato", serif;
 	 font-weight: 400;
 	 font-size: 12px;
 	 font-style: normal;
	 color: #000;
}
.font_minima400{
  	font-family: "Lato", serif;
 	 font-weight: 400;
 	 font-size: 10px;
 	 font-style: normal;
	 color: #000;
}

.font_bt_voltar{
  	font-family: "Lato", serif;
 	 font-weight: 400;
 	 font-size: 16px;
 	 font-style: normal;
	 color: #ff000;
	 /*text-shadow: 1px 10px white, -1px -1px #444*/
}


.font_minima_branca{
  	font-family: "Lato", serif;
 	 font-weight: 700;
 	 font-size: 11px;
 	 font-style: normal;
	 color: #fff;
}

.font_medio{
  	font-family: "Lato", serif;
 	 font-weight: 400;
 	 font-size: 16px;
 	 font-style: normal;
	 color: #6D748F;
}

.font_opc_card{
  	font-family: "Lato", serif;
 	 font-weight: 400;
 	 font-size: 18px;
 	 font-style: normal;
	 color: #6D748F;
}
.font_desc_card{
  	font-family: "Lato", serif;
 	 font-weight: 400;
 	 font-size: 14px;
 	 font-style: normal;
	 color: #A8ACBD;
}

.font_menor{
  	font-family: "Lato", serif;
 	 font-weight: 400;
 	 font-size: 12px;
 	 font-style: normal;
}

	
.font_01{
  	font-family: "Lato", serif;	
	font-size: 25px;
	color: #6D748F;
	font-weight: 400;

}
.font_02{
	font-family: "Lato", serif;
  	font-weight: 400;
  	font-size: 18px;
	color: #6D748F;
  	font-style: normal;
}
.font_03{
  	font-family: "Lato", serif;
  	font-weight: 400;
  	font-size: 20px;
  	font-style: normal;
	color: #6D748F;
}
.font_04{
  	font-family: "Lato", serif;
  	font-weight: 400;
  	font-size: 14px;
 	 font-style: normal;
	color: #6D748F;
}
.font_05{
 	font-family: "Lato", serif;
  	font-weight: 400;
 	font-size: 15px;
  	font-style: normal;
}

.font_06{
 	 font-family: "Lato", serif;
 	 font-weight: 400;
 	 font-size: 18px;
  	font-style: normal;
}
.font_07{
 	 font-family: "Lato", serif;
  	font-weight: 600;
  	font-size: 22px;
  	font-style: normal;
}

.font_nom_bt{
  	font-family: "Lato", serif;	
	font-size: 12px;
	color: #000;
	font-weight: 400;

}

.font_botg{
  	font-family: "Lato", serif;	
	font-size: 15px;
	color: #6D748F;
	font-weight: 600;

}

.font_botg_branca{
  	font-family: "Lato", serif;	
	font-size: 16px;
	color: #fff;
	font-weight: 700;

}

.menu{
list-style:none;
font-family: "Lato", serif;	
	font-size: 16px;
	color: #000
	font-weight: 700;
padding: 10px;
border:1px solid #c0c0c0;
float:center;
width: 99%;
	height: 60px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #D9DBE1;
	border-right: solid #fff;
	border-left: 5px solid #D9EBFF;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 1px 5px 15px rgba(109, 116, 143, 0.1);
}

#box_bt_info{
	width: 99%;
	height: 60px;
	border-top: 1px solid #fff;
	border-bottom: 0px solid #D9DBE1;
	border-right: solid #fff;
	border-left: 5px solid #D9EBFF;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 1px 5px 10px rgba(109, 116, 143, 0.1);
	}

#box_bt_info_laranja{
	width: 99%;
	height: 40px;
	border-top: 1px solid #fff;
	border-bottom: 0px solid #D9DBE1;
	border-right: solid #fff;
	border-left: 5px solid #FF8040;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 1px 5px 10px rgba(109, 116, 143, 0.1);
	}

#box_voltar{
	width: 25%;
	height: 40px;
	/*border-top: 1px solid #fff;*/
	/*border-bottom: 1px solid #D9DBE1;*/
	/*border-right: solid #fff;*/
	/*border-left: 5px solid #D9EBFF;*/
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 1px 5px 15px rgba(109, 116, 143, 0.3);
	}


#box_codigo{

	width: 0%;
	/*height: 60px;*/
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: solid #000;
	border-left: 5px solid #000;
	border-radius: 10px;
	padding: 5px;
	background-color: rgba(0, 0, 0, 0.9);
	/*box-shadow: 1px 5px 15px rgba(109, 116, 143, 0.1);*/
	}


#box_bt_info2{
	width: 99%;
	height: 60px;
	border-top: 1px solid #fff;
	border-bottom: 5px solid #D9EBFF;
	border-right: solid #fff;
	border-left: 1px solid #fff;
	border-radius: 10px;
	/*background-color: rgba(255, 255, 255, 0.9);*/
	box-shadow: 1px 5px 15px rgba(109, 116, 143, 0.1);
	}

#box_bt_info3{
	width: 99%;
	height: 120px;
	border-top: 1px solid #fff;
	border-bottom: 5px solid #D9EBFF;
	border-right: solid #fff;
	border-left: 1px solid #fff;
	border-radius: 10px;
	/*background-color: rgba(255, 255, 255, 0.9);*/
	box-shadow: 1px 5px 15px rgba(109, 116, 143, 0.1);
	}

#box_bt_laranja{
	width: 99%;
	height: 120px;
	border-top: 1px solid #fff;
	border-bottom: 5px solid #FF8040;
	border-right: solid #fff;
	border-left: 1px solid #fff;
	border-radius: 10px;
	/*background-color: rgba(255, 255, 255, 0.9);*/
	box-shadow: 1px 5px 15px rgba(109, 116, 143, 0.1);
	}

#box_empresa_pg{
	width: 99%;
	height: 60px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #D9DBE1;
	border-right: solid #fff;
	border-left: 5px solid #D9EBFF;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 1px 5px 15px rgba(109, 116, 143, 0.1);
	}

#box_incluir{
	width: 98%;
	height: 50px;
	border-radius: 10px;
	background-color: rgba(243, 243, 243, 0.9);
	/*box-shadow: 1px 4px 15px rgba(0, 0, 0, 0.2);*/
	}

#box_excluir{
	width: 98%;
	height: 50px;
	border-radius: 10px;
	background-color: rgba(255, 128, 0, 0.9);
	/*box-shadow: 1px 4px 15px rgba(0, 0, 0, 0.2);*/
	}

#box_menusessoes{
	width: 98%;
	height: 50px;
	border-radius: 0px;
	background-color: rgba(237, 239, 239, 0.9);
	box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.2);
	}

#box_ms{
	width: 80%;
	height: 30px;
	border-radius: 6px;
	padding: 15px;
	border: 1px #ff000;
	background-color: rgba(255, 255, 255, 0.9);
	/*box-shadow: 1px 4px 15px rgba(0, 0, 0, 0.2);*/
	}

#box_tabela_menu{
	width: 80%;
	height: 30px;
	border-radius: 10px;
	padding: 20px;
	border: 1px #A9B1B1;
	/*background-color: rgba(255, 255, 255, 0.9);*/
	/*box-shadow: 1px 4px 15px rgba(0, 0, 0, 0.2);*/
	}

#box_novasessao{
	width: 80%;
	height: 50px;
	border-radius: 20px;
	background-color: rgba(0, 0, 0, 0.9);
	/*box-shadow: 1px 4px 15px rgba(0, 0, 0, 0.2);*/
	}

/* regras */

.font_titulo{
  	font-family: "Lato", serif;	
	font-size: 26px;
	color: #000;
	font-weight: 400;

}
.font_subtitulo{
  	font-family: "Lato", serif;	
	font-size: 14px;
	color: #6D748F;
	font-weight: 400;

}

.font_titulo_pg{
  	font-family: "Pacifico", serif;	
	font-size: 30px;
	color: #6D748F;
	font-weight: 400;

}
.font_subtitulo_pg{
  	font-family: "Lato", serif;
	font-size: 25px;
	color: #6D748F;
	font-weight: 700;

}

.font_pequena{
  	font-family: "Lato", serif;
 	 font-weight: 400;
 	 font-size: 18px;
 	 font-style: normal;
}
.font_pequena_dados{
  	font-family: "Lato", serif;
 	 font-weight: 400;
 	 font-size: 10px;
 	 font-style: normal;
	 color: #B7B7B7;
}

.input-centralizado {
    text-align: center; /* Centraliza o texto */
    width: 200px; /* Define uma largura para melhor visualização */
    height: 40px; /* Define uma altura */
    font-family: "Lato", serif;
    font-size: 25px;
    color: #6D748F;
    font-weight: 700;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #D9DBE1;
	border-right: solid #fff;
	border-left: 1px solid #fff;
	border-radius: 10px;
     background-color: #fff;



}

.input-info {
    text-align: left; /* Centraliza o texto */
    width: 80%; /* Define uma largura para melhor visualização */
    height: 35px; /* Define uma altura */
    padding: 10px;
    font-family: "Lato", serif;
    font-size: 18px;
    color: #6D748F;
    font-weight: 400;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #D9DBE1;
	border-right: solid #fff;
	border-left: 1px solid #fff;
	border-radius: 10px;
     background-color: #fff;
}

.input-caditem {
	border: 1px solid #000;
	height: 35px;
	padding: 5px;
	border-radius: 8px;
     	background-color: #fff;
}

.input-infoadd {
    text-align: left; /* Centraliza o texto */
    width: 80%; /* Define uma largura para melhor visualização */
    height: 30px; /* Define uma altura */
    padding: 10px;
    font-family: "Lato", serif;
    font-size: 18px;
    color: #6D748F;
    font-weight: 400;
	border-top: 2px solid #D9DBE1;
	border-bottom: 2px solid #D9DBE1;
	border-right: 2px solid #D9DBE1;
	border-left: 2px solid #D9DBE1;
	border-radius: 10px;
     background-color: #fff;

}

.button {
  position: relative;
  padding: 10px 22px;
  border-radius: 6px;
  border: none;
  color: #fff;
  cursor: pointer;
  background-color: #9DCCFF;
  transition: all 0.2s ease;
}

.button:active {
  transform: scale(0.96);
}

.button:before,
.button:after {
  position: absolute;
  content: "";
  width: 150%;
  left: 50%;
  height: 100%;
  transform: translateX(-50%);
  z-index: -1000;
  background-repeat: no-repeat;
}

.font_grande{
  	font-family: "Lato", serif;
 	 font-weight: 400;
 	 font-size: 45px;
 	 font-style: normal;
}

.font_opcao{
  	font-family: "Lato", serif;
 	 font-weight: 400;
 	 font-size: 25px;
 	 font-style: normal;
}

.font_dados{
  	font-family: "Lato", serif;
 	 font-weight: 700;
 	 font-size: 12px;
	font-style: bold;
 
}	

	
A:link { color: #000; text-decoration: none; }
A:visited { color: #000; text-decoration: none; }
A:hover { color: #000; text-decoration: none; }


.container {
        width: 100vw;
        height: 100vh;
        background: #F9F9F9;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center
     }

.container_azul {
        width: 100vw;
        height: 100vh;
        background: #70C9E1;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center
     }
  

/* fade in pagina */
	

@-webkit-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; } 
}
@-moz-keyframes fadeIn {
0% { opacity: 0;}
100% { opacity: 1; }
}
@-o-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
	
.fadeIn {
	-webkit-animation: fadeIn 0.8s ease-in-out;
	-moz-animation: fadeIn 0.8s ease-in-out;
	-o-animation: fadeIn 0.8s ease-in-out;
	animation: fadeIn 0.8s ease-in-out;
}

	
.container {
        width: 100vw;
        height: 100vh;
        
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center
     }
     .box {
        width: 100%;
        height: 100%;
         
     }

	#box_empresas{
	width: 98%;
	height: 50px;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 1px 4px 15px rgba(0, 0, 0, 0.2);;
	}	

/* checknox */


.boxestilizado + label {
display: block;
margin: 5px;
cursor: pointer;
padding: 5px;
}

.boxestilizado {
display: none;
}


.boxestilizado + label:before {
content: "";
background-color: #fff;
border: 3px solid #3F3F3F;
border-radius: 10px;
display: inline-block;
width: 20px;
height: 20px;
padding-left: 10px;
padding-bottom: 10px;
margin-right: 10px;
vertical-align: bottom;
color: #F9F9F9;
transition: .6s;
}

.boxestilizado + label:active:before {
transform: scale(0);
}

.boxestilizado:checked + label:before {
background-color: #0F99FF;
border-color: #0F99FF;
color: #fff;
}

.boxestilizado:disabled + label:before {
transform: scale(1);
border-color: #aaa;
}

.boxestilizado:checked:disabled + label:before {
transform: scale(1);
background-color: #bfb;
border-color: #bfb;
}

.borda {
border-radius: 8%;
}