body{
background-color: #cccccc; 
display: table;
} 

/*Tela de Login************************************************/
.loginBox
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 350px;
	height: 420px;
	padding: 80px 40px;
	box-sizing: border-box;
	background: rgba(0,0,0,.5);
}

.user
{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	top: calc(-100px/2);
	left: calc(50% - 50px);
}

.loginBox h2
{
	margin: 0;
	padding: 0 0 20px;
	color: #efed40;
	text-align: center;
}
.loginBox p
{
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #fff;
}
.loginBox input
{
	width: 100%;
	margin-bottom: 20px;
}

.loginBox input[type="email"]
{
	border: none;
	border-bottom: 1px solid #fff;
	background: transparent;
	outline: none;
	height: 40px;
	color: #fff;
	font-size: 16px;
}

.loginBox input[type="text"],
.loginBox input[type="password"]
{
	border: none;
	border-bottom: 1px solid #fff; 
	background: transparent;
	outline: none;
	height: 40px;
    margin: 1px;
	color: #fff;
	font-size: 16px;
    margin: 10px; 
}
.loginBox::placeholder
{
	color: rgba(255,255,255,.5);
}
.loginBox input[type="submit"]
{
	border: none;
	outline: none;
	height: 40px;
	color: #fff;
	font-size: 16px;
	background: #ff267e;
	cursor: pointer;
	border-radius: 20px;
}
.loginBox input[type="submit"]:hover
{
	background: #efed40;
	color: #262626;
}
.loginBox a
{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#statusPag{
font-size: 16px;
float: right;
padding: 18px;
}
  
/**************************************************************/
.BarraSuperior{
	background-color: #A9A9A9;
    left: 0;
    top: 0;
	width: 100%;
	position: relative;
}

.IMGuser
{
   float: left;
	width: 50px;
	height: 50px;
    padding: 2px 10px;
}

#InfoUser{
    padding: 15px;
	font-family: 'Arial';
	font-size: 12pt;
    float: left;
    align-content: center;
}

#conteudo {
float: right;
padding: 0px 5px;
background-color: Gray;
width: 100vh;
height: 100vh;    
}

.menu{
float: left; 
}

.menu ul{
list-style:none;
margin:0;
padding: 0;
}
  
.menu ul li{
cursor: pointer;   
padding: 6px;
position: relative;
width: 200px;
vertical-align: middle;
background-color: #34495E;
border-top: 1px solid #BDC3C7;
 }
#sair{
background-color: #FF0000;   
}
 
#sair:hover{
background-color: #2ECC71;   
}
         
.menu ul li:hover{
background-color: #2ECC71;
}

.menu ul  ul{
transition:  all 0.3s;
opacity: 0;
position: absolute;
visibility: hidden;
left: 101%;
top: -2%;
z-index: 1;    
}

.menu ul li:hover > ul{
opacity: 1;
visibility: visible;
}

.menu ul li a{
color: #fff;
text-decoration: none;
}

.menu > ul >linth-oftype(2)::after{
    content: "+";
    padding: 50px;
    position: absolute;
    margin-left: 30%;
    color: #fff;
    font-size: 20px;
}

/**********************************************************************/
/********************************************************************************/
/*Abas Navegação - Paginas*/
.nav_tabs{
	width: 100%; 
	height: 100%;
	background-color: #fff;
	position: relative;
}

.nav_tabs ul{
	list-style: none;
	
}

.nav_tabs ul li{
	float: left;
	
}

.tab_label{
	display: block;
	width: 250px;
	background-color: #363b48;
	padding: 5px;
	font-size: 18px;
	color:#fff;
	cursor: pointer;
	text-align: center;
}


.nav_tabs .rd_tab { 
	display:none;
	position: absolute;
}

.nav_tabs .rd_tab:checked ~ label { 
	background-color: #e54e43;
	color:#fff;
}

.tab-content{
    padding: 10px;
	border-top: solid 5px #e54e43;
	background-color: #fff;
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
}

.rd_tab:checked ~ .tab-content{
	display: block;
}

.BarraRolagen{
overflow:auto;
 overflow: visible;    
}


/*V2 Abas Navegação - Paginas*/
.nav{
	width: 100%; 
	height: 100%;
	background-color: #fff;
	position: relative;
    margin: 0;
}

#tabs ul.nav {
    list-style: none;
}

#tabs li {
    margin-left: 8px;
    float: left;
}
* html #tabs li {
    display: inline;
}
#tabs li,
#tabs li a {
    float: left;
}
#tabs ul li.active {
    border-top:1px #e54e43 solid;
    background: #FFF;
}


#tabs div.tab {
    background: #FFFFCC;
    clear: both;
    padding: 10px;
    overflow:auto;
   overflow: visible;
}


