@import url("https://use.fontawesome.com/releases/v5.0.6/css/all.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300&display=swap');



/*-----Login --------*/
#erro_login {
	margin-top: 10px;
}

.whatsapp {
	color: #fff;
	font-size: 12px;
	margin-top: 30px;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.whatsapp>span {
	display: block;
}

.whatsapp>span>img {
	width: 20px;
}

.whatsapp>span>a {
	color: #4aca59;
}

.abcRioButton.abcRioButtonBlue {
	width: 100% !important;
}

*:focus {
	outline: none;
}

.transition,
a,
input,
.box-menu>ul>li>ul>li>ul>li>ul,
.interna .mobile-toggle-menu span {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a:hover,
a:active,
a:focus {
	text-decoration: none;
}

html,
body {
	font-family: 'Poppins' !important;
	font-weight: 300;
	min-height: 100%;
}

.home {
	background: #012451;
	background: -moz-linear-gradient(top, #012451 80%, #011733 100%);
	background: -webkit-linear-gradient(top, #012451 80%, #011733 100%);
	background: linear-gradient(to bottom, #012451 80%, #011733 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#012451', endColorstr='#011733', GradientType=0);
	height: 100%;
}

.navbar {
	border: none;
}

.home .navbar {
	background: #fff;
	height: 200px;
	border-radius: 0;
}

.home h1 {
	color: #fff;
	font-size: 25px;
	margin-top: 40px;
	margin-bottom: 50px;
}

.home input {
	background: transparent;
	border: solid #fff;
	border-width: 0 0 1px;
	font-size: 15px;
	margin-bottom: 50px;
	padding: 5px 0;
	width: 100%;
}

.home input[type="submit"] {
	background: #fff;
	border-radius: 5px;
	color: #012451;
	padding: 7px 0;
	text-transform: uppercase;
	margin-top: 20px;
}

.home input[type="submit"]:hover {
	opacity: 0.8;
}

#espacamento {
	margin-top: 150px;
}

#contents {
	padding-top: 0.5rem;
}

/*<<<<<<<<<<<< BOLETIM >>>>>>>>>>>>>>>>*/
.boletim {
	margin-left: 15px;
	margin-top: 20px;
	max-width: 97%;
}

.boletim thead tr td {
	vertical-align: middle;
}

.abas-boletim ul {
	float: left;
	padding-left: 0px;
	display: block;
}

.abas-boletim li {
	display: inline-block;
	background: #032b50;
	color: #fff;
	margin: 0 15px;
	margin-left: 5px;
	cursor: pointer;
	font-weight: bold;
}

.abas-boletim li a {
	display: block;
	width: 100%;
	color: #fff;
	padding: 15px;
}

.abas-boletim li:hover {
	background: #18436b;
	color: #fff;
}

.boletim tr {
	color: #fff;
	border: 0 solid #fff;
}

.boletim>thead>tr:nth-child(2) {
	background: #6b9ac7;
}

/*COLUNA DISCIPLINA*/
.DISCIPLINA,
.DISCIPLINA td {
	background: #1d456a;
	max-width: 100%;
	width: auto;
}

thead .DISCIPLINA {
	background: #032b50;
}

/*COLUNA CADERNO*/
.instrumento1,
.instrumento5 {
	background: #52779a;
	fill: #52779a;
}

thead .instrumento1,
thead .instrumento5 {
	background: #395e81;
}

/*COLUNA PROVAS*/
.instrumento2,
.instrumento7 {
	background: #648cb3;
	fill: #648cb3;
}

thead .instrumento2,
thead .instrumento7 {
	background: #4b739a;
}

/*COLUNA SÍNTESE*/
.instrumento3,
.instrumento8 {
	background: #7fabd6;
	fill: #7fabd6;
}

thead .instrumento3,
thead .instrumento8 {
	background: #6692bd;
}

/*COLUNA ANE*/
.instrumento4 {
	background: #9ec9f1;
	fill: #9ec9f1;
	color: #032b50;
}

thead .instrumento4 {
	background: #85b0d8;
}

/*COLUNA MÉDIA SEMESTRE*/

.MEDIA {
	font-size: 12px;
}

.MEDIA,
.MEDIA td,
.instrumento0,
.instrumento0 td {
	background: #b9c6d3;
	color: #032b50;
	max-width: 100px;
	width: 100px;
}

thead .MEDIA,
thead .instrumento0 {
	background: #a0adba;
}

/*COLUNA FALTAS*/
.FALTAS {
	background: #cfd3d6;
	color: #032b50;
}

thead .FALTAS {
	background: #b6babd;
}

/*COLUNA MEDIA FINAL*/
.instrumento10,
.instrumento10 td {
	background: #63788c;
	color: #fff;
	max-width: 100px;
	width: 100px;
}

thead .instrumento10 {
	background: #2d3842;
}

/*<<<<<<<<<< FECHA BOLETIM >>>>>>>>>>>>>>*/
/*<<<<<<<<<< COTIDIANO >>>>>>>>>>>>>>>>>>*/
#quadrosCotidiano {
	margin-top: 5%;
	margin-bottom: 5%;
}

.quadroCotidiano {
	background-color: #032b50;
	color: #fff;
	margin-bottom: 10px;
	box-shadow: 3px 3px 4px #000;
	min-height: 0;
	cursor: pointer;
	transition: all 0.3s ease-in-out 0s;
}

.quadroCotidiano .valCotidiano {
	font-size: 16px;
	font-weight: bold;
}

.quadroCotidiano .textCotidiano {
	padding-top: 5%;
	font-size: 14px;
}

.botao-accordion.collapsed {
	background: #fff;
	color: #878787;
	/*box-shadow: 0 0 1px #dddddd;*/
	border-bottom: solid 1px #dddddd;
}

.botao-accordion>div>span {
	color: #032b50;
}

.botao-accordion:hover,
.quadroCotidiano:hover {
	background: #e8e8e8;
	color: #898989;
}

.botao-accordion {
	font-weight: bolder;
	font-size: 14px;
	background: #e8e8e8;
	color: #898989;
	/*box-shadow: 3px 3px 4px #dddddd;*/
	transition: all 0.3s ease-in-out 0s;
	width: 100%;
	height: 100%;
	text-align: left;
	padding: 25px;
	cursor: pointer;
	/*margin-left: 5px;*/
	margin-bottom: 1px;
}

#accordionCotidiano div[id^="collapse"]>div,
#accordionLicao div[id^="collapse"]>div {
	margin-top: 0;
}

.modal-cotidiano-body {
	padding: 0;
}

.modal-cotidiano-header {
	font-weight: bold;
}

.botao-accordion>div:after {
	font-family: "Font Awesome 5 Free";
	content: "\f068";
	font-weight: 900;
	float: right;
	color: #032b50;
}

.botao-accordion.collapsed>div:after {
	content: "\f067";
}

#accordionCotidiano div[id^="collapse"],
#accordionLicao div[id^="collapse"] {
	padding: 0;
	font-size: 12px;
	text-align: center;
}

