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

/*======== STYLE DO CANAL AULAS ===============*/

/*======== CADASTRAR USUARIO ===============*/
#cadastra_usuarios{
	width:800px;
	background:#EBECFF;
	height:auto;
	float:left;
	text-align:left;
	margin: 10px 0 20px 100px;
	border:1px solid #333;
	}

#cadastra_usuarios .input{
	font:16px Arial, Helvetica, sans-serif;
	margin:2px 0 0 0;
	padding:5px;
	width:100px;
	background:green;
	height:40px;
	color:#FFF;
	cursor:pointer;
	border-radius: 10px;
	
	}
#cadastra_usuarios .input2{
	font:16px Arial, Helvetica, sans-serif;
	margin:2px 0 0 0;
	padding:5px;
	width:100px;
	background:blue;
	height:40px;
	color:#FFF;
	cursor:pointer;
	border-radius: 10px;
	}

#cadastra_usuarios table{
	border:1px solid #333;
	padding: 10px;
	background:#FFF;
	margin:0 0 10px 0;
	margin:auto;
	}
#cadastra_usuarios h2{
	font:24px Arial, Helvetica, sans-serif;
	color:#000; 
	text-align: center;
	}
#cadastra_usuarios tr:nth-child(even){
	background: #EEF2FC;
}

#cadastra_usuarios a{
	border: #000 solid 1px;
	text-decoration: none;
	padding: 3px 12px;
}

/*========EDITAR USUARIO ===============*/

#edita_usuarios{
	width:978px;
	background:#EBECFF;
	height:auto;
	float:left;
	text-align:left;
	margin: 10px 0 20px 100px;
	border:1px solid #333;
	}

#edita_usuarios table{
	border:1px solid #333;
	padding:10px;
	background:#FFF;
	margin:0 0 10px 0;
	margin:auto;
	}
#edita_usuarios .input{
	font:16px Arial, Helvetica, sans-serif;
	margin:2px 0 0 0;
	padding:5px;
	width:100px;
	background:blue;
	height:40px;
	color:#FFF;
	cursor:pointer;
	border-radius: 10px;
	}

#edita_usuarios h2{
	font:20px Arial, Helvetica, sans-serif;
	text-align: center;
	color:#000;
	}


/*======== lISTA USUARIO ===============*/

#lista_usuarios{
	width:978px;
	background:#EBECFF;
	height:auto;
	float:left;
	text-align:left;
	margin: 10px 0 20px 100px;
	border:1px solid #333;
	}
#lista_usuarios table{
	border:1px solid #333;
	padding:10px;
	background:#FFF;
	margin:0 0 10px 0;
	margin:auto;
}
#lista_usuarios h2{
	font:24px Arial, Helvetica, sans-serif;
	text-align: center;
	color:#000;
}

#lista_usuarios tr:hover{
	background: #F9F767;
	
}

#lista_usuarios a{
	border: #000 solid 1px;
	text-decoration: none;
	padding: 3px 12px;
}

#lista_usuarios .input{
	font:16px Arial, Helvetica, sans-serif;
	border: #000 solid 0px;
	width:100px;
	background: blue;
	height:30px;
	color:#FFF;
	cursor:pointer;
	}

/*======== lISTA USUARIO SEM HOVER===============*/

#lista_usuarios1{
	width:978px;
	background:#EBECFF;
	height:auto;
	float:left;
	text-align:left;
	margin: 10px 0 20px 100px;
	border:1px solid #333;
	}
#lista_usuarios1 table{
	border:1px solid #333;
	padding:10px;
	background:#FFF;
	margin:0 0 10px 0;
	margin:auto;
}
#lista_usuarios1 h2{
	font:24px Arial, Helvetica, sans-serif;
	text-align: center;
	color:#000;
}

#lista_usuarios1 tr:nth-child(even){
	background: #EEF2FC;
}

#lista_usuarios1 a{
	border: #000 solid 1px;
	text-decoration: none;
	padding: 3px 12px;
}

#lista_usuarios1 .input{
	font:16px Arial, Helvetica, sans-serif;
	border: #000 solid 0px;
	width:100px;
	background: blue;
	height:30px;
	color:#FFF;
	cursor:pointer;
	}

/*----outras div----*/


.div_box_alterar_senha{
	background: #EBECFF;
	width: 180px;
	margin-top: 20px;
	margin-left: auto;
    margin-right: auto;
	text-align: center;
}

.div_verde_central{
	background: green;
	width: 180px;
	color:white;
	font-size: 16pt;
	text-align: center;
	font-weight:bold;
	align-items: center;
	}


.tabela_minhas_aulas{
	width: 660px;
	margin-bottom: 0px
}


.div_verde{
	background:green;
	color: white;
	height: 20px;
	}

.div_azul{
	background:blue;
	color: black;
	height: 40px;
	}

.botoes{
	font:16px Arial, Helvetica, sans-serif;
	width:140px;
	background:green;
	height:40px;
	color:#FFF;
	cursor:pointer;
	border-radius: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	}

.botao_del{
	font:12px Arial, Helvetica, sans-serif;
	background:red;
	color:#FFF;
	cursor:pointer;
	margin-top: 3px;
	margin-bottom: 3px;
	}
.botao_edit{
	font:12px Arial, Helvetica, sans-serif;
	width:50px;
	background:blue;
	color:#FFF;
	cursor:pointer;
	margin-top: 5px;
	margin-bottom: 5px;
	}

.botao_inserir{
	background:green;
	cursor:pointer;
	color:white;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 60px;
	}
.botao_inserir:hover{
	background:blue;
	}


.grupo_botoes{
	margin-left: 10px;
	margin-right:10px;
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.botao_disciplina{
	font:16px Arial, Helvetica, sans-serif, bold;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	width:280px;
	background:#2533C8;
	height:40px;
	color:white;
	cursor:pointer;
	border-radius: 10px;
	}

.botao_disciplina:hover{
	background:green;
	}

.alterar_senha{
	background: blue;
	border: #000 solid 1px;
	text-decoration: none;
	padding: 5px;
	color: white;
}

.div_imprimir{
margin-left: 10px;
margin-top: 10px;
}

/*======== AS DIVS DA PAG PRA VISUALIZAR O HORARIO DO PROFESSOR ===============*/

.div_todos_dias{
display: flex;
flex-direction: row;
justify-content: left;
}

.div_dia{
	width: 50px;
	margin-left: 13px;
	}

.tabela_aula_num {
width: 100%;
height: 30px;
margin-top: 5px;
margin-bottom: 5px;	
border: 1px solid;
}

.div_numero_aula{
	width: 10px;
	margin-left: 5px;
	}

.tabela_numero_aula {
width: 100%;
height: 30px;
margin-top: 5px;
margin-bottom: 5px;	

}

.tabela_aula_num_vazia {
width: 100%;
height: 30px;
margin-top: 5px;
margin-bottom: 5px;

}



@media (max-width:640px){
#cadastra_usuarios{
	width:640px;
	margin: 0px 0 0px 0px;
	}
	
	#lista_usuarios{
	width:640px;
	margin: 0px 0 0px 0px;
	
	}
.tabela_minhas_aulas{
	width: 630px;	
}
	

}
@media (max-width:470px){
		
	#cadastra_usuarios{
	width:470px;
	margin: 0px 0 0px 0px;
	}
	
	#lista_usuarios{
	width:470px;
	margin: 0px 0 0px 0px;
	
	}
	
	.tabela_minhas_aulas{
	width: 470px;	
}
}

@media (max-width:470px){
		
	#cadastra_usuarios{
	width:360px;
	margin: 0px 0 0px 0px;	
	}
}