#tabs ul li a {
    text-decoration: none;
    padding: 8px;
    color: #000;
    font-weight: bold;
}

/*Table Turma Aluno***************************************************/
#DadosSetorPatr{
  table-layout:auto;  
  border-collapse: collapse;
  border-spacing: 0;
} 


/*Especifica coluna -> td:nth-child(7) -> coluna 7*/
#DadosSetorPatr td:nth-child(2){
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; 
}  

#DadosSetorPatr td:nth-child(3){
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; 
}   

/*Especifica coluna -> td:nth-child(7) -> coluna 7*/
#DadosSetorPatr td:nth-child(4){
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; 
} 

/*Especifica coluna -> td:nth-child(7) -> coluna 7*/
#DadosSetorPatr td:nth-child(5){
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; 
}  


/*Especifica coluna -> td:nth-child(7) -> coluna 7*/
#DadosSetorPatr td:nth-child(6){
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; 
}  






/* */
/*****************************************************/
/*Calendario*/
#calendarioEventos {
font-family:Arial;
font-size:12px;
		}
#calendarioEventos caption {
			text-align:left;
			padding:0px 5px;
			background-color:#003366;
			color:#fff;
			font-weight:bold;
			font-size:medium;

}
#calendarioEventos caption div:nth-child(1) {float:left;}
#calendarioEventos caption div:nth-child(2) {float:right;}
#calendarioEventos caption div:nth-child(2) a {cursor:pointer;}
#calendarioEventos th {
background-color:#006699;
color:#fff;
width:80px;
}
#calendarioEventos td {
text-align:center;
font-weight:bold;
padding:10px 10px;
background-color:silver;
cursor: pointer;
}
#calendarioEventos .hoy {
background-color:red;
}

/*Tabela Config Dia Semana*****************************/ 
#Dia_Semana {
font-family:Arial;
font-size:12px;
}

/*selecte last-child Ultimo row-*/
#Dia_Semana tr:last-child {cursor:pointer;}
/*#Dia_Semana tr:last-child {
background-color:#006699;
color:#fff;
}*/

		
/*****************************************************/
/*Calendario Faltas*/
#calendarioFaltas {
font-family:Arial;
font-size:12px;
}
#calendarioFaltas caption {
text-align:left;
padding:0px 5px;
background-color:#003366;
color:#fff;
font-weight:bold;
font-size:medium;
}

#calendarioFaltas caption div:nth-child(1) {float:left;}
#calendarioFaltas caption div:nth-child(2) {float:right;}
#calendarioFaltas caption div:nth-child(2) a {cursor:pointer;}
#calendarioFaltas th {
background-color:#006699;
color:#fff;
width:50px;
}
#calendarioFaltas td {
text-align:center;
font-weight:bold;
padding:10px 10px;
background-color:silver;
cursor: pointer;
}
#calendarioFaltas .hoy {
background-color:red;
}

.scrolling-wrapper-FaltasAlunos {
       display: flex; 
        flex-wrap: nowrap; 
       overflow-x: auto; 
      -webkit-overflow-scrolling: touch;
     -ms-overflow-style: -ms-autohiding-scrollbar; 
}
  
.scrolling-wrapper-FaltasAlunos::-webkit-scrollbar {
flex: 0 0 auto; 
}

 /*****************************************************/
.GrupoMesses {
 float: left;
 margin: 0px 0px 0px 4px;
 } 
/*****************************************************/
#conteudoConfigProf{ 
padding: 10px; 
width: 1000px;    
}

#PanelTable {
    font-family: Verdana;
    font-size: 10pt;
    margin-top: 10px;
    background-color: #f3f3f3;
    border: solid 1px #a1a1a1;
    padding: 5px;
    overflow: scroll;
    max-width: 80%;
    max-height: 70%;
  }
#PanelTable table input{
width: 98%; 
}
  
#PanelTable table{
	border-collapse: collapse;
    width: 100%;
}

#PanelTable table, th{
	  height: auto;	
}

#PanelTable table, th, td{
	  border: 1px solid black;
	  text-align:center;
}

#PanelTable_Ocorrencias td{
 cursor: pointer;
}

/*tabela ocorrencias*/
#PanelTable_Ocorrencias {
    height:500px;
    width:800px;
    font-family: Verdana;
    font-size: 10pt;
    margin-top: 10px;
    background-color: #f3f3f3;
    border: solid 1px #a1a1a1;
    padding: 5px;
    overflow: scroll;   
}
 
#PanelTable_Ocorrencias table{
	border-collapse: collapse;
    width: 100%;
    table-layout:auto;
}

#PanelTable_Ocorrencias table, th{
	  height: auto;	
}