.botao-accordion>div>div {
	padding-left: 25px;
}

div[id^="collapse"] .botao-accordion {
	font-weight: normal;
	text-align: center;
}

div[id^="collapse"] .botao-accordion>span {
	color: #032b50;
}

.modal-footer>.botao {
	color: #fff;
	background: #032b50;
}

#modalObs .modal-body p {
	wrap-text: break-word;
}

#accordionLicao>div>div>div>div>a {
	display: inline-block;
	padding: 2em;
	margin: -2em;
	width: 100%;
}

/*<<<<<<<<<< FECHA COTIDIANO >>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<< TURMA SERIE >>>>>>>>>>>>>>>>>>>>>*/
.botoes-turma-serie {
	padding-left: 13%;
}

.botoes-turma-serie>div {
	margin-right: 15px;
	padding: 10px 15px;
}

/*<<<<<<<<<< FECHA TURMA SERIE >>>>>>>>>>>>>>>>>>>>>*/

#divMedia {
	width: 100%;
}

#grafico-media {
	width: 100%;
	text-align: center;
}

#divMedia {
	position: absolute;
	top: 55%;
	width: 100%;
	text-align: center;
	font-size: 80px;
	font-style: normal;
	font-weight: normal;
	transform: translateY(-50%);
}

.media-notas {
	max-height: 355px;
	overflow-y: auto;
}

.prioridade-estudo>ul>li>a,
.prioridade-estudo-dash>ul>li>a,
.atencao-nota>ul>li>a,
.atencao-nota-dash>ul>li>a {
	color: #032b50;
}

.atencao-nota>p,
.atencao-nota-dash>p {
	padding: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background: #ffbc00;
}

.atencao-nota>ul {
	height: 150px;
	background: #ffdd80;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 27px;
	margin-top: -16px;
	overflow-y: auto;
}

.atencao-nota-dash>ul {
	max-height: 120px;
	background: #ffdd80;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 27px;
	margin-top: -16px;
	overflow-y: auto;
}

.atencao-nota>ul::-webkit-scrollbar,
.atencao-nota-dash>ul::-webkit-scrollbar {
	width: 16px;
}

.atencao-nota>ul::-webkit-scrollbar-thumb,
.atencao-nota-dash>ul::-webkit-scrollbar-thumb {
	background-color: #ffbc00;
	border-radius: 5px;
}

.atencao-nota>ul::-webkit-scrollbar-thumb:hover,
.atencao-nota-dash>ul::-webkit-scrollbar-thumb:hover {
	background-color: #997000;
}

#editar-instrumento {
	position: relative;
	margin: -65px 100px;
	float: right;
}

.prioridade-estudo>p,
.prioridade-estudo-dash>p {
	padding: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background: #ff6600;
}

.prioridade-estudo>ul {
	height: 150px;
	background: #ffa366;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 27px;
	margin-top: -16px;
	overflow-y: auto;
}

.prioridade-estudo-dash>ul {
	max-height: 120px;
	background: #ffa366;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 27px;
	margin-top: -16px;
	overflow-y: auto;
}

.prioridade-estudo>ul::-webkit-scrollbar,
.prioridade-estudo-dash>ul::-webkit-scrollbar {
	width: 16px;
}

.prioridade-estudo>ul::-webkit-scrollbar-thumb,
.prioridade-estudo-dash>ul::-webkit-scrollbar-thumb {
	background-color: #ff6600;
	border-radius: 5px;
}

.prioridade-estudo>ul::-webkit-scrollbar-thumb:hover,
.prioridade-estudo-dash>ul::-webkit-scrollbar-thumb:hover {
	background-color: #993d00;
}

#acoes {
	width: 100px;
}

#multi-select-row {
	margin-bottom: 15px;
}

#ALUNO_EVENTO,
#ALUNO_EVENTO_PARTICIPANTE {
	height: 134px;
}

#ARQUIVOCERTIFICADO {
	margin-top: 0;
	width: 100%;
}

#visualizar_certificado {
	margin-top: 25px;
}

