@import url(font-awesome.min.css);
/*@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i');*/


/* 
Verde: #B9D541			Azul: #002947			Azul claro: #EBEFF3
Cinza claro: #F2F2F2	Cinza médio: #53657D	Cinza escuro: #374355

8px	0.571em		9px	0.643em		10px 0.714em	11px 0.786em 	12px 0.857em
13px 0.929em	15px 1.071em	16px 1.143em 	17px 1.214em	18px 1.286em
*/

html, body{height: 100%;}

*{-webkit-transition: all .5s ease; -moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}

* ::selection {background: #B9D541;}
* ::-moz-selection {background: #B9D541;}

.background-white, .bg-white{
  background: white;
}

.home-student{color: black;}
.page{color: black;}

/* MA no Bootstrap */

@media (min-width: 767px){
	.master-content > .col-md-12 {padding: 0;}
}


@media (min-width: 992px) {
	.five-columns .col-md-2{width: 20%}
}

.line-page-theme{margin: 0; border-bottom: 1px solid silver; background: #EBEFF3; line-height: 30px;}

/* Títulos e textos*/

h1{color: #fff; text-transform: uppercase; font-weight: 700; font-size: 1.143em;}
h1 .fa{color: #B9D541; margin: 0 0.4em 0 0;}
.tit001{font-size: 1.143em; font-weight: 700; color: #374355}
.tit002{font-size: 0.929em; color: #002947; text-transform: uppercase; font-weight: 700;}
.tit002 .fa{font-size: 1.143em; margin: 0 0.4em 0 0;}
.tit003{font-size: 0.857em; text-transform: uppercase; font-weight: 700;}
.tit004{font-style: 1.286em; color: #002947; text-transform: uppercase; font-weight: 700; margin-bottom: 20px;}
p.intro-page{font-family: "Roboto"; font-size: 1.143em;}
a.link-expandir{font-size: 0.857em; color: #53657D; margin-left: 1em; text-transform: none; font-weight: 400; display: none;}
.opened a.link-expandir{display: inline;}

.item-ball{padding: 4px; border-radius: 15px; font-size: 12px;}
.item-ball.tam-1{padding: 4px;}
.item-ball.tam-2{padding: 7px 4px;}
.item-ball.tam-3{padding: 10px 5px; border-radius: 17px;}

.subtext-orders{width: 60%; margin: 0 auto; font-size: 1.8rem;}

p{font-size: 0.857em}

.table > tbody > tr > td{line-height: 2;}

/* Sidebar */

@media (max-width: 767px) {
	.subtext-orders{width: 100%; margin: 0 auto; font-size: 1.8rem;}
	nav.sidebar{background: #B9D541; height: auto; padding: 10px; text-align: center;}
	a.logo figure{width: 70%; margin: 0 auto 20px;}
	nav.sidebar ul, nav.sidebar li{list-style: none; margin: 0; padding: 0;}
	nav.sidebar li{padding: 1.2em; overflow: hidden; width: 50%; float: left; display: inline-block;}
	nav.sidebar li a{ text-transform: uppercase; font-weight: 700; color: #002947; font-size: 0.857em;}
	nav.sidebar li a .fa{font-size: 1.143em; margin: 0 0.714em 0 0; display: block;}

	
	nav.sidebar.closedMenu figure{width: 50%;}
	nav.sidebar.closedMenu ul{width: 100%; text-align: center; display: block;}
	nav.sidebar.closedMenu li{width: auto; float: none; padding: 0;}
	nav.sidebar.closedMenu li span{display: none;}
	nav.sidebar.closedMenu li a .fa{font-size: 1.143em; padding: 0.6em; margin: 0;}

	nav.sidebar .recolher{color: #002947; font-size: 0.714em; width: 100%; clear: both; display: block;}
	nav.sidebar .recolher .on{display: none;}
	nav.sidebar.closedMenu .recolher .on{display: block;}
	nav.sidebar .recolher .off{display: block;}
	nav.sidebar.closedMenu .recolher .off{display: none;}
}

@media (min-width: 768px) {
	a.logo figure{margin: 0; height: 31px; margin-bottom: 20px; width: 160px; overflow: hidden;}
	a.logo figure img{height: 31px;}
	nav.sidebar{background: #B9D541; min-height: 100%; float: left; padding: 20px; position: relative;}
	nav.sidebar ul, nav.sidebar li{list-style: none; margin: 0; padding: 0;}
	nav.sidebar li{padding: .8em 0 .8em; overflow: hidden; white-space: nowrap; width: 160px;}
	nav.sidebar li a{ text-transform: uppercase; font-weight: 700; color: #002947; font-size: 0.857em;}
	nav.sidebar li a .fa{font-size: 1.143em; margin: 0 0.714em 0 0;}
	nav.sidebar .recolher{position: absolute; bottom: 0px; right: 10px; color: #002947; font-size: 1.143em;}

	nav.sidebar.closedMenu{}
	nav.sidebar.closedMenu figure{width: 30px;}
	nav.sidebar.closedMenu li{width: 30px;}
	nav.sidebar.closedMenu li a .fa{margin: 0 0.714em;}
	nav.sidebar.closedMenu:hover figure{width: 160px;}
	nav.sidebar.closedMenu:hover li{width: 190px;}
	nav.sidebar.closedMenu:hover li a .fa{margin: 0 0.714em 0 0;}
	nav.sidebar .recolher{-webkit-transform:rotate(270deg);transform:rotate(270deg); padding: 3px;}
	nav.sidebar .recolher span{display: none;}
	nav.sidebar .recolher .on{display: none;}
	nav.sidebar.closedMenu .recolher .on{display: block;}
	nav.sidebar .recolher .off{display: block;}
	nav.sidebar.closedMenu .recolher .off{display: none;}
}

/* Conteudo */

.wrap-content{display: block; overflow-y: scroll; height: 100%; position: relative; color: black;}
.top-bar{background: #002947; padding: 0.4em 0; position: fixed; width: 100%; z-index: 3}
.top-bar .print-button{color: #B9D541;}
.top-bar .print-button:hover{text-decoration: none; opacity: 0.8;}

.footer-bar{background: #002947; padding: 1em 0; padding-left: 85px; position: fixed; width: 100%; z-index: -10; bottom: 0px;}
.footer-bar .print-button{color: #B9D541;}
.footer-bar .print-button:hover{text-decoration: none; opacity: 0.8;}

.master-content{padding: 1.714em 0; margin: 50px auto 0; max-width: 1140px;}
.master-content-full-container{background-color: white;}
.open-collapse{cursor: pointer; cursor: hand;}
.master-content .grupo-redacoes{margin-bottom: 20px}

@media (max-width: 767px) {
	.wrap-content{height: auto; overflow: visible;}
	.top-bar{width: auto; position: static;}
	.master-content{margin: 15px -15px; padding: 0;}
	.master-content-full-container{margin: 0 -15px; padding: 15px 30px;}
}
@media (min-width: 768px) {
	.content-single{width: 96%;}
	.master-content-full-container{margin: 0 -15px; padding: 0 15px;}
}


.content-single{background: #fff; border: 1px solid #F2F2F2; margin-top: 2em; margin-bottom: 2em;width: 100%;}
.content-single:first-child{margin-top: 0;}
.content-single.opened{box-shadow: 0 0 10px 0 rgba(0,0,0,.2); width: 100%;}
.content-single.closed{margin: 0 auto -2px;}
.closed > .collapsible{display: none;}
.opened > .collapsible{display: block;}

/* Conteudo - Cabeçalhos*/

.content-single header{padding: .9em 0; line-height: 1.143em; border-bottom: 1px solid #f2f2f2;}
.content-single header:hover{background: #fcfcfc}
.content-single header a:hover,
.content-single header a:active,
.content-single header a:focus{text-decoration: none;}
.content-single header .item-id{margin-right: 0.2em;}
.content-single header .aluno{margin-right: .6em;}
.content-single header .fa{color: #B9D541; margin-left: .2em}
.content-single header .fa.fa-close{color: red;}
.content-single header .date{font-size: 0.857em; text-align: right;}
.content-single header .item-id,
.content-single header .aluno,
.content-single header .tema,
.content-single header .date{font-family: "Roboto"; color: #374355}
.content-single header .tema{font-weight: 200}
.content-single header .download-pdf{text-align: right;}
@media (min-width: 768px) {
	.content-single header .tema{white-space: nowrap;}
	.content-single header .item-id{margin-right: 1.2em;}
}

.content-single header .tema{overflow: hidden;}
.content-single header .line-tema{white-space: nowrap;}

@media (max-width: 767px) {
	.content-single header .line-tema{white-space: normal;}
	.content-single header .aluno{font-size: 10px;}
	.content-single header .item-id.item-ball{float: left;}
}
.content-single header .item-id.ouro{color: #FCCC24;}
.content-single header .item-id.prata{color: #9B9B9B;}
.content-single header .item-id.bronze{color: #BB5814;}

.content-single header .item-id.item-ball{color: white;}

/* Conteudo -  Redação */
.content-single-wording .load-gif-container{display: none;}
.content-single-wording .load-gif-container.visible{height: 15px; margin: 0 auto; display: block; position: relative; width: 25px}
.content-single-wording .load-gif-container img{width: 25px;}
@media(min-width: 768px){
	.content-single-wording .load-gif-container.visible{display: inline; margin: 0; margin-left: .6em;}
	.content-single-wording .load-gif-container img{position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
}

.content-single .redacao-criterios .redacao{position: relative; padding: 0;}
.content-single .redacao-criterios .redacao figure,
.content-single .redacao-criterios .redacao figure img{margin: 0; width: 100%}
.content-single .redacao-criterios .redacao .marcacoes{position: absolute; width: 100%; height: 100%; cursor: crosshair;}
.content-single .redacao-criterios .redacao .marcacoes .marker{position: absolute !important; color: #002947; cursor: pointer;}
.content-single .redacao-criterios .redacao .marcacoes .marker .number{font-size: 0.857em; line-height: 20px; text-align: center; font-weight: 700;}
.content-single .redacao-criterios .redacao .marcacoes .marker .number{position: relative; display: inline-block; width: 20px; height: 20px; background: rgba(185,213,65,.6); border-radius: 25px; /*box-shadow: 0 0 0 5px rgba(55,67,85,.4);*/ z-index: 2;}
.content-single .redacao-criterios .redacao .marcacoes .marker .number.lightgreen{position: relative; display: inline-block; width: 20px; height: 20px; background: lightgreen !important; border-radius: 25px; /*box-shadow: 0 0 0 5px rgba(55,67,85,.4);*/ z-index: 2;}
.content-single .redacao-criterios .redacao .marcacoes .marker .number.lightblue{position: relative; display: inline-block; width: 20px; height: 20px; background: lightblue !important; border-radius: 25px; /*box-shadow: 0 0 0 5px rgba(55,67,85,.4);*/ z-index: 2;}
.content-single .redacao-criterios .redacao .marcacoes .marker .number.lightcoral{position: relative; display: inline-block; width: 20px; height: 20px; background: lightcoral !important; border-radius: 25px; /*box-shadow: 0 0 0 5px rgba(55,67,85,.4);*/ z-index: 2;}
.content-single .redacao-criterios .redacao .marcacoes .marker .number.lightcyan{position: relative; display: inline-block; width: 20px; height: 20px; background: lightcyan !important; border-radius: 25px; /*box-shadow: 0 0 0 5px rgba(55,67,85,.4);*/ z-index: 2;}
.content-single .redacao-criterios .redacao .marcacoes .marker .number.lightgrey{position: relative; display: inline-block; width: 20px; height: 20px; background: lightgrey !important; border-radius: 25px; /*box-shadow: 0 0 0 5px rgba(55,67,85,.4);*/ z-index: 2;}
.content-single .redacao-criterios .redacao .marcacoes .marker .number.lightsalmon{position: relative; display: inline-block; width: 20px; height: 20px; background: lightsalmon !important; border-radius: 25px; /*box-shadow: 0 0 0 5px rgba(55,67,85,.4);*/ z-index: 2;}

.content-single .redacao-criterios .redacao .marcacoes .marker .number.inactive{position: relative; display: inline-block; width: 20px; height: 20px; background: transparent !important; border-radius: 25px; box-shadow: 0 0 0 5px rgba(55,67,85,.4); z-index: 2;}

.content-single .redacao-criterios .redacao .marcacoes .marker .tt{/*opacity: 0;*/ display: none; font-size: 0px; background: rgba(185,213,65,1); padding: 1em 1em 1em 2em; border-radius: 1em; width: 0em; position: absolute; top: -20px; left: 10px; z-index: 1; overflow: visible;}
.content-single .redacao-criterios .redacao .marcacoes .marker .tt.lightgreen{opacity: 0; font-size: 0px; background: lightgreen !important; padding: 1em 1em 1em 2em; border-radius: 1em; width: 0em; position: absolute; top: -20px; left: 10px; z-index: 1; overflow: visible;}
.content-single .redacao-criterios .redacao .marcacoes .marker .tt.lightblue{opacity: 0; font-size: 0px; background: lightblue !important; padding: 1em 1em 1em 2em; border-radius: 1em; width: 0em; position: absolute; top: -20px; left: 10px; z-index: 1; overflow: visible;}
.content-single .redacao-criterios .redacao .marcacoes .marker .tt.lightcoral{opacity: 0; font-size: 0px; background: lightcoral !important; padding: 1em 1em 1em 2em; border-radius: 1em; width: 0em; position: absolute; top: -20px; left: 10px; z-index: 1; overflow: visible;}
.content-single .redacao-criterios .redacao .marcacoes .marker .tt.lightcyan{opacity: 0; font-size: 0px; background: lightcyan !important; padding: 1em 1em 1em 2em; border-radius: 1em; width: 0em; position: absolute; top: -20px; left: 10px; z-index: 1; overflow: visible;}
.content-single .redacao-criterios .redacao .marcacoes .marker .tt.lightgrey{opacity: 0; font-size: 0px; background: lightgrey !important; padding: 1em 1em 1em 2em; border-radius: 1em; width: 0em; position: absolute; top: -20px; left: 10px; z-index: 1; overflow: visible;}
.content-single .redacao-criterios .redacao .marcacoes .marker .tt.lightsalmon{opacity: 0; font-size: 0px; background: lightsalmon !important; padding: 1em 1em 1em 2em; border-radius: 1em; width: 0em; position: absolute; top: -20px; left: 10px; z-index: 1; overflow: visible;}


.content-single .redacao-criterios .redacao .marcacoes .marker:hover{z-index: 10;}
.content-single .redacao-criterios .redacao .marcacoes .marker:hover .number{background: rgba(185,213,65,1); box-shadow: 0 0 0 5px rgba(55,67,85,.8);}
.content-single .redacao-criterios .redacao .marcacoes .marker:hover .tt{width: 30em; /*opacity: 1;*/ display: block; font-size: 0.857em;}
.content-single .redacao-criterios .redacao .marcacoes .marker .skill-description-textarea{width: 100%; height: 40px; resize: none;}
.content-single .redacao-criterios .redacao .marcacoes .marker .skill-description-wrapper{display: none;}
.content-single .redacao-criterios .redacao .marcacoes .marker.edit-note .skill-description-wrapper{display: block;}
.content-single .redacao-criterios .redacao .marcacoes .marker:hover .skill-description-wrapper{display: block;}
.content-single .redacao-criterios .redacao .marcacoes .marker .delete-note-button{position: absolute; right: 15px; top: 12px; color: #374355; cursor: pointer;}
.content-single .redacao-criterios .redacao .marcacoes .marker .delete-note-button:hover{opacity: .8; }

.content-single .redacao-criterios .redacao .marcacoes .marker .form-row{margin-top: .5rem; margin-bottom: .5rem;}

.content-single .redacao-criterios .criterios{padding: 0.857em 0 0; overflow: scroll; min-height: 1000px;}
@media (max-width: 991px) {
	.content-single .redacao-criterios .criterios{height: auto !important;}
}
.content-single .redacao-criterios .criterios .comp{clear: both;}
.content-single .redacao-criterios .criterios .wrap{padding: 0 10px; background: #EBEFF3;}
.content-single .redacao-criterios .criterios .wrap.header{background: #fff; cursor: hand; cursor: pointer;}
.content-single .redacao-criterios .criterios .wrap .tit{line-height: 40px; border-bottom: 1px solid #f2f2f2; padding-left: 25px;}
.content-single .redacao-criterios .criterios .wrap .tit .itens{font-size: 0.857em; color: #53657D; margin-left: 1em; text-transform: none; font-weight: 400}
.content-single .redacao-criterios .criterios .wrap.list{width: 100% !important;}
.content-single .redacao-criterios .criterios .wrap.list{float: left; width: 100%; border-width: 1px 0; border-style: solid; border-color: #EBEFF3; margin-top: -1px}
.content-single .redacao-criterios .criterios .wrap.list .intro-page{display: none;}
.content-single .redacao-criterios .criterios .wrap.list ul{padding: 10px 20px; margin: 0; opacity: 0;}
.content-single .redacao-criterios .criterios .wrap.list ul,
.content-single .redacao-criterios .criterios .wrap.list ul li{list-style: none; float: left; width: 100%;}
.content-single .redacao-criterios .criterios .wrap.list ul li{padding: 10px 0;}
.content-single .redacao-criterios .criterios .wrap.list ul li .number{font-size: 1.143em; font-weight: 700; color: #002947; box-shadow: 0 0 0 3px rgba(185,213,65,1); border-radius: 20px; width: 28px; height: 28px; line-height: 28px; text-align: center; margin:0 10px 0 0; float: left; cursor: pointer;}
.content-single .redacao-criterios .criterios .wrap.list ul li .desc{font-size: 0.857em;}
.content-single .redacao-criterios .criterios .list{display: none;}
.content-single .redacao-criterios .criterios .active .list{display: block;}
.content-single .redacao-criterios .criterios .active .wrap.list ul{opacity: 1;}

.content-single .redacao-criterios .content-close-criterios{text-align: center;position: absolute; right: 20px; top: 20px; cursor: hand; cursor: pointer;}
@media (max-width: 767px) {
	.content-single .redacao-criterios .content-close-criterios{display: none;}
}
.content-single .redacao-criterios .content-close-criterios a:hover{text-decoration: none;}
.content-single .redacao-criterios .content-close-criterios .fa{display: none;}
.content-single .redacao-criterios .content-close-criterios .off .fa{display: block;}
.content-single .redacao-criterios .content-close-criterios .on,
.content-single .redacao-criterios .content-close-criterios .off{}
.content-single .redacao-criterios .content-close-criterios .on{display: none;}
.content-single .redacao-criterios .content-close-criterios .off{display: block;}
.content-single .redacao-criterios.zoom-redacao .content-close-criterios .on{display: block;}
.content-single .redacao-criterios.zoom-redacao .content-close-criterios .off{display: none;}

.content-single .redacao-criterios.zoom-redacao{}
.content-single .redacao-criterios.zoom-redacao .col-md-8{width: 96%}
.content-single .redacao-criterios.zoom-redacao .col-md-4{width: 4%}
.content-single .redacao-criterios.zoom-redacao .col-md-4 .comp{display: none;}
.content-single .redacao-criterios.zoom-redacao .content-close-criterios{display: block;}
.content-single .redacao-criterios.zoom-redacao .content-close-criterios .fa{display: block;}

/* Removendo animações de alguns boxs */
.content-single,
.content-single .redacao-criterios .redacao figure,
.content-single .redacao-criterios .redacao figure img,
.content-single .collapsible,
.content-single .redacao-criterios .criterios .wrap.list{-webkit-transition: none; -moz-transition: none;-o-transition: none;transition: none;}

.content-single .bar-infos{padding: 20px 0;}
.content-single .bar-infos *{line-height: 1}
.content-single .bar-infos .tit{display: block; text-transform: uppercase;}
.content-single .bar-infos .val{font-size: 2.571em; font-weight: 700;}
.content-single .bar-infos .text{font-size: 1.143em; font-weight: 400;}

.content-single .informacoes-gerais{background: #002947;}
.content-single .informacoes-gerais .tit{color: #B9D541}
.content-single .informacoes-gerais .val,
.content-single .informacoes-gerais .text{color: #fff}
.content-single .notas-competencas{background: #EBEFF3;}
.content-single .notas-competencas .tit,
.content-single .notas-competencas .val,
.content-single .notas-competencas .text{color: #374355;}
.content-single .notas-competencas .tit.eleva{height: 60px;}
.content-single .notas-competencas p{margin-top: 20px; word-break: break-word;}
@media (max-width: 767px) {
	.content-single .informacoes-gerais .col-xs-6{margin-bottom: 20px}
	.content-single .notas-competencas{padding: 10px 0;}
	.content-single .notas-competencas p{margin: 0; text-align: justify;}
	.content-single .notas-competencas .col-xs-12{border-bottom: 1px solid #fefefe; padding: 10px 0}
	.content-single .notas-competencas .col-xs-12:last-child{border-bottom: none;}
	.content-single .notas-competencas .col-xs-4{}
	.content-single .notas-competencas .col-xs-8{padding-left: 0;}
}

.content-single .obs-redacao{padding: 20px 0;}
.content-single .obs-redacao .tit{margin-bottom: 10px}
.content-single .obs-redacao .observations-textarea{
	display: block; 
	width: 100%; 
	resize: vertical; 
	min-height: 140px; 
	border: 1px solid #F3F3F3; 
	color: #002947; 
	font-size: 0.857em; 
	padding: 10px 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-family: inherit;
	line-height: 1.4;
	background-color: #fff;
	transition: border-color 0.3s ease;
	pointer-events: auto !important;
	user-select: text !important;
	-webkit-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
}

.content-single .obs-redacao .observations-textarea:focus,
.content-single .obs-redacao .observations-textarea.focused{
	border-color: #B9D541;
	outline: none;
	box-shadow: 0 0 5px rgba(185, 213, 65, 0.3);
}
.content-single .obs-redacao .save-button{background: #B9D541; display: inline-block; color: #002947; padding: 20px 45px; text-align: center; font-weight: bold; text-transform: uppercase; border-radius: 15px; margin-top: 35px; margin-bottom: 15px;}
.content-single .obs-redacao .save-button:hover,
.content-single .obs-redacao .save-button:focus{text-decoration: none; background: #9FD541; outline: 0;}

.content-single .obs-redacao .save-button-disabled{background: silver; display: inline-block; color: #002947; padding: 20px 45px; text-align: center; font-weight: bold; text-transform: uppercase; border-radius: 15px; margin-top: 35px; margin-bottom: 15px;}
.content-single .obs-redacao .save-button-disabled:hover,
.content-single .obs-redacao .save-button-disabled:focus{text-decoration: none; background: silver; outline: 0; cursor: no-drop;}

.content-single .obs-redacao .finish-button{background: #002947; display: inline-block; color: white; padding: 20px 45px; text-align: center; font-weight: bold; text-transform: uppercase; border-radius: 15px; margin-top: 35px; margin-bottom: 15px;}
.content-single .obs-redacao .finish-button:hover,
.content-single .obs-redacao .finish-button:focus{text-decoration: none; background: #9FD541; outline: 0;}

.content-single .obs-redacao .released-button{background: red; display: inline-block; color: white; padding: 20px 45px; text-align: center; font-weight: bold; text-transform: uppercase; border-radius: 15px; margin-top: 35px; margin-bottom: 15px;}
.content-single .obs-redacao .released-button:hover,
.content-single .obs-redacao .released-button:focus{text-decoration: none; background:lightcoral; outline: 0;}

.skill-grade-observations{display: block; width: 100%; resize: none; height: 130px; border: 1px solid #F3F3F3; color: #002947; font-size: 0.857em; padding: 5px;}

@media(min-width: 768px){
	.content-single .obs-redacao .save-button, .content-single .obs-redacao .save-button-disabled, .content-single .obs-redacao .finish-button, .released-button{font-size: 1.35em; }
}

.alertas .item-alerta{color: #002947; text-align: center;}

.master-content .grupo-redacoes .turma{text-transform: uppercase; color: #53657D}
.infos-pendencia{display: inline-block; margin-left: 1em;}
.infos-pendencia .number{background: #B9D541; color: #002947; font-weight: 700; border-radius: 5px; height: 18px; width: 28px; line-height: 18px; text-align: center; display: inline-block; margin-right: .5em}
.infos-pendencia .last-status{text-transform: none; color: #53657D; font-weight: 400;}


.page-criterios-e-observacoes{}
.page-criterios-e-observacoes .comp{}
.page-criterios-e-observacoes .comp .header{}
.page-criterios-e-observacoes .comp .header .tit{}
.page-criterios-e-observacoes .comp .header .tit .itens{font-size: 0.857em; color: #53657D; margin-left: 1em; text-transform: none; font-weight: 400}
.page-criterios-e-observacoes .comp .list{background: #fff; border: 1px solid #F2F2F2; margin-top: 1em; margin-bottom: 2em; padding: 15px;}
.page-criterios-e-observacoes .comp .list .intro-page{margin-bottom: 1.5em;}
.page-criterios-e-observacoes .comp .list ul,
.page-criterios-e-observacoes .comp .list ul li{list-style: none; /*margin-bottom: 1em; min-height: 3em;*/}
.page-criterios-e-observacoes .comp .list ul{padding: 0;}
.page-criterios-e-observacoes .comp .list ul li{}
.page-criterios-e-observacoes .comp .list ul li .number{float: left; margin: 0 1em 0 0;}

@media(max-width: 767px){
	.page-criterios-e-observacoes .comp .list ul li{margin-bottom: 0em; font-size: 12px; /*min-height: 3em;*/}
	.page-criterios-e-observacoes .comp .list ul li .number{height: auto; min-height: 20px;}
}

/* Login */
.login section{width: auto; max-width: 560px; height: auto; margin: 2% auto 0; background: #fff; border-radius: 5px; padding: 1em 1em}
.login section h1{height: 6em; text-align: center;}
.login section h1 figure{margin: 0; width: 100%; height: 100%;}
.login section h1 figure img{width: 100%; height: 100%;}
.login section form{text-align: center;}
.login section input,
.login section select{width: 100%; background: #ECEFF4; border: 1px solid #C9D3DF; color: #8493A8; font-style: 1.071em; font-family: "Roboto"; line-height: 3em; border-radius: 5px; text-align: center; font-weight: 300; height: 3em; margin-bottom: 1em;}
.login section form input.submit{background: #B9D541; font-family: "Roboto"; font-style: 1.071em; color: #fff; text-transform: uppercase; border-radius: 20px; width: 15em; display: inline-block; border: none;}
.login section form input.submit:hover{background: #9FD541}
.login section .more{padding-top: 2em; text-align: center;}
.login section .more .line{color: #8493A8; font-size: 0.857em; margin-bottom: 1em; font-family: "Roboto"; display: block; font-weight: 300}
.login section .more .line a{color: #0082D5;}
.login section .more .line p{color:  #B9D541; font-size: 1.5em; margin-bottom: 0px; font-family: "Roboto"; display: block; font-weight: bold}
.login section .more .line p a{color: #002947;}
.login section a.btn-add{background: #002947; font-family: "Roboto"; font-style: 1.071em; color: #fff; text-transform: uppercase; border-radius: 20px; width: 15em; display: inline-block; border: none; line-height: 3em;}
.login section a.btn-add:hover{background: #9FD541; text-decoration: none;}

.login .checkbox{margin-top: 20px; display: inline-block; width: 100%;}
.login .checkbox .col-md-3{padding-right: 0px;}
.login .checkbox input{position: relative; margin: 0; width: auto; height: 10px;}
.login .checkbox > *{display: inline-block; vertical-align: middle;}

/* Cadastro */
.form section{width: auto; max-width: 560px; height: auto; margin: 10% auto 0; background: #fff; border-radius: 5px; padding: 1em 2em}
.form section h1{height: 6em; text-align: center;}
.form section h2{text-align: center;}
.form section h1 figure{margin: 0; width: 100%; height: 100%;}
.form section h1 figure img{width: 100%; height: 100%;}
.form section form{text-align: left;}
.form section input,
.form section select{width: 100%; background: #ECEFF4; border: 1px solid #C9D3DF; color: #8493A8; font-style: 1.071em; font-family: "Roboto"; line-height: 3em; border-radius: 5px; text-align: left; font-weight: 300; height: 3em; margin-bottom: 1em; padding-left: 5px;}
.form section select option{text-align: left;}
.form section form input.submit{background: #B9D541; font-family: "Roboto"; font-style: 1.071em; color: #fff; text-transform: uppercase; border-radius: 20px; width: 15em; display: inline-block; border: none; text-align: center;}
.form section form input.submit:hover{background: #9FD541}
.form section .more{padding-top: 2em; text-align: center;}
.form section .more .line{color: #8493A8; font-size: 0.857em; margin-bottom: 1em; font-family: "Roboto"; display: block; font-weight: 300}
.form section .more .line a{color: #0082D5;}
.form .checkbox{margin-top: 20px; display: inline-block; width: 100%;}
.form .checkbox label{float: left;}
.form .checkbox .col-md-3{padding-right: 0px;}
.form .checkbox input{position: relative; margin: 0; width: auto; height: 10px;}
.form .checkbox > *{display: inline-block; vertical-align: middle;}
.form section a.btn-add{background: #002947; font-family: "Roboto"; font-style: 1.071em; color: #fff; text-transform: uppercase; border-radius: 20px; width: 15em; display: inline-block; border: none; line-height: 3em;}
.form section a.btn-add:hover{background: #9FD541; text-decoration: none;}

/* Folha Redação */
.folha-redacao{background: #fff; color: #000; font-family: Arial; padding: 0 0 10px;}
.folha-redacao section{width: 1115px; border: 1px solid #000; margin: 0 auto; padding: 10px 0 0;}
.folha-redacao section .row{margin: 0;}
.folha-redacao section .row .logo{background: #fff; border:1px solid #000; height: 120px; padding: 10px;}
.folha-redacao section .row .logo figure{background: #eee; width: 100%; height: 100%; margin: 0; position: relative;}
.folha-redacao section .row .logo figure img{width: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); position: relative;}
.folha-redacao section .header{padding: 0 10px;}
.folha-redacao section .header .col-md-9{padding: 0;}
.folha-redacao section .header .subrow{height: 40px; line-height: 40px; border-bottom: 1px solid #000;}
.folha-redacao section .instrucoes{padding: 10px 0;}
.folha-redacao section .instrucoes .logo-redacionar{text-align: center;}
.folha-redacao section .instrucoes .logo-redacionar figure{width: 90%; margin: 20px 0 0;}
.folha-redacao section .redacao .col-md-12{padding: 0;}
.folha-redacao section .redacao .subrow{height: 42px; line-height: 42px; border-bottom: 1px solid #000; border-top: 1px solid #000; margin-bottom: -1px;}
.folha-redacao section .redacao .subrow:last-child{margin-bottom: 0; border-bottom: none;}
.folha-redacao section .redacao .subrow span{padding: 0 10px; border-right: 1px solid #000; height: 42px; float: left; display: inline-block; width: 42px; text-align: center;}
.folha-redacao .col-md-12 {width: 100% !important; float: left;}
.folha-redacao .col-md-11 {width: 91.66666667% !important; float: left;}
.folha-redacao .col-md-10 {width: 83.33333333% !important; float: left;}
.folha-redacao .col-md-9 {width: 75% !important; float: left;}
.folha-redacao .col-md-8 {width: 66.66666667% !important; float: left;}
.folha-redacao .col-md-7 {width: 58.33333333% !important; float: left;}
.folha-redacao .col-md-6 {width: 50% !important; float: left;}
.folha-redacao .col-md-5 {width: 41.66666667% !important; float: left;}
.folha-redacao .col-md-4 {width: 33.33333333% !important; float: left;}
.folha-redacao .col-md-3 {width: 25% !important; float: left;}
.folha-redacao .col-md-2 {width: 16.66666667% !important; float: left;}
.folha-redacao .col-md-1 {width: 8.33333333% !important; float: left;}

@media print {
	* {background:transparent !important; color:#000 !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important;}
	body {margin:0; padding:0; line-height: 1.4em;}
	@page {
		margin: 0.5cm;
	}
	.folha-redacao section.container{margin: 0;}

	.sidebar, .top-bar{display: none !important;}
	.container-fluid{padding: 0;}
	.wrap-content{height: auto !important; overflow: initial !important;}
	.master-content{padding: 0; margin: 0 auto;}
	.folha-redacao .master-content{width: 1115px;}
}

.page-medalhistas .medalha{font-size: 1.143em; text-transform: uppercase; width: 120px; float: left; display: inline-block; font-family: "Roboto"; font-weight: 500;}
.page-medalhistas .medalha-ouro{color: #FFCC33;}
.page-medalhistas .medalha-prata{color: #666;}
.page-medalhistas .medalha-bronze{color: #CC6633;}

.spacer-tema{height: 20px;}

/*Home - Student*/
.home-student form{max-width: 587px;}
.home-student .button-send-wording{background: #B9D541; display: inline-block; color: #002947; padding: 12px 15px; text-align: center; font-weight: bold; text-transform: uppercase; border-radius: 15px; border: 0; margin: 15px 0;}
.home-student .button-send-wording:hover,
.home-student .button-send-wording:focus{text-decoration: none; background: #9FD541; outline: 0;}

@media(min-width: 768px){
	.home-student .button-send-wording{font-size: 1.1em; width: 100%; margin: 0;}
}

/*Select Cover*/

	.select-cover{width: 100%; height: 41px; position: relative; cursor: pointer; -webkit-user-select: none;  /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none;}
	.select-cover.disabled .cover,
	.select-cover.disabled .cover.placeholder,
	.select-cover.disabled label{background-color: #E3E3E3; color: #B1B1B1;}	
	.select-cover .cover{width: 100%; height: 100%; border: 1px solid #B5B5B5; padding: 0 25px 0 15px; border-radius: 5px; line-height: 39px; position: relative; overflow: hidden; font-size: 10pt; color: #B1B1B1; z-index: 1;}
	.select-cover .cover.placeholder{font-size: 9pt; color: #919191;}
	/*.select-cover .cover::after{content: ''; position: absolute; right: 12px; top: 0; background-image: url(../../img/site/MINHA-CONTA/setota-baixo.png); width: 11px; height: 7px; margin: auto; top: 0; bottom: 0;}*/
	.select-cover:hover .cover::after{opacity: 0.8;}
	.select-cover select{width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; cursor: pointer;}
	.select-cover .select-cover-options{display:none; list-style: none; position: absolute; margin: 0; z-index: 99; background-color: white; width: 100%;color top: 100%; padding: 3px 25px 3px 15px; color: #919191;; font-size: 9pt; border-bottom-right-radius:5px; border-bottom-left-radius:5px; border: 1px solid #B5B5B5; border-top: 0; max-height: 190px; overflow-y: auto;}
	.select-cover .select-cover-options::before{content: ' '; background-color: #B1B1B1; left: 15px; right: 15px; top: -3px; height: 1px; position: absolute;}
	.select-cover .select-cover-options li{cursor: pointer; padding: 3px 0;}
	.select-cover .select-cover-options li:hover{color: #EC1A3B;}
	.select-cover.expanded .select-cover-options{display: block;}
	.select-cover.expanded .cover{border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}

	.tool-select-cover .cover{padding: 0; color: #374355; font-size: 2.571em; font-weight: 700; border: 0; border-bottom: 2px solid #374355; border-radius: 0;}
	.tool-select-cover.expanded .cover{border-bottom: 2px solid #374355;}
	.tool-select-cover .tool-select-cover-icon{position: absolute; right: 0; bottom: 7px; color: #374355;}
	.tool-select-cover .select-cover-options{background-color: #EBEFF3; font-size: 1.25em; border-color: #374355;}
	.tool-select-cover .select-cover-options li:hover{color: #374355;}
	
	.text-tool-select-cover{height: 34px;}
	.text-tool-select-cover .cover{font-size: 1.143em; font-weight: 400; border-bottom-width: 1px;}
	.white-tool-select-cover .cover{color: white; border-color: white;}
	.white-tool-select-cover .tool-select-cover-icon{color: white;}
	.white-tool-select-cover .select-cover-options{background-color: #002947; border-color: white; font-size: 1.1em;}
	.white-tool-select-cover .select-cover-options li:hover{color: white;}
	.white-tool-select-cover.expanded .cover{border-color: white;}


/* Fim */

/*File Input*/
	form .input-file-cover{position: relative; height: 41px; cursor: pointer;}
	form .input-file-cover .cover{line-height: 39px; width: 100%; height: 100%; border: 1px solid #B5B5B5; padding: 0 25px 0 15px; border-radius: 5px; position: relative; overflow: hidden; font-size: 10pt; background-color: #B9D541; color: #002947;}
	form .input-file-cover:hover .cover{background: #9FD541;}
	form .input-file-cover .cover.placeholder{font-size: 9pt;}
	form .input-file-cover input{opacity: 0; top:0; left: 0; position: absolute; width: 100%; height: 100%; cursor: pointer;}
	form .input-file-cover .input-file-cover-button{position: absolute; right: 7px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: auto; font-size: 1.2em; color: #002947;}
	form .input-file-cover:hover .button{opacity: 0.7;}
	form .input-file-cover .button{width: auto;}
	form .input-file-cover .button .text{display: none;}
/*Fim - File Input*/
@media (max-width: 767px) {
	h4{font-size: 15px;}
	h3{font-size: 20px;}
}

.cronograma .table{border: 1px solid black;}
.cronograma .table > tbody > tr > td{border: 1px solid black;}
.cronograma .table > thead > tr > th{text-transform: uppercase; border: 1px solid black;}
.cronograma .table > tfoot > tr > td{border: 0px;}

.login section input[type="checkbox"]{width: 10px; height: 10px;}

/* Ranking */
.ranking p.turma{margin-top: 20px;}

/*Gráficos*/
.page-graficos .toggable-container + .toggable-container{margin-top: 25px;}
.page-graficos .toggable-container .toggable-content{display: none; 
    -webkit-transition: initial;
    -moz-transition: initial;
    -o-transition: initial;
   	 transition: initial; 
   }
.page-graficos .togglable-title{padding: 0 20px; margin-bottom: 20px; cursor: pointer;}
.page-graficos .togglable-title:hover{opacity: 0.6;}
.page-graficos .togglable-title .title-text{color:#002947; font-weight: bold; margin-right: 15px; text-transform: uppercase;}
.page-graficos .togglable-title .toggled-text{display: none;}
.page-graficos .toggled .togglable-title .toggled-text{display: inline;}
.page-graficos .toggled .togglable-title .not-toggled-text{display: none;}

.page-graficos .graph{font-family:"Roboto Condensed", "Roboto", Helvetica, Arial, sans-serif; width: 100%; height: 305px; margin: 0 auto;}
.page-graficos .graph-container{border: 1px solid #D8DCDF; padding: 15px 15px 5px;}
.page-graficos .graph .highcharts-credits{display: none;}
.page-graficos .graph .highcharts-axis-labels{font-family:"Roboto Condensed", "Roboto", Helvetica, Arial, sans-serif;}
.page-graficos .graph .highcharts-yaxis-labels text{color:#002947 !important; font-weight: bold;    font-size: 14px !important; }

@media(min-width: 992px){
	.page-graficos .graph-container{padding: 30px 30px 5px;}	
}

.popup-flash-container {
  text-align: center;
  position: fixed;
  z-index: 2000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  padding: 0 15px;
  display: table;
  background-color: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100%; }

.popup-flash-outer {
  display: table-cell;
  vertical-align: middle; }

.popup-flash {
  color: #404040;
  background-color: white;
  padding: 5px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
  display: inline-block;
  position: relative; }

.popup-flash .button-close {
  width: 16px;
  height: 16px;
  background-color: #002947;
  border-radius: 50%;
  color: white;
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
  line-height: 16px;
  font-size: 12px;
  text-align: center; }

.popup-flash .button-close:hover {
  opacity: 0.8; }

.popup-flash .popup-flash-inner {
  padding: 30px 20px;
  border: 1px solid #404040; }

.popup-flash .content {
  text-align: center; }

.popup-flash .content > * {
  display: inline-block;
  vertical-align: middle; }

.popup-flash .content i {
  color: #002947;
  margin-right: 15px;
  font-size: 50px; }

.popup-flash .content .text {
  text-align: left; }

.popup-flash .content .text .title {
  font-weight: 500;
  font-size: 13pt; }

.popup-flash .content .text .subtitle {
  font-size: 12pt !important; }

@media (min-width: 480px) {
  .popup-flash .content .text .title {
    font-size: 18pt; }
  .popup-flash .content .text .subtitle {
    font-size: 16pt !important; } 
}

.old-price{text-decoration: line-through;}
h4.old-price{margin: 0px !important;}
h2.new-price{margin: 0px !important;}

.form-add-cart form{max-width: 100% !important;}
.text-color-white{color: white;}

.total-value-bar{text-align: right;}
.total-value-bar .value{display: inline-block; width: 100%;}

.payment-way-container {
    margin-top: 35px;
}
.payment-way-container form{max-width: 100%;}
.payment-way-container .pagseguro-img img {
    margin: 0 auto;
}
.mpp-table-container .mpp-table .table-header .table-cell, .mpp-table-container .mpp-table .table-header td, .mpp-table-container .mpp-table thead .table-cell, .mpp-table-container .mpp-table thead td {
    background-color: #002947;
    color: #fff;
    font-weight: 700;
}

.mpp-tabblable .nav-pills {
    text-align: center;
    border-bottom: 1px solid #002947;
    margin-top: 30px;
}
.mpp-tabblable .nav-pills li {
    float: none;
    display: inline-block;
    vertical-align: middle;
    width: 20%;
}
.mpp-tabblable .nav-pills li.active > a, .mpp-tabblable .nav-pills li > a:focus, .mpp-tabblable .nav-pills li > a:hover {
    border-bottom: 2px solid #002947;
    color: #404040;
    font-weight: 700;
    background-color: transparent;
}
.mpp-tabblable .nav-pills li > a {
    color: #404040;
    border-radius: 0;
}
.mpp-tabblable .tab-content {
    margin-top: 10px;
}
.row-form-element .form-element-container input.mpp-input {
    border: 1px solid #404040;
    border-radius: 5px;
    height: 31px;
    padding: 0 10px;
}

.complete-signup-form-container .row-form-element .form-element-container input{
	border: 1px solid #404040;
    border-radius: 5px;
    height: 31px;
    padding: 0 10px;
}

.complete-signup-form-container .row-form-element .form-element-container select {
	display: block;
	width: 100%;
    border: 1px solid #404040;
    border-radius: 5px;
    height: 31px;
    padding: 0 10px;
}

.row-form-element .form-element-container input {
    display: block;
    width: 100%;
}

.payment-way-container #cardBrand, .payment-way-container #loadingCardBrand {
    position: absolute;
    top: 28px;
    right: 20px;
}
.payment-way-container #cardBrand, .payment-way-container #loadingCardBrand img{height: 20px;}
.payment-way-container .form-observations {
    margin-top: 35px;
    font-size: 12px;
    font-style: italic;
}
.payment-way-container .form-observations .location-icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
}

/*Select*/
.mpp-tabblable form .container {
  position: relative;
  z-index: 99; 
}

/*Serve para fazer o elemento ficar por cima dos demais, utilizo isso para fazer o select customizado ter um comportamento próximo do select do HTML */
form .select-cover {
  width: 100%;
  height: 31px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none; 
}
  
form .select-cover:hover .cover::after {
    opacity: 0.8; 
}

form .select-cover .cover-outer {
    position: relative;
    border: 1px solid #404040;
    padding: 0 25px 0 15px;
    border-radius: 5px;
    background-color: white;
    z-index: 1; 
}

form .select-cover .cover-outer i {
      position: absolute;
      right: 10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: 1;
      color: #FE6102; 
}

form .select-cover .cover {
    width: 100%;
    height: 100%;
    line-height: 31px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    white-space: nowrap;
    overflow: hidden;
    border: 0px;
    padding: 0 25px 0 15px;
}

form .select-cover .cover.placeholder {
    color: #404040; 
}

form .select-cover select {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
  form .select-cover .select-cover-options {
    display: none;
    list-style: none;
    position: absolute;
    margin: 0;
    z-index: 99;
    background-color: white;
    width: 100%;
    top: 100%;
    padding: 3px 25px 3px 15px;
    color: #454545;
    font-size: 9pt;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #404040;
    border-top: 0;
    max-height: 190px;
    overflow-y: auto; 
}

form .select-cover .select-cover-options li {
	  cursor: pointer;
	  padding: 3px 0; 
}

form .select-cover .select-cover-options li:hover {
        color: #FE6102; 
}

form .select-cover .select-cover-options::before {
    content: ' ';
    background-color: #404040;
    left: 15px;
    right: 15px;
    top: 0;
    height: 1px;
    position: absolute; 
}

form .select-cover.expanded .select-cover-options {
  display: block; }

form .select-cover.expanded .cover-outer {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

form .select-cover.disabled .cover,
form .select-cover.disabled .cover.placeholder,
form .select-cover.disabled label {
  background-color: #E3E3E3;
  color: #B1B1B1; }

.margin-top-10{ margin-top: 10px; }
.margin-top-20{ margin-top: 20px; }
.margin-left-20{ margin-left: 20px; }
.margin-bottom-5{margin-bottom: 5px;}
.margin-bottom-10{margin-bottom: 10px;}
.margin-bottom-15{margin-bottom: 15px;}
.margin-bottom-20{margin-bottom: 20px;}

.padding-top-5{ padding-top: 5px; }
.padding-top-10{ padding-top: 10px; }
.padding-top-20{ padding-top: 20px; }
.padding-left-20{ padding-left: 20px; }
.padding-bottom-5{padding-bottom: 5px;}
.padding-bottom-10{padding-bottom: 10px;}
.padding-bottom-15{padding-bottom: 15px;}
.padding-bottom-20{padding-bottom: 20px;}

.color-red{color: red;}
.full-width{width: 100%;}

.form-element-container .checkbox label{padding: 0px;}
.form-element-container .checkbox label input{width: 20px; height: 20px; float: left;}

.height-53{height: 53px;}

@media(min-width: 768px){
	.login .countdown{position: relative; height: 55px;}
	.login .countdown .logo-enem{position: absolute; left: 105px; top: 0;}
	.login .countdown .box-countdown{position: absolute; left: 140px; top: 0;}
}

@media(max-width: 767px){
	.login .countdown{position: relative; height: 55px;}
	.login .countdown .logo-enem{position: absolute; left: 0px; top: 0;}
	.login .countdown .box-countdown{position: absolute; left: 25px; top: 0;}
	.login section{margin: 0 auto;}
}

.form #StudentAddForm .checkbox{
	margin-top: 0px !important;
}
.form #StudentAddForm .checkbox input {
	display: inline-block;
	width: 20px;
	height: 14px;
}

.form #StudentAddForm .checkbox .div-school-checkbox {
	display: inline-block;
	width: auto;
	padding: 10px;
}

.text-rotate {
    /*-webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);*/
    z-index: 9999999;
	background: transparent;
	color: #B9D541;
	padding: 15px;
	border-radius: 10px;
	font-size: 28px;
	text-align: center;
}

.btn-rec{
	width: 80px;
	height: 80px;
	border: none;
	border-radius: 50%;
	background: linear-gradient(150deg, rgb(25, 159, 240) 0%, rgb(25, 51, 240) 42%, rgb(240, 25, 25) 57%, rgb(184, 11, 11) 100%);
	background-position: top left;
	background-size: 250%;
	color: #fff;
	transition: all .2s ease-in-out;

	&:hover{
		background-size: 180%;
	}

	&[data-recording="true"]{
		background-size: 250%;
		background-position: bottom right;
		&:hover{
			background-size: 180%;
		}
	}
}

.input-checkbox{
    width: 20px !important;
    height: 20px !important;
    position: relative !important;
    margin: 0 20px 0 0 !important;
    width: 100%;
    float: left;
}
.checkbox small{float: left;}
.li-checkbox{
	line-height: 20px; list-style: none; margin: 5px 0 5px 0;
}

.slick-prev,
.slick-next{z-index:10}
.slick-prev:before, .slick-next:before{
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	font-size:30px;
	color: black !important;
}

.slick-prev:before{
	content:""
}

.slick-next:before{
	content:""
}


/*===== Datepicker =====*/

.datepicker-liquid {
  width: 100%;
}
.datepicker-icon-trigger {
  padding: 7px 30px 7px 9px;
}
.ui-datepicker-trigger {
  position: absolute;
  right: 15px;
  bottom: 0;
  background-color: #65B688;
  padding: 7px;
  cursor: pointer;
}
.ui-datepicker-trigger:hover {
  background-color: #D65C4F;
}
.ui-datepicker .ui-state-hover {
  background-color: #65B688;
  color: #fff;
}
.ui-datepicker .ui-datepicker-current-day .ui-state-active {
  background-color: #D65C4F;
  color: #fff;
}
.ui-datepicker .ui-state-disabled {
  color: #999;
}
.ui-datepicker {
  width: auto!important;
  display: none;
  z-index: 10;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  background-color: #002947;
  color: #fff;
  font-weight: 400;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
}
.date-trigger .ui-datepicker-trigger {
  margin-left: 6px;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  padding: 9px 16px;
  cursor: pointer;
  top: 0;
  background-repeat: no-repeat;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  background-color: #65B688;
}
.ui-datepicker .ui-datepicker-next-hover {
  border-radius: 0 2px 0 0;
  -webkit-border-radius: 0 2px 0 0;
  -moz-border-radius: 0 2px 0 0;
}
.ui-datepicker .ui-datepicker-prev-hover {
  border-radius: 2px 0 0 0;
  -webkit-border-radius: 2px 0 0 0;
  -moz-border-radius: 2px 0 0 0;
}
.ui-datepicker .ui-datepicker-prev {
  background-image: url(../../img/manager/interface/arrow_left.png);
  background-position: 14px 14px;
  left: 0;
}
.ui-datepicker .ui-datepicker-next {
  background-image: url(../../img/manager/interface/arrow_right.png);
  right: 0;
  background-position: 14px 14px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 33px;
  padding: 11px 0 12px 0;
  text-align: center;
  font-size: 12px;
}
.ui-datepicker table {
  width: 100%;
  font-size: 11px;
  border-collapse: collapse;
  background-color: #fff;
  border: 1px solid #DDD;
  border-top: 0;
}
.ui-datepicker-append {
  margin-left: 14px;
  font-size: 11px;
}
.no-append .ui-datepicker-append {
  display: none;
}
.datepicker-liquid > .ui-datepicker {
  width: 100%;
}
.datepicker-fixed {
  width: 20em;
}
.ui-datepicker th {
  padding: 12px 6px 10px 6px;
  text-align: center;
  font-weight: 600;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
  text-align: center;
}
.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 7px 10px;
  text-align: center;
  text-decoration: none;
  line-height: 16px;
  font-weight: 600;
}
.ui-datepicker.ui-datepicker-multi {
  width: auto;
  margin-left: 2px;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
  margin-left: 1px;
}
.ui-datepicker-multi .ui-datepicker-group:first-child {
  margin-left: -2px;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3333333333%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media (max-width: 479px) {
  .ui-datepicker-multi-3 .ui-datepicker-group {
    width: auto;
  }
}

.mr-0{margin-right: 0px !important;}
.mr-5{margin-right: 5px !important;}
.mr-10{margin-right: 10px !important;}
.mr-20{margin-right: 20px !important;}
.mr-30{margin-right: 30px !important;}
.mr-40{margin-right: 40px !important;}
.mr-50{margin-right: 50px !important;}

.mb-0{margin-bottom: 0px !important;}
.mb-5{margin-bottom: 5px !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-40{margin-bottom: 40px !important;}
.mb-50{margin-bottom: 50px !important;}

.mt-0{margin-top: 0px !important;}
.mt-5{margin-top: 5px !important;}
.mt-10{margin-top: 10px !important;}
.mt-20{margin-top: 20px !important;}
.mt-30{margin-top: 30px !important;}
.mt-40{margin-top: 40px !important;}
.mt-50{margin-top: 50px !important;}

.ml-0{margin-left: 0px !important;}
.ml-5{margin-left: 5px !important;}
.ml-10{margin-left: 10px !important;}
.ml-20{margin-left: 20px !important;}
.ml-30{margin-left: 30px !important;}
.ml-40{margin-left: 40px !important;}
.ml-50{margin-left: 50px !important;}

.pr-0{padding-right: 0px !important;}
.pr-5{padding-right: 5px !important;}
.pr-10{padding-right: 10px !important;}
.pr-20{padding-right: 20px !important;}
.pr-30{padding-right: 30px !important;}
.pr-40{padding-right: 40px !important;}
.pr-50{padding-right: 50px !important;}

.pb-0{padding-bottom: 0px !important;}
.pb-5{padding-bottom: 5px !important;}
.pb-10{padding-bottom: 10px !important;}
.pb-20{padding-bottom: 20px !important;}
.pb-30{padding-bottom: 30px !important;}
.pb-40{padding-bottom: 40px !important;}
.pb-50{padding-bottom: 50px !important;}

.pt-0{padding-top: 0px !important;}
.pt-5{padding-top: 5px !important;}
.pt-10{padding-top: 10px !important;}
.pt-20{padding-top: 20px !important;}
.pt-30{padding-top: 30px !important;}
.pt-40{padding-top: 40px !important;}
.pt-50{padding-top: 50px !important;}

.pl-0{padding-left: 0px !important;}
.pl-5{padding-left: 5px !important;}
.pl-10{padding-left: 10px !important;}
.pl-20{padding-left: 20px !important;}
.pl-30{padding-left: 30px !important;}
.pl-40{padding-left: 40px !important;}
.pl-50{padding-left: 50px !important;}

.w-100{width: 100% !important;}
.d-block{display: block;}

.pendent{background-color: silver; color: black; padding: 7px 20px;}
.finished{background-color: #3e8f3e; color: white; padding: 7px 20px;}
.released{background-color: #002947; color: white; padding: 7px 20px;}

.lowercase{text-transform: lowercase;}

/* dash school */
.page-stats {
  margin-left: 0;
  margin-bottom: 30px;
  padding: 0;
  list-style: none;
}

.page-stats li:first-child {
  border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
}
ul.list-justified li {
  float: none;
  width: 1%;
  display: table-cell;
}
.page-stats li {
  padding: 12px 18px;
  border-left: 1px solid #e5e5e5;
  display: inline-block;
}
.page-stats-showcase {
  float: left;
  margin-right: 18px;
}
.page-stats-showcase span {
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 4px;
}
.page-stats-showcase h2 {
  margin: 0;
  font-size: 20px;
  line-height: 20px;
}
.page-stats .chart {
  float: right;
  margin-top: 4px;
}

/* fltro data ambiente school */
.range-filter{position: relative;}
.range {
  cursor: pointer;
  margin: 32px 0;
 float: right;
 }
 .date-range {
  float: left;
}
.date-range > i {
  font-size: 32px;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
}
.date-range b {
  display: inline-block;
  margin-top: 2px;
  margin-left: 4px;
  font-weight: 400;
}
.date-range b > i {
  font-size: 11px;
  font-weight: 600;
  color: #777;
  display: block;
  line-height: 14px;
  text-transform: uppercase;
  font-style: normal;
}
.date-range em {
  line-height: 30px;
  vertical-align: top;
  margin: 0 6px;
}
.range .label {
  margin: 5px 0 0 8px;
  display: inline-block;
}
.range-shown .date-range::after {
  background-position: 0 -6px;
}
.date-range::after {
  content: "";
  display: block;
  float: left;
  background: url(../../img/tool/vertical_arrows.png) no-repeat 0 0;
    background-position-x: 0px;
    background-position-y: 0px;
  width: 11px;
  height: 6px;
  margin: 13px 8px 0 0;
}

.ranges {
  width: 240px;
  text-align: left;
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  position: relative;
  float: left;
}
.ranges ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ranges li.active {
  background: #65B688;
  border-color: #65B688;
  color: #fff;
}
.ranges li:first-child {
  margin-top: 0px;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  padding: 8px;
  text-align: center;
}
.ranges ul li.active:first-child::before {
  border-bottom-color: #65B688;
}
.ranges ul li.active:first-child::after {
  border-bottom-color: #65B688;
}
.range_inputs {
  padding: 10px 12px 12px 12px;
  border: 1px solid #ddd;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(221, 221, 221);
  border-bottom: 0;
  margin-top: 1px;
  background-color: #fefefe;
}

.daterangepicker {
  max-width: none;
  position: absolute;
  top: 60px;
  right: 0;
  border: 0;
  margin-top: 10px;
  z-index: 900;
  display: none;
}
.daterangepicker .range_inputs {
  padding: 10px 12px 12px 12px;
  border: 1px solid #ddd;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(221, 221, 221);
  border-bottom: 0;
  margin-top: 1px;
  background-color: #fefefe;
}
.daterangepicker .range_inputs > div {
  width: 75px;
  float: left;
}
.daterangepicker_start_input {
  margin-right: 10px;
}
.ranges label {
  font-size: 11px;
  margin-bottom: 2px;
}
.daterangepicker .range_inputs > div {
  width: 100px;
  float: left;
}

.highcharts-legend-item{width: 250px;}

#image-preview {
    display: none;
    width: 100%;
    height: auto;
    margin-top: 85px;
}

.height40vh{height: 40vh;}

#student-bt.disable{background-color: silver};

.list-none{list-style: none !important;}