#PanelTable_Ocorrencias table, th, td{
	  border: 1px solid black;
	  text-align:center;
}

/*****************************************************/
#cANo{
 padding-top: 5px;
 font-size: 1.6em;
}

#cAno_Select{
 width: 200px; /* Tamanho do select, maior que o tamanho da div "div-select" */
 height:30px; /* Altura do select, importante para que tenha a mesma altura em todo os navegadores */
 border:1px solid #ddd;
}

#cBim{
 padding-top: 5px;
 font-size: 1.6em;
}

#cBim_Select{
 width: 200px; /* Tamanho do select, maior que o tamanho da div "div-select" */
 height:30px; /* Altura do select, importante para que tenha a mesma altura em todo os navegadores */
 border:1px solid #ddd;
}

#cMes{
 padding-top: 5px;
 font-size: 1.6em;
}

#cMes_Select{
 width: 200px; /* Tamanho do select, maior que o tamanho da div "div-select" */
 height:30px; /* Altura do select, importante para que tenha a mesma altura em todo os navegadores */
 border:1px solid #ddd;
}

/*---------------------Cadastro de Alunos----------------------------------------*/

#FormNovo-Item{
    padding: 10px;
    font-family: Verdana;
    font-size: 10pt;
    background-color: #f3f3f3;
    border: solid 1px #a1a1a1;
    width: 100%;
    height:20%; 
  }
  
 #FormPesq{
    padding: 10px;
    font-family: Verdana;
    font-size: 10pt;
    background-color: #f3f3f3;
    border: solid 1px #a1a1a1;
    width: 100%;
    height:20%; 
  }
 
#FormImportDados{
  padding: 10px;
  font-family: Verdana;
  font-size: 10pt;
  background-color: #f3f3f3;
  border: solid 1px #a1a1a1;
  overflow: scroll;
  max-width: 80%;
  max-height: 45%;  
}

#FormNovo-AlunoUnico label {
  text-align: right;
  padding-right: 2px;
}

#FormNovos-Alunos label {
  text-align: right;
  padding-right: 2px;
}

#FormNovo-AlunoUnico input {
  width: 400px;
}  

#FormNovos-Alunos input {
  width: 400px;
}
 
#FormNovo-AlunoUnico label, #Form1Layout input {
    display: block;
    float: left;
    margin-bottom: 5px;
}

#FormNovos-Alunos label, #Form1Layout input {
    display: block;
    float: left;
    margin-bottom: 5px;
}

#FormNovo-AlunoUnico br {
  clear:both;
}

#FormNovos-Alunos br {
  clear:both;
}

#FormNovo-AlunoUnico br {
  clear:both;
} 

#FormNovos-Alunos br {
  clear:both;
} 
/*------------------------------------------------------------------------------------*/
/* Center the image and position the close button */
.imgcontainerNovosAlunos {
    text-align: center;
    margin: 24px 0 12px 0;
    position: relative;
}
.avatarNovosAlunos {
    width: 100px;
	height:100px;
    border-radius: 50%;
}

/* The Modal (background) */
.modalNovosAlunos {
	font-size:16px;
	display:none;
    position: fixed;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

/* Modal Content Box */
.modal-contentNovosAlunos {
    background-color: #fefefe;
    margin: 4% auto 15% auto;
    border: 1px solid #888;
    width: 600px;
    height: 700px;
	padding-bottom: 20px;
}
.containerNovosAlunos{
     padding: 20px 20px 20px 20px;	
}

.containerNovosAlunos textarea{
    width: 90%;
}

/* The Close Button (x) */
.closeNovosAlunos {
    position: absolute;
    right: 25px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}
.closeNovosAlunos:hover,.closeNovosAlunos:focus {
    color: red;
    cursor: pointer;
}

/* Add Zoom Animation */
.animateNovosAlunos {
    animation: zoom 0.6s
}
@keyframes zoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}

/*Financeiro************************************************/
.imgcontainerBoxFinanceiro {
    text-align: center;
    margin: 24px 0 12px 0;
    position: relative;
}

.BoxFinanceiro{
	font-size:16px;
	display:none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

.BoxFinanceiro label, select, input[type=text], input[type=button]{
margin: 10px;    
}

.Box-FinanceiroConteudo{
    background-color: #fefefe;
    margin: 4% auto 15% auto;
    border: 1px solid #888;
    width: 400px;
    height: 450px;
	padding-bottom: 20px;
}

/* The Close Button (x) */
.closeBoxFinanceiro{
    position: absolute;
    right: 25px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}
.closeBoxFinanceiro:hover,.closeBoxFinanceiro:focus {
    color: red;
    cursor: pointer;
}

/* Add Zoom Animation */
.animateFinanceiro {
    animation: zoom 0.6s
}
@keyframes zoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}