/*.media-semestre > div > p {
margin: 20px 80px;
font-size: 100px;
border-radius: 50%;
padding: 50px;
background: #cecece;
color: #032b50;
font-weight: bold;
box-shadow: #000 5px 5px 15px;
}*/
.composicao {
	border: 1px solid #e6e6e6;
	padding: 10px 30px 10px;
}

.conteudo-informativo {
	border: 1px solid #e6e6e6;
	padding: 10px;
}

.img-aval-1>img,
.img-aval-2>img,
.img-aval-3>img {
	max-width: 100%;
}

.perda-material-table>div {
	border: 1px solid #e6e6e6;
}

.linha {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 10px;
}

.linha2 {
	padding-top: 10px;
}

.media-circulos {
	padding-top: 75px;
}

.inst-nome>span>p,
.inst-corpo>div>span>p {
	padding: 15px;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	margin: 0 -15px;
	border: 1px solid #fff;
	height: 100%;
}

#left {
	border-right: 0px;
}

.inst-corpo {
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

.sim-nota {
	color: 032b50;
	background: #eee !important;
	width: 40px;
	border: 2px solid #032b50 !important;
	text-align: center;
	border-radius: 10px !important;
	margin: 0 5px !important;
}

.notas-instrumento {
	/*padding: 0 40px;*/
	padding-left: 40px;
}

input:-webkit-autofill {
	background: transparent;
	background-color: transparent !important;
	background-image: none !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	-webkit-box-shadow: inset 0 0 0px 9999px #012451;
}

::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #fff;
	opacity: 1;
	/* Firefox */
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #fff;
}

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #fff;
}

.box-nomes a {
	display: block;
	font-size: 18px;
	margin-bottom: 20px;
	border: solid 1px #fff;
	padding: 25px 30px;
	color: #fff;
	box-shadow: #000 10px 10px 20px;
}

.box-nomes a:hover {
	background: #011c3e;
}

.interna .navbar {
	border-radius: 0;
	/* background: #fff; */
	margin: 0;
	margin-top: 10px;
	position: fixed;
	padding-top: 0;
	padding-bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9;
}

.interna .logo img {
	width: 100px;
	/* margin-left: 25px; */
}

.interna .btn-sair {
	background: #f7f7f7;
	position: fixed;
	top: 0;
	right: 0;
	padding: 5px 20px;
	font-size: 17px;
	color: #000;
	font-weight: 600;
	display: inline-block;
	box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
}

.interna .mobile-toggle-menu {
	display: none;
}

.interna .btn-sair:hover {
	color: #1e0082;
}

.nomes-alunos ul {
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
}

.nomes-alunos ul li {
	display: inline-block;
	margin: 0 15px;
	box-shadow: 3px 3px 4px #dddddd;
	cursor: pointer;
	transition: all 0.3s ease-in-out 0s;
}

.nomes-alunos ul li a {
	color: #898989;
	font-size: 16px;
	font-weight: 600;
	display: block;
	padding: 10px 25px;
}

.nomes-alunos ul li:hover {
	background: #e8e8e8;
	box-shadow: 3px 3px 4px #dddddd;
}

.nomes-alunos ul li.active,
.nomes-alunos ul li.ui-state-active {
	color: #fff;
	background: #032b50;
	box-shadow: 3px 3px 4px #000000;
}

.nomes-alunos ul li.active a,
.nomes-alunos ul li.ui-state-active a {
	color: #fff;
	background: #032b50;
}

#btn-simular {
	padding: 15px;
	background: #032b50;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	margin: 5px -14px 10px !important;
	border: 0;
}

.box-nomes-master {
	width: 500px;
	height: 400px;
	background: #03152b;
	border-radius: 10px;
	overflow-y: auto;
}

.box-nomes-master>ul>li>a {
	text-align: center;
	font-size: 20px;
	color: #fff;
}

.entraPerfil {
	height: 50px;
}

.comunic-edit {
	text-align: center;
	border: 1px solid;
	padding: 5px 8px;
	border-radius: 5px;
	color: #032b50;
}

#videoTutorial {
	width: 900px;
	height: 515px;
}

.notificacao {
	background: #032b50;
	padding: 0 9px;
	border-radius: 100%;
	position: absolute;
	margin: -8px -20px;
	color: #fff;
	font-size: 12px;
}

#edit {
	text-align: center;
}

.botao {
	padding: 15px;
	background: #fff;
	color: #898989;
	font-weight: bold;
	cursor: pointer;
	display: inline-block;
	margin-left: 5px;
	box-shadow: 3px 3px 4px #dddddd;
}

.botao:hover {
	background: #e8e8e8;
	color: #898989;
	box-shadow: 3px 3px 4px #dddddd;
}

.botoesOcorrencia>li {
	display: inline-block;
}

#imgHome {
	width: 70%;
}

.interna:before {
	content: "";
	background: #032b50;
	display: block;
	position: fixed;
	left: 0;
	width: 15%;
	top: 0;
	bottom: 0;
}

.interna h1 {
	color: #242d56;
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 30px;
}

.box-menu {
	background: #fff;
	position: relative;
	width: 15%;
	margin-top: -14px;
	z-index: 99;
	padding-top: 0;
	float: left;
	/* padding-top: 20px; */
}

.box-menu ul {
	padding-left: 0;
	margin-bottom: 0;
}

.box-menu ul li {
	list-style: none;
	position: relative;
}

.box-menu>ul>li {
	/* border-bottom: solid 10px #fff !important; */
	display: block;
}

