/* Início principal.php*/
	html, body{
	   height: 100vh;
	}


	.dropdown-menu >  a:hover, .dropdown-menu >  a:focus {
				background-image:none !important;
	}

	.dropdown-menu  > a:hover, .dropdown-menu > a:focus {
				background-color:#144e77;
				color:#fff;
	}


	/*
	 	#div_background{
			background-image: url(logos/biblioteca.jpg);		
			opacity: 0.5; filter: alpha(opacity=20);
			position: absolute;
			height: 100%;
			width: 100%;
		} 
	*/

	/* 	#user_cabecalho{
		background-image: url(logos/fundo_prof.jpg);

	} */


	#div_pwa_install {
		display:none;
		width: 100%;
		height: 20vh;
		left:0;
		bottom:0;	
		z-index:1; 
		position: fixed;
		text-align: center;
		/*o background em rgba permite que a opacidade não atinja os demais elementos, apenas o fundo da div*/
		background-color: rgba(0,0,0,0.8); 
		
	}


	#overlay_black{
		
		width: 100%;
		height: 100%;
		position: fixed;
		background-color: black;
		opacity:1;
		z-index:1;		
	}


	#overlay_white{	

		width: 100%;
		height: 100%;
		position: fixed;
		background-color: white;
		opacity:.7;
		z-index:1;		
	}


	#carregando2 {
		/*display:none;*/
		width: 100%;
		height: 100%;	
		z-index:1; 
		background: #fff;
		opacity: 0.8;
		position: absolute;
	}




	#playvideo{
		
		width: 100%;
		height: 100%;
		position: fixed;
		background-color: rgba(0,0,0,0.9);
		z-index:2;		
	}


	.main_dv{

		height: 90vh; 
		background-color: #fff;
	}


	.foto_grande {
		/*display:none;*/
		width: 100%;
		height: 100%;	
		z-index:2; 
		position: fixed;
	}



	#carregando {
		/*display:none;*/
		width: 100%;
		height: 100%;	
		z-index:1; 
		position: fixed;
		background: #000;
		opacity: 0.8;
		position: absolute;
	}

	.icon_pointer{
		cursor: pointer;
	}


	#botoes_foto {
		/*display:none;*/
		width: 100%;
		height: 120%;	
		z-index:2; 
		position: absolute;
		/*margin-top: -120px;*/
	}


	.icon_file{
		opacity:0.5;
		margin-bottom:6px;
	}

	.icon_file:hover{
		opacity:1;
	}

	.enviando {
		font-size:14px;
		background:#CED4DA;
		position: relative;  
 		display:none; 
		max-width:45%;
		overflow: hidden;
		text-overflow: ellipsis;/*Aplica as reticências no texto, é necessário o overflow:hidden acima*/
	}


	.botoes{
		background:#ffffff;
		height:30px;
	}

	/* form_conteudo_casa */
	.texto_conteudo_casa .data_entrega{

		::-webkit-input-placeholder  { color:#777; }
		input:-moz-placeholder { color:#777; }
		textarea:-moz-placeholder { color:#777; }​

	}


	.nome_arquivo {
		background:#CED4DA;
		position: absolute; 
		top:7px;
		left:5px; 
		display:none;
		max-width:45%;
		overflow: hidden;
		text-overflow: ellipsis;/*Aplica as reticências no texto, é necessário o overflow:hidden acima*/
	}



	.color_7{color: #777777;}

	/*Início div_menu*/

		.nav_principal .active::after{
			content:'';
			width: 100%;
			height: 3px;
			background: #FF2A19;
			/* background: #00ca9c; */
			display:block;
		}


		.btn_menu, .btn_link{
			width: 5rem;
			height: 5rem;
			border: 1px solid #207BBC;
			color: #007bff;
			cursor:pointer;
		}

		.btn_menu:hover{

			color:#fff;
			background-color: #007bff;
		}


		.label_menu{
			margin-bottom: 1.4rem;
			font-size: .9rem;
			color: #777777;
			width: 5rem;
			text-align: center;
		
		}

/* 
		.nav::after{
			content:'';
			width: 100%;
			height: 1px;
			background: #207BBC;
			display:block;			
		}

 */
		#header_usuario::after {
			content:'';
			width: 100%;
			height: 1px;
			background: #207BBC;
			display:block;			
		}
		

		.bolha_1{
			padding: 2px;
			font-size: .9rem;
			position: absolute;
			right:4px;
			bottom: 2px
		} 

/*Fim div_menu*/


	/*início div alunos, amigos e professores*/

		#user_cabecalho::after {
			content:'';
			width: 100%;
			height: 1px;
			background: #207BBC;
			display:block;			
		}

	/*fim div alunos, amigos e professores*/





	/* div_grupos */
		.bolha_2{
			font-size: .9rem;
			margin-top: .1rem;
			/* 		position: absolute;
			right:4px;
			bottom: 2px */
		}

	/*div_disciplinas_prof*/
		.fonte_9{
			font-size: .9rem;
		}

	/*div_disciplinas_prof*/


	/*div_notas_prof*/
		#div_header_notas::after{
			content:'';
			width: 100%;
			height: 2px;
			background: #fff;
			display:block;	
		}

	/*atividade_label*/
		.atividade_label::after{
			content:'';
			width: 100%;
			height: 1px;
			background: #207BBC;
			display:block;	
		}


	/*div_instalar_ios*/

	
		#header_ios::after{
			content:'';
			width: 100%;
			height: 2px;
			background: #207BBC;
			display:block;	
		}


		/*#p_rec::before{
			content:'';
			width: 100%;
			height: 1px;
			background: #777;
			display:block;	
		}*/

		#linha_inferior::after{
			content:'';
			width: 100%;
			height: 1px;
			background: #777;
			display:block;	
		}		
	/*div_notas_prof*/

	/*div_pagamentos*/

	.label_tipo_pg:{

		width:40px;

	}	
	.label_tipo_pg:hover{

		color:#fff;
		background: #007bff;

	}


	/*início material.php*/

	/*#barra_escolher_material::before,*/ #linha::before  {
		content:'';
		width: 100%;
		height: 1px;
		background: #207BBC;
		display:block;			
	}

	/*fim material.php*/


	/*agenda.php*/

		/* #barra_agenda::after {
			content:'';
			width: 100%;
			height: 1px;
			background: #207BBC;
			background: #777;
			display:block;			
		} */

	.cor7{color:#777;}

	/*Fim principal.php*/



	/*tela grande*/
	@media(min-width:769px)	{

		body{font-size:1.3rem; background-color: #A5B6CE}
		#nav_mobile{display:none;}
		#div_branco{display:none;}
		.navbar-brand {font-size:1.5rem}
		#div_principal{min-height: 90vh;}
		#header_usuario{display:none;}

		#div_menu::before{

		content:'';
		width: 100%;
		height: 5rem;
		background: #fff;
		display:block;	

		}


		/*div user_material*/
		#user_material{padding: 0px 25px 0px 25px;}
		

		/*agenda.php*/
		.tarefa{
			max-width:580px; 
			overflow: hidden; 
			text-overflow:ellipsis; 
			white-space:nowrap;
		}	
	}	

	/*tela pequena*/
	@media(max-width:768.99px)	{

		#nav_desktop{display:none;}
		/* #nav_mobile{display:flex; justify-content: space-between;} */
		#ola {font-size:2.5rem}
		#div_principal{min-height: 94vh;}
		
		/*box_pagseguro*/
		#container_pagseguro{margin-top: 30px} 


		/*agenda.php*/
		.tarefa{
			max-width:280px; 
			overflow: hidden; 
			text-overflow:ellipsis; 
			white-space:nowrap;
		}

	}

	/*tela pequena*/
	@media print {

		.noprint{
			visibility: hidden;
			overflow: hidden;
		}

	}