/* .box-menu>ul>li:last-child{
border: none !important;
} */
.box-menu ul li a {
	display: block;
}

.box-menu>ul>li>a {
	color: #fff;
	padding: 13px;
	border-left: 6px solid #33ccff;
	font-weight: 600;
	font-size: 12px;
	border-right: 0;

}

.box-menu>ul>li.menu-1,
.box-menu>ul>li.menu-1>a,
.box-menu>ul>li.menu-2,
.box-menu>ul>li.menu-2>a,
.box-menu>ul>li.menu-3,
.box-menu>ul>li.menu-3>a,
.box-menu>ul>li.menu-4,
.box-menu>ul>li.menu-4>a

/*,
.box-menu>ul>li.menu-4, .box-menu>ul>li.menu-5>a*/
	{
	background: #032b50;
	/* border-color: #032b50; */
}

.box-menu>ul>li.menu-1 a:hover,
.box-menu>ul>li.menu-1 a.active,
.box-menu>ul>li.menu-1:hover>a,
.box-menu>ul>li.menu-1>ul>li>ul>li:hover>a {
	color: #032b50;
	border-color: #032b50;
	background: #fff;
}

.box-menu>ul>li.menu-2 a:hover,
.box-menu>ul>li.menu-2 a.active,
.box-menu>ul>li.menu-2:hover>a,
.box-menu>ul>li.menu-2>ul>li>ul>li:hover>a {
	color: #032b50;
	border-color: #032b50;
	background: #fff;
}

.box-menu>ul>li.menu-3 a:hover,
.box-menu>ul>li.menu-3 a.active,
.box-menu>ul>li.menu-3:hover>a {
	color: #032b50;
	border-color: #032b50;
}

.box-menu>ul>li.menu-4 a:hover,
.box-menu>ul>li.menu-4 a.active,
.box-menu>ul>li.menu-4:hover>a {
	color: #032b50;
	border-color: #032b50;
}

.box-menu>ul>li.menu-5 a:hover,
.box-menu>ul>li.menu-5 a.active,
.box-menu>ul>li.menu-5:hover>a,
.box-menu>ul>li.menu-5>ul>li>ul>li:hover>a {
	color: #032b50;
	border-color: #032b50;
	background: #fff;
}

.box-menu>ul>li a:hover,
.box-menu>ul>li a.active,
.box-menu>ul>li:hover>a {
	background: #fff;
}

.box-menu>ul>li>ul>li>a {
	padding: 10px 10px 10px 15px;
	background: rgba(255, 255, 255, 0.25);
	color: #fff;
	border-left: solid 4px rgba(255, 255, 255, 0.3);
	border-bottom: solid 1px rgba(255, 255, 255, 0.1);
	border-right: solid 1px transparent;
	font-size: 12px;
}

.box-menu>ul>li>ul>li>ul>li>a {
	padding: 12px 10px 12px 25px;
	background: #b5b5b5;
	color: #fff;
	border-left: solid 4px rgba(255, 255, 255, 0.3);
	border-bottom: solid 1px rgba(255, 255, 255, 0.1);
	border-right: solid 1px transparent;
	font-size: 10px;
	font-weight: bold;
}

/*.box-menu>ul>li>ul>li>ul>li>ul, .box-menu>ul>li.menu-3>ul{
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	display: block;
}*/
/*.box-menu>ul>li>ul>li>ul>li:hover>ul,  .box-menu>ul>li.menu-3:hover>ul{
	opacity: 1;
	visibility: visible;
}*/

.box-menu>ul>li>ul>li>ul>li>ul>li>a {
	padding: 10px 10px 10px 15px;
	background: rgba(255, 255, 255, 0.25);
	color: #fff;
	border-left: solid 4px rgba(255, 255, 255, 0.3);
	border-bottom: solid 1px rgba(255, 255, 255, 0.1);
	border-right: solid 1px transparent;
	font-size: 12px;
	font-weight: 600;
	color: rgba(0, 0, 0, 0.7);
	border-top: solid 1px transparent;
}

.box-menu>ul>li.menu-1>ul>li>ul>li>ul>li>a,
.box-menu>ul>li.menu-2>ul>li>ul>li>ul>li>a {
	background: #efecec;
}

.box-menu ul ul {
	display: none;
}

/*.box-menu>ul>li.menu-3:hover>ul>li>a {
	background: #18436b;
	font-weight: 600;
	color: #fff;
	border-top: solid 1px transparent;
}*/
.box-menu>ul>li.menu-3:hover>ul>li>a:hover {
	background: #fff;
	color: #000;
	border-color: #011c3e;
}

.container-interno {
	background: #fff;
	/* position: relative; */
	margin-top: 60px;
	padding: 0 30px 30px;
	z-index: 8;
	float: left;
	width: 83%;
}

#headerSelectAlunoMoodle,
#divSelectAlunoMoodle {
	display: none;
}

@media screen and (max-width: 1420px) {
	.npinstrumento {
		padding-bottom: 35px;
	}

	#headerSelectAlunoMoodle,
	#divSelectAlunoMoodle {
		display: none;
	}

	/*CALENDAR*/
	.googleCalendar {
		position: relative;
		height: 0;
		width: 100% !important;
		padding-bottom: 70% !important;
	}

	/*FIM CALENDAR*/
}

@media screen and (max-width: 991px) {
	.home .navbar {
		height: 180px;
	}

	.home h1 {
		margin-top: 20px;
		margin-bottom: 30px;
	}

	.box-nomes a {
		font-size: 15px;
		padding: 20px 15px;
	}

	.home input {
		margin-bottom: 20px;
	}

	.nomes-alunos ul li a {
		font-size: 12px;
	}

	.interna:before {
		width: 20%;
	}

	.box-menu {
		width: 20%;
	}

	.container-interno {
		width: 80%;
	}

	.media-instrumento,
	.notas-instrumento {
		max-width: 100%;
		margin: 0;
	}

	#divMedia p {
		top: 40%;
		width: 100%;
		text-align: center;
		font-size: 6vw;
	}

	.media-circulos {
		padding-top: 10px;
	}

	.npinstrumento {
		padding-bottom: 0px;
	}

	.notas-instrumento {
		padding-left: 30px;
	}

	#headerSelectAluno,
	#divSelectAlunoMoodle {
		display: none;
	}

	#contents {
		padding-top: 1.5rem;
	}

	/*CALENDAR*/
	.googleCalendar {
		padding-bottom: 90% !important;
	}

	/*FIM CALENDAR*/
}

@media screen and (max-width: 414px) {
	#headerSelectAlunoMoodle {
		/*margin-top: auto;
		margin-left: auto;*/
		margin-bottom: 10px;
	}

	#divSelectAlunoMoodle {
		margin-top: auto;
		margin-left: auto;
	}
}

@media screen and (max-width: 767px) {
	.nomes-alunos {
		padding-right: 0;
	}

	.nomes-alunos ul li,
	.nomes-alunos ul li.active {
		display: none;
	}

	#headerSelectAlunoMoodle,
	#divSelectAlunoMoodle {
		display: block;
	}

	/*.nomes-alunos ul li.active{
		display: block;
		margin-top: 0;
		margin-bottom: 0;
	}*/
	.container-interno {
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 30px;
	}

	.media-instrumento,
	.notas-instrumento {
		max-width: 100%;
		margin: 0;
	}

	#divMedia p {
		top: 40%;
		width: 100%;
		text-align: center;
		font-size: 80px;
	}

	.media-circulos {
		padding-top: 10px;
	}

	.npinstrumento {
		padding-bottom: 10px;
	}

	.media-notas {
		max-height: 210px;
		overflow-y: unset;
	}

	.atencao-nota>ul {
		height: 0;
		max-height: 100px;
	}

	.prioridade-estudo>ul {
		height: 0;
		max-height: 100px;
	}

	#visualizar_certificado {
		margin-top: 0;
	}
}

/****************REUNIOES************************************/
/*#table{
margin-top:25px;;
}*/

/*form personalizado*/
.label-form {
	color: #032b50;
	margin-left: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 12px;
}

.label-form h2 {
	font-size: 15px;
	color: #337ab7;
	font-weight: bold;
}

/*ESTILO DOS FORMS*/
input[type="text"],
input[type="date"],
#message,
select.form-control {
	background: transparent;
	border: none;
	border-bottom: 2px solid #032b50;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
}

input[type="text"]:focus,
select.form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

/*ESTILO DOS BOTÕES*/
html {
	font-size: 14px;
}

.btn-padrao {
	color: #898989;
	font-size: 14px;
	background: #f3f2f2;
	font-weight: 600;
	padding: 10px 15px;
	text-align: center;
	box-shadow: 3px 3px 4px #dddddd;
	transition: all 0.3s ease-in-out 0s;
	cursor: pointer;
	margin-top: 10px;
}

@include media-breakpoint-up() {
	.btn-padrao {
		font-size: 12px;
	}
}

.btn-padrao a {
	color: #898989;
	display: block;
}

.botoes {
	margin-bottom: 40px;
}

.btn-padrao:hover a {
	color: #fff;
}

.btn-padrao a:hover {
	color: #fff;
	width: 100%;
	height: 100%;
}

.btn-padrao:active {
	background: #032b50;
	color: #fff !important;
	box-shadow: 3px 3px 4px #000000;
}

.btn-padrao.active {
	background: #032b50 !important;
	color: #fff !important;
	box-shadow: 3px 3px 4px #000000;
}

.active a {
	color: #fff !important;
}

.btn-padrao:hover,
.btn-padrao:focus {
	background: #032b50;
	color: #fff;
	box-shadow: 3px 3px 4px #000000;
}

.nav {
	margin-left: -20px;
}

/***************************BOLETIM PROFESSORES*********************************/

/*INPUT - FILTROS - */
.filtros input[type="text"],
input[type="date"],
#message,
select.form-control {
	background: transparent;
	border: none;
	border: 1px solid #e3e3e3;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
}

.header-filtros {
	border: 1px solid #e3e3e3;
	padding: 10px 0 10px 0;
	margin-bottom: 10px;
	/*margin-bottom: -60px;*/
}

.boletim_professores {
	margin-top: 20px;
}

/*FIM BOLETIM PROFESSORES*/

/**MENU MOODLE*/

.box-menu>ul>li>ul>li>ul>li>ul {
	position: relative;
	top: 0;
	left: 0%;
	width: 100%;
	/*visibility: hidden;*/
	display: none;
}

.hidden {
	display: block;
}

/*MODAL OPÇÕES DO ALUNO NA TELA DE PROFESSORES E COORDENADORES*/

#ModalOpcoesDoAluno .modal-content {
	border-radius: 0;
}

#ModalOpcoesDoAluno .modal-header,
#ModalOpcoesDoAluno .modal-body {
	background: #032b50;
	border-bottom: 0;
	padding: 30px;
}

#ModalOpcoesDoAluno .modal-body button {
	border-radius: 0;
	background: #1d456a;
	padding: 10px;
	width: 120px;
	border: 0;
}

#ModalOpcoesDoAluno .modal-body .row {
	margin-top: -60px;
}

#ModalOpcoesDoAluno .modal-header .close {
	text-shadow: none;
	color: #fff;
	font-weight: 10;
	opacity: none;
}

#modalCertificado {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 1;
	/* Sit on top */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
}

#modalCertificado .modal-body object {
	width: 100%;
	background: #525659;
}

#conteudoCertificado {
	margin-top: 10%;
	margin-left: 20%;
	margin-right: 5%;
	width: auto;
}

#myBtnCertificado {
	margin-top: 23px;
}

/*HOVER BOLETIM PROFESSORES*/

#ButtonCotidiano {
	cursor: pointer;
	background-color: #fff !important;
}

.destaque td {
	background-color: #002140 !important;
	color: #fff !important;
}

#MenuCotidiano {
	display: none;
	margin: 20px 0 20px 0;
}

#area_professores .container-interno {
	background: none;
	position: none;
}

/*****************************COORDENADORES ********************************/

/*BOLETIM COORDENADORES*/
.filtroCoordenadores {
	padding-left: 15px;
	padding-right: 15px;
}

.voltar {
	font-size: 60px;
	cursor: pointer;
	display: none;
}

.voltar-active {
	display: block;
}

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

/*MENSAGEM MODAL FILTRO DE DATAS*/

.mensagem {
	padding: 5px;
	border: 1px solid #eee;
	margin-bottom: 10px;
	border-radius: 0.2em;
	background: #eef3f7;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	display: none;
}

/****************************************************************************/
/*PENDENCIAS*/
.pendencias_atrasos {
	margin-top: 30px;
	font-family: "Open Sans";
}

.title_pendencias {
	color: #032b50 !important;
}

.pendencias_atrasos h1 {
	font-size: 12px;
	color: #fff;
}

.pendencias_atrasos .data {
	margin-top: -30px;
	font-size: 12px;
}

.recados {
	border-top: 4px solid #032b50;
}

.recados_header {
	margin: 20px 0px -40px 0px;
}

.recados_header h1 {
	font-size: 15px;
}

.pendencias_atrasos ul {
	padding: 0px;
	margin-top: -20px;
	list-style-type: none;
	text-align: center;
}

.pendencias_atrasos .quantidade {
	font-size: 30px;
	font-weight: bold;
}

.recados_painel {
	background: #032b50;
	color: #fff;
	margin-bottom: 25px;
}

.editar {
	color: #1a712e;
	font-weight: bold;
	margin-left: 60%;
	margin-top: -10%;
}

.data-atrasada {
	color: #ff0000;
	font-weight: bold;
	font-size: 14px;
}

.recados p {
	margin-top: 20px;
}

.legenda-pendencias {
	margin-top: 15px;
}

/*.botao_imprimir{
	border: 1px solid #ececec;
	background: #ececec;
	border-radius: 0.2em;
	padding: 15px;
	float: right;
}*/

#botao_imprimir {
	background: #032b50;
	border: 1px solid #032b50;
	color: #fff;
	float: right;
	padding: 15px;
}

/*CALENDAR*/
.googleCalendar {
	position: relative;
	height: 0;
	width: 70%;
	padding-bottom: 50%;
}

.googleCalendar iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*FIM CALENDAR*/

/*---   cotidiano - coordenadores */
table.table-cotidiano>tbody>tr>td {
	text-align: center;
	vertical-align: middle;
}

table.table-cotidiano>tbody>tr>td>div {
	display: flex;
	justify-content: center;
}

table.table-cotidiano>tbody>tr>td>div>div {
	width: 100%;
}

table.table-cotidiano {
	margin-top: 10px;
	cursor: pointer;
}

table.table-cotidiano.table-cotidiano-externa tr:hover,
table.table-cotidiano.table-cotidiano-externa tr.active,
table.table-cotidiano tr:hover,
table.table-cotidiano tr.active {
	background: #ececec;
}

div.table-area {
	position: relative;
	overflow: auto;
	height: 100%;
}

table.floatThead-table {
	border-top: none;
	border-bottom: none;
	background-color: #fff;
}

.svg-cotidiano svg {
	font-size: 10px;
}

.btn-plus-detail {
	background-color: transparent;
	color: #032b50;
	text-decoration: none;
	font-weight: 400;
}

/* SPINNER */
.lds-roller {
	position: fixed;
	z-index: 999;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: none;
}

.lds-roller:before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 999;
}

.lds-roller div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 32px 32px;
	z-index: 999;
}

.lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	margin: -3px 0 0 -3px;
}

.lds-roller div:nth-child(1) {
	animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
	top: 50px;
	left: 50px;
	background: rgb(34, 41, 68);
}

.lds-roller div:nth-child(2) {
	animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
	top: 54px;
	left: 45px;
	background: rgb(245, 115, 155);
}

.lds-roller div:nth-child(3) {
	animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
	top: 57px;
	left: 39px;
	background: rgb(235, 140, 0);
}

.lds-roller div:nth-child(4) {
	animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
	top: 58px;
	left: 32px;
	background: rgb(90, 195, 230);
}

.lds-roller div:nth-child(5) {
	animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
	top: 57px;
	left: 25px;
	background: rgb(114, 80, 145);
}

.lds-roller div:nth-child(6) {
	animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
	top: 54px;
	left: 19px;
	background: rgb(232, 75, 55);
}

.lds-roller div:nth-child(7) {
	animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
	top: 50px;
	left: 14px;
	background: rgb(112, 28, 69);
}

.lds-roller div:nth-child(8) {
	animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
	top: 45px;
	left: 10px;
	background: rgb(35, 54, 43);
}

.badge-email {
	top: 0;
	right: 0;
	font-size: 12px;
	margin-top: 0.1em;
	margin-right: -0.5em;
	position: absolute;
}

@keyframes lds-roller {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* FIM SPINNER */
/*--- TOOLTIP ---*/
.red-tooltip+.tooltip.top>.tooltip-arrow {
	background-color: #f00;
}

.nome-aluno-print {
	display: none;
}

.botao-seleciona-ano {
	display: inline-block;
	position: fixed;
	right: 6.5em;
	top: 0.16em;
}

.detail-card-prof {
	width: 100%;
	margin-bottom: 10px;
}

.detail-card-prof>.card-body {
	padding: 1rem;
}

.row-serie-cotidiano {
	background-color: #faf9ff;
	margin-bottom: 10px;
	border-radius: 3px;
	padding-top: 7px;
}

.row-serie-cotidiano .titulo_serie {
	border-left: 5px solid #032b50;
	padding-left: 15px;
}

.row-serie-cotidiano .titulo_semestre {
	padding-left: 20px;
}

/*FORM BUSCAR ALUNOS*/

#buscarAluno {
	border: 1px solid #e3e3e3;
	margin-bottom: 30px;
}

.dataTable {
	white-space: nowrap;
	border-collapse: collapse !important;
}

#table_paginate {
	float: right;
}

#table_paginate .page-item.active .page-link {
	background-color: #032b50;
	border-color: #032b50;
}

#table_paginate .page-link {
	color: #032b50;
}

.responded {
	text-decoration: line-through;
}

.responded:hover {
	text-decoration: line-through !important;
	background-color: #42607c !important;
	color: #fff !important;
	cursor: not-allowed !important;
}

.ficha-matricula input {
	border: 1px solid #032b50;
}

.cursor-box {
	cursor: not-allowed;
}

.change {
	border: 1px solid red !important;
}

.title-ficha,
.card-header {
	font-weight: bold;
}

.card {
	margin-bottom: 10px;
}

.btnFichaMatriculaView {
	cursor: pointer;
}

.contentAddButton {
	display: flex;
	justify-content: flex-end;
}

.contentAddButton a {
	border: 1px solid #032b50;
	background: #032b50;
	color: #fff;
	font-weight: bold;
	padding: 15px;
}


.modal-video {
	margin: 0 auto;
}

.loading-lottie {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	z-index: 999;
}

/* Acompanhamento Covid */
.ul-acompanhamento-covid {
	list-style: none;
	background-color: rgba(3, 43, 80, 0.03);
	padding: 30px;
	border-radius: 5px;
}

.ul-acompanhamento-covid>li {
	margin-bottom: 10px;
}

.ul-acompanhamento-covid h3 {
	font-size: 16px;
	display: inline;
	font-weight: 600;
	color: #032b50;
}



/*ACOMPANHAMENTO COVID*/


.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #E3EEF7;
}

.tablePainel {
	overflow-x: scroll;
	font-size: 11px;
	text-align: center;

}

.table-responsive {
	display: table;
}

.painel-indicadores .tablePainel th,
.painel-indicadores .tablePainel td {
	text-align: center;
	padding: 0 auto;
}

.total {
	font-weight: 700;
	color: black;
	background: #eee;
}

.table-header th {
	background: #032b50;
	color: white;
	border-color: #032b50;
}

.classificacao {
	font-size: 18px;
}


/**** QUADRO DE INDICADORES */
.quadro-indicadores,
.quadro-indicadores-2 {
	margin-top: 20px;
	text-align: center;
	font-size: 11px;
}

.title-grade {

	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
	background: #032b50;
	color: white;
	font-size: 16px;
	font-weight: 700;
}

.header-item {
	background: #032b50;
	color: white;
	display: block !important;
	font-size: 14px;
}

.header-grade {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	background: #032b50;
	color: white;
	font-size: 14px;
}

.header-grade-2 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	background: #032b50;
	color: white;
	font-size: 14px;
}


.header-grade .item,
.header-grade-2 .item {
	border-top: 1px solid #364D63;
	border-left: 1px solid #364D63;
	padding: 5px 10px;
}

.row-grade {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

}

.row-grade-2 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;

}

.row-grade .item,
.row-grade-2 .item {
	border-top: 1px solid #364D63;
	border-left: 1px solid #364D63;
	padding: 5px 10px;
}

.row-grade .red,
.row-grade-2 .red {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f34949;
	font-weight: 700;
}

.row-grade .green,
.row-grade-2 .green {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #4af39e;
	font-weight: 700;


}

.row-grade .orange,
.row-grade-2 .orange {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fd7d33;

}

.row-grade .yellow,
.row-grade-2 .yellow {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fddf33;
}

.menu-acompanhamento {
	display: flex;

	margin-bottom: 40px;
}

.btnMenuAcompanhemento {
	padding: 15px;
	background: #032b50;
	color: white;
	font-weight: 700;
	margin-right: 20px;
}


.legenda-quadro {
	display: flex;
	margin-bottom: 15px;
}

.legenda-quadro div {
	margin-right: 20px;
}

.legenda-quadro div span {
	padding: 0 10px;
	margin-right: 5px;
	height: 3px;
}

.legenda-quadro .atingido span {
	background: #D1F5E4;
	border: 1px solid #364D63;
}

.legenda-quadro .nao-atingido span {
	background: #F8C1C1;
	border: 1px solid #364D63;
}

.no-border {
	border-left: #000 impor !important;
	border-top: none !important;
	border-bottom: none !important;
	border-right: 1px solid #364D63;
	!important;
}

.row-grade .item,
.row-grade-2 .item {
	display: flex;
	justify-content: center;
	align-items: center;
}

.dot {
	height: 20px;
	width: 20px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
}

.body-grade {
	border-bottom: 1px solid #364D63;
}

.quadro-02 {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
}

.header-02 {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
}


/* ----------- Autocomplete master ----------*/
.ui-helper-hidden-accessible {
	display: none;
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
	padding: 0;
	width: 320px;
	max-width: 100%;
}

li.ui-menu-item {
	color: #fff;
	list-style: none;
	padding: 10px 0;
	background: rgba(0, 0, 0, 0.4);
	cursor: pointer;

}

input#users {
	color: #fff;
	border: 1px solid #464646;
	padding: 10px;
}


.pull-left {
	width: 15%;
	background: #032b50;
}

.navbar {
	padding-left: 0;
	box-sizing: border-box;

}

.bgBlue {
	background: #032b50;
	display: flex;
	justify-content: center;
}

.bgBlue img {
	/* margin-left: 10px; */
}



/*DASHBOARD ALUNOS - BY JEFFERSON - 12/04/2019*/
@font-face {
	font-family: CircularStd;
	src: url('../fonts/CircularStd-Book.otf');
}

.DISCIPLINA,
.DISCIPLINA td {
	background: #1D456A;
	border-left: 15px solid #1D456A;
	max-width: 100%;
	width: auto;
}

.border-left-red {
	border-left: 15px solid red;
}

.border-left-orange {
	border-left: 15px solid #ffa500;
}

.border-left-green {
	border-left: 15px solid #1e8234;
}

.modalAtrasos,
.modalFaltas,
.modalTarefas {
	cursor: pointer;
}

.containerQuadros {
	padding: 0 27px;
	margin-bottom: 10px;
}

.conteudo {
	margin-top: 100px;
}

.tituloNomeAluno {
	font-size: 24px;
	font-family: CircularStd;
	color: #032b50;
}

.card {
	margin-top: 10px;
}

.quadroIndices {
	padding: 10px;
	/*background: #032b50;*/
	color: #032b50;
}

.tituloQuadro {
	font-size: 16px;
	font-weight: bold;
}

.faltasAtraso {
	list-style: none;
	padding: 0px 10px;
	font-size: 45px;
	font-family: CircularStd;
	font-weight: bold;
}

.red {
	color: red;
}

.green {
	color: #00ff00;
}

.orange {
	color: #f9e60f;
}

.flex {
	display: flex;
	padding: 0;
	padding-left: 10px;
}

.descricao {
	line-height: 15px;
	margin-top: 19px;
	margin-left: 4px;
	font-size: 14px;
	width: 500px;
	font-weight: normal;
	flex: 1;
}

.descricao-eventos-calendario,
.descricao-eventos-calendario a {
	font-size: 14px;
	line-height: 1.2;
	padding-top: 10px;
	/*margin:2px;*/
	color: #5a5a5a;
	font-family: "Open Sans";
	text-decoration: none;
	font-weight: normal;

}

.descricao-eventos-calendario p {
	background: rgba(35, 197, 248, 0.1);
	padding: 2px;
	border-radius: 0.2em;
}

.descricao-eventos-calendario a {
	padding: 2px;
}

.descricao p {
	width: 80px;
}

.boletim table {
	border: 1px solid #ececec;
	margin-top: 10px;
	padding: 0px;
}

.number {
	border-radius: 50%;
	behavior: url(PIE.htc);
	/* remove if you don't care about IE8 */
	width: 36px;
	height: 36px;
	padding: 6px;
	background: #fff;
	border: 2px solid green;
	color: #666;
	text-align: center;
	font-weight: bold;
	font: 14px Arial, sans-serif;
}

.numberRed {

	behavior: url(PIE.htc);
	/* remove if you don't care about IE8 */
	width: 30.28px;
	height: 28px;
	padding: 6px;
	background-color: rgba(107, 146, 243, 0.1);
	border-left: 3px solid green;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font: 13px Arial, sans-serif;

}

.fa-dot-circle {
	text-shadow: 3px 6px #272634;
	font-weight: bold;
}

.fa-dot-circle .orange {
	color: #f9e60f;
}

.fa-dot-circle .green {
	color: #00ff00;
}

.fa-dot-circle .red {
	color: red;
}

.atencao {
	color: orange;
	font-size: 25px;
	width: 10px;
	height: 30px;
	background: orange;
	font-weight: bold;
}

.prioridade {
	color: red;
	font-size: 25px;
	width: 10px;
	height: 30px;
	background: red;
	font-weight: bold;
}

.legenda {
	font-size: 16px;
	font-weight: bold;
	font-family: CircularStd;
}

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

.intNota {
	cursor: pointer;
}




.feira-olimpiadas p {
	font-size: 14px;
	font-weight: normal;
	line-height: 0.8;
}


.btnEnviarContrato {
	background: #032b50;
	cursor: pointer;
	color: white;
	border: none;
}


/* eventos do cotidiano */

.btnExportModalData {
	background: #0770D3FF;
	color: white;
	padding: 5px 10px;
	margin-left: 20px;
	border: none;
	border-radius: 0.5em;
}