/*========================================*/
/*=|	Inventura stylesheet		|=*/
/*=|	v1.1.0							|=*/
/*=|	2016-09-01						|=*/
/*=|	Author: Diego de Freitas		|=*/
/*========================================*/

@import url(https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i);

@import "fontface.css?1";
@import "icons.css?1";
@import "animate.css?1";


/*=== SCROLL STYLE =============================================================================================*/

::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
	display: none;
}

::-webkit-scrollbar-track-piece {
	background-color: #CCD1D4;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb:vertical {
	background-color: #9EA3A5;
	border: 2px solid #CCD1D4;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb:horizontal {
	background-color: #9EA3A5;
	border: 3px solid #CCD1D4;
	border-radius: 10px;
}

/*=== FIM - SCROLL STYLE =======================================================================================*/


/*=== RESET ====================================================================================================*/

html,
body {
	width: 100%;
	height: 100%;
}

body.semmodulos {
	width: 100%;
	height: auto;
}

html,
body,
div,
section,
nav,
article,
aside,
hgroup,
header,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
span,
abbr,
address,
blockquote,
strong,
em,
i,
b,
br,
cite,
pre,
code,
audio,
video,
img,
object,
iframe,
embed,
figure,
figcaption,
form,
fieldset,
label,
legend,
dl,
dt,
dd,
ol,
ul,
li,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-variant: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

a,
a:link,
a:visited,
a:hover,
a:active {
	text-decoration: none
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

th,
td {
	text-align: left;
	font-weight: normal;
}

img,
iframe {
	border: none;
	text-decoration: none;
}

ol,
ul {
	list-style: none;
}

input,
textarea,
select,
button {
	font-size: 100%;
	font-family: inherit;
}

select {
	margin: inherit;
}

hr {
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	background-color: #000;
	height: 1px
}

*,
::before,
::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*=== FIM - RESET ==============================================================================================*/


/*=== LOADER ===================================================================================================*/

.pense-loading {
	background-image: url(../../imagens/RobotisLogoPng.png);
	background-size: 100%;
	/* Aumentando um pouco o tamanho */
	background-position: center;
	background-repeat: no-repeat;
	padding: 16px;
	border-radius: 50%;
	width: 40px;
	/* Aumentando um pouco o tamanho */
	height: 40px;
	/* Aumentando um pouco o tamanho */
	margin: 5px auto;
	background-color:#FA9B1E;
	/* Definindo a cor roxa */
	animation: scaleAnimation 2s infinite alternate, colorChange 8s infinite;
	/* Adicionando a animação de mudança de cor */
}


@keyframes scaleAnimation {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.2);
	}
}

@-webkit-keyframes scaleAnimation {
	0% {
		-webkit-transform: scale(1);
	}

	100% {
		-webkit-transform: scale(1.2);
	}
}

@-moz-keyframes scaleAnimation {
	0% {
		-moz-transform: scale(1);
	}

	100% {
		-moz-transform: scale(1.2);
	}
}

@keyframes colorChange {
	0% {
		background-color: #c281ce;
	}

	25% {
		background-color: #a93ac1;
	}

	50% {
		background-color: #834e95;
	}

	75% {
		background-color: #6b3970;
	}

	100% {
		background-color: #4b2854;
		/* Tom mais escuro de roxo */
	}
}



/*=== FIM - LOADER =============================================================================================*/


/*=== ANIMAÇÕES ================================================================================================*/

* {
	-webkit-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
}

a i::after,
a i::before {
	-webkit-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
}

/*::after, ::before {
		-webkit-transition: all 0.05s ease-in-out;
		-moz-transition: 	all 0.05s ease-in-out;
		transition: 		all 0.05s ease-in-out;
	}*/

/*=== FIM - ANIMAÇÕES ==========================================================================================*/


/*=== MAIN =====================================================================================================*/

/*=== FIM - MAIN ===============================================================================================*/


/*=== PALETA DE CORES ==========================================================================================*/

.bc-pp {
	background-color: #FA9B1E;
	color: #FFF;
}

.bc-yl {
	background-color: #FECD18;
	color: #444;
}

.bc-pk {
	background-color: #EC607A;
	color: #FFF;
}

.bc-og {
	background-color: #F08114;
	color: #FFF;
}

.bc-gr {
	background-color: #59B200;
	color: #FFF;
}

.bc-dk {
	background-color: #0e0e0e;
	color: #f29d14;
}

.bc-lg {
	background-color: #E3E9EC;
	color: #444;
}

a.bc-pp:hover {
	background-color: #BE97C4;
	color: #FFF;
}

a.bc-cn:hover {
	background-color: #3CB5C2;
	color: #FFF;
}

a.bc-yl:hover {
	background-color: #E4B816;
	color: #444;
}

a.bc-pk:hover {
	background-color: #F4A0AF;
	color: #FFF
}

a.bc-og:hover {
	background-color: #F6B372;
	color: #FFF
}

.fc-pp {
	color: #FA9B1E;
}

.fc-cn {
	color: #56BFCA;
}

.fc-yl {
	color: #FECD18;
}

.fc-pk {
	color: #EC607A;
}

.fc-og {
	color: #F08114;
}

.fc-gr {
	color: #59B200;
}

.fc-dk {
	color: #2E3138;
}

.fc-lg {
	color: #E3E9EC;
}

a.fc-pp:hover {
	color: #BE97C4;
}

a.fc-cn:hover {
	color: #93D6DD;
}

a.fc-yl:hover {
	color: #FEE174;
}

a.fc-pk:hover {
	color: #F4A0AF;
}

a.fc-og:hover {
	color: #F6B372;
}

/*=== FIM - PALETA DE CORES ====================================================================================*/


/*=== TIPOGRAFIA ===============================================================================================*/

body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-style: normal;
	font-variant: normal;
	font-family: "kyrial-sans-pro", "Roboto", sans-serif;
}

h1 {
	font-size: 30px;
	line-height: 40px;
}

h2 {
	font-size: 25px;
	line-height: 35px;
}

h3 {
	font-size: 20px;
	line-height: 25px;
}

h4 {
	font-size: 18px;
	line-height: 20px;
}

h5 {
	font-size: 16px;
	line-height: 20px;
}

h6 {
	font-size: 14px;
	line-height: 20px;
}

p {
	font-size: 14px;
}

@media only screen and (max-width: 920px) {
	h1 {
		font-size: 30px;
		line-height: 35px;
	}

	h2 {
		font-size: 22px;
		line-height: 30px;
	}

	h3 {
		font-size: 18px;
		line-height: 25px;
	}

	h4 {
		font-size: 16px;
		line-height: 20px;
	}

	h5 {
		font-size: 14px;
		line-height: 20px;
	}

	h6 {
		font-size: 12px;
		line-height: 20px;
	}
}

/*PARA CRIANÇAS - EI ~ EF1-1*/

.ef1-1.aluno,
.ei.aluno,
.ei.prof .info-header h1 span,
.ef1-1.prof .info-header h1 span,
.ei.prof .info-header .pergunta,
.ef1-1.prof .info-header .pergunta,
.ei.prof .container.roteiro,
.ef1-1.prof .container.roteiro,
.ei.prof .container.portfolio,
.ef1-1.prof .container.portfolio {
	text-transform: uppercase;
}

.ei.prof .info-header h1,
.ef1-1.prof .info-header h1 {
	font-size: 25px;
}

.ei.prof .info-header .pergunta,
.ef1-1.prof .info-header .pergunta {
	font-size: 16px !important;
}

/*=== FIM - TIPOGRAFIA =========================================================================================*/


/*=== LOGO =====================================================================================================*/

.logo {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.logo.logo-bk-pp {
	background-image: url(../imagens/logo-bk-pp.png)
}

.logo.logo-bk-cn {
	background-image: url(../imagens/logo-bk-cn.png)
}

.logo.logo-bk-yl {
	background-image: url(../imagens/logo-bk-yl.png)
}

.logo.logo-bk-pk {
	background-image: url(../imagens/logo-bk-pk.png)
}

.logo.logo-bk-og {
	background-image: url(../imagens/logo-bk-og.png)
}

.logo.logo-wh-pp {
	background-image: url(../imagens/logo-wh-pp.png)
}

.logo.logo-wh-cn {
	background-image: url(../imagens/logo-wh-cn.png)
}

.logo.logo-wh-yl {
	background-image: url(../imagens/logo-wh-yl.png)
}

.logo.logo-wh-pk {
	background-image: url(../imagens/logo-wh-pk.png)
}

.logo.logo-wh-og {
	background-image: url(../imagens/logo-wh-og.png)
}

@media only screen and (max-width: 660px) {
	.prof header .logo.logo-bk-pp {
		background-image: url(../imagens/ico-bk-pp.png)
	}

	.prof header .logo.logo-bk-cn {
		background-image: url(../imagens/ico-bk-cn.png)
	}

	.prof header .logo.logo-bk-yl {
		background-image: url(../imagens/ico-bk-yl.png)
	}

	.prof header .logo.logo-bk-pk {
		background-image: url(../imagens/ico-bk-pk.png)
	}

	.prof header .logo.logo-bk-og {
		background-image: url(../imagens/ico-bk-og.png)
	}

	.prof header .logo.logo-wh-pp {
		background-image: url(../imagens/ico-wh-pp.png)
	}

	.prof header .logo.logo-wh-cn {
		background-image: url(../imagens/ico-wh-cn.png)
	}

	.prof header .logo.logo-wh-yl {
		background-image: url(../imagens/ico-wh-yl.png)
	}

	.prof header .logo.logo-wh-pk {
		background-image: url(../imagens/ico-wh-pk.png)
	}

	.prof header .logo.logo-wh-og {
		background-image: url(../imagens/ico-wh-og.png)
	}

	header .logo.logo-bk-pp {
		background-image: url(../imagens/logo-bk-pp.png)
	}

	header .logo.logo-bk-cn {
		background-image: url(../imagens/logo-bk-cn.png)
	}

	header .logo.logo-bk-yl {
		background-image: url(../imagens/logo-bk-yl.png)
	}

	header .logo.logo-bk-pk {
		background-image: url(../imagens/logo-bk-pk.png)
	}

	header .logo.logo-bk-og {
		background-image: url(../imagens/logo-bk-og.png)
	}

	header .logo.logo-wh-pp {
		background-image: url(../imagens/logo-wh-pp.png)
	}

	header .logo.logo-wh-cn {
		background-image: url(../imagens/logo-wh-cn.png)
	}

	header .logo.logo-wh-yl {
		background-image: url(../imagens/logo-wh-yl.png)
	}

	header .logo.logo-wh-pk {
		background-image: url(../imagens/logo-wh-pk.png)
	}

	header .logo.logo-wh-og {
		background-image: url(../imagens/logo-wh-og.png)
	}
}

.logo.logo-pensemais {
	background-image: url(../../imagens/Logo_Inventura_Educacional.svg)
}

/*=== FIM - LOGO ===============================================================================================*/


/*=== GUIA =====================================================================================================*/

.guide {
	padding: 40px;
}

section.guia-logos {
	display: inline-block;
}

section.guia-logos h1.logo {
	float: left;
	width: 240px;
	height: 95px;
}

/*=== FIM - GUIA ===============================================================================================*/


/*=== DEFINIÇÕES GERAIS ========================================================================================*/

html,
body {
	background-color: #E3E9EC;
	color: #444;
}


/*estrutura*/
.section-content {
	position: relative;
	width: 100%;
}

.section-content .conteudo {
	position: relative;
	width: 100%;
	padding: 0 40px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

/*colunas*/
.conteudo .container .column-left {
	width: 70%;
	float: left;
	padding-right: 40px;
}

.conteudo .container .column-right {
	width: 30%;
	float: right;
}

/*full-width*/
.conteudo .container .full .column-left {
	width: 100%;
	padding: 0;
}

.conteudo .container .full .column-right {
	display: none;
}

/*full-width com duas colunas*/
.conteudo .container .full.break .column-left {
	width: 100%;
	padding: 0;
}

.conteudo .container .full.break .column-right {
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.conteudo .container .full.break .column-right article {
	width: 33.3333%;
	margin: 20px 20px 0 0 !important;
}

.conteudo .container .full.break .column-right article:last-child,
.conteudo .container .full.break .column-right article:nth-child(3n) {
	margin-right: 0 !important;
}

.loader-content {
	width: 100%;
	height: 300px;
	margin-top: 20px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-align-content: center;
	align-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background-color: #d8e2e6
}

.loader-content .pense-loading {
	margin: 0;
	width: 50px;
	height: 50px;
}

.loader-content p {
	text-align: center;
	width: 100%;
	margin: 10px;
	font-size: 16px;
	color: #666;
}


/*Objeto limitador*/
.section-content .conteudo>.container {
	width: 1280px;
}

/*Para viewport abaixo de 1280px passa para o formato de 768px*/
@media only screen and (max-width: 1440px) {
	.section-content .conteudo {
		padding: 0 80px 0 40px;
	}
}

@media only screen and (max-width: 1420px) {
	.section-content .conteudo>.container {
		width: 100%;
	}
}

/*Para viewport abaixo de 1024px passa para o formato de 768px*/
@media only screen and (max-width: 870px) {

	.conteudo .container .column-left,
	.conteudo .container .column-right {
		width: 100%;
		float: left;
		padding-right: 0;
	}

	.conteudo .container .column-right {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 768px) {
	.conteudo .container .full.break .column-right {
		display: block !important;
	}

	.conteudo .container .full.break .column-right article {
		width: 100%;
		margin: 20px 0 0;
	}
}

@media only screen and (max-width: 600px) {
	.section-content .conteudo {
		padding: 0 20px;
	}

	#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .connector-lista::before {
		left: -40px;
	}

	.calendar-zabuto {
		right: -6%;
	}
}

.guide {
	background-color: #EAEEF1;
}

a {
	color: #444;
}

a:hover {
	color: #666;
}

a.btn {
	line-height: 35px;
	height: 35px;
	padding: 0 20px;
	border-radius: 20px;
}

a.btn:hover {}

.ico::before,
.ico::after {
	font-family: 'Pense-iconset';
	vertical-align: -1px;
}

/*.nav-default a.off {pointer-events: none; opacity: 0.1;}*/
.nav-default a.off {
	cursor: default;
	opacity: 0.1;
}

/*=== FIM - DEFINIÇÕES GERAIS ==================================================================================*/


/*=== HEADER ===================================================================================================*/

#header-pense {
	width: 100%;
	height: 60px;
	position: fixed;
	z-index: 3;
	top: 0;
}

#header-pense .container {
	width: 100%;
	padding: 0;
}

#header-pense .container .main-menu {
	float: left;
	position: relative;
}

#header-pense .container .main-menu a.btn-menu {
	width: 60px;
	line-height: 60px;
	height: 60px;
	padding: 0;
	font-size: 25px;
	color: #FFF;
	display: block;
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}

#header-pense .container .main-menu a.btn-menu:hover {
	color: #FFF;
}

#header-pense .container .main-menu a.btn-menu i {
	text-indent: 0px;
}

/* MENU HAMBURGER */
.hamburger {
	font: inherit;
	display: inline-block;
	overflow: visible;
	margin: 0;
	padding: 19px 17px;
	cursor: pointer;
	transition-timing-function: linear;
	transition-duration: .15s;
	transition-property: opacity, filter;
	text-transform: none;
	color: inherit;
	border: 0;
	background-color: transparent
}

.hamburger {
	width: 60px;
	height: 60px;
}

/*Inclusão*/
.hamburger:hover {
	opacity: .7
}

.hamburger-box {
	position: relative;
	display: block;
	width: 26px;
	height: 22px;
}

.hamburger-inner {
	top: 50%;
	display: block;
	margin-top: -1px;
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
	position: absolute;
	width: 26px;
	height: 2px;
	transition-timing-function: ease;
	transition-duration: .15s;
	transition-property: transform;
	border-radius: 4px;
	background-color: #000
}

.hamburger-inner:after,
.hamburger-inner:before {
	display: block;
	content: ''
}

.hamburger-inner:before {
	top: -8px
}

.hamburger-inner:after {
	bottom: -8px
}

.hamburger--3dx .hamburger-box {
	perspective: 80px
}

.hamburger--3dx .hamburger-inner {
	transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx .hamburger-inner:after,
.hamburger--3dx .hamburger-inner:before {
	transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx.is-active .hamburger-inner {
	transform: rotateY(180deg);
	background-color: transparent
}

.hamburger--3dx.is-active .hamburger-inner:before {
	transform: translate3d(0, 8px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner:after {
	transform: translate3d(0, -8px, 0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
	perspective: 80px
}

.hamburger--3dy .hamburger-inner {
	transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy .hamburger-inner:after,
.hamburger--3dy .hamburger-inner:before {
	transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy.is-active .hamburger-inner {
	transform: rotateX(-180deg);
	background-color: transparent
}

.hamburger--3dy.is-active .hamburger-inner:before {
	transform: translate3d(0, 8px, 0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner:after {
	transform: translate3d(0, -8px, 0) rotate(-45deg)
}

.hamburger--collapse .hamburger-inner {
	top: auto;
	bottom: 2px;
	transition-delay: .15s;
	transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	transition-duration: .15s
}

.hamburger--collapse .hamburger-inner:after {
	top: -16px;
	transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, opacity .1s linear
}

.hamburger--collapse .hamburger-inner:before {
	transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse.is-active .hamburger-inner {
	transition-delay: .32s;
	transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	transform: translate3d(0, -8px, 0) rotate(-45deg)
}

.hamburger--collapse.is-active .hamburger-inner:after {
	top: 0;
	transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .27s;
	opacity: 0
}

.hamburger--collapse.is-active .hamburger-inner:before {
	top: 0;
	transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
	transform: rotate(-90deg)
}

.hamburger--elastic .hamburger-inner {
	top: 4px;
	transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
	transition-duration: .4s
}

.hamburger--elastic .hamburger-inner:before {
	top: 8px;
	transition: opacity .15s ease .4s
}

.hamburger--elastic .hamburger-inner:after {
	top: 16px;
	transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
	transition-delay: .1s;
	transform: translate3d(0, 8px, 0) rotate(135deg)
}

.hamburger--elastic.is-active .hamburger-inner:before {
	transition-delay: 0s;
	opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner:after {
	transition-delay: .1s;
	transform: translate3d(0, -16px, 0) rotate(-270deg)
}

.hamburger--emphatic {
	overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
	transition: background-color .2s ease-in .25s
}

.hamburger--emphatic .hamburger-inner:before {
	left: 0;
	transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, left .2s ease-in .25s
}

.hamburger--emphatic .hamburger-inner:after {
	top: 8px;
	right: 0;
	transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, right .2s ease-in .25s
}

.hamburger--emphatic.is-active .hamburger-inner {
	transition-delay: 0s;
	transition-timing-function: ease-out;
	background-color: transparent
}

.hamburger--emphatic.is-active .hamburger-inner:before {
	top: -80px;
	left: -80px;
	transition: left .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
	transform: translate3d(80px, 80px, 0) rotate(45deg)
}

.hamburger--emphatic.is-active .hamburger-inner:after {
	top: -80px;
	right: -80px;
	transition: right .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
	transform: translate3d(-80px, 80px, 0) rotate(-45deg)
}

.hamburger--slider .hamburger-inner {
	top: 2px;
	margin: 0;
}

.hamburger--slider .hamburger-inner:before {
	top: 8px;
	transition-timing-function: ease;
	transition-duration: .2s;
	transition-property: transform, opacity
}

.hamburger--slider .hamburger-inner:after {
	top: 16px
}

.hamburger--slider.is-active .hamburger-inner {
	transform: translate3d(0, 8px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner:before {
	transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
	opacity: 0
}

.hamburger--slider.is-active .hamburger-inner:after {
	transform: translate3d(0, -16px, 0) rotate(-90deg)
}

.hamburger--spring .hamburger-inner {
	top: 2px;
	margin: 0;
	transition: background-color 0s linear .15s
}

.hamburger--spring .hamburger-inner:before {
	top: 8px;
	transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring .hamburger-inner:after {
	top: 16px;
	transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring.is-active .hamburger-inner {
	transition-delay: .32s;
	background-color: transparent
}

.hamburger--spring.is-active .hamburger-inner:before {
	top: 0;
	transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
	transform: translate3d(0, 8px, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner:after {
	top: 0;
	transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
	transform: translate3d(0, 8px, 0) rotate(-45deg)
}

.hamburger--stand .hamburger-inner {
	transition: transform .1s cubic-bezier(.55, .055, .675, .19) .22s, background-color 0s linear .1s
}

.hamburger--stand .hamburger-inner:before {
	transition: top .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand .hamburger-inner:after {
	transition: bottom .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand.is-active .hamburger-inner {
	transition: transform .1s cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .22s;
	transform: rotate(90deg);
	background-color: transparent
}

.hamburger--stand.is-active .hamburger-inner:before {
	top: 0;
	transition: top .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
	transform: rotate(-45deg)
}

.hamburger--stand.is-active .hamburger-inner:after {
	bottom: 0;
	transition: bottom .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
	transform: rotate(45deg)
}

.hamburger--spin .hamburger-inner {
	transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	transition-duration: .3s
}

.hamburger--spin .hamburger-inner:before {
	transition: top .1s ease-in .34s, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner:after {
	transition: bottom .1s ease-in .34s, transform .3s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin.is-active .hamburger-inner {
	transition-delay: .14s;
	transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	transform: rotate(225deg)
}

.hamburger--spin.is-active .hamburger-inner:before {
	top: 0;
	transition: top .1s ease-out, opacity .1s ease-out .14s;
	opacity: 0
}

.hamburger--spin.is-active .hamburger-inner:after {
	bottom: 0;
	transition: bottom .1s ease-out, transform .3s cubic-bezier(.215, .61, .355, 1) .14s;
	transform: rotate(-90deg)
}

.hamburger--squeeze .hamburger-inner {
	transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	transition-duration: .1s
}

.hamburger--squeeze .hamburger-inner:before {
	transition: top .1s ease .14s, opacity .1s ease
}

.hamburger--squeeze .hamburger-inner:after {
	transition: bottom .1s ease .14s, transform .1s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
	transition-delay: .14s;
	transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	transform: rotate(45deg)
}

.hamburger--squeeze.is-active .hamburger-inner:before {
	top: 0;
	transition: top .1s ease, opacity .1s ease .14s;
	opacity: 0
}

.hamburger--squeeze.is-active .hamburger-inner:after {
	bottom: 0;
	transition: bottom .1s ease, transform .1s cubic-bezier(.215, .61, .355, 1) .14s;
	transform: rotate(-90deg)
}

.hamburger .hamburger-inner,
.hamburger .hamburger-inner:after,
.hamburger .hamburger-inner:before {
	background-color: #fff
}

.hamburger--header {
	margin-right: -5px;
	padding-right: 0;
	padding-left: 5px;
	cursor: default;
	vertical-align: middle
}

.hamburger--header .hamburger-inner,
.hamburger--header .hamburger-inner:after,
.hamburger--header .hamburger-inner:before {
	background-color: #222
}

.hamburger--header.hamburger--elastic .hamburger-inner,
.hamburger--header.hamburger--slider .hamburger-inner {
	top: 2px
}

.hamburger--header:hover {
	opacity: 1
}

.hamburger-wrap {
	text-align: center
}

.hamburger--accessible {
	display: inline-block
}

.hamburger--accessible .hamburger-box {
	display: inline-block;
	vertical-align: middle
}

.hamburger--accessible .hamburger-inner,
.hamburger--accessible .hamburger-inner:after,
.hamburger--accessible .hamburger-inner:before {
	background-color: #222
}

.hamburger-label {
	font-weight: 600;
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
	text-transform: uppercase
}

.hamburger-label-hidden {
	display: none
}

.hamburger--example {
	outline: 1px dashed cyan
}

.hamburger--example .hamburger-box {
	outline: 1px dashed green
}

.hamburger--example .hamburger-inner,
.hamburger--example .hamburger-inner:after,
.hamburger--example .hamburger-inner:before {
	background-color: #222
}

/**/

#header-pense .container a h1.logo {
	float: left;
	line-height: 50px;
	width: 75px;
	margin: 3px 15px;
}

#header-pense .container a:hover h1.logo {
	width: 70px;
	margin: 3px 20px;
}

@media only screen and (max-width: 660px) {
	.prof #header-pense .container a h1.logo {
		width: 60px;
	}

	.prof #header-pense .container a:hover h1.logo {
		width: 60px;
	}

	#header-pense .container a h1.logo {
		width: 150px;
	}

	#header-pense .container a:hover h1.logo {
		width: 150px;
	}
}

@media only screen and (max-width: 400px) {
	#header-pense .container a h1.logo {
		margin: 0 10px;
	}
}

#header-pense .container nav {}

#header-pense .container nav ul>li {
	float: left;
}

#header-pense .container nav ul>li>a {
	color: #FFF;
	padding: 0 15px;
}

/*Notificações tooltip*/
#header-pense .container nav.tools ul li .lista-notif {
	position: absolute;
	opacity: 0;
	width: 360px;
	background-color: #f7f7f7;
	top: 45px;
	right: -8px;
	border-radius: 5px;
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
}

#header-pense .container nav.tools ul li .lista-notif.open {
	opacity: 1;
	top: 60px;
}

#header-pense .container nav.tools ul li .lista-notif::before {
	position: absolute;
	top: -20px;
	right: 23px;
	border: 10px solid transparent;
	border-bottom-color: #EAEEF1;
	content: '';
}

#header-pense .container nav.tools ul li .lista-notif header {
	width: 100%;
	height: 30px;
	padding: 0 20px;
	border-bottom: 1px solid #DDD;
}

#header-pense .container nav.tools ul li .lista-notif header h5 {
	float: left;
	color: #444;
	font-size: 12px;
	line-height: 30px;
}

#header-pense .container nav.tools ul li .lista-notif header a.btn-marcar {
	line-height: 30px;
	font-size: 12px;
	text-align: right;
	color: #56BFCA;
	font-weight: 500;
	float: right;
}

#header-pense .container nav.tools ul li .lista-notif header a.btn-marcar:hover {
	color: purple;
}

#header-pense .container nav.tools ul li .lista-notif ol {
	overflow: hidden;
	overflow-y: auto;
	height: 100%;
	max-height: 500px;
	padding: 10px 0;
}

#header-pense .container nav.tools ul li .lista-notif ol:hover {}

#header-pense .container nav.tools ul li .lista-notif ol li {
	width: 100%;
	/*overflow: hidden;*/
	position: relative
}

#header-pense .container nav.tools ul li .lista-notif ol li:first-child {
	border-radius: 5px 5px 0 0;
}

#header-pense .container nav.tools ul li .lista-notif ol li:last-child {
	border-radius: 0 0 5px 5px;
}

#header-pense .container nav.tools ul li .lista-notif ol li a.msg-notif {
	width: 100%;
	padding: 7px 50px 20px 60px;
	font-size: 13px;
	line-height: 20px;
	color: #444;
	display: block;
	position: relative;
	background-color: rgba(0, 0, 0, 0);
	min-height: 45px;
}

#header-pense .container nav.tools ul li .lista-notif ol li a.msg-notif:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

#header-pense .container nav.tools ul li .lista-notif ol li.nova a.msg-notif {
	background-color: rgba(254, 217, 0, 0.3);
}

#header-pense .container nav.tools ul li .lista-notif ol li.nova a.msg-notif:hover {
	background-color: rgba(254, 217, 0, 0.4);
}

#header-pense .container nav.tools ul li .lista-notif ol li a.status-notif {
	position: absolute;
	width: 50px;
	right: 0;
	top: 0;
	height: 100%;
}

#header-pense .container nav.tools ul li .lista-notif ol li a.status-notif span::after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	top: 50%;
	right: 50%;
	background-color: transparent;
	border-radius: 50%;
	margin-top: -4px;
	margin-right: -4px;
	border: 1px solid #CCC;
}

#header-pense .container nav.tools ul li .lista-notif ol li a.status-notif:hover span::after {
	background-color: #CCC;
	border: 1px solid transparent;
}

#header-pense .container nav.tools ul li .lista-notif ol li.nova a.status-notif span::after {
	background-color: #f08114;
	border: 1px solid #f08114;
}

#header-pense .container nav.tools ul li .lista-notif ol li.nova a.status-notif:hover span::after {
	background-color: #B64EBF;
	border: 1px solid transparent;
}

#header-pense .container nav.tools ul li .lista-notif ol li a.status-notif::before {
	content: 'lida';
	position: absolute;
	font-size: 12px;
	padding: 0;
	background-color: #FFF;
	border-radius: 3px;
	top: 50%;
	width: 30px;
	left: 50%;
	margin-top: -30px;
	margin-left: -15px;
	text-align: center;
	line-height: 20px;
	display: none;
}

#header-pense .container nav.tools ul li .lista-notif ol li a.status-notif::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -5px;
	border: 5px solid transparent;
	border-top-color: #FFF;
	display: none;
}

#header-pense .container nav.tools ul li .lista-notif ol li a.status-notif:hover::before,
#header-pense .container nav.tools ul li .lista-notif ol li a.status-notif:hover::after {
	display: block;
}

#header-pense .container nav.tools ul li .lista-notif ol li.nova a.status-notif::before {
	content: 'não lida';
	width: 50px;
	left: 50%;
	margin-left: -25px;
}


#header-pense .container nav.tools ul li .lista-notif ol li a strong {
	font-weight: 600;
}

#header-pense .container nav.tools ul li .lista-notif ol li a i {
	position: absolute;
	top: 10px;
	left: 15px;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	border-radius: 50%;
}

#header-pense .container nav.tools ul li .lista-notif ol li.notify-dinamica a i {
	background-color: #040404;
	color: #FFF;
}

#header-pense .container nav.tools ul li .lista-notif ol li.notify-arena a i {
	background-color: #040404;
	color: #FFF;
}

#header-pense .container nav.tools ul li .lista-notif ol li.notify-concluida a i {
	background-color: #FECD18;
}

#header-pense .container nav.tools ul li .lista-notif ol li.notify-fechada a i {
	background-color: #F29D15;
}

#header-pense .container nav.tools ul li .lista-notif ol li.notify-aberta a i {
	background-color: #59B200;
}

#header-pense .container nav.tools ul li .lista-notif ol li.notify-chat a i {
	background-color: #56BFCA;
}

/*Relatorio tooltip*/
#header-pense .container nav.tools ul li ol.lista-relatorio {
	position: absolute;
	opacity: 0;
	width: 140px;
	background-color: #EAEEF1;
	padding: 10px 0;
	top: 45px;
	right: -8px;
	border-radius: 5px;
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
}

#header-pense .container nav.tools ul li ol.lista-relatorio.open {
	opacity: 1;
	top: 60px;
	z-index: 99999;
}

#header-pense .container nav.tools ul li ol.lista-relatorio::before {
	position: absolute;
	top: -20px;
	right: 23px;
	border: 10px solid transparent;
	border-bottom-color: #EAEEF1;
	content: '';
}

#header-pense .container nav.tools ul li ol.lista-relatorio li {
	width: 100%;
	overflow: hidden;
}

#header-pense .container nav.tools ul li ol.lista-relatorio li a {
	width: 100%;
	padding: 0 20px;
	font-size: 14px;
	line-height: 40px;
	color: #444;
	display: block;
	position: relative;
	background-color: rgba(0, 0, 0, 0);
}

#header-pense .container nav.tools ul li ol.lista-relatorio li a i {
	margin-right: 5px
}

#header-pense .container nav.tools ul li ol.lista-relatorio li a:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

#header-pense .container nav.tools ul li ol.lista-relatorio li a:hover i {}

@media only screen and (max-width: 700px) {

	#header-pense .container nav.tools .tool-relatorios,
	#header-pense .container nav.tools .tool-sair {
		display: none;
	}
}

@media only screen and (max-width: 600px) {
	#header-pense .container a.btn_inicio {
		display: block;
	}

	#header-pense .container nav.filtros {
		display: ;
		margin-left: 15px;
	}

	#header-pense .container nav.filtros .filter a.comboheader {
		width: auto;
	}

	#header-pense .container nav.tools ul li .lista-notif {
		right: 0;
	}

	#header-pense .container nav.tools ul li .lista-notif::before {
		right: 15px;
	}
}

@media only screen and (max-width: 400px) {
	#header-pense .container nav.filtros .filter a.comboheader {
		width: 100px;
	}

	#header-pense .container nav.tools ul li .lista-notif {
		width: 300px;
	}
}

@media only screen and (max-width: 350px) {
	#header-pense .container nav.filtros .filter a.comboheader {
		width: 80px;
	}
}

/*=== FIM - HEADER =============================================================================================*/


/*=== MENU GERAL ===============================================================================================*/

nav.menu-geral {
	position: fixed;
	background-color: #2F3A4C;
	top: 60px;
	left: -500px;
	z-index: 99;
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
	min-width: 180px;
	height: 100%;
	margin: 0;
	color: #B0BFC5;
	list-style: none;
	padding: 0 0 60px;
	overflow: hidden;
	overflow-y: auto;
}

nav.menu-geral::-webkit-scrollbar {
	width: 1px;
	height: 10px;
}

nav.menu-geral::-webkit-scrollbar-button:start:decrement,
nav.menu-geral::-webkit-scrollbar-button:end:increment {
	display: none;
}

nav.menu-geral::-webkit-scrollbar-track-piece {
	background-color: #2F3A4C;
	border: 0;
}

nav.menu-geral::-webkit-scrollbar-thumb:vertical {
	background-color: #2F3A4C;
	border: 0;
}

nav.menu-geral::-webkit-scrollbar-thumb:horizontal {
	background-color: #2F3A4C;
	border: 0;
}

nav.menu-geral.ativo {
	display: block;
	left: 0;
}

nav.menu-geral ul.ps-stick-menu {
	margin: 0;
	color: #B0BFC5;
	list-style: none;
	padding: 0
}

nav.menu-geral ul.ps-stick-menu hr {
	background-color: #475873;
}

nav.menu-geral ul.ps-stick-menu li {}

nav.menu-geral ul.ps-stick-menu li a {
	font-size: 14px;
	color: #B0BFC5;
	padding: 15px 20px 15px 10px;
	display: block;
	text-transform: uppercase;
	border-left: 4px solid transparent;
	min-height: 50px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
}

nav.menu-geral ul.ps-stick-menu li a i::before {
	color: #B0BFC5;
	vertical-align: 0;
}

nav.menu-geral ul.ps-stick-menu li a:hover {
	border-left: 4px solid #FECD18;
	color: #FECB00;
	background-color: #252E3D;
	padding-left: 14px;
}

nav.menu-geral ul.ps-stick-menu li a:hover i::before {
	color: #FECB00;
}

nav.menu-geral ul.ps-stick-menu li a.ativo:hover,
nav.menu-geral ul.ps-stick-menu li a.ativo {
	border-left: 4px solid #FECD18;
	color: #FECB00;
	background-color: #252E3D;
	pointer-events: none;
}

nav.menu-geral ul.ps-stick-menu li a.ativo i::before,
nav.menu-geral ul.ps-stick-menu li a.ativo:hover i::before {
	color: #FECB00;
}

nav.menu-geral ul.ps-stick-menu li a i {
	margin: 0 8px 0 0;
}


.ps-perfil {
	margin-bottom: 20px;
	display: flex;
	position: relative;
	float: right;
	margin-top: 10px;
	margin-right: 14px;
}

.ps-avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-size: cover;
	cursor: pointer;
	overflow: hidden;
}

.ps-avatar i.icon-editar {
	width: 100%;
	height: 100%;
	visibility: hidden;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	font-size: 22px;
	color: #FECD18;
	-webkit-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
}

/*.ps-avatar:hover i.icon-editar {visibility: visible;}*/
.ps-nome {
	color: #fff;
	padding: 0 10px;
}

.ps-turma {
	font-style: italic;
	padding: 0 10px;
	color: #060403;
	opacity: 0.7;
	font-size: 14px;
}

.ps-nomescola {
	display: flex;
	position: relative;
	justify-content: center;
	top: 8px;
}

.app .ps-academia,
.app .ps-arena {
	display: none;
}

.menu-ps-perfil {
	display: inline-block;
	text-align: center;
}

.menu-ps-avatar {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #4F6180;
	background-size: cover;
	margin: 20px auto 10px auto;
	cursor: pointer;
	overflow: hidden;
}

.menu-ps-avatar i.icon-editar {
	width: 100%;
	height: 100%;
	visibility: hidden;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	font-size: 22px;
	color: #FECD18;
	-webkit-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
}

.menu-ps-nome {
	color: #fff;
	max-width: 180px;
	padding: 0 10px;
}

.menu-ps-turma {
	font-style: italic;
	padding: 0 10px;
	color: #060403;
	opacity: 0.7;
	font-size: 14px;
}

.informacoes-usuario {
	position: absolute;
	width: 360px;
	background-color: #f7f7f7;
	top: 60px;
	right: 160px;
	border-radius: 5px;
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
	z-index: 999999999999999999999999999 !important;
	color: #5f5f5f;
	padding: 20px;
}

.informacoes-usuario::before {
	position: absolute;
	top: -20px;
	right: 43px;
	border: 10px solid transparent;
	border-bottom-color: #f7f7f7;
	content: '';
}

.informacoes-usuario .inf-avatar {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	float: left;
	margin-right: 15px;
	background-size: cover;
	overflow: hidden;
}

.informacoes-usuario .inf-avatar i.icon-editar {
	width: 100%;
	height: 100%;
	visibility: hidden;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	font-size: 22px;
	color: #FECD18;
	-webkit-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
}

.informacoes-usuario .inf-avatar:hover i.icon-editar {
	visibility: visible;
}

.informacoes-usuario .inf-gerais {
	width: 200px;
	float: left;
}

.informacoes-usuario .inf-gerais h3.escola-usuario {
	color: #222;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 10px;
}

.informacoes-usuario .inf-gerais h5.tipo-usuario {
	color: #56BFCA;
}

.informacoes-usuario .inf-gerais h4.nome-usuario {
	font-weight: 600;
}

.informacoes-usuario .inf-gerais p.email-usuario {
	font-style: italic;
}

/*=== FIM - MENU GERAL =========================================================================================*/


/*=== INICIAL (HOME) ===========================================================================================*/


/*EDUCAÇÃO INFANTIL*/
.ei #main-dinamicas {
	display: block;
}

.ei #main-academia {
	display: none;
}

/*.ei #main-arena header {display: none;}*/
.ei #main-arena article {
	display: none;
}

/*.ei #main-arena .conteudo .container {margin: 5px 0 0;}*/
.ei #main-arena .arena-plim {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-basis: 100% !important;
	-webkit-flex-basis: 100% !important;
	-ms-flex-basis: 100% !important;
	height: 500px;
}


/*ENSINO FUNDAMENTAL 1 - 1º ano*/
.ef1-1 #main-dinamicas {
	display: block;
}

.ef1-1 #main-academia {
	display: block;
}

.ef1-1 #main-arena {
	display: block;
}

.ef1-1 #main-arena article {
	display: none;
}

.ef1-1 #main-arena .arena-desafios {
	display: block;
	flex-basis: 50% !important;
	-webkit-flex-basis: 50% !important;
	-ms-flex-basis: 50% !important;
	height: 500px;
}

.ef1-1 #main-arena .arena-plim {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-basis: 50% !important;
	-webkit-flex-basis: 50% !important;
	-ms-flex-basis: 50% !important;
	height: 500px;
}

/*ENSINO FUNDAMENTAL 1 - 2º ano*/
.ef1-2 #main-dinamicas {
	display: block;
}

.ef1-2 #main-academia {
	display: block;
}

.ef1-2 #main-arena {
	display: block;
}

.ef1-2 #main-arena article {
	display: none;
}

.ef1-2 #main-arena .arena-desafios {
	display: block;
	flex-basis: 100% !important;
	-webkit-flex-basis: 100% !important;
	-ms-flex-basis: 100% !important;
	height: 500px;
}

/*ENSINO FUNDAMENTAL 1 - 3º ano*/
.ef1-3 #main-dinamicas {
	display: block;
}

.ef1-3 #main-academia {
	display: block;
}

.ef1-3 #main-arena {
	display: block;
}

.ef1-3 #main-arena article {
	display: none;
}

.ef1-3 #main-arena .arena-concurso {
	display: block;
	flex-basis: 50% !important;
	-webkit-flex-basis: 50% !important;
	-ms-flex-basis: 50% !important;
}

.ef1-3 #main-arena .arena-desafios {
	display: block;
	flex-basis: 50% !important;
	-webkit-flex-basis: 50% !important;
	-ms-flex-basis: 50% !important;
}

/*ENSINO FUNDAMENTAL 1 - 4º ano*/
.ef1-4 #main-dinamicas {
	display: block;
}

.ef1-4 #main-academia {
	display: block;
}

.ef1-4 #main-arena {
	display: block;
}

.ef1-4 #main-arena article {
	display: none;
}

.ef1-4 #main-arena .arena-olimpiada {
	display: block;
	flex-basis: 33.333% !important;
	-webkit-flex-basis: 33.333% !important;
	-ms-flex-basis: 33.333% !important;
}

.ef1-4 #main-arena .arena-concurso {
	display: block;
	flex-basis: 33.333% !important;
	-webkit-flex-basis: 33.333% !important;
	-ms-flex-basis: 33.333% !important;
}

.ef1-4 #main-arena .arena-desafios {
	display: block;
	flex-basis: 33.333% !important;
	-webkit-flex-basis: 33.333% !important;
	-ms-flex-basis: 33.333% !important;
}

/*ENSINO FUNDAMENTAL 1 - 5º ano*/
.ef1-5 #main-dinamicas {
	display: block;
}

.ef1-5 #main-academia {
	display: block;
}

.ef1-5 #main-robotica {
	display: block;
}

.ef1-5 #main-arena {
	display: block;
}

.ef1-5 #main-arena article {
	display: none;
}

.ef1-5 #main-arena .arena-olimpiada {
	display: block;
	flex-basis: 33.333% !important;
	-webkit-flex-basis: 33.333% !important;
	-ms-flex-basis: 33.333% !important;
}

.ef1-5 #main-arena .arena-concurso {
	display: block;
	flex-basis: 33.333% !important;
	-webkit-flex-basis: 33.333% !important;
	-ms-flex-basis: 33.333% !important;
}

.ef1-5 #main-arena .arena-desafios {
	display: block;
	flex-basis: 33.333% !important;
	-webkit-flex-basis: 33.333% !important;
	-ms-flex-basis: 33.333% !important;
}

/*ENSINO FUNDAMENTAL 2*/

.ef2 #main-dinamicas {
	display: block;
}

.ef2 #main-academia {
	display: block;
}

.ef2 #main-robotica {
	display: block;
}

.ef2 #main-arena {
	display: block;
}

.ef2 #main-arena article {
	display: block;
}

.ef2 #main-arena .arena-clube {
	flex-basis: 33.333% !important;
	-webkit-flex-basis: 33.333% !important;
	-ms-flex-basis: 33.333% !important;
}

.ef2 #main-arena .arena-olimpiada {
	flex-basis: 33.333% !important;
	-webkit-flex-basis: 33.333% !important;
	-ms-flex-basis: 33.333% !important;
}

.ef2 #main-arena .arena-concurso {
	flex-basis: 33.333% !important;
	-webkit-flex-basis: 33.333% !important;
	-ms-flex-basis: 33.333% !important;
}

.ef2 #main-arena .arena-desafios {
	display: none;
}

.ef2 #main-arena .arena-plim {
	display: none;
}

.ef2 #main-arena .arena-quiz {
	display: block;
	flex-basis: 100% !important;
	-webkit-flex-basis: 100% !important;
	-ms-flex-basis: 100% !important;
}


/*AULAS*/
#main-dinamicas {
	/*margin-top: 60px;*/
	margin-top: 100px;
}

#main-dinamicas .conteudo {
	padding: 0;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#main-dinamicas .conteudo .container {
	width: 100%;
	min-height: 320px;
	padding: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

#main-dinamicas .conteudo .container .faixa-mes {
	line-height: 30px;
	padding: 0 15px;
	background-color: #373b44;
	color: #FFF;
	font-size: 14px;
	border-left: 5px solid #FECD18;
}

#main-dinamicas .conteudo header {
	width: 100%;
	height: 60px;
	padding: 0 40px;
	line-height: 60px;
	position: absolute;
	top: 0;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.3);
}

#main-dinamicas .conteudo header .section-title {
	text-transform: uppercase;
	font-size: 18px;
	float: left;
	margin-right: 20px;
	color: #fecd18;
}

#main-dinamicas .conteudo header .section-title i {
	margin-right: 10px;
}

#main-dinamicas .conteudo header nav.nav-default {
	float: right;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 0 15px;
}

#main-dinamicas .conteudo header nav.nav-default a {
	color: #FFF;
	font-size: 20px;
	padding: 0 10px;
}

#main-dinamicas .conteudo header nav.nav-default a i {
	vertical-align: -1px;
}

#main-dinamicas .conteudo header nav.nav-default span {
	width: 120px;
	height: 40px;
	margin: 10px 0;
	line-height: 40px;
	text-transform: uppercase;
	padding: 0 5px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.08);
	border-radius: 5px;
}

#main-dinamicas .conteudo header nav.nav-default a:hover {
	opacity: 0.7;
}

#main-dinamicas .conteudo header nav.nav-default a.prev {}

#main-dinamicas .conteudo header a.btn-todos {
	float: right;
}

#main-dinamicas .conteudo header a.btn-todos i {
	margin-left: 5px;
}

#main-dinamicas .conteudo .container article {
	height: 320px;
	background-color: #666;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	flex-basis: 25%;
}

#main-dinamicas.semmodulos .conteudo .container article {
	height: 349px;
	background-color: #666;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	flex-basis: 50%;
}

#main-dinamicas .conteudo .container article:nth-child(1) {
	background-color: #3CB5C2;
}

#main-dinamicas .conteudo .container article:nth-child(2) {
	background-color: #56BFCA;
}

#main-dinamicas .conteudo .container article:nth-child(3) {
	background-color: #78CCD5;
}

#main-dinamicas .conteudo .container article:nth-child(4) {
	background-color: #93D6DD;
}

/*Configuração para apresentar duas aulas*/
#main-dinamicas.duplo .conteudo .container article {
	width: 50%;
	flex-basis: 50%;
}

#main-dinamicas.duplo.semmodulos .conteudo .container article {
	width: 50%;
	height: 690px;
	flex-basis: 50%;
}

#main-dinamicas.duplo .conteudo .container article:nth-child(3),
#main-dinamicas.duplo .conteudo .container article:nth-child(4) {
	display: none;
}

#main-dinamicas.triplo .conteudo .container article {
	width: 50%;
	flex-basis: 33.33%;
}

#main-dinamicas.triplo .conteudo .container article:nth-child(4) {
	display: none;
}

#main-dinamicas.triplo.semmodulos .conteudo .container article {
	width: 50%;
	height: 690px;
	flex-basis: 33.33%;
}

/*Configuração para apresentar uma aula*/
#main-dinamicas.unico .conteudo .container article {
	width: 100%;
	flex-basis: 100%;
}

#main-dinamicas.unico.semmodulos .conteudo .container article {
	width: 100%;
	height: 690px;
	flex-basis: 100%;
}

#main-dinamicas.unico .conteudo .container article:nth-child(2),
#main-dinamicas.unico .conteudo .container article:nth-child(3),
#main-dinamicas.unico .conteudo .container article:nth-child(4) {
	display: none;
}

/*#main-dinamicas.duplo.semmodulos .conteudo .container article {width: 100%; height: 349px}*/

#main-dinamicas .conteudo .container article {
	width: 25%;
}

#main-dinamicas .conteudo .container article a {
	padding: 40px;
	width: 100%;
	height: 100%;
	display: block;
	background: linear-gradient(to top, rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.5));
	);
	position: relative;
	padding: 80px 40px;
}

#main-dinamicas .conteudo .container article a:hover {
	background-color: rgba(0, 0, 0, 0.3);
}

#main-dinamicas .conteudo .container article a h2 {
	color: #FFF;
	font-weight: 600;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

#main-dinamicas .conteudo .container article a .pergunta {
	font-size: 18px;
	color: #FFF;
	font-style: italic;
	margin-top: 20px;
	opacity: 0;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

#main-dinamicas .conteudo .container article a:hover .pergunta {
	opacity: 1;
	margin-top: 10px;
}

#main-dinamicas .conteudo .container article a .status {
	position: absolute;
	left: 0;
	bottom: 40px;
	color: #FFF;
	width: 100%;
}

#main-dinamicas .conteudo .container article a .status .modo {
	line-height: 35px;
	height: 35px;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 0 10px 0 40px;
	position: relative;
	float: left;
}

#main-dinamicas .conteudo .container article a .status .modo i {
	margin-right: 5px;
}

#main-dinamicas .conteudo .container article a .status .modo.close i.ico {
	color: #F29D14;
}

#main-dinamicas .conteudo .container article a .status .modo.open i.ico {
	color: #59B200;
}

#main-dinamicas .conteudo .container article a .status .modo::after {
	content: '';
	position: absolute;
	right: -20px;
	border: 0 solid transparent;
	border-top-width: 35px;
	border-left: 20px solid rgba(0, 0, 0, 0.7);
}

#main-dinamicas .conteudo .container article a .status .status-nao-concluido {
	line-height: 35px;
	height: 35px;
	background-color: rgba(0, 0, 0, 0.7);
	float: left;
	margin-left: 20px;
	padding: 0 10px;
	position: relative;
}

#main-dinamicas .conteudo .container article a .status .status-nao-concluido i {
	margin-right: 5px;
	color: #FFC107;
}

#main-dinamicas .conteudo .container article a .status .status-nao-concluido::before {
	content: '';
	position: absolute;
	left: -20px;
	border: 0 solid transparent;
	border-bottom-width: 35px;
	border-right: 20px solid rgba(0, 0, 0, 0.7);
}

#main-dinamicas .conteudo .container article a .status .status-nao-concluido::after {
	content: '';
	position: absolute;
	right: -20px;
	border: 0 solid transparent;
	border-top-width: 35px;
	border-left: 20px solid rgba(0, 0, 0, 0.7);
}

#main-dinamicas .conteudo .container article a .status .status-concluido {
	line-height: 35px;
	height: 35px;
	background-color: rgba(0, 0, 0, 0.7);
	float: left;
	margin-left: 20px;
	padding: 0 10px;
	position: relative;
}

#main-dinamicas .conteudo .container article a .status .status-concluido i {
	margin-right: 5px;
	color: #59B200
}

#main-dinamicas .conteudo .container article a .status .status-concluido::before {
	content: '';
	position: absolute;
	left: -20px;
	border: 0 solid transparent;
	border-bottom-width: 35px;
	border-right: 20px solid rgba(0, 0, 0, 0.7);
}

#main-dinamicas .conteudo .container article a .status .status-concluido::after {
	content: '';
	position: absolute;
	right: -20px;
	border: 0 solid transparent;
	border-top-width: 35px;
	border-left: 20px solid rgba(0, 0, 0, 0.7);
}

#main-dinamicas .conteudo .container article a .status.aberto .modo.open {
	display: block;
}

#main-dinamicas .conteudo .container article a .status.fechado .modo.open {
	display: none;
}

#main-dinamicas .conteudo .container article a .status.aberto .modo.close {
	display: none;
}

#main-dinamicas .conteudo .container article a .status.fechado .modo.close {
	display: block;
}

#main-dinamicas .conteudo .container article a .status.aberto .status-concluido {
	display: none;
}

#main-dinamicas .conteudo .container article a .status.fechado .status-concluido {
	display: block;
}

@media only screen and (max-width: 1024px) {
	#main-dinamicas .conteudo .container {
		min-height: 270px;
	}

	#main-dinamicas .conteudo .container article {
		width: 50%;
		flex-basis: 50%;
		height: 270px;
	}

	#main-dinamicas.duplo.semmodulos .conteudo .container article {
		width: 100%;
		height: 449px
	}
}

@media only screen and (max-width: 600px) {
	#main-dinamicas .conteudo header {
		padding: 0 20px;
		position: relative;
		background-color: black;
	}

	#main-dinamicas .conteudo .container {
		display: block;
		min-height: 240px;
		/*overflow: hidden; height: 240px;*/
	}

	#main-dinamicas .conteudo .container article {
		width: 100%;
		height: 170px;
	}

	#main-dinamicas.duplo .conteudo .container article {
		width: 100%;
	}

	#main-dinamicas .conteudo .container article a {
		padding: 20px;
	}

	#main-dinamicas .conteudo .container article a .pergunta {
		display: none;
	}
}

@media only screen and (max-width: 470px) {
	.modal.imagem .bloco-modal .nav-default a {
		margin-top: 117px ! important;
	}

	.modal .bloco-modal {
		height: 365px;
	}

	.modal.imagem .bloco-modal .conteudo-modal .legenda {
		padding: 15px 5px;
	}

	#main-dinamicas .conteudo header {
		line-height: 50px;
		height: 50px;
		position: relative;
		background-color: black;
	}

}

@media only screen and (max-width: 400px) {
	#main-dinamicas .conteudo>header .section-title {
		font-size: 16px;
	}

	#main-dinamicas .conteudo header a.btn-todos {
		font-size: 14px;
	}

	#main-dinamicas .conteudo .container article {
		height: 150px;
	}

	#main-dinamicas .conteudo .container article a .status {
		font-size: 14px;
		bottom: 20px;
	}

	#main-dinamicas .conteudo .container article a .status .modo {
		padding: 0 10px 0 20px;
	}
}

/*ACADEMIA*/

#main-academia .conteudo {
	padding: 90px 0 0;
	height: 430px;
}

#main-academia .conteudo>header {
	width: 100%;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 40px;
	line-height: 60px;
	background-color: rgba(0, 0, 0, 0.1);
	color: #FFF;
}

#main-academia .conteudo>header .section-title {
	text-transform: uppercase;
	font-size: 18px;
	float: left;
	margin-right: 20px;
}

#main-academia .conteudo>header .section-title i {
	margin-right: 10px;
}

.prof #main-academia .conteudo .container.prof,
.aluno #main-academia .conteudo .container.aluno {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.prof #main-academia .conteudo .container.aluno,
.aluno #main-academia .conteudo .container.prof {
	display: none;
}

#main-academia .conteudo .container .timeline {
	width: 100%;
	position: relative;
}

#main-academia .conteudo .container .timeline .btn-todos {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}

#main-academia .conteudo .container .timeline .cards {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0 60px;
}

#main-academia .conteudo .container .timeline .cards::before {
	content: '';
	width: 92%;
	height: 2px;
	background-color: #DDD;
	background: -moz-linear-gradient(left, rgba(221, 221, 221, 0) 0%, rgba(221, 221, 221, 1) 5%, rgba(221, 221, 221, 1) 50%, rgba(221, 221, 221, 1) 95%, rgba(221, 221, 221, 0) 100%);
	background: -webkit-linear-gradient(left, rgba(221, 221, 221, 0) 0%, rgba(221, 221, 221, 1) 5%, rgba(221, 221, 221, 1) 50%, rgba(221, 221, 221, 1) 95%, rgba(221, 221, 221, 0) 100%);
	background: linear-gradient(to right, rgba(221, 221, 221, 0) 0%, rgba(221, 221, 221, 1) 5%, rgba(221, 221, 221, 1) 50%, rgba(221, 221, 221, 1) 95%, rgba(221, 221, 221, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00dddddd', endColorstr='#00dddddd', GradientType=1);
	top: 50%;
	margin-top: -1px;
	left: 50%;
	position: absolute;
	z-index: 0;
	margin-left: -46%;
}

#main-academia .conteudo .container .timeline .cards .mascara {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	overflow: hidden;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	/*-webkit-justify-content: center; -ms-justify-content: center; justify-content: center;*/
}

#main-academia .conteudo .container .timeline .cards .mascara ul {
	width: 999999px;
	height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	position: relative;
}

#main-academia .conteudo .container .timeline .cards .mascara ul li {
	width: 100px;
	height: 100px;
	background-color: #6dcfd9;
	border-radius: 8px;
	position: relative;
}

#main-academia .conteudo .container .timeline .cards.modo-1 .mascara ul li {
	margin: 0 40px;
}

#main-academia .conteudo .container .timeline .cards.modo-2 .mascara ul li {
	margin: 0 60px;
}

#main-academia .conteudo .container .timeline .cards .mascara ul li.vazio {
	background-color: #DDD;
	pointer-events: none;
}

#main-academia .conteudo .container .timeline .cards .mascara ul li:not(.inativo):hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
	background-color:
}

#main-academia .conteudo .container .timeline .cards .mascara ul li.ativo {
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	transform: scale(1.4);
	background-color: #fecd18;
}

#main-academia .conteudo .container .timeline .cards .mascara ul li.ativo.atv-fazer {
	background-color: #fecd18 !important;
}

#main-academia .conteudo .container .timeline .cards .mascara ul li.ativo.atv-fazer:hover {
	background-color: #eebf11 !important;
}

#main-academia .conteudo .container .timeline .cards .mascara ul li.ativo.atv-fazer a {
	color: #723c7a !important;
}

#main-academia .conteudo .container .timeline .cards .mascara ul li.ativo:hover {
	transform: scale(1.6);
	background-color: #f0c31b !important;
}

#main-academia .conteudo .container .timeline .cards .mascara ul li.bloqueado.ativo:hover {
	transform: scale(1.6);
	background-color: #d4e5e6 !important;
}


#main-academia .conteudo .container .timeline .cards .mascara ul li .atv-hj {
	display: none;
}

#main-academia .conteudo .container .timeline .cards .mascara ul li.ativo .atv-hj {
	display: block;
	position: absolute;
	top: -20px;
	width: 140px;
	text-align: center;
	left: 50%;
	margin-left: -70px;
	text-align: center;
	color: #999;
	font-weight: 500;
	font-size: 14px;
}

#main-academia .conteudo .container .timeline .cards .mascara ul li.ativo.concluido .atv-hj {
	top: -30px;
	display: none;
}

#main-academia .conteudo .container .timeline .cards .mascara ul li.ativo .atv-hj i {
	font-size: 30px;
	height: 25px;
	line-height: 25px;
	display: block;
	position: absolute;
	bottom: -20px;
	width: 100%;
}

#main-academia .conteudo .container .timeline .cards .mascara ul li.inativo {
	background-color: #d4e5e6;
}

body.aluno #main-academia .conteudo .container .timeline .cards .mascara ul li.inativo {
	pointer-events: none;
}

#main-academia .conteudo .container .timeline .cards .mascara ul li.inativo a {
	color: #a2c5c9;
}


#main-academia .conteudo .container .timeline .cards .mascara ul li .status {
	position: absolute;
	top: -13px;
	left: 50%;
	width: 26px;
	height: 26px;
	margin-left: -13px;
	background-color: #59B200;
	border-radius: 50%;
	display: none;
}

#main-academia .conteudo .container .timeline .cards .mascara ul li.concluido .status {
	display: block;
}

#main-academia .conteudo .container .timeline .cards .mascara ul li .status i {
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	display: block;
	color: #FFF;
}

#main-academia .conteudo .container .timeline .cards .mascara ul li .status i::before {
	vertical-align: 0;
}

#main-academia .conteudo .container .timeline .cards .mascara ul li>span {
	width: 100%;
	position: absolute;
	text-align: center;
	bottom: -30px;
	left: 0;
	text-transform: uppercase;
	color: #888;
	font-weight: 300;
}

#main-academia .conteudo .container .timeline .cards.modo-2 .mascara ul li .atv-hj {
	display: none;
}

#main-academia .conteudo .container .timeline .cards.modo-2 .mascara ul li>span {
	display: none;
}


#main-academia .conteudo .container .timeline .cards .mascara ul li .modo-bloqueado {
	position: absolute;
	top: 3px;
	left: 50%;
	width: 26px;
	height: 26px;
	margin-left: -47px;
	border-radius: 50%;
	display: none;
}

#main-academia .conteudo .container .timeline .cards .mascara ul li.bloqueado .modo-bloqueado {
	display: block;
}

#main-academia .conteudo .container .timeline .cards .mascara ul li.desbloqueado .modo-bloqueado {
	display: block;
}

#main-academia .conteudo .container .timeline .cards .mascara ul li.desbloqueado .modo-bloqueado i {
	color: #2C7B8A;
}

#main-academia .conteudo .container .timeline .cards .mascara ul li .modo-bloqueado i {
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	display: block;
	color: #8db2b6;
	;
}

#main-academia .conteudo .container .timeline .cards .mascara ul li .modo-bloqueado i::before {
	vertical-align: 0;
}


#main-academia .conteudo .container .timeline .cards .mascara ul li a {
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-align-content: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	font-size: 35px;
	color: #2C7B8A;
	font-weight: 600;
	position: relative;
}

#main-academia .conteudo .container .timeline .cards .mascara ul li a span {
	opacity: .5;
}

#main-academia .conteudo .container .timeline .cards .mascara ul li a span.atvs {
	display: block;
	margin-top: 5px;
	width: 100%;
}

#main-academia .conteudo .container .timeline .cards nav {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}

#main-academia .conteudo .container .timeline .cards nav a {
	width: 60px;
	height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	font-size: 26px;
	/*background-color: #FFF;*/
}

#main-academia .conteudo .container .timeline .cards nav a.desativado {
	color: #DDD;
	pointer-events: none;
}

#main-academia .conteudo .container .timeline .cards nav a i {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	line-height: 36px;
	text-align: center;
}

#main-academia .conteudo .container .timeline .cards nav a:hover i {
	color: #56BFCA;
}

#main-academia .conteudo .container .legenda {
	position: absolute;
	text-align: center;
	display: block;
	bottom: 20px;
	left: 50%;
	margin-left: -100px;
}

#main-academia .conteudo .container .legenda span {
	margin: 0 10px;
	font-size: 16px;
	color: #FA9B1E;
	cursor: pointer;
}

#main-academia .conteudo .container .legenda span:hover {
	color: #000;
	text-decoration: underline;
}

#main-academia .conteudo .container .legenda span::before {
	width: 10px;
	height: 10px;
	margin-right: 8px;
	content: '';
	display: inline-block;
	border-radius: 2px;
	background-color: #FECD18;
}


#main-academia .conteudo footer {
	position: absolute;
	width: 100%;
	height: 40px;
	left: 0;
	bottom: 20px;
	color: #FFF;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

/*para professores*/
.prof #main-academia .conteudo .container .timeline .btn-todos {
	display: none;
}

.prof #main-academia .conteudo .container .timeline .cards .mascara ul li {
	width: 250px;
	height: 130px;
	margin: 0 60px;
}

.prof #main-academia .conteudo .container .timeline .cards .mascara ul li a {
	text-align: center;
	font-size: 16px;
	padding: 15px;
}

.prof #main-academia .conteudo .container .timeline .cards .mascara ul li .modo-bloqueado {
	top: 7px;
	left: 55px;
}


/*Sem conteúdo vinculado na academia*/
#main-academia .sem.conteudo .container.prof,
#main-academia .sem.conteudo .container {
	display: none;
}

#main-academia .sem.conteudo footer {
	display: none;
}

#main-academia .conteudo .no-container {
	display: none;
}

#main-academia .sem.conteudo .no-container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	background-color: rgba(190, 151, 196, 0.8);
	border-radius: 10px;
	padding: 20px 40px;
	margin: 0 20px;
}

#main-academia .sem.conteudo .no-container p {
	font-size: 22px;
	color: #FFF;
	text-align: center;
	font-weight: 600;
}

@media only screen and (max-width: 1360px) {
	#main-academia .conteudo .container {
		width: 90%;
		margin: 0 5% 50px;
	}

	#main-dinamicas.duplo.semmodulos .conteudo .container article {
		width: 100%;
		height: 449px
	}
}

@media only screen and (max-width: 800px) {
	.modal.calendario .bloco-modal {
		padding: 40px;
	}
}

@media only screen and (max-width: 470px) {

	/*#main-academia {display: none !important;}*/

	#main-academia .conteudo>header {
		line-height: 50px;
		height: 50px;
	}

	#main-academia .conteudo>header .section-title {
		font-size: 16px;
	}

	#main-academia .conteudo .container .timeline .btn-todos {
		font-size: 14px;
	}

	.modal.calendario .bloco-modal {
		margin: 0;
		padding: 10px;
	}

	.modal.calendario .bloco-modal a.btn-fechar {
		top: -40px;
		color: #FFF;
	}

	.modal.calendario .bloco-modal section.bloco-mes ul.labels li {
		width: 30px;
	}

	.modal.calendario .bloco-modal section.bloco-mes ul.semana li {
		width: 30px;
		height: 30px
	}

	#main-academia .conteudo footer {
		font-size: 14px;
	}
}


/*temporario*/
/*#main-academia .conteudo .container {background-image: url(../imagens/academia-ef2.png); background-position: center top; background-repeat: no-repeat; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center;}*/
/*#main-academia .conteudo .container .acesso-academia {width: 980px; height: 64px; margin-top: 185px; text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -ms-align-items: center; align-items: center;}*/
/*#main-academia .conteudo .container .acesso-academia span {color: #FFF; font-size: 22px; line-height: 35px;}*/
/*#main-academia .conteudo .container .acesso-academia .btn {margin-left: 15px; color: #444;}*/
/*#main-academia .conteudo .container .acesso-academia .btn:hover {color: #FFF;}*/

/*Calendario*/
.modal.calendario {}

.modal.calendario .bloco-modal {}

.modal.calendario .bloco-modal header {
	background-color: #56BFCA;
	color: #FFF;
	line-height: 40px;
}

.modal.calendario .bloco-modal header nav.nav-default {}

.modal.calendario .bloco-modal header nav.nav-default span {
	font-weight: 400;
	text-transform: uppercase;
}

.modal.calendario .bloco-modal header nav.nav-default a {
	width: 40px;
	height: 40px;
	color: #FFF;
}

.modal.calendario .bloco-modal header nav.nav-default a i {
	font-size: 20px;
	vertical-align: -3px;
}

.modal.calendario .bloco-modal header nav.nav-default a:hover {
	opacity: 0.75;
}

.modal.calendario .bloco-modal header nav.nav-default .prev {
	float: left;
}

.modal.calendario .bloco-modal header nav.nav-default .next {
	float: right;
}

.modal.calendario .bloco-modal section.bloco-mes {}

.modal.calendario .bloco-modal section.bloco-mes ul {}

.modal.calendario .bloco-modal section.bloco-mes ul.labels {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	margin: 10px 0 0;
}

.modal.calendario .bloco-modal section.bloco-mes ul.labels li {
	width: 40px;
	margin: 5px;
	text-align: center;
}

.modal.calendario .bloco-modal section.bloco-mes ul.semana {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.modal.calendario .bloco-modal section.bloco-mes ul.semana li {
	position: relative;
	width: 40px;
	height: 40px;
	margin: 10px 5px 25px;
	display: block;
	background-color: #93D6DD;
	border-radius: 6px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	cursor: pointer;
}

.modal.calendario .bloco-modal section.bloco-mes ul.semana li:hover {
	background-color: #78CCD5;
	transform: scale(1.1);
}

.modal.calendario .bloco-modal section.bloco-mes ul.semana li.vazio {
	background-color: #E9EDF0;
	pointer-events: none;
}

.modal.calendario .bloco-modal section.bloco-mes ul.semana li.vazio.none {
	opacity: 0.4;
}

.modal.calendario .bloco-modal section.bloco-mes ul.semana li.ativo {
	background-color: #FECD18;
}

.modal.calendario .bloco-modal section.bloco-mes ul.semana li>.status {
	position: absolute;
	width: 100%;
	top: -10px;
	left: 0;
	text-align: center;
	display: none;
}

.modal.calendario .bloco-modal section.bloco-mes ul.semana li.concluido>.status {
	display: block;
}

.modal.calendario .bloco-modal section.bloco-mes ul.semana li>.status i.icon-finalizado {
	font-size: 14px;
	color: #FFF;
	background-color: #59B200;
	padding: 3px;
	border-radius: 50%;
}

.modal.calendario .bloco-modal section.bloco-mes ul.semana li>.status i.icon-finalizado::before {
	vertical-align: 0;
}

.modal.calendario .bloco-modal section.bloco-mes ul.semana li>a {
	color: #2C7B8A;
	font-weight: 600;
}

.modal.calendario .bloco-modal section.bloco-mes ul.semana li>a>span {
	color: #2C7B8A;
}

.modal.calendario .bloco-modal section.bloco-mes ul.semana li>span {
	position: absolute;
	width: 100%;
	bottom: -20px;
	left: 0;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	color: #9EA3A5;
}

/*ROBÓTICA*/
#main-robotica {}

#main-robotica .conteudo {
	padding: 0;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#main-robotica .conteudo .container {
	width: 100%;
	min-height: 320px;
	padding: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

#main-robotica .conteudo .container .faixa-mes {
	line-height: 30px;
	padding: 0 15px;
	background-color: #373b44;
	color: #FFF;
	font-size: 14px;
	border-left: 5px solid #FECD18;
}

#main-robotica .conteudo header {
	width: 100%;
	height: 60px;
	padding: 0 40px;
	line-height: 60px;
	position: absolute;
	top: 0;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.3);
}

#main-robotica .conteudo header .section-title {
	text-transform: uppercase;
	font-size: 18px;
	float: left;
	margin-right: 20px;
	color: #ff8200;
}

#main-robotica .conteudo header .section-title i {
	margin-right: 10px;
}

#main-robotica .conteudo header nav.nav-default {
	float: right;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 0 15px;
}

#main-robotica .conteudo header nav.nav-default a {
	color: #FFF;
	font-size: 20px;
	padding: 0 10px;
}

#main-robotica .conteudo header nav.nav-default a i {
	vertical-align: -1px;
}

#main-robotica .conteudo header nav.nav-default span {
	width: 120px;
	height: 40px;
	margin: 10px 0;
	line-height: 40px;
	text-transform: uppercase;
	padding: 0 5px;
	font-size: 18px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.05);
	border-radius: 5px;
}

#main-robotica .conteudo header nav.nav-default a:hover {
	opacity: 0.7;
}

#main-robotica .conteudo header nav.nav-default a.prev {}

#main-robotica .conteudo header a.btn-todos {
	float: right;
}

#main-robotica .conteudo header a.btn-todos i {
	margin-left: 5px;
}

#main-robotica .conteudo .container article {
	height: 320px;
	background-color: #666;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	flex-basis: 25%;
}

#main-robotica .conteudo .container article:nth-child(1) {
	background-color: #3CB5C2;
}

#main-robotica .conteudo .container article:nth-child(2) {
	background-color: #56BFCA;
}

#main-robotica .conteudo .container article:nth-child(3) {
	background-color: #78CCD5;
}

#main-robotica .conteudo .container article:nth-child(4) {
	background-color: #93D6DD;
}

/*Configuração para apresentar duas aulas*/
#main-robotica.duplo .conteudo .container article {
	width: 50%;
	flex-basis: 50%;
}

#main-robotica.duplo .conteudo .container article:nth-child(3),
#main-robotica.duplo .conteudo .container article:nth-child(4) {
	display: none;
}

#main-robotica .conteudo .container article {
	width: 25%;
}

#main-robotica .conteudo .container article a {
	padding: 40px;
	width: 100%;
	height: 100%;
	display: block;
	background: linear-gradient(to top, rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.9));
	position: relative;
	padding: 80px 40px;
}

#main-robotica .conteudo .container article a:hover {
	background-color: rgba(0, 0, 0, 0.3);
}

#main-robotica .conteudo .container article a h2 {
	color: #FFF;
	font-weight: 600;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

#main-robotica .conteudo .container article a .pergunta {
	font-size: 18px;
	color: #FFF;
	font-style: italic;
	margin-top: 20px;
	opacity: 0;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

#main-robotica .conteudo .container article a:hover .pergunta {
	opacity: 1;
	margin-top: 10px;
}

#main-robotica .conteudo .container article a .status {
	position: absolute;
	left: 0;
	bottom: 40px;
	color: #FFF;
	width: 100%;
}

#main-robotica .conteudo .container article a .status .modo {
	line-height: 35px;
	height: 35px;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 0 10px 0 40px;
	position: relative;
	float: left;
}

#main-robotica .conteudo .container article a .status .modo i {
	margin-right: 5px;
}

#main-robotica .conteudo .container article a .status .modo.close i.ico {
	color: #F29D14;
}

#main-robotica .conteudo .container article a .status .modo.open i.ico {
	color: #59B200;
}

#main-robotica .conteudo .container article a .status .modo::after {
	content: '';
	position: absolute;
	right: -20px;
	border: 0 solid transparent;
	border-top-width: 35px;
	border-left: 20px solid rgba(0, 0, 0, 0.7);
}

#main-robotica .conteudo .container article a .status .status-concluido {
	line-height: 35px;
	height: 35px;
	background-color: #59B200;
	float: left;
	margin-left: 20px;
	padding: 0 10px;
	position: relative;
}

#main-robotica .conteudo .container article a .status .status-concluido i {
	margin-right: 5px;
}

#main-robotica .conteudo .container article a .status .status-concluido::before {
	content: '';
	position: absolute;
	left: -20px;
	border: 0 solid transparent;
	border-bottom-width: 35px;
	border-right: 20px solid #59B200;
}

#main-robotica .conteudo .container article a .status .status-concluido::after {
	content: '';
	position: absolute;
	right: -20px;
	border: 0 solid transparent;
	border-top-width: 35px;
	border-left: 20px solid #59B200;
}

#main-robotica .conteudo .container article a .status.aberto .modo.open {
	display: block;
}

#main-robotica .conteudo .container article a .status.fechado .modo.open {
	display: none;
}

#main-robotica .conteudo .container article a .status.aberto .modo.close {
	display: none;
}

#main-robotica .conteudo .container article a .status.fechado .modo.close {
	display: block;
}

#main-robotica .conteudo .container article a .status.aberto .status-concluido {
	display: none;
}

#main-robotica .conteudo .container article a .status.fechado .status-concluido {
	display: block;
}

@media only screen and (max-width: 1024px) {
	#main-robotica .conteudo .container {
		min-height: 270px;
	}

	#main-robotica .conteudo .container article {
		width: 50%;
		flex-basis: 50%;
		height: 270px;
	}
}

@media only screen and (max-width: 600px) {
	#main-robotica .conteudo header {
		padding: 0 20px;
		position: relative;
		background-color: black;
	}

	#main-robotica .conteudo .container {
		display: block;
		min-height: 240px;
		/*overflow: hidden; height: 240px;*/
	}

	#main-robotica .conteudo .container article {
		width: 100%;
		height: 170px;
	}

	#main-robotica.duplo .conteudo .container article {
		width: 100%;
	}

	#main-robotica .conteudo .container article a {
		padding: 20px;
	}

	#main-robotica .conteudo .container article a .pergunta {
		display: none;
	}
}

@media only screen and (max-width: 470px) {
	#main-robotica .conteudo header {
		line-height: 50px;
		height: 50px;
		position: relative;
		background-color: black;
	}
}

@media only screen and (max-width: 400px) {
	#main-robotica .conteudo>header .section-title {
		font-size: 16px;
	}

	#main-robotica .conteudo header a.btn-todos {
		font-size: 14px;
	}

	#main-robotica .conteudo .container article {
		height: 150px;
	}

	#main-robotica .conteudo .container article a .status {
		font-size: 14px;
		bottom: 20px;
	}

	#main-robotica .conteudo .container article a .status .modo {
		padding: 0 10px 0 20px;
	}
}

/*ARENA*/
#main-arena {
	background-color: #ef607c;
	background-image: url(../imagens/marca-dgua3.png);
	background-blend-mode: overlay;
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: fixed;
	justify-content: center;
}

#main-arena .conteudo {
	padding: 0;
}

#main-arena .conteudo>header {
	width: 100%;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 40px;
	line-height: 60px;
	background-color: rgba(0, 0, 0, 0.1);
	color: #FFF;
}

#main-arena .conteudo>header .section-title {
	text-transform: uppercase;
	font-size: 18px;
	float: left;
	margin-right: 20px;
}

#main-arena .conteudo>header .section-title i {
	margin-right: 10px;
}

#main-arena .conteudo .container {
	width: 100%;
	height: auto;
	margin-top: 60px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: flex-end;
	-ms-align-content: flex-end;
	align-content: flex-end;
}

#main-arena .conteudo .container article {
	width: auto;
	flex-basis: 33.3333%;
	color: #FFF;
	/* position: relative;*/
	background-size: cover;
	background-position: center;
}

#main-arena .conteudo .container article:hover {}

#main-arena .conteudo .container article>a {
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

#main-arena .conteudo .container article>a:hover {
	background-color: rgba(0, 0, 0, 0.4) !important;
}

#main-arena .conteudo .container article>a:hover .conteudo .logo {}

#main-arena .conteudo .container article.arena-quiz {
	flex-grow: 2;
}

#main-arena .conteudo .container article .conteudo {
	width: 100%;
	text-align: left;
	padding: 40px;
	color: #fff;
}

#main-arena .conteudo .container article .conteudo .logo {
	width: 100%;
	height: 110px;
	margin: 0 0 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left bottom;
	position: relative;
	top: -40px;
	left: -40px;
}

#main-arena .conteudo .container article .conteudo p {
	width: 100%;
}

#main-arena .conteudo .container article .conteudo p.chamada {
	font-size: 22px;
	font-weight: 600;
}

#main-arena .conteudo .container article .conteudo p.data {
	font-size: 16px;
	margin: 10px 0 0;
}

#main-arena .conteudo .container article .conteudo p.data span {
	font-weight: 600;
}

#main-arena .conteudo .container article.arena-clube {
	background-color: #369CAB;
	flex-grow: 0;
	background-image: url(../imagens/arena/bg_clube2018.jpg);
}

#main-arena .conteudo .container article.arena-clube a {
	color: #FFF;
	text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
	background-color: rgba(0, 0, 0, 0.5);
}

#main-arena .conteudo .container article.arena-clube .logo {
	background-image: url(../imagens/arena/logo_clube2018.png);
}

#main-arena .conteudo .container article.arena-olimpiada {
	background-color: #FFCE08;
	flex-grow: 0;
	background-image: url(../imagens/arena/bg_olimpiadas_2021.png);
}

#main-arena .conteudo .container article.arena-olimpiada a {
	color: #444;
	background-color: rgba(0, 0, 0, 0.5);
}

#main-arena .conteudo .container article.arena-olimpiada .logo {
	background-image: url(../imagens/arena/logo_olimpiadas_2021.png);
}

/*	#main-arena .conteudo .container article.arena-concurso {background-color: #59C8DC; flex-grow: 0; background-image: url(../imagens/arena/bg_concurso2018.jpg);}*/
/*#main-arena .conteudo .container article.arena-concurso {background-color: #59C8DC; flex-grow: 0; background-image: url(../imagens/arena/bg_clickmosaico.jpg);}*/
#main-arena .conteudo .container article.arena-concurso {
	background-color: #59C8DC;
	flex-grow: 0;
	background-image: url(../imagens/arena/bg_matematicaearte.png);
}

#main-arena .conteudo .container article.arena-concurso a {
	color: #FFF;
	text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
}

#main-arena .conteudo .container article.arena-concurso .logo {
	background-image: url(../imagens/arena/logo_matematicaearte_pb.svg);
}

/*Alteração*/
#main-arena .conteudo .container article.arena-concurso {
	position: relative;
}

#main-arena .conteudo .container article.arena-concurso h4 {
	position: absolute;
	height: 40px;
	background-color: rgba(0, 0, 0, 0.3);
	line-height: 40px;
	text-align: left;
	width: 100%;
	padding: 0 20px;
	z-index: 3;
}

#main-arena .conteudo .container article.arena-concurso a div .logo {
	width: 100%;
	height: 80px;
	margin: 0;
	padding: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left bottom;
}

#main-arena .conteudo .container article.arena-concurso a div p {
	width: 100%;
}

#main-arena .conteudo .container article.arena-concurso a div p.chamada {
	font-size: 18px;
	font-weight: 600;
}

#main-arena .conteudo .container article.arena-concurso a div p.data {
	font-size: 16px;
	margin: 10px 0 0;
}

#main-arena .conteudo .container article.arena-concurso a.ativo div p.chamada {
	margin-bottom: 10px;
}

#main-arena .conteudo .container article.arena-concurso a.ativo div p.data {
	background-color: rgba(255, 255, 255, 0.75);
	padding: 10px 15px;
	color: #444;
	margin: 0;
	width: auto;
	text-shadow: none;
}

#main-arena .conteudo .container article.arena-concurso a div p.data span {
	font-weight: 600;
}

#main-arena .conteudo .container article.arena-concurso a {
	background-color: rgba(0, 0, 0, 0.5);
	width: 50%;
	/*padding-top: 40px;*/
	float: left;
	/* -webkit-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start;*/
}

#main-arena .conteudo .container article.arena-concurso a:hover {
	opacity: 0.9;
}

#main-arena .conteudo .container article.arena-concurso a.concurso-1 {
	width: 100%;
	height: 100%;
	display: none;
}

#main-arena .conteudo .container article.arena-concurso a.concurso-2 {
	width: 100%;
	height: 100%;
	display: none;
}

#main-arena .conteudo .container article.arena-concurso a.ativo {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

#main-arena .conteudo .container article.arena-concurso a>div {
	padding: 40px;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left bottom;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-content: center;
	-ms-align-content: center;
	align-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

/*#main-arena .conteudo .container article.arena-concurso a .conteudo-1 {background-image: url(../imagens/arena/bg_concurso2018.jpg);}
	#main-arena .conteudo .container article.arena-concurso a .conteudo-1 .logo {background-image: url(../imagens/arena/logo_concurso2018.png);}

	#main-arena .conteudo .container article.arena-concurso a .conteudo-2 {}
	#main-arena .conteudo .container article.arena-concurso a .conteudo-2 .logo {background-image: url(../imagens/arena/logo_concurso2018.png);}*/
/* #main-arena .conteudo .container article.arena-concurso a .conteudo-1 {background-image: url(../imagens/arena/banner_perspectivaeilusao.jpg);} */
/* #main-arena .conteudo .container article.arena-concurso a .conteudo-1 .logo {background-image: url(../imagens/arena/logo_perspectivaeilusao2.png);} */

/* #main-arena .conteudo .container article.arena-concurso a .conteudo-2 {} */
/* #main-arena .conteudo .container article.arena-concurso a .conteudo-2 .logo {background-image: url(../imagens/arena/logo_perspectivaeilusao2.png); margin-bottom: 20px;} */

/*#main-arena .conteudo .container article.arena-concurso a .conteudo-1 {background-image: url(../imagens/arena/banner_clickmosaico.jpg);}
	#main-arena .conteudo .container article.arena-concurso a .conteudo-1 .logo {background-image: url(../imagens/arena/logo_clickmosaico.png);}

	#main-arena .conteudo .container article.arena-concurso a .conteudo-2 {}
	#main-arena .conteudo .container article.arena-concurso a .conteudo-2 .logo {background-image: url(../imagens/arena/logo_clickmosaico.png); margin-bottom: 20px;}*/

#main-arena .conteudo .container article.arena-concurso a .conteudo-1 {
	background-image: url(../imagens/arena/bg_matematicaearte.png);
}

#main-arena .conteudo .container article.arena-concurso a .conteudo-1 .logo {
	background-image: url(../imagens/arena/logo_matematicaearte_pb.svg);
}

#main-arena .conteudo .container article.arena-concurso a .conteudo-2 {}

#main-arena .conteudo .container article.arena-concurso a .conteudo-2 .logo {
	background-image: url(../imagens/arena/logo_matematicaearte_pb.svg);
	margin-bottom: 20px;
}



#main-arena .conteudo .container article.arena-desafios {
	background-color: #334B33;
	flex-grow: 0;
	background-image: url(../imagens/arena/bg_desafios.jpg);
}

#main-arena .conteudo .container article.arena-desafios a {
	color: #FFF;
	padding: 150px 40px;
	text-indent: -9999px;
}

.ef1-3-5 #main-arena .conteudo .container article.arena-concurso a div .logo {
	height: 150px;
}

.ef1-3-5 #main-arena .conteudo .container article.arena-concurso a div p.chamada {
	font-size: 22px;
}

#main-arena .conteudo .container article.arena-quiz {
	flex-grow: 1;
	padding: 20px 40px 20px;
	color: #444;
	background-size: cover;
	margin-bottom: 15px;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz>header {
	position: relative;
	padding: 20px 0px 0px 220px;
	min-height: 120px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: wrap;
	-webkit-align-content: center;
	-ms-align-content: center;
	align-content: center;
	background-color: #FFF;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz>header .logo-quiz {
	left: 50px;
	top: 28px;
	position: absolute;
	font-size: 28px;
	font-family: "kyrial-sans-pro", "Roboto", sans-serif;
	font-weight: 900;
	color: #df526d;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz>header .logo {}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz>header h2.title {
	font-weight: 600;
	width: 75%;
	line-height: 30px;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz>header p.sub-title {
	border-bottom: 2px solid #CCC;
	padding: 0 0 15px;
	margin: 5px 0 0;
	font-size: 16px;
	font-weight: 500;
	width: 100%;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz>header p.sub-title a {
	color: #FA9B1E;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .numero-questao {
	position: absolute;
	right: 60px;
	top: 40px;
	font-size: 24px;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .numero-questao span {
	font-weight: 900;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .numero-questao i {
	opacity: 0.6;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao {
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	padding: 0 70px 0 200px;
	background-color: #FFF;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .ilustra {
	width: 150px;
	height: 200px;
	position: absolute;
	top: 15px;
	left: 20px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 3;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .ilustra .balao {
	position: absolute;
	top: -64px;
	left: 100px;
	width: 190px;
	height: 90px;
	display: none;
	background-position: center;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .ilustra.feliz1 .balao,
#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .ilustra.feliz2 .balao,
#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .ilustra.triste1 .balao,
#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .ilustra.triste2 .balao {
	display: block;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .ilustra .balao-certa {
	background-image: url(../imagens/arena/quiz-balao-correta.png);
	display: block;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .ilustra .balao-errada {
	background-image: url(../imagens/arena/quiz-balao-incorreta.png);
	display: block;
}


#main-arena .conteudo .container article.arena-quiz .quiz-questao .ilustra.duvida1 {
	background-image: url(../imagens/arena/quiz-duvida1.jpg);
}

#main-arena .conteudo .container article.arena-quiz .quiz-questao .ilustra.duvida2 {
	background-image: url(../imagens/arena/quiz-duvida2.jpg);
}

#main-arena .conteudo .container article.arena-quiz .quiz-questao .ilustra.feliz1 {
	background-image: url(../imagens/arena/quiz-feliz1.jpg);
}

#main-arena .conteudo .container article.arena-quiz .quiz-questao .ilustra.feliz2 {
	background-image: url(../imagens/arena/quiz-feliz2.jpg);
}

#main-arena .conteudo .container article.arena-quiz .quiz-questao .ilustra.triste1 {
	background-image: url(../imagens/arena/quiz-triste1.jpg);
}

#main-arena .conteudo .container article.arena-quiz .quiz-questao .ilustra.triste2 {
	background-image: url(../imagens/arena/quiz-triste2.jpg);
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .questao {
	width: 100%;
	min-height: 270px;
	padding: 15px 20px 30px;
	font-size: 14px;
	position: relative;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .questao .pergunta {
	font-size: 16px;
	font-weight: 500;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .questao .respostas {
	margin: 10px 0 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: row;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .questao .respostas a.resposta {
	padding: 10px 0px 30px 50px;
	background-color: #EEE;
	margin: 5px 10px 10px 0;
	position: relative;
	width: 48.5%;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .questao .respostas a.resposta.correta {
	color: #59B200;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .questao .respostas a.resposta.correta.selecionado {
	color: #FFF;
	background-color: #59B200;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .questao .respostas a.resposta.incorreta {
	color: #de3838;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .questao .respostas a.resposta.incorreta.selecionado {
	color: #FFF;
	background-color: #de3838;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .questao .respostas a.resposta:hover {
	background-color: #DDD;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .questao .respostas a.resposta::before {
	margin-right: 0;
	position: absolute;
	left: 0;
	top: 0;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .questao .respostas a.resposta.selecionado {
	background-color: #FECD18;
	pointer-events: none;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .questao .respostas a.resposta-a::before {
	content: 'A';
	background-color: #1f1f1f;
	color: #fff;
	padding: 10px 15px;
	font-size: 20px;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .questao .respostas a.resposta-b::before {
	content: 'B';
	background-color: #1f1f1f;
	color: #fff;
	padding: 10px 15px;
	font-size: 20px;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .questao .respostas a.resposta-c::before {
	content: 'C';
	background-color: #1f1f1f;
	color: #fff;
	padding: 10px 15px;
	font-size: 20px;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .questao .respostas a.resposta-d::before {
	content: 'D';
	background-color: #1f1f1f;
	color: #fff;
	padding: 10px 15px;
	font-size: 20px;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .questao.respondido .respostas a.resposta {
	pointer-events: none;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .actions {
	width: 100%;
	margin-top: 15px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .actions .alerta {
	display: none;
	line-height: 35px;
	margin-right: 20px;
	color: red;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .actions .btn {
	background-color: #fecd18;
	color: #1f1f1f;
	text-transform: uppercase;
	margin-right: 18px;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .actions .btn:hover {
	background-color: #1f1f1f;
	color: #fecd18;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .feedback-questao {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.95);
	display: none;
	padding-top: 40px;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .feedback-questao a.btn-fechar {
	z-index: 1;
	position: absolute;
	background-color: #FFF;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	top: 0px;
	right: 0px;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .feedback-questao a.btn-fechar i {
	font-size: 30px;
	width: 40px;
	height: 40px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .feedback-questao a.btn-fechar i::before {
	color: #444;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .feedback-questao a.btn-fechar:hover {
	background-color: #EEF2F4;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .feedback-questao a.btn-fechar:hover i {
	transform: rotate(90deg);
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .feedback-questao div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 50px solid transparent;
	overflow-y: auto;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .feedback-questao div h4 {
	margin-bottom: 10px;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .feedback-questao div.resposta-certa h4 {
	color: #59B200;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .feedback-questao div.resposta-errada h4 {
	color: #de3838;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .feedback-quiz {
	width: 100%;
	min-height: 270px;
	padding: 20px 40px 40px;
	font-size: 14px;
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: center;
	-ms-align-content: center;
	align-content: center;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .feedback-quiz h2 {
	font-weight: 600;
	width: 100%;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .feedback-quiz h2 span {
	color: #F08114;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .feedback-quiz .score {
	font-size: 18px;
	margin-top: 5px;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .feedback-quiz .score span {
	color: ;
	font-weight: 600;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .feedback-quiz .score span.certas {
	color: #59B200;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .feedback-quiz .score span.erradas {
	color: #de3838;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .feedback-quiz .feedback-frase {
	margin: 15px 0 0;
	font-size: 16px;
}

#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .feedback-quiz .actions {
	margin-top: 20px;
}


#main-arena .conteudo .container article.arena-quiz .bloco-mensagem {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
}

#main-arena .conteudo .container article.arena-quiz .bloco-mensagem .mensagem-quiz {
	height: 380px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

#main-arena .conteudo .container article.arena-quiz .bloco-mensagem .mensagem-quiz h2 {
	text-align: center;
	color: #9b9b9b;
	background-color: #ebebeb;
	font-weight: 600;
	padding: 20px;
	border-radius: 10px;
}

#main-arena .conteudo .container article.arena-quiz .bloco-mensagem .mensagem-quiz h2 span {
	color: #ef607c;
}

#main-arena .conteudo .container article.arena-plim {
	background-image: url(../imagens/plim-bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: center;
	-ms-align-content: center;
	align-content: center;
}

#main-arena .conteudo .container article.arena-plim .btn-acessar-plim {
	width: 270px;
	height: 220px;
	background-image: url(../imagens/plim-logo.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	font-size: 22px;
	color: #FFF;
	font-weight: 500;
	text-indent: -9999px;
	color: transparent;
}

#main-arena .conteudo .container article.arena-plim .btn-acessar-plim:hover {
	width: 260px;
	height: 210px;
	margin: 5px;
	background-color: transparent;
}

#main-arena .conteudo .container article.arena-plim .app {
	width: 100%;
	text-align: center;
	margin-top: 20px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#main-arena .conteudo .container article.arena-plim .app span {
	display: block;
	width: 100%;
}

#main-arena .conteudo .container article.arena-plim .app a {
	overflow: hidden;
	width: 160px;
	height: 60px;
	background-size: contain;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	margin: 10px;
	text-indent: -9999px;
	color: transparent;
	border: 2px solid transparent;
}

#main-arena .conteudo .container article.arena-plim .app a:hover {
	border-color: #FFF;
}

#main-arena .conteudo .container article.arena-plim .app a.btn-app-android {
	background-image: url(../imagens/store-google.jpg);
}

#main-arena .conteudo .container article.arena-plim .app a.btn-app-ios {
	background-image: url(../imagens/store-apple.jpg);
}

@media only screen and (max-width: 810px) {
	#main-arena .conteudo .container article {
		flex-basis: 100% !important;
		-webkit-flex-basis: 100% !important;
		-ms-flex-basis: 100% !important;
	}

	#main-arena .conteudo .container article.arena-quiz .quiz-questao {
		padding: 0 40px 0 200px !important;
	}

	#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .questao .respostas a.resposta {
		width: 100%;
		margin-right: 0;
	}
}

@media only screen and (max-width: 470px) {
	#main-arena {
		display: none !important;
	}
}

@media only screen and (max-width: 400px) {

	#main-arena .conteudo>header {
		padding: 0 20px;
		line-height: 50px;
		height: 50px;
	}

	#main-arena .conteudo>header .section-title {
		font-size: 16px;
	}

	#main-arena .conteudo .container {
		margin-top: 50px;
	}

	#main-arena .conteudo .container article .conteudo {}

	#main-arena .conteudo .container article.arena-quiz .bloco-quiz>header .logo {
		left: 50%;
		margin-left: -65px;
	}

	#main-arena .conteudo .container article.arena-quiz .bloco-quiz>header {
		padding: 130px 20px 0;
	}

	#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao {
		padding: 0 20px;
	}

	#main-arena .conteudo .container article.arena-quiz .quiz-questao .ilustra {
		display: none;
	}
}

#main-arena .conteudo .container article.arena-projetos {
	flex-basis: 100%;
	margin-bottom: 40px;
	padding: 0 40px;
}

#main-arena .conteudo .container article.arena-projetos .bloco-projetos {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
	column-count: 2;
	/*column-count: 3;*/
	column-gap: 20px;
}

#main-arena .conteudo .container article.arena-projetos .bloco-projetos .card-arena {
	position: relative;
	margin-bottom: 25px;
}

#main-arena .conteudo .container article.arena-projetos .bloco-projetos .card-arena.cd-clube {
	display: none
}

#main-arena .conteudo .container article.arena-projetos .bloco-projetos .card-arena:hover {
	cursor: pointer;
}

#main-arena .conteudo .container article.arena-projetos .bloco-projetos .card-arena:last-child {
	margin: 0px;
}

#main-arena .conteudo .container article.arena-projetos .bloco-projetos .imagem-card-arena {
	width: 100%;
	/*height: 150px;*/
	height: 260px;
	overflow: hidden;
	position: relative;
}

#main-arena .conteudo .container article.arena-projetos .bloco-projetos .imagem-card-arena img {
	width: 100%;
	height: auto;
	filter: brightness(80%);
}

/*#main-arena .conteudo .container article.arena-projetos .bloco-projetos .imagem-card-arena img:hover {filter: brightness(80%); transform: scale(1.1);}*/
#main-arena .conteudo .container article.arena-projetos .bloco-projetos .conteudo-arena {
	background-color: #fff;
	color: #000;
	padding: 10px 20px;
	height: 150px;
}

#main-arena .conteudo .container article.arena-projetos .bloco-projetos .conteudo-arena:hover {
	color: #934f99 !important;
}

#main-arena .conteudo .container article.arena-projetos .bloco-projetos .conteudo-arena h4 {
	font-size: 18px;
	margin-bottom: 12px;
}

#main-arena .conteudo .container article.arena-projetos .bloco-projetos .conteudo-arena p {
	font-size: 16px;
	margin-bottom: 12px;
}

#main-arena .conteudo .container article.arena-projetos .bloco-projetos .card-arena span.badge-novo {
	position: absolute;
	z-index: 999;
	right: 15px;
	top: 16px;
	background-color: #ff8400;
	padding: 0 10px 2px;
	border-radius: 10px;
}

#main-arena .conteudo .container article.arena-projetos .bloco-projetos .card-arena .logo-imgcard img {
	position: absolute;
	width: 200px;
	z-index: 1;
	left: 20px;
	top: 20px;
	filter: none;
}

#main-arena .conteudo .container article.arena-projetos .bloco-projetos .card-arena span.img-cardarena-olimpiada {
	position: absolute;
	z-index: 9;
	left: 20px;
	display: inline-flex;
	align-items: flex-end;
}

#main-arena .conteudo .container article.arena-projetos .bloco-projetos .card-arena span.img-cardarena-olimpiada img {
	filter: none;
	width: 190px;
	height: 100%;
	margin-right: 10px;
}

#main-arena .conteudo .container article.arena-projetos .bloco-projetos .card-arena span.img-cardarena-clube {
	position: absolute;
	z-index: 9;
	left: 20px;
	display: inline-flex;
	top: 20px;
}

#main-arena .conteudo .container article.arena-projetos .bloco-projetos .card-arena span.img-cardarena-clube img {
	filter: none;
	width: 150px;
	height: 100%;
	margin-right: 10px;
}

#main-arena .conteudo .container article.arena-projetos .bloco-projetos .card-arena span.img-cardarena-concurso {
	position: absolute;
	z-index: 9;
	left: 20px;
	display: inline-flex;
	align-items: center;
	top: 16px;
}

#main-arena .conteudo .container article.arena-projetos .bloco-projetos .card-arena span.img-cardarena-concurso img {
	filter: none;
	width: 270px;
	height: 100%;
	margin-right: 10px;
}


@media only screen and (max-width: 600px) {
	#main-arena .conteudo .container article.arena-projetos .bloco-projetos {
		column-count: 1;
	}

	#main-arena .conteudo .container article.arena-projetos .bloco-projetos .card-arena {
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 1024px) {
	#main-arena .conteudo .container article.arena-quiz .bloco-quiz .quiz-questao .questao .respostas a.resposta {
		width: 100%;
	}
}

@media screen and (max-width: 800px) {
	#main-arena .conteudo .container article.arena-projetos .bloco-projetos {
		column-count: 1;
	}
}
}

/*PLIM*/
#main-plim {
	height: 400px;
	background-image: url(../imagens/plim-bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#main-plim .conteudo {
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

#main-plim .conteudo .btn-plim {
	width: 260px;
	height: 210px;
	background-size: cover;
	background-image: url(../imagens/plim-logo.png);
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#main-plim .conteudo .btn-plim:hover {
	width: 270px;
	height: 220px;
}

#main-plim .conteudo p {
	margin-top: 20px;
	font-size: 22px;
	color: #FFF;
	font-weight: 500;
}

/*=== FIM - INICIAL ============================================================================================*/


/*=== RODAPÉ ===================================================================================================*/

#footer-pense {
	display: unset !important;
	height: auto;
	background-color: black;
}

#footer-pense .conteudo.dados {
	padding: 15px 20px;
}

#footer-pense .conteudo.dados .container {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	flex-flow: column;
}

#footer-pense .conteudo.dados .container .logo {
	width: 180px;
	height: 70px;
	display: block;
}

/*
		#footer-pense .conteudo.dados .container ul.sociais {display: block; background-color: #A85EAF; padding: 5px; margin: 0 10px;}
		#footer-pense .conteudo.dados .container ul.sociais li {float: left;}
		#footer-pense .conteudo.dados .container ul.sociais li a {width: 30px; height: 30px; text-align: center; line-height: 30px; color: #FFFFFF; margin: 5px; font-size: 30px;}
		#footer-pense .conteudo.dados .container ul.sociais li a i::before {color: #FFFFFF;}
		#footer-pense .conteudo.dados .container ul.sociais li a:hover {color: #C9A7CC;}
		#footer-pense .conteudo.dados .container ul.sociais li a:hover i::before {color: #C9A7CC;}
		*/
#footer-pense .conteudo.dados .container ul.links {
	margin: 10px 0;
	display: block;
}

#footer-pense .conteudo.dados .container ul.links li {
	display: inline-block;
	margin: 0 10px;
	position: relative;
}

#footer-pense .conteudo.dados .container ul.links li::before {
	content: '';
	width: 4px;
	height: 4px;
	background-color: #C9A7CC;
	position: absolute;
	border-radius: 50%;
	top: 50%;
	margin-top: -2px;
	left: -13px;
}

#footer-pense .conteudo.dados .container ul.links li:first-child::before {
	display: none;
}

#footer-pense .conteudo.dados .container ul.links li a {
	color: #C9A7CC;
	font-size: 14px;
}

#footer-pense .conteudo.dados .container ul.links li a:hover {
	color: #FFFFFF;
}

#footer-pense .conteudo.signature {
	background-color: #E3E9EC;
	font-size: 12px;
	line-height: 30px;
	text-align: center;
}

@media only screen and (max-width: 1460px) {
	#footer-pense .conteudo.dados {
		padding: 20px 80px 20px 40px;
	}

	#main-dinamicas.duplo.semmodulos .conteudo .container article {
		width: 100%;
		height: 449px
	}
}

@media only screen and (max-width: 1660px) {
	#main-dinamicas.duplo.semmodulos .conteudo .container article {
		width: 100%;
		height: 549px
	}
}

@media only screen and (max-width: 870px) {
	#footer-pense {
		height: auto;
	}

	#footer-pense .conteudo.dados {
		padding: 20px;
	}

	#footer-pense .conteudo.dados .container .column-left,
	#footer-pense .conteudo.dados .container .column-right {
		width: 50%;
		margin: 0;
	}

	#footer-pense .conteudo.dados .container ul.links {
		margin-top: 20px;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
	}

	#footer-pense .conteudo.signature {
		line-height: 20px;
		padding: 5px 20px;
		text-align: center;
	}

}

@media only screen and (max-width: 360px) {
	#footer-pense .conteudo.dados {
		padding: 20px;
	}

	#footer-pense .conteudo.dados .container .column-left,
	#footer-pense .conteudo.dados .container .column-right {
		width: 100%;
		margin: 0;
	}

	#footer-pense .conteudo.dados .container .column-right {
		margin-top: 20px;
	}
}

/*=== FIM - RODAPÉ =============================================================================================*/


/*=== AÇÕES ====================================================================================================*/

#actions {
	width: 80px;
	min-height: 80px;
	position: fixed;
	right: 0;
	bottom: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column-reverse;
	-webkit-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
	z-index: 9999;
}


.box-msgs {
	width: 300px;
	position: absolute;
	bottom: -600px;
	right: 10px;
	border-radius: 5px;
	z-index: 998;
}

.box-msgs.open {
	opacity: 1;
	bottom: 90px;
}

.box-msgs .mascara {
	width: 300px;
	height: 540px;
	position: relative;
	overflow: hidden;
}

.box-msgs header {
	width: 100%;
	padding: 20px;
	background-color: #56BFCA;
	color: #FFF;
	border-radius: 5px 5px 0 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.box-msgs header h3 {
	line-height: 25px;
}

.box-msgs header h3>i {
	margin-right: 5px;
}

.box-msgs header .btn-voltar {
	width: 25px;
	height: 25px;
	line-height: 25px;
	color: #FFF;
	margin-right: 10px;
	text-align: center;
	float: left;
	border-radius: 50%;
}

.box-msgs header .btn-voltar:hover {
	background-color: purple;
}

.box-msgs header .btn-voltar i::before {
	color: #FFF;
	vertical-align: -1px;
}

.box-msgs header .btn-voltar:hover i::before {
	color: #FFF;
}

.box-msgs header nav.filtros {
	float: left;
	font-size: 14px;
}

.box-msgs header nav.filtros .filter {
	position: relative;
	float: left;
	height: 50px;
	margin-right: 15px;
}

.box-msgs header nav.filtros .filter a.comboheader {
	height: 40px;
	line-height: 40px;
	background-color: #3CB5C2;
	border-radius: 3px;
	color: #fff;
	padding: 0 10px 0 15px;
	border: none;
	margin-top: 10px;
	display: inline-block;
}

.box-msgs header nav.filtros .filter a.ativo {
	background-color: purple;
}

.box-msgs header nav.filtros .filter a:hover {
	background-color: purple;
}

.box-msgs header nav.filtros .filter a i {
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	float: right;
	margin: 10px 0 10px 10px;
}

.box-msgs header nav.filtros .filter a i::before {
	font-size: 20px;
}

.box-msgs header nav.filtros .filter .combo {
	display: none;
	position: absolute;
	background-color: #3CB5C2;
	top: 50px;
	z-index: 999;
	color: #fff;
	border-radius: 3px;
	left: 0px;
	padding: 0;
}

.box-msgs header nav.filtros .filter .combo.open {
	display: block;
}

.box-msgs header nav.filtros .filter .combo a {
	padding: 10px 15px;
	color: #fff;
	display: block;
	min-width: 120px;
	min-height: auto;
}

.box-msgs header nav.filtros .filter .combo a:hover {
	background-color: purple;
	border-radius: 3px;
}

.box-msgs header nav.filtros .filter .combo li {
	width: 100%;
	border: 0;
	min-height: auto;
}

.box-msgs ul {
	max-height: 400px;
	overflow-x: hidden;
	overflow-y: auto;
	border-bottom: 1px solid #DDD;
}

.box-msgs ul>li {
	width: 100%;
	min-height: 70px;
	display: block;
	border-bottom: 1px solid #DDD;
	position: relative;
}

.box-msgs ul>li:last-child {
	border: 0;
}

.box-msgs ul>li a {
	display: block;
	padding: 15px;
	min-height: 70px;
}

.box-msgs ul>li a:hover {
	background-color: #F3F3F3;
}

.box-msgs ul>li .msgs-avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #EEE;
	position: absolute;
	top: 15px;
	left: 15px;
	background-size: cover;
}

.box-msgs ul>li.turma .msgs-avatar {
	background-color: #FA9B1E;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 20px;
	color: #FFF;
}

.box-msgs ul>li.turma .msgs-avatar i {
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-weight: 300;
}

.box-msgs ul>li.turma .msgs-avatar i::before {
	vertical-align: 0;
}

/*.box-msgs ul > li.turma:nth-child(2n) .msgs-avatar {background-color: #EC607A;}*/
/*.box-msgs ul > li.turma:nth-child(3n) .msgs-avatar {background-color: #F08114;}*/
/*.box-msgs ul > li.turma:nth-child(4n) .msgs-avatar {background-color: #59B200;}*/

.box-msgs ul>li .msgs-texto {
	width: 100%;
	padding-left: 55px;
	color: #747474;
	margin: 2px 0 0;
}

.box-msgs ul>li .msgs-texto .msgs-dados {
	width: 100%;
	padding-right: 115px;
	position: relative;
	font-size: 14px;
	line-height: 18px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.box-msgs ul>li .msgs-texto .msgs-dados .msgs-nome {
	width: 100%;
	font-weight: 500;
}

.box-msgs ul>li .msgs-texto .msgs-dados .msgs-periodo {
	width: 100%;
	text-align: right;
	position: absolute;
	right: 0;
	top: 0;
	color: #999;
	font-size: 12px
}

.box-msgs ul>li .msgs-texto .prev-msg {
	font-size: 12px;
	font-style: italic;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.box-msgs .bloco-msgs {
	width: 300px;
	position: absolute;
	bottom: -540px;
	right: 0;
	background-color: #F9F9F9;
	overflow: hidden;
	border-radius: 5px;
	-webkit-transition: all .9s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: all .9s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all .9s cubic-bezier(0.23, 1, 0.32, 1);
}

.box-msgs .bloco-msgs.ativo {
	bottom: 0;
	right: 0;
}

.box-msgs .bloco-msgs .sem-avisos {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 20px 40px 30px;
	padding: 20px;
	background-color: #E9EDF0;
	border-radius: 10px;
	position: relative;
	text-align: center;
}

.box-msgs .bloco-msgs .sem-avisos::before {
	content: "";
	border: 5px solid transparent;
	border-top: 15px solid #E9EDF0;
	position: absolute;
	bottom: -20px;
	right: 50%;
	margin-right: -10px;
}

.box-msgs .bloco-msgs a.btn-escrever {
	background-color: #56BFCA;
	color: #FFF;
	display: block;
	width: 140px;
	text-align: center;
	margin: 20px auto;
	padding: 0;
}

.box-msgs .bloco-msgs a.btn-escrever i {
	margin-right: 5px;
}

.box-msgs .bloco-msgs a.btn-escrever:hover {
	background-color: purple;
	color: #FFF;
}

.box-msgs .bloco-seletor {
	width: 300px;
	position: absolute;
	bottom: -540px;
	right: 0;
	background-color: #F9F9F9;
	overflow: hidden;
	border-radius: 5px;
	-webkit-transition: all .9s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: all .9s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all .9s cubic-bezier(0.23, 1, 0.32, 1);
}

.box-msgs .bloco-seletor.ativo {
	bottom: 0;
	right: 0;
}

.box-msgs .bloco-seletor ul {
	border: 0;
}

.box-msgs .bloco-seletor .msgs-texto {
	height: 40px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	margin: 0;
}

.box-msgs .bloco-seletor .msgs-texto .msgs-dados {
	padding: 0;
}

.box-msgs .bloco-seletor .msgs-texto .msgs-dados span.msgs-nome {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
}

.box-msgs .bloco-conversa {
	width: 300px;
	position: absolute;
	bottom: -540px;
	right: 0;
	background-color: #F9F9F9;
	overflow: hidden;
	border-radius: 5px;
	-webkit-transition: all .9s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: all .9s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all .9s cubic-bezier(0.23, 1, 0.32, 1);
}

.box-msgs .bloco-conversa.ativo {
	bottom: 0;
	right: 0;
}

.box-msgs .bloco-conversa header {
	position: relative;
}

.box-msgs .bloco-conversa header .btn-voltar {
	position: absolute;
	top: 30px;
	left: 20px;
}

.box-msgs .bloco-conversa header .conversa-avatar {
	width: 40px;
	height: 40px;
	background-size: cover;
	border-radius: 50%;
	position: absolute;
	top: 20px;
	left: 55px;
	background-color: rgba(0, 0, 0, 0.2);
}

.box-msgs .bloco-conversa header .conversa-avatar i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
}

.box-msgs .bloco-conversa.educ-turma header .conversa-avatar i {
	background-color: #FA9B1E;
	border-radius: 50%;
	font-size: 20px;
	vertical-align: 0px;
}

.box-msgs .bloco-conversa header h5 {
	line-height: 40px;
	width: 100%;
	padding-left: 90px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.box-msgs .bloco-conversa ul {
	padding: 10px 20px;
}

.box-msgs .bloco-conversa ul li {
	margin: 10px 0;
	border: 0;
}

.box-msgs .bloco-conversa ul li p {
	margin: 0;
	background-color: #EEE;
	color: #999;
	padding: 15px;
	border-radius: 2px;
	font-style: italic;
}

.box-msgs .bloco-conversa ul li .msgs-data {
	width: 100%;
	text-align: right;
	font-size: 12px;
	line-height: 20px;
	color: #666;
}

.box-msgs .bloco-conversa .campo-envio {
	background-color: #F1F1F1;
	position: relative;
	padding-right: 50px;
	padding: 15px 50px 15px 15px;
}

.box-msgs .bloco-conversa .campo-envio textarea {
	border: 0;
	font-size: 14px;
	padding: 0;
	width: 100%;
	height: 20px;
	background-color: #F1F1F1;
	margin: 0;
	display: block;
	resize: none;
	overflow: auto;
}

.box-msgs .bloco-conversa .campo-envio .btn-enviar {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 10px;
	border-radius: 50%;
}

.box-msgs .bloco-conversa .campo-envio .btn-enviar i::before {
	vertical-align: -3px;
}

.box-msgs .bloco-conversa .campo-envio .btn-enviar:hover {
	background-color: rgba(0, 0, 0, 0.2);
}


/*Avaliação*/
.aula #actions .action-avaliacao {
	display: block;
}

#actions .action-avaliacao {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	text-align: center;
	z-index: 998;
	position: relative;
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
	display: none;
}

#actions .action-avaliacao i {
	line-height: 60px;
	font-size: 25px;
}

#actions .action-avaliacao i::before {
	vertical-align: 0;
}

@media only screen and (max-width: 400px) {

	#actions {
		width: 65px;
	}

	#actions a.action-msg,
	#actions .action-avaliacao {
		width: 45px;
		height: 45px;
	}

	#actions a.action-msg i,
	#actions .action-avaliacao i {
		line-height: 45px;
		font-size: 20px;
	}

	#actions a.action-msg .contador {
		top: 0px;
		left: 25px;
	}

	.box-msgs.open {
		bottom: 70px;
	}

}

/*=== FIM - AÇÕES ==============================================================================================*/



/*=== MODAL ====================================================================================================*/

body.modal-open {
	overflow: hidden;
}

.modal {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	display: none;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.7);
}

.modal.open {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.modal .bloco-modal {
	z-index: 2;
	position: relative;
	padding: 40px;
	background-color: #FFF;
	border-radius: 5px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: wrap column;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	min-width: 300px;
	max-width: 800px;
	min-height: 100px;
	text-align: center;
	margin: 20px;
}

.modal .bloco-modal a.btn-fechar {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}

.modal .bloco-modal a.btn-fechar i {
	font-size: 30px;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	display: block;
}

.modal .bloco-modal a.btn-fechar:hover i {
	transform: rotate(90deg);
}

.modal .bloco-modal h1 {
	width: 100%;
	color: #321F06;
	font-weight: 600;
}

.modal .bloco-modal p {
	font-size: 16px;
	line-height: 2;
}

.modal .bloco-modal input,
.modal .bloco-modal textarea {
	width: 100%;
	border: 1px solid #DDD;
	margin: 10px 0;
	padding: 10px;
	color: #999;
	text-align: left;
}

.modal .bloco-modal .action {
	margin: 30px 0 0;
	width: 100%;
	display: block;
}

.modal .bloco-modal .action a.btn {
	line-height: 40px;
	height: 40px;
	display: inline-block;
}

.modal .bloco-modal .action a.btn-cancel {
	color: #444;
}

.modal .bloco-modal .action a.btn-cancel:hover {
	color: #3CB5C2;
}

.modal .bloco-modal .action a.btn-voltar {
	color: #444;
}

.modal .bloco-modal .action a.btn-voltar:hover {
	color: #3CB5C2;
}

.modal .bloco-modal .action a.btn-ok {
	background-color: #FECD18;
	color: #444;
}

.modal .bloco-modal .action a.btn-ok:hover {
	background-color: #E4B816;
}

.modal .bloco-modal .action a.btn-ok i {
	margin: 0 5px 0 0;
}

.modal .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.modal .stage-2 .sa-icon {
	width: 80px;
	height: 80px;
	border: 4px solid gray;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	border-radius: 50%;
	margin: 20px auto;
	padding: 0;
	position: relative;
	box-sizing: content-box;
}

.modal .stage-2 .sa-icon.sa-success {
	border-color: #A5DC86;
}

.modal .stage-2 .sa-icon.sa-success::before,
.modal .stage-2 .sa-icon.sa-success::after {
	content: '';
	-webkit-border-radius: 40px;
	border-radius: 40px;
	border-radius: 50%;
	position: absolute;
	width: 60px;
	height: 120px;
	background: white;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.modal .stage-2 .sa-icon.sa-success::before {
	-webkit-border-radius: 120px 0 0 120px;
	border-radius: 120px 0 0 120px;
	top: -7px;
	left: -33px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 60px 60px;
	transform-origin: 60px 60px;
}

.modal .stage-2 .sa-icon.sa-success::after {
	-webkit-border-radius: 0 120px 120px 0;
	border-radius: 0 120px 120px 0;
	top: -11px;
	left: 30px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 0px 60px;
	transform-origin: 0px 60px;
}

.modal .stage-2 .sa-icon.sa-success .sa-placeholder {
	width: 80px;
	height: 80px;
	border: 4px solid rgba(165, 220, 134, 0.2);
	-webkit-border-radius: 40px;
	border-radius: 40px;
	border-radius: 50%;
	box-sizing: content-box;
	position: absolute;
	left: -4px;
	top: -4px;
	z-index: 2;
}

.modal .stage-2 .sa-icon.sa-success .sa-fix {
	width: 5px;
	height: 90px;
	background-color: white;
	position: absolute;
	left: 28px;
	top: 8px;
	z-index: 1;
	-webkit-transform: rotagte(-45deg);
	transform: rotate(-45deg);
}

.modal .stage-2 .sa-icon.sa-success .sa-line {
	height: 5px;
	background-color: #A5DC86;
	display: block;
	border-radius: 2px;
	position: absolute;
	z-index: 2;
}

.modal .stage-2 .sa-icon.sa-success .sa-line.sa-tip {
	width: 25px;
	left: 14px;
	top: 46px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.modal .stage-2 .sa-icon.sa-success .sa-line.sa-long {
	width: 47px;
	right: 8px;
	top: 38px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

@-webkit-keyframes animateSuccessTip {
	0% {
		width: 0;
		left: 1px;
		top: 19px;
	}

	54% {
		width: 0;
		left: 1px;
		top: 19px;
	}

	70% {
		width: 50px;
		left: -8px;
		top: 37px;
	}

	84% {
		width: 17px;
		left: 21px;
		top: 48px;
	}

	100% {
		width: 25px;
		left: 14px;
		top: 45px;
	}
}

@keyframes animateSuccessTip {
	0% {
		width: 0;
		left: 1px;
		top: 19px;
	}

	54% {
		width: 0;
		left: 1px;
		top: 19px;
	}

	70% {
		width: 50px;
		left: -8px;
		top: 37px;
	}

	84% {
		width: 17px;
		left: 21px;
		top: 48px;
	}

	100% {
		width: 25px;
		left: 14px;
		top: 45px;
	}
}

@-webkit-keyframes animateSuccessLong {
	0% {
		width: 0;
		right: 46px;
		top: 54px;
	}

	65% {
		width: 0;
		right: 46px;
		top: 54px;
	}

	84% {
		width: 55px;
		right: 0px;
		top: 35px;
	}

	100% {
		width: 47px;
		right: 8px;
		top: 38px;
	}
}

@keyframes animateSuccessLong {
	0% {
		width: 0;
		right: 46px;
		top: 54px;
	}

	65% {
		width: 0;
		right: 46px;
		top: 54px;
	}

	84% {
		width: 55px;
		right: 0px;
		top: 35px;
	}

	100% {
		width: 47px;
		right: 8px;
		top: 38px;
	}
}

@-webkit-keyframes rotatePlaceholder {
	0% {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}

	5% {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}

	12% {
		transform: rotate(-405deg);
		-webkit-transform: rotate(-405deg);
	}

	100% {
		transform: rotate(-405deg);
		-webkit-transform: rotate(-405deg);
	}
}

@keyframes rotatePlaceholder {
	0% {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}

	5% {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}

	12% {
		transform: rotate(-405deg);
		-webkit-transform: rotate(-405deg);
	}

	100% {
		transform: rotate(-405deg);
		-webkit-transform: rotate(-405deg);
	}
}

.animateSuccessTip {
	-webkit-animation: animateSuccessTip 0.75s;
	animation: animateSuccessTip 0.75s;
}

.animateSuccessLong {
	-webkit-animation: animateSuccessLong 0.75s;
	animation: animateSuccessLong 0.75s;
}

.sa-icon.sa-success.animate::after {
	-webkit-animation: rotatePlaceholder 4.25s ease-in;
	animation: rotatePlaceholder 4.25s ease-in;
}

.modal.avaliacao form {
	width: 100%;
	text-align: left;
	margin: 10px 0 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: wrap;
	align-content: stretch;
}

.modal.avaliacao form fieldset {
	width: auto;
	height: auto;
	padding: 10px;
	flex-basis: 50%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.modal.avaliacao form fieldset label {
	width: 100%;
}

.modal.avaliacao form.educ fieldset.campo_0,
.modal.avaliacao form.educ fieldset.campo_5 {
	flex-basis: 100%;
}

.modal.avaliacao form.aluno fieldset {
	flex-basis: 100%;
}

.modal.avaliacao form.educ fieldset.form-radio .select-radio {
	min-width: 100%;
}

.modal.avaliacao form.educ fieldset.campo_0.form-radio .select-radio {
	min-width: 100%;
}

.modal.avaliacao form fieldset.form-radio .select-radio ul {}

.modal.avaliacao form fieldset.form-radio .select-radio ul li {
	margin: 10px 0;
}

.modal.avaliacao form fieldset.form-radio .select-radio ul li a {
	padding-left: 30px;
	position: relative;
	display: block;
	color: #444;
}

.modal.avaliacao form fieldset.form-radio .select-radio ul li a i::before {
	color: #444;
	font-size: 20px;
}

.modal.avaliacao form fieldset.form-radio .select-radio ul li a:hover {
	color: #56BFCA;
}

.modal.avaliacao form fieldset.form-radio .select-radio ul li a:hover i::before {
	color: #56BFCA;
}

.modal.avaliacao form fieldset.form-radio .select-radio ul li a span.radio {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #DDD;
	background-color: #FFF;
	border-radius: 50%;
}

.modal.avaliacao form fieldset.form-radio .select-radio ul li a:hover span.radio {
	background-color: #EEE;
}

.modal.avaliacao form fieldset.form-radio .select-radio ul li a.selecionado {
	pointer-events: none;
}

.modal.avaliacao form fieldset.form-star .select-star {
	min-width: 300px;
}

.modal.avaliacao form fieldset.form-star .select-star ul {}

.modal.avaliacao form fieldset.form-star .select-star ul li {
	margin: 10px 5px 0;
	float: left;
	width: 20px;
	height: 20px;
}

.modal.avaliacao form fieldset.form-star .select-star ul li a {
	display: block;
	color: #444;
	width: 20px;
	height: 20px;
}

.modal.avaliacao form fieldset.form-star .select-star ul li a i::before {
	color: #444;
	font-size: 20px;
}

.modal.avaliacao form fieldset.form-star .select-star ul li a i.icon-estrela-cheia::before {
	color: #FECD18;
}

.modal.avaliacao form fieldset.form-star .select-star ul li a:hover i.icon-estrela-vazia::before {
	color: #E4B816;
}

.modal.avaliacao form fieldset.form-star .select-star ul li a:hover i.icon-estrela-cheia::before {
	color: #E4B816;
}

.modal.avaliacao form fieldset.form-star .select-star ul li a.selecionado {
	pointer-events: none;
}

.modal.avaliacao form fieldset.form-radio .select-radio ul li a.selecionado span.radio::before {
	width: 10px;
	height: 10px;
	background-color: #56BFCA;
	border-radius: 50%;
	content: '';
	display: block;
	margin: 4px;
}

.modal.avaliacao form fieldset.form-textarea textarea {
	padding: 10px;
	border: 1px solid #DDD;
	background-color: #FFF;
	color: #666;
	margin: 10px 0 0;
	width: 100%;
	display: block;
}

.modal.avaliacao .action {
	float: left;
}

.modal.avaliacao .bloco-modal .action a.btn-ok {
	background-color: #FECD18;
	color: #444;
}

.modal.avaliacao .bloco-modal .action a.btn-ok:hover {
	background-color: #E4B816;
}

.modal.avaliacao .bloco-modal {}

.modal.avaliacao .bloco-modal {
	z-index: 2;
	position: relative;
	width: 600px;
	padding: 40px;
	background-color: #FFF;
	border-radius: 5px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: wrap column;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	min-width: 300px;
	max-width: 600px;
	min-height: 100px;
	text-align: center;
	margin: 20px;
}

/*.modal.avaliacao .bloco-modal a.btn-fechar {position: absolute; top: 0; right: 0; z-index: 2;}
	.modal.avaliacao .bloco-modal a.btn-fechar i {font-size: 30px; width: 40px; height: 40px; text-align: center; line-height: 40px; display: block;}
	.modal.avaliacao .bloco-modal a.btn-fechar:hover i {transform: rotate(90deg);}
	.modal.avaliacao .bloco-modal h1 {width: 100%; color: #56BFCA; font-weight: 600;}*/
.modal.avaliacao .bloco-modal p {
	margin: 5px 0 0;
	font-size: 20px;
	color: #434343;
	font-weight: 500;
}

@media only screen and (max-height: 720px) {
	.modal.avaliacao form {
		overflow-y: auto;
		height: 220px;
	}
}

/*=======================MODAL TRILHA ========================================================*/
.modal.trilha {}

.modal.trilha .bloco-modal {
	z-index: 2;
	position: relative;
	width: 90%;
	max-width: 80% !important;
	padding: 20px;
	background-color: #FFF;
	border-radius: 5px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: wrap column;
	min-width: 300px;
	min-height: 100px;
	text-align: left;
	margin: 20px;
}

.modal.trilha table {
	margin-top: 20px;
	width: 100%;
	text-align: center;
}

.modal.trilha table thead tr th {
	text-align: center;
	color: #fff;
	font-weight: bold;
	height: 40px;
	background: #56bfca;
	vertical-align: middle;
	border: solid 0.1em #fff;
}

.modal.trilha table tbody tr td {
	text-align: center;
	height: 50px;
	vertical-align: middle;
	background: #eeeeee;
	border: solid 0.1em #fff;
}

/*=======================FIM MODAL TRILHA ========================================================*/

.modal.notificar {}

.modal.notificar h1 {
	font-size: 50px;
	width: 100px;
	height: 100px;
	display: block;
	border: 3px solid rgba(86, 191, 202, 0.2);
	border-radius: 50%;
	margin: 0 auto;
}

.modal.notificar h1 i {
	font-size: 50px;
	width: 100%;
	height: 100%;
	line-height: 94px;
	display: block;
	border-radius: 50%;
}

.modal.notificar h1 i::before {
	vertical-align: 0;
}

.modal.notificar p {
	max-width: 350px;
}

.modal.faleconosco {}

.modal.faleconosco .bloco-modal form {
	max-width: 360px;
	margin-top: 10px;
}

.modal.faleconosco .bloco-modal .action {
	margin-top: 20px;
}

.modal.faleconosco .bloco-modal form input {}

.modal.faleconosco .bloco-modal form textarea {}

.modal.faleconosco .bloco-modal form .select-combo {
	min-width: 360px;
	max-width: 100%;
	border: 1px solid #DDD;
	color: #999;
	position: relative;
	display: block;
	text-align: left;
	margin: 10px 0;
}

.modal.faleconosco .bloco-modal form .select-combo a.comboheader {
	width: 100%;
	display: block;
	padding: 10px;
	background-color: #FFF;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	padding-right: 40px;
	color: #999;
}

.modal.faleconosco .bloco-modal form .select-combo a.comboheader:hover {
	background-color: #EEE;
}

.modal.faleconosco .bloco-modal form .select-combo a.comboheader i {
	font-size: 18px;
	position: absolute;
	top: 10px;
	right: 10px;
}

.modal.faleconosco .bloco-modal form .select-combo ul.combo {
	display: none;
	background-color: #FFF;
	border: 1px solid #EEE;
	border-radius: 3px;
	position: absolute;
	min-width: 360px;
	top: 40px;
	left: -1px;
	z-index: 1;
}

.modal.faleconosco .bloco-modal form .select-combo.open ul.combo {
	display: block;
}

.modal.faleconosco .bloco-modal form .select-combo ul.combo li a {
	padding: 0 10px;
	line-height: 30px;
	display: block;
}

.modal.faleconosco .bloco-modal form .select-combo ul.combo li a.selecionado {
	background-color: #CCC;
	display: none;
}

.modal.faleconosco .bloco-modal form .select-combo ul.combo li a:hover {
	background-color: #CCC;
}

.modal.imagem .bloco-modal {
	padding: 10px;
	position: relative;
	max-width: 100%;
	display: block;
}

.modal.imagem .bloco-modal a.btn-fechar {
	width: 30px;
	height: 30px;
	z-index: 1;
	top: 20px;
	right: 20px;
	border-radius: 50%;
	background-color: #FFF;
}

.modal.imagem .bloco-modal a.btn-fechar i {
	width: 30px;
	height: 30px;
	line-height: 30px;
}

.modal.imagem .bloco-modal a.btn-fechar i::before {
	color: #444;
	vertical-align: 0;
}

.modal.imagem .bloco-modal .nav-default {
	position: absolute;
	z-index: 1;
	width: 100%;
	top: 50%;
	left: 0;
}

.modal.imagem .bloco-modal .nav-default a {
	position: absolute;
	top: 50%;
	margin-top: -30px;
	width: 65px;
	height: 60px;
	background-color: rgba(86, 191, 202, 0);
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	font-size: 20px;
	color: #FFF;
}

.modal.imagem .bloco-modal .nav-default a:hover {
	width: 60px;
	background-color: rgba(86, 191, 202, 0.75);
}

.modal.imagem .bloco-modal .nav-default a i {
	background-color: rgba(86, 191, 202, 0.75);
	width: 40px;
	height: 40px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	border-radius: 50%;
}

.modal.imagem .bloco-modal .nav-default a:hover i {
	background-color: rgba(86, 191, 202, 0);
}

.modal.imagem .bloco-modal .nav-default a i::before {
	font-size: 30px;
}

.modal.imagem .bloco-modal .nav-default a.next {
	right: 10px;
	border-radius: 5px 0 0 5px;
}

.modal.imagem .bloco-modal .nav-default a.prev {
	left: 10px;
	border-radius: 0 5px 5px 0;
}

.modal.imagem .bloco-modal .nav-default a.prev i::before {
	margin-left: 0px;
}

.modal.imagem .bloco-modal .nav-default a.prev:hover i::before {
	margin-left: 0px;
	text-shadow: none;
}

.modal.imagem .bloco-modal .nav-default a.next i::before {
	margin-right: 0px;
}

.modal.imagem .bloco-modal .nav-default a.next:hover i::before {
	margin-right: 0px;
	text-shadow: none;
}

.modal.imagem .bloco-modal .conteudo-modal {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	z-index: 0;
}

.modal.imagem .bloco-modal .conteudo-modal .legenda {
	bottom: 0;
	left: 0;
	max-width: 960px;
	text-align: center;
	padding: 15px;
	background-color: rgba(255, 255, 255, 0.85);
	color: #444;
	font-size: 16px;
	font-style: italic;
}

.modal.imagem .bloco-modal .conteudo-modal img {
	max-width: 100%;
	/*max-height: 500px;*/
	display: block;
	margin: 0 auto;
}

.modal.imagem .bloco-modal .conteudo-modal a.btn-creditoimg {
	position: absolute;
	top: 0;
	left: 0;
	margin: 10px;
	z-index: 2;
	color: #FFF;
	width: 30px;
	height: 30px;
	z-index: 2;
}

.modal.imagem .bloco-modal .conteudo-modal a.btn-creditoimg i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #FFF;
	display: block;
	border-radius: 50%;
}

.modal.imagem .bloco-modal .conteudo-modal a.btn-creditoimg:hover i {
	background-color: #56BFCA;
}

.modal.imagem .bloco-modal .conteudo-modal a.btn-creditoimg i::before {
	vertical-align: 0;
}

.modal.imagem .bloco-modal .conteudo-modal a.btn-creditoimg .credito {
	min-width: 300px;
	display: none;
	position: absolute;
	top: 0;
	left: 40px;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 5px;
	padding: 10px;
	color: #FFF;
	font-size: 12px;
	font-style: italic;
	text-align: left;
}

.modal.imagem .bloco-modal .conteudo-modal a.btn-creditoimg .credito::before {
	content: '';
	position: absolute;
	top: 10px;
	left: -10px;
	border: 5px solid transparent;
	border-right-color: rgba(0, 0, 0, 0.5);
}

/*.modal.imagem .bloco-modal .conteudo-modal a.btn-creditoimg:hover .credito {display: block;}*/

/*.modal.imagem .bloco-modal .conteudo-modal .credito {opacity: 0; position: absolute; top: 0; left: 0; margin: 20px 30px; background-color: rgba(0,0,0,0.5); border-radius: 5px; padding: 10px; color: #FFF; font-size: 12px; font-style: italic; text-align: left;}*/
/*.modal.imagem .bloco-modal .conteudo-modal:hover .credito {opacity: 1; margin: 30px 30px;}*/
@media only screen and (max-width: 500px) {
	.modal.imagem .bloco-modal .conteudo-modal a.btn-creditoimg {
		margin: 10px;
	}

	.modal.imagem .bloco-modal .conteudo-modal a.btn-creditoimg .credito {
		min-width: 200px;
	}
}

.modal.grupos {}

.modal.grupos .bloco-modal {
	text-align: left;
	max-width: 900px;
}

.modal.grupos .bloco-modal header {
	text-align: left;
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.modal.grupos .bloco-modal header.view {
	display: none;
}

.modal.grupos .bloco-modal header h3 {
	color: #FA9B1E;
}

.modal.grupos .bloco-modal header .nivel {
	margin-left: 20px;
	padding: 0 15px;
	background-color: #EEF2F4;
	line-height: 35px;
	border-radius: 3px;
}

.modal.grupos .bloco-modal header .turma {
	margin-left: 15px;
	padding: 0 15px;
	background-color: #EEF2F4;
	line-height: 35px;
	border-radius: 3px;
}

.modal.grupos .bloco-modal .box-seletor {
	width: 100%;
	margin-top: 15px;
	padding: 0;
	position: relative;
}

.modal.grupos .bloco-modal .box-seletor input {
	margin: 10px 0 0;
}

.modal.grupos .bloco-modal .box-seletor .btn-sel-todos {
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 40px;
	width: 120px;
	text-align: center;
}

.modal.grupos .bloco-modal .box-seletor .btn-sel-todos:hover {
	color: #56BFCA;
}

.modal.grupos .bloco-modal .lista-alunos {
	width: 100%;
	margin-top: 30px;
}

.modal.grupos .bloco-modal .lista-alunos ul {
	width: 100%;
	max-height: 240px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow-x: hidden;
	overflow-y: auto;
	align-content: flex-start
}

.modal.grupos .bloco-modal .lista-alunos ul li {
	width: 190px;
	max-width: 190px;
	height: 60px;
	margin: 5px;
}

.modal.grupos .bloco-modal .lista-alunos ul li a {
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 10px 10px 10px 60px;
	background-color: #EEF2F4;
	color: #444;
	position: relative;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

.modal.grupos .bloco-modal .lista-alunos ul li a:hover {
	background-color: #E3E9EC;
}

.modal.grupos .bloco-modal .lista-alunos ul li a .img-usuario {
	width: 40px;
	height: 40px;
	background-color: #CCD1D4;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	left: 10px;
	background-size: cover;
	background-position: center;
	z-index: 0;
}

.modal.grupos .bloco-modal .lista-alunos ul li a .nome-usuario {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 14px;
}

.modal.grupos .bloco-modal .lista-alunos ul li a.voce {
	pointer-events: none;
	background-color: #93D6DD;
}

.modal.grupos .bloco-modal .lista-alunos ul li a.selecionado {
	background-color: #FECD18;
}

.modal.grupos .bloco-modal .lista-alunos ul li a.selecionado:hover {
	background-color: #FED746;
}

.modal.grupos .bloco-modal .lista-alunos ul li a.envio {
	opacity: 1;
	pointer-events: none;
	background-color: #E3E9EC;
}

.modal.grupos .bloco-modal .lista-alunos ul li a.envio .img-usuario,
.modal.grupos .bloco-modal .lista-alunos ul li a.envio span {
	opacity: 0.5;
}

.modal.grupos .bloco-modal .lista-alunos ul li a.desfoque.envio .img-usuario,
.modal.grupos .bloco-modal .lista-alunos ul li a.desfoque.envio span {
	opacity: 1;
}

.modal.grupos .bloco-modal .lista-alunos ul li a.envio::before {
	content: " ";
	width: 30px;
	height: 30px;
	position: absolute;
	top: -5px;
	right: -5px;
	display: ;
	font-size: 12px;
	line-height: 30px;
	padding: 0;
	background-color: #FEE174;
	border-radius: 30px;
	text-indent: -9999px;
	text-align: center;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	overflow: hidden;
	z-index: 1;
}

.modal.grupos .bloco-modal .lista-alunos ul li:hover a.envio::before {
	display: block;
	width: 135px;
	content: "Já possui envio";
	padding: 0 37px 0 13px;
	text-indent: 0px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.modal.grupos .bloco-modal .lista-alunos ul li a.envio::after {
	content: "\e01e";
	font-family: 'Pense-iconset';
	position: absolute;
	top: -5px;
	right: -5px;
	width: 30px;
	height: 30px;
	background-color: #FECD18;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	z-index: 1;
}

.modal.grupos .bloco-modal .lista-alunos ul li a.desfoque {
	opacity: 0.3;
	pointer-events: none;
}

.modal.grupos .bloco-modal .action {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
}

/*modo de visualização*/
.modo-view .modal.grupos {}

.modo-view .modal.grupos header.seletor {
	display: none;
}

.modo-view .modal.grupos header.view {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.modo-view .modal.grupos .box-seletor {
	display: none;
}

.modo-view .modal.grupos .action {
	display: none;
}

.modo-view .modal.grupos .bloco-modal .lista-alunos ul li a {
	pointer-events: none;
}

.modal.crop .bloco-modal .containerCrop {
	width: 400px;
	height: 455px;
	position: relative;
	display: block;
}

.modal.crop .bloco-modal .containerCrop .imageBox {
	position: relative;
	height: 400px;
	width: 400px;
	background: #fff;
	overflow: hidden;
	background-repeat: no-repeat;
	cursor: move;
	display: block;
}

.modal.crop .bloco-modal .containerCrop .imageBox .thumbBox {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	box-sizing: border-box;
	box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
	background: none repeat scroll 0% 0% transparent;
}

.modal.crop .bloco-modal .containerCrop .imageBox .spinner {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	line-height: 400px;
	background: rgba(0, 0, 0, 0.7);
}

.modal.crop .bloco-modal .containerCrop .action {
	width: 100%;
	height: 35px;
	margin: 20px 0 0;
	line-height: 35px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	position: absolute;
	bottom: 0;
	left: 0;
}

.modal.crop .bloco-modal .containerCrop .action input {
	margin: 0 10px;
	border: 0;
	padding: 0 10px;
	text-align: center;
	background-color: #56BFCA;
	color: #FFF;
}

.modal.crop .bloco-modal .containerCrop .action input:hover {
	background-color: purple;
}

.modal.crop .bloco-modal .containerCrop .action #file {
	display: none;
}

.modal.crop .bloco-modal .containerCrop .action #btnCrop {
	width: 100px;
	height: 35px;
	line-height: 35px;
	cursor: pointer;
	border-radius: 30px;
	padding: 0;
}

.modal.crop .bloco-modal .containerCrop .action #upload {
	width: 120px;
	height: 35px;
	line-height: 35px;
	cursor: pointer;
	border-radius: 30px;
	padding: 0;
}

.modal.crop .bloco-modal .containerCrop .action #btnZoomIn {
	width: 35px;
	line-height: 35px;
	cursor: pointer;
	border-radius: 50%;
	position: absolute;
	top: -75px;
	left: 150px;
	padding: 0;
	text-align: center;
	font-size: 26px;
}

.modal.crop .bloco-modal .containerCrop .action #btnZoomOut {
	width: 35px;
	line-height: 35px;
	cursor: pointer;
	border-radius: 50%;
	position: absolute;
	top: -75px;
	right: 150px;
	padding: 0;
	text-align: center;
	font-size: 26px;
}

.modal.crop .bloco-modal .containerCrop .cropped {
	display: none;
}

.modal.crop .bloco-modal .containerCrop .cropped>img {
	margin-right: 10px;
}

.modal.crop .bloco-modal .containerCrop .container {}

.modal.questionario .conteudo-modal h1 {
	text-align: left;
}

.modal.questionario .conteudo-modal p {
	margin: 10px 0 15px;
	text-align: left;
}

.modal.questionario form {
	width: 100%;
	text-align: left;
	margin: 10px 0 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: wrap;
	align-content: stretch;
}

.modal.questionario form .stage {
	width: 100%;
}

.modal.questionario form fieldset {
	width: auto;
	height: auto;
	padding: 10px 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.modal.questionario form fieldset label {
	width: 100%;
	text-align: left;
}

.modal.questionario form fieldset {
	flex-basis: 100%;
}

.modal.questionario form fieldset.form-radio .select-radio ul {
	margin-top: 20px;
}

.modal.questionario form fieldset.form-radio .select-radio ul li {
	margin: 10px 0;
}

.modal.questionario form fieldset.form-radio .select-radio ul li a {
	padding-left: 30px;
	position: relative;
	display: block;
	color: #444;
}

.modal.questionario form fieldset.form-radio .select-radio ul li a i::before {
	color: #444;
	font-size: 20px;
}

.modal.questionario form fieldset.form-radio .select-radio ul li a:hover {
	color: #56BFCA;
}

.modal.questionario form fieldset.form-radio .select-radio ul li a:hover i::before {
	color: #56BFCA;
}

.modal.questionario form fieldset.form-radio .select-radio ul li a span.radio {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #DDD;
	background-color: #FFF;
	border-radius: 50%;
}

.modal.questionario form fieldset.form-radio .select-radio ul li a:hover span.radio {
	background-color: #EEE;
}

.modal.questionario form fieldset.form-radio .select-radio ul li a.selecionado {
	pointer-events: none;
}

.modal.questionario form fieldset.form-star .select-star {
	min-width: 300px;
}

.modal.questionario form fieldset.form-star .select-star ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.modal.questionario form fieldset.form-star .select-star ul li {
	margin: 10px 5px 0;
	float: left;
	width: 20px;
	height: 20px;
}

.modal.questionario form fieldset.form-star .select-star ul li a {
	display: block;
	color: #444;
	width: 20px;
	height: 20px;
}

.modal.questionario form fieldset.form-star .select-star ul li a i::before {
	color: #444;
	font-size: 20px;
}

.modal.questionario form fieldset.form-star .select-star ul li a i.icon-estrela-cheia::before {
	color: #FECD18;
}

.modal.questionario form fieldset.form-star .select-star ul li a:hover i.icon-estrela-vazia::before {
	color: #E4B816;
}

.modal.questionario form fieldset.form-star .select-star ul li a:hover i.icon-estrela-cheia::before {
	color: #E4B816;
}

.modal.questionario form fieldset.form-star .select-star ul li a.selecionado {
	pointer-events: none;
}

.modal.questionario form fieldset.form-radio .select-radio ul li a.selecionado span.radio::before {
	width: 10px;
	height: 10px;
	background-color: #56BFCA;
	border-radius: 50%;
	content: '';
	display: block;
	margin: 4px;
}

.modal.questionario form fieldset.form-textarea textarea {
	padding: 10px;
	border: 1px solid #DDD;
	background-color: #FFF;
	color: #666;
	margin: 10px 0 0;
	width: 100%;
	display: block;
}

.modal.questionario .action {
	float: left;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
}

.modal.questionario .bloco-modal .action a.btn-ok {
	background-color: #FECD18;
	color: #444;
}

.modal.questionario .bloco-modal .action a.btn-ok:hover {
	background-color: #E4B816;
}

.modal.termos {}

.modal.termos h1 {}

.modal.termos p {}

.modal.termos .box-termos {
	padding: 20px;
	text-align: left;
	background-color: #EEF2F4;
	margin-top: 20px;
	max-width: 800px;
	max-height: 300px;
	overflow-y: auto;
}

.modal.termos .box-termos p:first-child {
	margin: 0;
}

.modal.termos .box-termos p b,
.modal.termos .box-termos p strong {
	font-weight: 600;
}

.modal.termos .box-termos p em {
	font-style: italic;
}

.modal.termos .box-termos ol {
	padding-left: 25px;
	margin-top: 10px;
}

.modal.termos .action a.checkbox {
	padding-left: 30px;
	position: relative;
	margin-right: 15px;
	line-height: 20px;
	text-align: left;
}

.modal.termos .action a.checkbox:hover {
	color: #56BFCA;
}

.modal.termos .action a.checkbox span.check {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #DDD;
	background-color: #FFF;
	text-align: center;
}

.modal.termos .action a.checkbox:hover span.check {
	background-color: #EEE;
}

.modal.termos .action a.checkbox.selecionado span.check::before {
	content: '\E82A';
	display: block;
	font-family: 'Fontello';
	color: #56BFCA;
}

.modal.termos .action a.btn-ok.off {
	pointer-events: none;
	opacity: 0.5;
	background-color: #CCC;
	color: #999;
}

@media only screen and (max-width: 500px) {
	.modal.termos .bloco-modal p {
		font-size: 12px;
	}

	.modal.termos .box-termos {
		max-height: 250px;
	}

	.modal.termos .box-termos p {
		font-size: 12px;
	}

	.modal.termos .action a.checkbox {
		margin: 15px 40px;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.modal.termos .action a.btn-ok {}
}

.modal.perfil {}

.modal.perfil .conteudo-modal {
	max-width: 350px;
}

.modal.perfil .conteudo-modal h1 span {
	text-transform: capitalize;
}

.modal.perfil .conteudo-modal .feedback {
	margin: 15px 0 0;
	color: #FA9B1E;
}

.modal.perfil .ps-avatar {
	width: 160px;
	height: 160px;
	display: inline-block;
	margin: 30px 0 10px;
}

.modal.perfil .ps-avatar i.icon-editar {
	font-size: 44px;
}

.modal.perfil .conteudo-modal .btn-ok.desativado,
.modal.perfil .conteudo-modal .btn-ok:hover.desativado {
	pointer-events: none;
	background-color: #F8F2C8;
	color: #D3D4D6;
}

.modal.perfil .bloco-modal .containerCrop {
	width: 350px;
	height: 405px;
	position: relative;
	display: block;
	margin-top: 15px;
}

.modal.perfil .bloco-modal .containerCrop .imageBox {
	position: relative;
	height: 350px;
	width: 350px;
	background: #fff;
	overflow: hidden;
	background-repeat: no-repeat;
	cursor: move;
	display: block;
}

.modal.perfil .bloco-modal .containerCrop .imageBox .thumbBox {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	box-sizing: border-box;
	box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
	background: none repeat scroll 0% 0% transparent;
}

.modal.perfil .bloco-modal .containerCrop .imageBox .spinner {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	line-height: 350px;
	background: rgba(0, 0, 0, 0.7);
}

.modal.perfil .bloco-modal .containerCrop .action {
	width: 100%;
	height: 35px;
	margin: 20px 0 0;
	line-height: 35px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	position: absolute;
	bottom: 0;
	left: 0;
}

.modal.perfil .bloco-modal .containerCrop .action input {
	margin: 0 10px;
	border: 0;
	padding: 0 10px;
	text-align: center;
	background-color: #56BFCA;
	color: #FFF;
}

.modal.perfil .bloco-modal .containerCrop .action input:hover {
	background-color: purple;
}

.modal.perfil .bloco-modal .containerCrop .action #file {
	display: none;
}

.modal.perfil .bloco-modal .containerCrop .action #btnCrop {
	width: 100px;
	height: 35px;
	line-height: 35px;
	cursor: pointer;
	border-radius: 30px;
	padding: 0;
}

.modal.perfil .bloco-modal .containerCrop .action #upload {
	width: 120px;
	height: 35px;
	line-height: 35px;
	cursor: pointer;
	border-radius: 30px;
	padding: 0;
}

.modal.perfil .bloco-modal .containerCrop .action #btnZoomIn {
	width: 35px;
	line-height: 35px;
	cursor: pointer;
	border-radius: 50%;
	position: absolute;
	top: -75px;
	left: 120px;
	padding: 0;
	text-align: center;
	font-size: 26px;
}

.modal.perfil .bloco-modal .containerCrop .action #btnZoomOut {
	width: 35px;
	line-height: 35px;
	cursor: pointer;
	border-radius: 50%;
	position: absolute;
	top: -75px;
	right: 120px;
	padding: 0;
	text-align: center;
	font-size: 26px;
}

.modal.perfil .bloco-modal .containerCrop .cropped {
	display: none;
}

.modal.perfil .bloco-modal .containerCrop .cropped>img {
	margin-right: 10px;
}

.modal.perfil .bloco-modal .containerCrop .container {}

@media only screen and (max-width: 450px) {
	.modal.perfil .bloco-modal .containerCrop {
		width: 100%;
		height: 305px;
	}

	.modal.perfil .bloco-modal .containerCrop .imageBox .thumbBox {
		width: 150px;
		height: 150px;
		margin-top: -75px;
		margin-left: -75px;
	}

	.modal.perfil .bloco-modal .containerCrop .imageBox {
		height: 250px;
		width: 100%;
	}

	.modal.perfil .bloco-modal .containerCrop .action #btnZoomIn {
		top: -65px;
		left: 140px;
	}

	.modal.perfil .bloco-modal .containerCrop .action #btnZoomOut {
		top: -65px;
		right: 140px;
	}
}

.modal.tour {}

.modal.tour .bloco-modal {
	padding-bottom: 20px;
}

.modal.tour .bloco-modal .action {
	margin-top: 20px;
}

.modal.tour .box-tour {
	/*margin-top: 20px;*/
	background-color: #d8e2e6;
	padding: 0;
	position: relative;
}

.modal.tour .box-tour .slideshow-container {
	width: 100%;
	height: 400px;
	max-width: 1000px;
	position: relative;
	margin: auto;
	/* margin-bottom: 60px;*/
}

.modal.tour .box-tour .slideshow-container .mySlides {
	width: 100%;
	min-width: 720px;
	height: 100%;
	padding: 0;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-end;
	-ms-align-items: flex-end;
	align-items: flex-end;
	position: relative;
}

.modal.tour .box-tour .slideshow-container .mySlides p {
	font-size: 18px;
	text-align: center;
	color: #FFF;
	margin: 0;
	padding: 10px 60px;
	width: 100%;
	height: 60px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.5);
}

.modal.tour .box-tour .prev,
.modal.tour .box-tour .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	margin-top: -30px;
	padding: 15px;
	color: #FFF;
	font-weight: 600;
	font-size: 30px;
	transition: 0.6s ease;
	width: 60px;
	height: 60px;
}

.modal.tour .box-tour .prev {
	left: 0;
}

.modal.tour .box-tour .next {
	right: 0;
}

.modal.tour .box-tour .prev i::before,
.modal.tour .box-tour .next i::before {
	vertical-align: 0;
}

.modal.tour .box-tour .prev:hover i::before,
.modal.tour .box-tour .next:hover i::before {
	color: #FECD18;
}

.modal.tour .box-tour .text {
	color: #8ba8b3;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
}

.modal.tour .box-tour .dot-nav {
	width: 100%;
	padding: 0 20px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	position: absolute;
	bottom: 75px;
}

.modal.tour .box-tour .dot {
	cursor: pointer;
	height: 6px;
	width: 6px;
	margin: 0 5px;
	background-color: #FFF;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.modal.tour .box-tour .active,
.modal.tour .box-tour .dot:hover {
	background-color: #FECD18;
}

/* Fading animation */
.modal.tour .box-tour .fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	animation-name: fade;
}

@-webkit-keyframes fade {
	from {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

@keyframes fade {
	from {
		opacity: .4
	}

	to {
		opacity: 1
	}
}


.modal.anexos {}

.modal.anexos .bloco-modal {
	text-align: left;
	max-width: 900px;
}

.modal.anexos .bloco-modal header {
	text-align: left;
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.modal.anexos .bloco-modal header.view {
	display: none;
}

.modal.anexos .bloco-modal header h3 {
	color: #FA9B1E;
}

.modal.anexos .bloco-modal header .nivel {
	margin-left: 20px;
	padding: 0 15px;
	background-color: #EEF2F4;
	line-height: 35px;
	border-radius: 3px;
}

.modal.anexos .bloco-modal header .turma {
	margin-left: 15px;
	padding: 0 15px;
	background-color: #EEF2F4;
	line-height: 35px;
	border-radius: 3px;
}

.modal.anexos .bloco-modal .box-seletor {
	width: 100%;
	margin-top: 15px;
	padding: 0 140px 0 0;
	position: relative;
}

.modal.anexos .bloco-modal .box-seletor input {
	margin: 10px 0 0;
}

.modal.anexos .bloco-modal .box-seletor .btn-sel-todos {
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 40px;
	width: 120px;
	text-align: center;
}

.modal.anexos .bloco-modal .box-seletor .btn-sel-todos:hover {
	color: #56BFCA;
}

.modal.anexos .bloco-modal .lista-envios {
	width: 100%;
	margin-top: 30px;
}

.modal.anexos .bloco-modal .lista-envios ul {
	width: 100%;
	max-height: 240px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow-x: hidden;
	overflow-y: auto;
	align-content: flex-start
}

.modal.anexos .bloco-modal .lista-envios ul li {
	width: 190px;
	height: 190px;
	margin: 5px;
}

.modal.anexos .bloco-modal .lista-envios ul li a {
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background-color: #EEF2F4;
	color: #444;
	position: relative;
}

.modal.anexos .bloco-modal .lista-envios ul li a:hover {
	background-color: #E3E9EC;
	opacity: 0.9;
}

.modal.anexos .bloco-modal .lista-envios ul li a.selecionado {
	background-color: #FECD18;
	opacity: 0.9;
}

.modal.anexos .bloco-modal .lista-envios ul li a.selecionado:hover {
	background-color: #FED746;
	opacity: 0.7;
}

.modal.anexos .bloco-modal .lista-envios ul li a.desfoque {
	opacity: 0.3;
}

.modal.anexos .bloco-modal .lista-envios ul li a .check {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	background-color: #FFF;
	z-index: 3;
}

.modal.anexos .bloco-modal .lista-envios ul li a .check::before {
	content: '\E82A';
	color: #56BFCA;
	display: none;
	font-family: "Fontello";
	line-height: 20px;
	width: 20px;
	height: 20px;
	text-align: center;
}

.modal.anexos .bloco-modal .lista-envios ul li a.selecionado .check::before {
	display: block;
}

.modal.anexos .bloco-modal .lista-envios ul li a .moldura {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	border: 4px solid #FECD18;
	z-index: 3;
	display: none;
}

.modal.anexos .bloco-modal .lista-envios ul li a.selecionado .moldura {
	display: block;
}

.modal.anexos .bloco-modal .lista-envios ul li a .img-envio {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}

.modal.anexos .bloco-modal .lista-envios ul li a .credito-envio {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	z-index: 2;
	padding: 10px 10px 10px 60px;
	background-color: rgba(0, 0, 0, 0.5);
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

.modal.anexos .bloco-modal .lista-envios ul li a .credito-envio .img-usuario {
	width: 40px;
	height: 40px;
	background-color: #CCD1D4;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	left: 10px;
	background-size: cover;
	background-position: center;
}

.modal.anexos .bloco-modal .lista-envios ul li a .credito-envio .nome-usuario {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 14px;
	color: #FFF;
}

.modal.anexos .bloco-modal .action {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
}

.modal.alerta {}

.modal.alerta .bloco-modal {
	max-width: 400px;
}

.modal.alerta .bloco-modal h1 {
	font-size: 50px;
	display: inline-block;
	padding: 0;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	line-height: 90px;
	text-align: center;
	background-color: #EEF2F4;
}

.modal.alerta .bloco-modal h1 i {}

/*.modal.alerta .bloco-modal h1 i::before {vertical-align: 0;}*/


@media only screen and (max-width: 800px) {
	.modal {
		font-size: 14px;
	}

	.modal .bloco-modal {
		padding: 20px;
	}

	.modal .bloco-modal p {
		margin: 10px 0 0;
		font-size: 14px;
	}

	.modal.avaliacao form fieldset {
		flex-basis: 50%;
		padding: 10px 0;
	}

	.modal.avaliacao form fieldset.form-radio .select-radio ul {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: flex-start;
		-ms-justify-content: flex-start;
		justify-content: flex-start;
		flex-wrap: wrap
	}

	.modal.avaliacao form fieldset.form-radio .select-radio ul li {
		flex-basis: 100%;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 10px 0 0;
	}

	.modal.avaliacao form fieldset.form-radio .select-radio ul li a {
		line-height: 20px;
	}

	.modal.avaliacao form fieldset.form-radio.campo_0 .select-radio ul li {
		flex-basis: 100%;
	}

	.modal .bloco-modal .action {
		margin: 10px 0 0;
	}
}

@media only screen and (max-width: 768px) {
	.modal.grupos .bloco-modal .lista-alunos ul li {
		width: 190px;
	}
}

@media only screen and (max-width: 730px) {
	.modal.grupos .bloco-modal .lista-alunos ul li {
		width: 190px;
		min-width: 120px;
		height: 120px;
	}

	.modal.grupos .bloco-modal .lista-alunos ul li a {
		padding: 90px 10px 10px;
	}

	.modal.grupos .bloco-modal .lista-alunos ul li a .img-usuario {
		width: 60px;
		height: 60px;
		top: 20px;
		left: 50%;
		margin-left: -30px;
	}

	.modal.grupos .bloco-modal .lista-alunos ul li a span {
		width: 100%;
		text-align: center;
	}
}

@media only screen and (max-width: 600px) {
	.modal.avaliacao .bloco-modal form.educ {
		overflow-y: auto;
		overflow-x: hidden;
		height: 300px;
		padding-right: 10px;
	}

	.modal.avaliacao form fieldset {
		flex-basis: 100%;
		padding: 5px 0 10px;
	}

	.modal.avaliacao form fieldset.form-radio label {
		font-size: 14px;
	}

	.modal.avaliacao form fieldset.form-radio .select-radio ul {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: flex-start;
		-ms-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.modal.avaliacao form fieldset.form-radio .select-radio ul li {
		flex-basis: 100%;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 5px 0 0;
	}

	.modal.avaliacao form fieldset.form-radio .select-radio ul li a {
		line-height: 16px;
		padding-left: 25px;
		font-size: 12px;
	}

	.modal.avaliacao form fieldset.form-radio .select-radio ul li a span.radio {
		width: 16px;
		height: 16px;
	}

	.modal.avaliacao form fieldset.form-radio .select-radio ul li a.selecionado span.radio::before {
		margin: 2px;
	}

	.modal.avaliacao form fieldset.form-radio.campo_0 .select-radio ul li {
		flex-basis: 100%;
	}

	.modal .bloco-modal .action {
		margin: 10px 0 0;
	}

	.modal.grupos .bloco-modal .lista-alunos ul li {
		width: 30%;
	}
}

@media only screen and (max-width: 500px) {

	/*.modal.avaliacao .bloco-modal {}*/
	.modal.crop .bloco-modal a.btn-fechar {
		top: -40px;
	}

	.modal.crop .bloco-modal a.btn-fechar i {
		color: #FFF;
	}

	.modal.crop .bloco-modal .containerCrop {
		width: 260px;
		height: 360px;
	}

	.modal.crop .bloco-modal .containerCrop .imageBox {
		width: 260px;
		height: 300px;
	}

	.modal.crop .bloco-modal .containerCrop .action #btnZoomIn {
		top: -67px;
		left: 130px;
	}

	.modal.crop .bloco-modal .containerCrop .action #btnZoomOut {
		top: -67px;
		right: 130px;
	}

	.modal.faleconosco .bloco-modal form .select-combo {
		min-width: 260px;
	}

	.modal.faleconosco .bloco-modal form .select-combo ul.combo {
		min-width: 260px;
	}

	.modal.grupos .bloco-modal .lista-alunos ul li {
		width: 45%;
	}
}

@media only screen and (max-width: 450px) {
	.modal.avaliacao .bloco-modal {
		margin: 0;
		width: 100%;
		height: 100%;
	}

	.modal.grupos .bloco-modal header {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.modal.grupos .bloco-modal header h3 {
		width: 100%;
	}

	.modal.grupos .bloco-modal header .nivel {
		margin: 10px 0 0;
	}

	.modal.grupos .bloco-modal header .turma {
		margin: 10px 10px 0;
	}

	.modal.grupos .bloco-modal .box-seletor .btn-sel-todos {
		width: 100%;
	}

	.modal.grupos .bloco-modal .lista-alunos {
		margin-top: 10px;
	}

	.modal.anexos .bloco-modal header {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.modal.anexos .bloco-modal header h3 {
		width: 100%;
	}

	.modal.anexos .bloco-modal header .nivel {
		margin: 10px 0 0;
	}

	.modal.anexos .bloco-modal header .turma {
		margin: 10px 10px 0;
	}

	.modal.anexos .bloco-modal .lista-envios ul li {
		width: 235px;
	}

	.modal.anexos .bloco-modal .box-seletor {
		padding: 0 0 40px;
	}

	.modal.anexos .bloco-modal .box-seletor .btn-sel-todos {
		width: 100%;
	}

	.modal.anexos .bloco-modal .lista-envios {
		margin-top: 10px;
	}
}

@media only screen and (max-width: 320px) {
	.modal.grupos .bloco-modal .lista-alunos ul li {
		width: 100%;
		max-width: 100%;
		min-width: auto;
		height: 60px;
	}

	.modal.grupos .bloco-modal .lista-alunos ul li a {
		padding: 10px 10px 10px 60px;
	}

	.modal.grupos .bloco-modal .lista-alunos ul li a .img-usuario {
		width: 40px;
		height: 40px;
		top: 10px;
		left: 10px;
		margin-left: 0;
	}

	.modal.grupos .bloco-modal .lista-alunos ul li a span {
		width: auto;
		text-align: left;
	}
}

@media only screen and (max-width: 700px) and (orientation: landscape) {
	.modal.termos .box-termos {
		max-height: 150px;
	}

	.modal.perfil .conteudo-modal {
		max-width: 450px;
	}

	.modal.perfil .ps-avatar {
		width: 80px;
		height: 80px;
		margin: 10px auto 0px auto;
	}

	.modal.perfil .ps-avatar i.icon-editar {
		font-size: 22px;
	}
}

@media only screen and (max-height: 570px) and (orientation: portrait) {
	.modal.termos .box-termos {
		max-height: 300px;
	}
}

/*modal Índice da Academia*/
.modal.indiceacademia {}

.modal.indiceacademia .bloco-modal .action {
	margin-top: 20px;
}

.modal.indiceacademia .bloco-modal .conteudo-modal .dias-semana {
	height: 110px;
	margin-top: 50px;
}

.modal.indiceacademia .bloco-modal .conteudo-modal .dias-semana ul {
	display: flex;
	justify-content: center;
}

.modal.indiceacademia .bloco-modal .conteudo-modal .dias-semana ul li {
	cursor: pointer;
	background-color: #eee;
	color: #434343;
	border-radius: 50%;
	cursor: pointer;
	padding: 20px;
	margin: 5px;
	line-height: 9px;
}

.modal.indiceacademia .bloco-modal .conteudo-modal .dias-semana ul li:hover {
	background-color: #dedede;
}

.modal.indiceacademia .bloco-modal .conteudo-modal .dias-semana ul li.ativo {
	background-color: #56bfca;
	color: #fff;
}

@media only screen and (max-width: 500px) {
	.modal.indiceacademia .bloco-modal .conteudo-modal .dias-semana ul li {
		padding: 14px;
		margin: 3px;
	}
}


/*=== FIM - MODAL ==============================================================================================*/


/*=== MODO CONTRAÍDO ===========================================================================================*/

body.full {}

body.full #header-pense {
	top: -60px;
}

body.full #page-dinamica {
	margin: 0;
}

body.full #page-dinamica .header-dinamica nav.crumb {
	display: none;
}

body.full #page-dinamica .header-dinamica nav.menu-dinamica {
	display: none;
}

body.full #page-dinamica .header-dinamica {
	position: relative;
	height: 150px;
	padding: 0 40px;
	color: #444;
}

body.full #page-dinamica .header-dinamica .info-header {
	z-index: 1;
	position: relative;
	height: 150px;
}

body.full #page-dinamica .header-dinamica .info-header h1 {
	color: #444;
	text-shadow: none;
}

body.full #page-dinamica .header-dinamica .info-header h1 .btn-notificar {
	display: none;
}

body.full #page-dinamica .header-dinamica .info-header p {
	color: #444;
	text-shadow: none;
}

body.full #page-dinamica .header-dinamica .info-header .tools-dinamica {
	display: none;
}

body.full #page-dinamica .header-dinamica .info-header .btn-marcar {
	display: none;
}

body #page-dinamica .header-dinamica::after {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 360px;
	content: '';
	top: 0;
	left: 0;
	z-index: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e3e9ec+0,e3e9ec+100&0.5+0,1+100 */
	background: -moz-linear-gradient(top, rgba(227, 233, 236, 0.7) 0%, rgba(227, 233, 236, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(227, 233, 236, 0.7) 0%, rgba(227, 233, 236, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(227, 233, 236, 0.7) 0%, rgba(227, 233, 236, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80e3e9ec', endColorstr='#e3e9ec', GradientType=0);
	/* IE6-9 */

}

body.full #page-dinamica .header-dinamica::after {
	opacity: 1;
	height: 150px;
}

body.full #page-dinamica .conteudo .container {
	padding-top: 0;
}

body.full #page-dinamica .conteudo .container::before {
	top: 20px;
}

body.full #page-dinamica .conteudo .container .column-right article {
	display: none;
}

body.full #footer-pense {
	display: unset;
}

body.full #actions {
	display: none;
}

body.full .passo-orient-educ {
	display: none;
}


/*=== FIM - MODO CONTRAÍDO =====================================================================================*/


/*=== PROGRAMA =================================================================================================*/

#page-programa {
	margin-top: 60px;
	min-height: 100vh;
}


#page-programa header.header-principal-programa {
	margin: 0;
	padding: 40px 0;
	width: 100%;
	display: table;
	height: 100px;
	background-color: #4eb5c0;
	position: relative;
	background-image: url();
	background-blend-mode: multiply;
	color: white;
}

#page-programa header.header-principal-programa nav.menu-programa {
	width: 50%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 40px;
	z-index: 1;
}

#page-programa header.header-principal-programa nav.menu-programa a {
	float: left;
	margin-right: 20px;
	padding: 0 20px;
	line-height: 55px;
	height: 55px;
	margin-top: 5px;
	background-color: #333;
	color: #FFF;
	display: block;
	border-radius: 15px 15px 0 0;
	font-size: 16px;
}

#page-programa header.header-principal-programa nav.menu-programa a span {
	color: #fff;
}

#page-programa header.header-principal-programa nav.menu-programa a:hover {
	background-color: #444;
	height: 60px;
	margin-top: 0;
}

#page-programa header.header-principal-programa nav.menu-programa a i::before {
	margin-right: 8px;
	font-size: 18px;
	vertical-align: -2px;
	color: #FFF;
}

#page-programa header.header-principal-programa nav.menu-programa a.ativo,
#page-programa header.header-principal-programa nav.menu-programa a.ativo:hover {
	background-color: #e3e9ec;
	color: #333;
	height: 55px;
	margin-top: 5px;
	pointer-events: none;
}

#page-programa header.header-principal-programa nav.menu-programa a.ativo span,
#page-programa header.header-principal-programa nav.menu-programa a.ativo i::before {
	color: #333;
}

#page-programa header.header-principal-programa nav.menu-configuracao {
	width: 50%;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 20px 70px;
	z-index: 0;
}

#page-programa header.header-principal-programa nav.menu-configuracao a.btn-gerenciador {
	margin-left: 20px;
	background-color: #56BFCA;
	color: #FFF;
	padding: 0 15px;
	border-radius: 30px;
	line-height: 35px;
	height: 35px;
	float: right;
}

#page-programa header.header-principal-programa nav.menu-configuracao a.btn-gerenciador i {
	margin-right: 5px;
}

#page-programa header.header-principal-programa nav.menu-configuracao a.btn-gerenciador:hover {
	background-color: #3CB5C2;
}



#page-programa section.main-filter.conteudo {}


@media only screen and (max-width: 870px) {
	#page-programa header.header-principal-programa nav.menu-programa a {
		font-size: 14px;
		line-height: 45px;
		height: 45px;
		padding: 0 15px;
		margin-right: 15px;
	}

	#page-programa header.header-principal-programa nav.menu-programa a:hover {
		height: 50px;
	}

	#page-programa header.header-principal-programa nav.menu-programa a.ativo,
	#page-programa header.header-principal-programa nav.menu-programa a.ativo:hover {
		height: 45px;
	}

	#page-programa header.header-principal-programa nav.menu-configuracao {
		padding: 5px;
	}

	#page-programa .conteudo .container {
		min-height: 420px;
	}
}

@media only screen and (max-width: 600px) {
	#page-programa header.header-principal-programa nav.menu-programa a {
		padding: 0 10px;
		margin-right: 10px;
	}

	#page-programa header.header-principal-programa nav.menu-programa {
		padding: 0 20px;
	}

	#page-programa header.header-principal-programa nav.menu-programa a {
		padding: 0 15px;
	}

	#page-programa header.header-principal-programa nav.menu-programa a span {
		display: none;
	}

	#page-programa header.header-principal-programa nav.menu-programa a i::before {
		margin: 0;
	}
}





#page-programa header.header-programa {
	margin: 0;
	line-height: 35px;
	/*height: 35px;*/
	padding: 40px 0;
	width: 100%;
	display: table;
	/*display: -webkit-flex; display: -ms-flexbox; display: flex;*/
}

#page-programa header.header-programa h2 {
	font-weight: 600;
	float: left;
	line-height: 35px;
}

#page-programa header.header-programa h2 i {
	font-weight: normal;
	margin-right: 5px;
}

#page-programa header.header-programa p {
	width: 100%;
	display: inline-block;
	padding-left: 35px;
}

#page-programa section.full.configurado.off {
	display: none;
}

#page-programa section.full.padrao.off {
	display: none;
}

/*Filtro ano - Aula*/
#page-programa header.header-programa nav.filtros-topo {
	display: inline-block;
	margin-left: 40px;
}

#page-programa header.header-programa nav.filtros-topo .filter {
	position: relative;
	float: left;
	font-size: 18px;
	padding: 4px 20px;
	background: rgba(0, 0, 0, 0.15);
	margin-right: 20px;
	border-radius: 5px;
}

#page-programa header.header-programa nav.filtros .filter:first-child {
	margin-left: 0;
}

#page-programa header.header-programa nav.filtros-topo .filter a.comboheader {
	padding-left: 0;
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
	color: #efefef;
	border: none;
	display: inline-block;
}

#page-programa header.header-programa nav.filtros-topo .filter a.comboheader span {
	min-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#page-programa header.header-programa nav.filtros-topo .filter a:hover {
	opacity: 0.8;
}

#page-programa header.header-programa nav.filtros-topo .filter a.ativo {
	background-color: transparent;
}

#page-programa header.header-programa nav.filtros-topo .filter a i {
	width: 20px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	float: right;
	margin: 0 0 0 10px;
}

#page-programa header.header-programa nav.filtros-topo .filter a i::before {
	font-size: 20px;
}

#page-programa header.header-programa nav.filtros-topo .filter .combo {
	display: none;
	position: absolute;
	background-color: #D5DFE4;
	top: 43px;
	z-index: 999;
	color: #444;
	border-radius: 3px;
	left: 0px;
	padding: 0;
}

#page-programa header.header-programa nav.filtros-topo .filter .combo.open {
	display: block;
}

#page-programa header.header-programa nav.filtros-topo .filter .combo a {
	padding: 0 15px;
	color: #444;
	display: block;
	min-width: 160px;
}

#page-programa header.header-programa nav.filtros-topo .filter .combo a:hover {
	background-color: #56BFCA;
	color: #FFF;
	border-radius: 3px;
}

#page-programa header.header-programa nav.filtros-topo .filter .combo li {
	width: 100%;
	padding: 10px 0px;
}

#page-programa header.header-programa nav.filtros-topo .filter .combo li.ativo {
	pointer-events: none;
	opacity: 0.5;
	display: none;
	;
}

#page-programa header.header-programa nav.filtros-topo .filter .combo.filter-temas a {
	width: 320px;
}

#page-programa header.header-programa a.btn-pdfs {
	margin-left: 20px;
	background-color: #56BFCA;
	color: #FFF;
	padding: 0 15px;
	border-radius: 30px;
	line-height: 35px;
	height: 35px;
	float: right;
}

#page-programa header.header-programa a.btn-pdfs i {
	margin-right: 5px;
}

#page-programa header.header-programa a.btn-pdfs:hover {
	background-color: #3CB5C2;
}



@media only screen and (max-width: 1130px) {
	#page-programa header.header-programa a.btn-pdfs {
		margin: 15px 0 0;
		float: left;
	}
}

@media only screen and (max-width: 890px) {
	#page-programa header.header-programa {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#page-programa header.header-programa h2 {
		width: 100%;
	}

	#page-programa header.header-programa nav.filtros-topo {
		width: 100%;
		margin-top: 15px;
		margin-left: 0;
	}

	#page-programa header.header-programa nav.filtros .filter {
		margin-left: 0;
		margin-right: 10px;
	}
}

@media only screen and (max-width: 730px) {
	#page-programa header.header-programa nav.filtros-topo .filter a.comboheader {
		width: 160px;
	}

	#page-programa header.header-programa nav.filtros-topo .filter a.comboheader span {
		width: 100px;
	}
}

@media only screen and (max-width: 645px) {
	/*#page-programa header.header-programa nav.filtros-topo .filter a.comboheader {width: 140px;}*/
	/*#page-programa header.header-programa nav.filtros-topo .filter a.comboheader span {width: 80px;}*/

	#page-programa header.header-programa {
		margin: 20px 0;
		padding: 0;
	}

	#page-programa header.header-programa nav.filtros-topo {
		display: block;
		margin-top: 5px;
	}

	#page-programa header.header-programa nav.filtros-topo .filter {
		width: 100%;
		margin: 10px 0 0;
	}

	#page-programa header.header-programa nav.filtros-topo .filter a.comboheader {
		width: 100%;
		padding-right: 10px;
	}

	#page-programa header.header-programa nav.filtros-topo .filter a.comboheader span {
		width: 80%;
	}

	#page-programa header.header-programa nav.filtros-topo .filter .combo {
		width: 100%;
	}
}

#page-programa .lista-dinamicas {}

#page-programa .lista-dinamicas ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: wrap;
	padding-bottom: 40px;
}

#page-programa .lista-dinamicas ul li {
	width: 200px;
	margin: 40px 5px 20px;
	position: relative;
}

#page-programa .lista-dinamicas ul li:hover {
	box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.1);
}

#page-programa .lista-dinamicas .alerta-filtros-topo {
	width: 100%;
	min-height: 400px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	color: #999;
	font-size: 30px;
	text-align: center;
}

@media only screen and (max-width: 360px) {
	#page-programa .lista-dinamicas ul {
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
	}

	#page-programa .lista-dinamicas ul li {
		width: 100%;
	}
}


#page-programa header.header-programa a b {
	float: left;
	line-height: 1.8;
	margin-right: 10px;
}

/*#page-programa header.header-programa nav.filtros {float: left; margin-left: 10px;}*/
#page-programa header.header-programa nav.filtros .filter {
	position: relative;
	float: left;
	height: 35px;
	margin-left: 15px;
	font-size: 14px;
}

#page-programa header.header-programa nav.filtros .filter:first-child {
	margin-left: 0;
}

#page-programa header.header-programa nav.filtros .filter a.comboheader {
	min-width: 160px;
	height: 35px;
	line-height: 35px;
	background-color: #FFF;
	border-radius: 3px;
	color: #444;
	padding: 0 10px 0 15px;
	border: none;
	display: inline-block;
}

#page-programa header.header-programa nav.filtros .filter a.comboheader span {
	min-width: 100px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#page-programa header.header-programa nav.filtros .filter a:hover {
	background-color: #D5DFE4;
}

#page-programa header.header-programa nav.filtros .filter a.ativo {
	background-color: #C8D4DA;
}

#page-programa header.header-programa nav.filtros .filter a i {
	width: 20px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	float: right;
	margin: 0 0 0 10px;
}

#page-programa header.header-programa nav.filtros .filter a i::before {
	font-size: 20px;
}

#page-programa header.header-programa nav.filtros .filter .combo {
	display: none;
	position: absolute;
	background-color: #D5DFE4;
	top: 35px;
	z-index: 999;
	color: #444;
	border-radius: 3px;
	left: 0px;
	padding: 0;
}

#page-programa header.header-programa nav.filtros .filter .combo.open {
	display: block;
}

#page-programa header.header-programa nav.filtros .filter .combo a {
	padding: 0 15px;
	color: #444;
	display: block;
	min-width: 160px;
}

#page-programa header.header-programa nav.filtros .filter .combo a:hover {
	background-color: #56BFCA;
	color: #FFF;
	border-radius: 3px;
}

#page-programa header.header-programa nav.filtros .filter .combo li {
	width: 100%;
}

#page-programa header.header-programa nav.filtros .filter .combo li.ativo {
	pointer-events: none;
	opacity: 0.5;
	display: none;
	;
}

#page-programa header.header-programa nav.filtros .filter .combo.filter-temas a {
	width: 320px;
}

#page-programa header.header-programa a.btn-pdfs {
	margin-left: 20px;
	background-color: #56BFCA;
	color: #FFF;
	padding: 0 15px;
	border-radius: 30px;
	line-height: 35px;
	height: 35px;
	float: right;
}

#page-programa header.header-programa a.btn-pdfs i {
	margin-right: 5px;
}

#page-programa header.header-programa a.btn-pdfs:hover {
	background-color: #3CB5C2;
}

@media only screen and (max-width: 1130px) {
	#page-programa header.header-programa a.btn-pdfs {
		margin: 15px 0 0;
		float: left;
	}
}

@media only screen and (max-width: 890px) {
	#page-programa header.header-programa {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#page-programa header.header-programa h2 {
		width: 100%;
	}

	#page-programa header.header-programa nav.filtros {
		width: 100%;
		margin-top: 15px;
		margin-left: 0;
	}

	#page-programa header.header-programa nav.filtros .filter {
		margin-left: 0;
		margin-right: 10px;
	}
}

@media only screen and (max-width: 730px) {
	#page-programa header.header-programa nav.filtros .filter a.comboheader {
		width: 160px;
	}

	#page-programa header.header-programa nav.filtros .filter a.comboheader span {
		width: 100px;
	}
}

@media only screen and (max-width: 645px) {
	/*#page-programa header.header-programa nav.filtros .filter a.comboheader {width: 140px;}*/
	/*#page-programa header.header-programa nav.filtros .filter a.comboheader span {width: 80px;}*/

	#page-programa header.header-programa {
		margin: 20px 0;
		padding: 0;
	}

	#page-programa header.header-programa nav.filtros {
		display: block;
		margin-top: 5px;
	}

	#page-programa header.header-programa nav.filtros .filter {
		width: 100%;
		margin: 10px 0 0;
	}

	#page-programa header.header-programa nav.filtros .filter a.comboheader {
		width: 100%;
	}

	#page-programa header.header-programa nav.filtros .filter a.comboheader span {
		width: 80%;
	}

	#page-programa header.header-programa nav.filtros .filter .combo {
		width: 100%;
	}
}

#page-programa .lista-dinamicas {}

#page-programa .lista-dinamicas ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: wrap;
	padding-bottom: 40px;
	margin-top: 25px;
}

#page-programa .lista-dinamicas ul li {
	width: 203px;
	margin: 40px 5px 20px;
	position: relative;
}

#page-programa .lista-dinamicas ul li:hover {
	box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.1);
}

#page-programa .lista-dinamicas .alerta-filtros {
	width: 100%;
	min-height: 400px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	color: #999;
	font-size: 30px;
	text-align: center;
}

@media only screen and (max-width: 360px) {
	#page-programa .lista-dinamicas ul {
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
	}

	#page-programa .lista-dinamicas ul li {
		width: 100%;
	}
}

/*nomenclatura meses*/
#page-programa .lista-dinamicas ul li::before {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	display: block;
	position: absolute;
	top: -30px;
	left: 0;
}

#page-programa .lista-dinamicas ul li.jan.primeiro::before {
	content: 'Jan';
}

#page-programa .lista-dinamicas ul li.fev.primeiro::before {
	content: 'Fev';
}

#page-programa .lista-dinamicas ul li.mar.primeiro::before {
	content: 'Mar';
}

#page-programa .lista-dinamicas ul li.abr.primeiro::before {
	content: 'Abr';
}

#page-programa .lista-dinamicas ul li.mai.primeiro::before {
	content: 'Mai';
}

#page-programa .lista-dinamicas ul li.jun.primeiro::before {
	content: 'Jun';
}

#page-programa .lista-dinamicas ul li.jul.primeiro::before {
	content: 'Jul';
}

#page-programa .lista-dinamicas ul li.ago.primeiro::before {
	content: 'Ago';
}

#page-programa .lista-dinamicas ul li.set.primeiro::before {
	content: 'Set';
}

#page-programa .lista-dinamicas ul li.out.primeiro::before {
	content: 'Out';
}

#page-programa .lista-dinamicas ul li.nov.primeiro::before {
	content: 'Nov';
}

#page-programa .lista-dinamicas ul li.dez.primeiro::before {
	content: 'Dez';
}

/* Turmas não cadastras, porem dinamicas de 2019 sendo exibida - bloque as ações */
#page-programa .lista-dinamicas ul li.disable-action .tools a {
	pointer-events: none;
	opacity: 0.5;
	color: #CCD1D4 !important;
}

#page-programa .lista-dinamicas ul li.disable-action .tools a.notificada.ativo i {
	background-color: #FFF;
	color: #FFF;
}

#page-programa .lista-dinamicas ul li.disable-action .tools a.concluida.ativo i {
	background-color: #FFF;
	color: #FFF;
}

#page-programa .lista-dinamicas ul li.disable-action .tools a i {
	color: #CCD1D4 !important;
}

/*Dinamica ainda não publicada*/
#page-programa .lista-dinamicas ul li.off {
	pointer-events: none;
}

#page-programa .lista-dinamicas ul li.off a.btn-dinamica {
	background-color: #CCD1D4;
	background-image: none;
	color: #FFF;
	pointer-events: none;
	font-size: 14px;
	text-align: right;
}

#page-programa .lista-dinamicas ul li.off a.btn-dinamica div.data {
	display: block;
	font-size: 20px;
	font-weight: 600;
	position: relative;
	z-index: 1;
	color: #FFF;
}

#page-programa .lista-dinamicas ul li.off .tools a {
	pointer-events: none;
	opacity: 0.5;
	color: #CCD1D4 !important;
}

#page-programa .lista-dinamicas ul li.off .tools a i {
	color: #CCD1D4 !important;
}

/*Para mostrar dinamicas já avaliadas*/
#page-programa .lista-dinamicas ul li .status-avaliacao {
	display: none;
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #FECD18;
	z-index: 2;
	width: 20px;
	height: 20px;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

#page-programa .lista-dinamicas ul li .status-avaliacao i::before {
	vertical-align: 0;
}

#page-programa .lista-dinamicas ul li .status-avaliacao::before {
	content: "Aula avaliada";
	position: absolute;
	background-color: #FFF;
	border-radius: 2px;
	padding: 3px;
	color: #444;
	bottom: -2px;
	right: 25px;
	font-size: 14px;
	opacity: 0;
	text-shadow: none;
	width: 135px;
	text-align: center;
}

#page-programa .lista-dinamicas ul li .status-avaliacao::after {
	content: "";
	position: absolute;
	border: 5px solid transparent;
	border-left-color: #FFF;
	bottom: 5px;
	right: 15px;
	opacity: 0;
}

#page-programa .lista-dinamicas ul li .status-avaliacao:hover::before,
#page-programa .lista-dinamicas ul li .status-avaliacao:hover::after {
	opacity: 1;
}

#page-programa .lista-dinamicas ul li.avaliado .status-avaliacao {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

#page-programa .lista-dinamicas ul li.fev.off a.btn-dinamica {
	background-color: #3CB5C2;
}

#page-programa .lista-dinamicas ul li.mar.off a.btn-dinamica {
	background-color: #834A8C;
}

#page-programa .lista-dinamicas ul li.abr.off a.btn-dinamica {
	background-color: #E4B816;
}

#page-programa .lista-dinamicas ul li.mai.off a.btn-dinamica {
	background-color: #D4566E;
}

#page-programa .lista-dinamicas ul li.jun.off a.btn-dinamica {
	background-color: #D87412;
}

#page-programa .lista-dinamicas ul li.ago.off a.btn-dinamica {
	background-color: #3CB5C2;
}

#page-programa .lista-dinamicas ul li.set.off a.btn-dinamica {
	background-color: #834A8C;
}

#page-programa .lista-dinamicas ul li.out.off a.btn-dinamica {
	background-color: #E4B816;
}

#page-programa .lista-dinamicas ul li.nov.off a.btn-dinamica {
	background-color: #D4566E;
}

#page-programa .lista-dinamicas ul li::before {
	display: block;
	width: 100%;
	height: 25px;
	line-height: 20px;
	border-bottom: 5px solid transparent;
	content: '';
}

#page-programa .lista-dinamicas ul li.ativo::before {
	border-bottom: 5px solid #FECD18;
}

#page-programa .lista-dinamicas ul li a.btn-dinamica {
	width: 100%;
	height: 150px;
	display: block;
	background-color: #444;
	padding: 20px;
	color: #FFF;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	background-size: cover;
	position: relative;
}

#page-programa .lista-dinamicas ul li a.btn-dinamica span {
	position: relative;
	z-index: 1
}

#page-programa .lista-dinamicas ul li a.btn-dinamica::after {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	z-index: 0;
	background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

#page-programa .lista-dinamicas ul li.off a.btn-dinamica::after {
	display: none;
}

#page-programa .lista-dinamicas ul li .tools {
	background-color: #FFF;
	width: 100%;
	height: 50px;
	padding: 5px;
	/*display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end;*/
}

#page-programa .lista-dinamicas ul li .tools a {
	width: 40px;
	height: 40px;
	text-align: center;
	padding: 5px;
}

#page-programa .lista-dinamicas ul li .tools a i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: block;
	font-size: 18px;
	border-radius: 50%;
	color: #999;
}

#page-programa .lista-dinamicas ul li .tools a i::before {
	vertical-align: 0;
}

#page-programa .lista-dinamicas ul li .tools a:hover i {
	background-color: #E3E9EC;
}

#page-programa .lista-dinamicas ul li .tools a.status {
	float: right;
}

#page-programa .lista-dinamicas ul li .tools a.status.aberta i {
	color: #59B200;
}

#page-programa .lista-dinamicas ul li .tools a.status.fechada i {
	color: #F29D14;
}

#page-programa .lista-dinamicas ul li .tools a.ativo {
	pointer-events: none;
}

#page-programa .lista-dinamicas ul li .tools a.notificada {
	float: left;
}

#page-programa .lista-dinamicas ul li .tools a.notificada.ativo i {
	background-color: #56BFCA;
	color: #FFF;
}

#page-programa .lista-dinamicas ul li .tools a.concluida {
	float: right;
}

#page-programa .lista-dinamicas ul li .tools a.concluida.ativo i {
	background-color: #59B200;
	color: #FFF;
}


/*Para mostrar dinamicas EXTRAS*/
#page-programa .lista-dinamicas-extras {}

#page-programa .lista-dinamicas-extras ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: wrap;
	padding-bottom: 40px;
	margin-top: 25px;
}

#page-programa .lista-dinamicas-extras ul li {
	width: 200px;
	margin: 40px 5px 20px;
	position: relative;
}

#page-programa .lista-dinamicas-extras ul li:hover {
	box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.1);
}

#page-programa .lista-dinamicas-extras .alerta-filtros-topo {
	width: 100%;
	min-height: 400px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	color: #999;
	font-size: 30px;
	text-align: center;
}

@media only screen and (max-width: 360px) {
	#page-programa .lista-dinamicas-extras ul {
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
	}

	#page-programa .lista-dinamicas-extras ul li {
		width: 100%;
	}
}

/*nomenclatura extras*/
#page-programa .lista-dinamicas-extras ul li::before {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	display: block;
	position: absolute;
	top: -30px;
	left: 0;
}

#page-programa .lista-dinamicas-extras ul li.robotica.primeiro::before {
	content: 'Robótica';
}

#page-programa .lista-dinamicas-extras ul li.numeros-interativos.primeiro::before {
	content: 'Números interativos';
}

#page-programa .lista-dinamicas-extras ul li.dinamica-extra-7.primeiro::before {
	content: 'Robótica';
}

#page-programa .lista-dinamicas-extras ul li.dinamica-extra-8.primeiro::before {
	content: 'Números interativos';
}

#page-programa .lista-dinamicas-extras ul li.dinamica-extra-9.primeiro::before {
	content: 'STEAM Academy';
}

#page-programa .lista-dinamicas-extras ul li.dinamica-extra-10.primeiro::before {
	content: 'Extra';
}

#page-programa .lista-dinamicas-extras ul li.dinamica-extra-11.primeiro::before {
	content: 'Extra';
}

#page-programa .lista-dinamicas-extras ul li.dinamica-extra-12.primeiro::before {
	content: 'Extra';
}


/*Dinamica extra ainda não publicada*/
#page-programa .lista-dinamicas-extras ul li.off {
	pointer-events: none;
}

#page-programa .lista-dinamicas-extras ul li.off a.btn-dinamica {
	background-color: #CCD1D4;
	background-image: none;
	color: #FFF;
	pointer-events: none;
	font-size: 14px;
	text-align: right;
}

#page-programa .lista-dinamicas-extras ul li.off a.btn-dinamica div.data {
	display: block;
	font-size: 20px;
	font-weight: 600;
	position: relative;
	z-index: 1;
	color: #FFF;
}

#page-programa .lista-dinamicas-extras ul li.off .tools a {
	pointer-events: none;
	opacity: 0.5;
	color: #CCD1D4 !important;
}

#page-programa .lista-dinamicas-extras ul li.off .tools a i {
	color: #CCD1D4 !important;
}

#page-programa .lista-dinamicas-extras .alerta-filtros {
	width: 100%;
	min-height: 400px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	color: #999;
	font-size: 30px;
	text-align: center;
}

/*Para mostrar dinamicas extras já avaliadas*/
#page-programa .lista-dinamicas-extras ul li .status-avaliacao {
	display: none;
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #FECD18;
	z-index: 2;
	width: 20px;
	height: 20px;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

#page-programa .lista-dinamicas-extras ul li .status-avaliacao i::before {
	vertical-align: 0;
}

#page-programa .lista-dinamicas-extras ul li .status-avaliacao::before {
	content: "Aula avaliada";
	position: absolute;
	background-color: #FFF;
	border-radius: 2px;
	padding: 3px;
	color: #444;
	bottom: -2px;
	right: 25px;
	font-size: 14px;
	opacity: 0;
	text-shadow: none;
	width: 135px;
	text-align: center;
}

#page-programa .lista-dinamicas-extras ul li .status-avaliacao::after {
	content: "";
	position: absolute;
	border: 5px solid transparent;
	border-left-color: #FFF;
	bottom: 5px;
	right: 15px;
	opacity: 0;
}

#page-programa .lista-dinamicas-extras ul li .status-avaliacao:hover::before,
#page-programa .lista-dinamicas-extras ul li .status-avaliacao:hover::after {
	opacity: 1;
}

#page-programa .lista-dinamicas-extras ul li.avaliado .status-avaliacao {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

#page-programa .lista-dinamicas-extras ul li.fev.off a.btn-dinamica {
	background-color: #3CB5C2;
}

#page-programa .lista-dinamicas-extras ul li.mar.off a.btn-dinamica {
	background-color: #834A8C;
}

#page-programa .lista-dinamicas-extras ul li.abr.off a.btn-dinamica {
	background-color: #E4B816;
}

#page-programa .lista-dinamicas-extras ul li.mai.off a.btn-dinamica {
	background-color: #D4566E;
}

#page-programa .lista-dinamicas-extras ul li.jun.off a.btn-dinamica {
	background-color: #D87412;
}

#page-programa .lista-dinamicas-extras ul li.ago.off a.btn-dinamica {
	background-color: #3CB5C2;
}

#page-programa .lista-dinamicas-extras ul li.set.off a.btn-dinamica {
	background-color: #834A8C;
}

#page-programa .lista-dinamicas-extras ul li.out.off a.btn-dinamica {
	background-color: #E4B816;
}

#page-programa .lista-dinamicas-extras ul li.nov.off a.btn-dinamica {
	background-color: #D4566E;
}

#page-programa .lista-dinamicas-extras ul li::before {
	display: block;
	width: 100%;
	height: 25px;
	line-height: 20px;
	border-bottom: 5px solid transparent;
	content: '';
}

#page-programa .lista-dinamicas-extras ul li.ativo::before {
	border-bottom: 5px solid #FECD18;
}

#page-programa .lista-dinamicas-extras ul li a.btn-dinamica {
	width: 100%;
	height: 150px;
	display: block;
	background-color: #444;
	padding: 20px;
	color: #FFF;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	background-size: cover;
	position: relative;
}

#page-programa .lista-dinamicas-extras ul li a.btn-dinamica span {
	position: relative;
	z-index: 1
}

#page-programa .lista-dinamicas-extras ul li a.btn-dinamica::after {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	z-index: 0;
	background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

#page-programa .lista-dinamicas-extras ul li.off a.btn-dinamica::after {
	display: none;
}

#page-programa .lista-dinamicas-extras ul li .tools {
	background-color: #FFF;
	width: 100%;
	height: 50px;
	padding: 5px;
	/*display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end;*/
}

#page-programa .lista-dinamicas-extras ul li .tools a {
	width: 40px;
	height: 40px;
	text-align: center;
	padding: 5px;
}

#page-programa .lista-dinamicas-extras ul li .tools a i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: block;
	font-size: 18px;
	border-radius: 50%;
	color: #999;
}

#page-programa .lista-dinamicas-extras ul li .tools a i::before {
	vertical-align: 0;
}

#page-programa .lista-dinamicas-extras ul li .tools a:hover i {
	background-color: #E3E9EC;
}

#page-programa .lista-dinamicas-extras ul li .tools a.status {
	float: right;
}

#page-programa .lista-dinamicas-extras ul li .tools a.status.aberta i {
	color: #59B200;
}

#page-programa .lista-dinamicas-extras ul li .tools a.status.fechada i {
	color: #F29D14;
}

#page-programa .lista-dinamicas-extras ul li .tools a.ativo {
	pointer-events: none;
}

#page-programa .lista-dinamicas-extras ul li .tools a.notificada {
	float: left;
}

#page-programa .lista-dinamicas-extras ul li .tools a.notificada.ativo i {
	background-color: #56BFCA;
	color: #FFF;
}

#page-programa .lista-dinamicas-extras ul li .tools a.concluida {
	float: right;
}

#page-programa .lista-dinamicas-extras ul li .tools a.concluida.ativo i {
	background-color: #59B200;
	color: #FFF;
}

.bncc {
	width: 100%;
	border-bottom: 1px solid #c4c4c4;
}

.bncc span {
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

.barra-bncc {
	height: 0px;
	align-self: stretch;
	stroke-width: 1px;
	stroke: var(--sys-outline, #A8B3B8);
}

.wrapper-bncc {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 32px;
	padding-top: 16px;
	padding-bottom: 16px;
}

.wrapper-observacoes {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.gerais-container,
.matematica-container,
.computacao-container {
	width: 49%;
	min-height: 71px;
	margin-bottom: 70px;
}

.gerais-container h2,
.matematica-container h2,
.computacao-container h2 {
	font-family: Roboto;
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
	line-height: 20px;
	text-transform: uppercase;
	padding-bottom: 6px;
}

.gerais-ponto-container,
.matematica-ponto-container,
.computacao-ponto-container {
	display: flex;
}

.gerais-ponto,
.matematica-ponto {
	width: 37px;
	height: 37px;
	border: 1px solid #606060;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font: 700 18px/33px Roboto, arial, helvetica, sans-serif;
	color: #606060;
	margin-right: 8px;
	cursor: help;
}

.computacao-ponto {
	width: 100px;
	height: 37px;
	border: 1px solid #606060;
	border-radius: 10%;
	display: flex;
	align-items: center;
	justify-content: center;
	font: 700 18px/33px Roboto, arial, helvetica, sans-serif;
	color: #606060;
	margin-right: 8px;
	cursor: help;
}


/*=== FIM - PROGRAMA ===========================================================================================*/


/*=== PDF DINAMICAS ============================================================================================*/

#page-programa .lista-dinamicas ol.lista-pdfs {
	font-size: 16px;
	margin: 0 0 60px;
	background-color: #FFF;
}

#page-programa .lista-dinamicas ol.lista-pdfs li.header {
	background-color: #EEF2F4;
	font-weight: 600;
	font-size: 16px;
}

#page-programa .lista-dinamicas ol.lista-pdfs li {
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #E3E9EC;
}

/*#page-programa .lista-dinamicas ol.lista-pdfs li:first-child {border: 0;}*/
#page-programa .lista-dinamicas ol.lista-pdfs li:last-child {
	border: 0;
}

#page-programa .lista-dinamicas ol.lista-pdfs li .nome-dinamica {
	width: 30%;
	padding: 15px;
	font-weight: 600;
	font-size: 18px;
}

#page-programa .lista-dinamicas ol.lista-pdfs li .nome-dinamica span {
	display: block;
	font-size: 12px;
	font-weight: 400;
}

#page-programa .lista-dinamicas ol.lista-pdfs li .nome-arquivos {
	width: 70%;
	padding: 15px;
}

#page-programa .lista-dinamicas ol.lista-pdfs li.header .nome-dinamica {
	font-size: 16px;
	font-weight: 500;
}

#page-programa .lista-dinamicas ol.lista-pdfs li.header .nome-arquivos {
	padding: 15px 25px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-weight: 500;
}

#page-programa .lista-dinamicas ol.lista-pdfs li.header .nome-arquivos .nome-arquivo {
	width: 35%;
}

#page-programa .lista-dinamicas ol.lista-pdfs li.header .nome-arquivos .uso {
	width: 20%;
}

#page-programa .lista-dinamicas ol.lista-pdfs li.header .nome-arquivos .pages {
	width: 25%;
}

#page-programa .lista-dinamicas ol.lista-pdfs li.header .nome-arquivos .qtde {
	width: 20%;
}

/*#page-programa .lista-dinamicas ol.lista-pdfs li.header .nome-arquivos .tamanho {width: 20%;}*/

#page-programa .lista-dinamicas ol.lista-pdfs li ol.nome-arquivos {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#page-programa .lista-dinamicas ol.lista-pdfs li ol.nome-arquivos li.arquivo {
	padding: 10px 10px;
	font-size: 14px;
	background-color: #EEF2F4;
	width: 100%;
	border: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

#page-programa .lista-dinamicas ol.lista-pdfs li ol.nome-arquivos li.arquivo:nth-child(2n) {
	background-color: #E9EDF0
}

#page-programa .lista-dinamicas ol.lista-pdfs li ol.nome-arquivos li.arquivo a {
	color: #56BFCA;
	width: 35%;
	padding-right: 10px;
}

#page-programa .lista-dinamicas ol.lista-pdfs li ol.nome-arquivos li.arquivo a:hover {
	color: purple;
}

#page-programa .lista-dinamicas ol.lista-pdfs li ol.nome-arquivos li.arquivo a i {
	margin-right: 5px;
	color: purple;
}

#page-programa .lista-dinamicas ol.lista-pdfs li ol.nome-arquivos li.arquivo span.uso {
	width: 20%;
	padding-right: 10px;
}

#page-programa .lista-dinamicas ol.lista-pdfs li ol.nome-arquivos li.arquivo span.pages {
	width: 25%;
	padding-right: 10px;
}

#page-programa .lista-dinamicas ol.lista-pdfs li ol.nome-arquivos li.arquivo span.qtde {
	width: 20%;
	padding-right: 0;
}

/*#page-programa .lista-dinamicas ol.lista-pdfs li ol.nome-arquivos li.arquivo span.tamanho {width: 20%;}*/


@media only screen and (max-width: 500px) {


	#page-programa .lista-dinamicas ol.lista-pdfs li {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#page-programa .lista-dinamicas ol.lista-pdfs li .nome-dinamica {
		width: 100%;
		padding: 15px 15px 5px;
	}

	#page-programa .lista-dinamicas ol.lista-pdfs li .nome-arquivos {
		width: 100%;
		padding: 5px 15px 15px;
	}

	#page-programa .lista-dinamicas ol.lista-pdfs li.header .nome-dinamica {
		padding: 15px;
	}

	#page-programa .lista-dinamicas ol.lista-pdfs li.header .nome-arquivos {
		display: none;
	}

	#page-programa .lista-dinamicas ol.lista-pdfs li ol.nome-arquivos li.arquivo a {
		width: 100%;
		padding-right: 0;
	}

	#page-programa .lista-dinamicas ol.lista-pdfs li ol.nome-arquivos li.arquivo span.uso,
	#page-programa .lista-dinamicas ol.lista-pdfs li ol.nome-arquivos li.arquivo span.tamanho {
		display: none;
	}
}


/*=== FIM - PDF DINAMICAS ======================================================================================*/



/*=== ÍNDICE DA ACADEMIA =============================================================================================*/
#page-academia {
	margin-top: 60px;
	min-height: 500px;
}

#page-academia header.header-academia {
	margin: 0;
	line-height: 35px;
	/*height: 35px;*/
	padding: 40px 0;
	width: 100%;
	display: inline-block;
}

#page-academia header.header-academia h2 {
	font-weight: 600;
	float: left;
	line-height: 35px;
}

#page-academia header.header-academia h2 i {
	font-weight: normal;
	margin-right: 5px;
}

#page-academia .blocos-academia {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 0 40px;
}

#page-academia .blocos-academia .academia-bloco {
	width: 100%;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo {
	padding: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: auto;
	position: relative;
	align-content: stretch;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo>header {
	background-color: #DDD;
	width: 100%;
	height: 60px;
	padding: 0 20px;
	position: absolute;
	top: 0;
	left: 0;
}

/*.fixed-header {
	position: fixed !important;
    top: 60px !important;
	z-index: 1;
}*/


#page-academia .blocos-academia .academia-bloco .ind-conteudo>header h4 {
	line-height: 60px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo>header h4 i {
	margin-right: 5px;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo>header nav.nav-indice {
	float: right;
	position: relative;
	display: flex;
	line-height: 60px;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo>header nav.nav-indice form {
	margin-right: 40px;
	display: flex;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo>header nav.nav-indice form .check {
	width: 20px;
	height: 20px;
	background-color: #FFF;
	margin-top: 8px;
	z-index: 3;
	margin: 20px 10px;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo>header nav.nav-indice form .check::before {
	content: '\E82A';
	color: #56BFCA;
	display: none;
	font-family: "Fontello";
	line-height: 20px;
	width: 20px;
	height: 20px;
	text-align: center;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo>header nav.nav-indice form a.selecionado .check::before {
	display: block;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo>header nav.nav-indice .dia-academia {
	cursor: pointer;
	width: 30px;
	width: 40px;
	text-align: center;
	background-color: #934f99;
	border-radius: 50%;
	color: #fff;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo>header nav.nav-indice .dia-academia:hover {
	background-color: #87468d;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo>header nav.nav-indice .action a.btn-salvar {
	background-color: #FECD18;
	color: #444;
	padding: 0 20px;
	line-height: 40px;
	height: 40px;
	display: inline-block;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo>header nav.nav-indice .action a.btn-salvar:hover {
	background-color: #E4B816;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos {
	height: 53vh;
	overflow-y: scroll;
	width: 100%;
	margin-top: 60px;
	display: block;
	background-color: #FFF;
	padding: 30px 40px 30px 60px;
	;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .connector-lista {
	position: relative;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .connector-lista::before {
	padding: 20px 8px;
	color: #212121;
	position: absolute;
	top: 0;
	left: -60px;
	width: 35px;
	height: 98%;
	z-index: 1;
	writing-mode: vertical-rl;
	text-transform: uppercase;
	transform: rotate(-180deg);
	text-align: right;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}

div#mes_jan::before {
	background-color: #ffa1ff;
}

div#mes_fev::before {
	background-color: #ffa500;
}

div#mes_mar::before {
	background-color: #b973bf;
}

div#mes_abr::before {
	background-color: #56bfca;
}

div#mes_mai::before {
	background-color: #ff879f;
}

div#mes_jun::before {
	background-color: #fecd18;
}

div#mes_jul::before {
	background-color: #ffa500;
}

div#mes_ago::before {
	background-color: #b973bf;
}

div#mes_set::before {
	background-color: #56bfca;
}

div#mes_out::before {
	background-color: #ff879f;
}

div#mes_nov::before {
	background-color: #fecd18;
}

div#mes_dez::before {
	background-color: #ffa500;
}


/*impressora*/
#page-academia .blocos-academia .academia-bloco .ind-conteudo>header a.btn-imprimir.tooltip-bottom {
	float: left;
	padding: 0 10px;
	color: #444;
	font-size: 22px;
	line-height: 50px;
	width: 50px;
	height: 50px;
	position: relative;
	margin: 5px;
	text-align: center;
	border-radius: 50%;
	margin-right: 20px;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo>header a.btn-imprimir.tooltip-bottom:hover {
	background-color: #e9e9e9;
}

/* .footer-indice-academia { background-color: #fff;height: 80px;line-height: 80px; }
.footer-indice-academia .action {float: right; margin-right: 50px; }
.footer-indice-academia .action a.btn-salvar {background-color: #FECD18;color: #444; padding: 0 20px; line-height: 40px; height: 40px; display: inline-block;}
.footer-indice-academia .action a.btn-salvar:hover { background-color: #E4B816;}
.footer-indice-academia .action a.btn-restaurar:hover {color: #56BFCA;} */

.footer-indice-academia {
	background-color: #fff;
	height: 80px;
	line-height: 80px;
}

.footer-indice-academia nav.nav-indice {
	float: right;
	position: relative;
	line-height: 60px;
	width: 100%;
	/*display: flex;*/
}

.footer-indice-academia nav.nav-indice form {
	margin-right: 40px;
	display: flex;
	float: left;
}

.footer-indice-academia nav.nav-indice form .check {
	width: 20px;
	height: 20px;
	background-color: #f2f2f2;
	margin-top: 8px;
	z-index: 3;
	margin: 20px 10px;
}

.footer-indice-academia nav.nav-indice form .check::before {
	content: '\E82A';
	color: #56BFCA;
	display: none;
	font-family: "Fontello";
	line-height: 20px;
	width: 20px;
	height: 20px;
	text-align: center;
}

.footer-indice-academia nav.nav-indice form a.selecionado .check::before {
	display: block;
}

.footer-indice-academia nav.nav-indice .action {
	float: right;
	margin-right: 50px;
}

.footer-indice-academia nav.nav-indice .action a.btn-salvar {
	background-color: #FECD18;
	color: #444;
	padding: 0 20px;
	line-height: 40px;
	height: 40px;
	display: inline-block;
}

.footer-indice-academia nav.nav-indice .action a.btn-salvar:hover {
	background-color: #E4B816;
}

.footer-indice-academia nav.nav-indice .action a.btn-restaurar:hover {
	color: #56BFCA;
}

@media only screen and (max-width: 670px) {
	#page-academia .blocos-academia .academia-bloco .ind-conteudo>header nav.nav-indice a.btn-imprimir {
		display: none;
	}
}

@media only screen and (max-width: 600px) {
	#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos {
		padding: 20px 20px 20px 60px;
	}

	#page-academia .blocos-academia .academia-bloco .ind-conteudo>header h4 i {
		font-size: 26px;
		line-height: 60px;
	}

	#page-academia .blocos-academia .academia-bloco .ind-conteudo>header h4 span {
		display: none;
	}

	#page-academia .blocos-academia .academia-bloco .ind-conteudo>header nav.nav-indice form {
		margin-right: 20px;
	}

	#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades .mod-dias .tabela {
		padding: 10px;
	}
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades {
	cursor: pointer;
	width: 100%;
	line-height: 40px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	margin: 0;
	background-color: #d6edef;
	border-radius: 4px;
	/*margin-bottom: 10px;*/
}

/*
#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades { cursor: pointer; width: 100%; line-height: 60px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; margin: 0;}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades:nth-child(2n) {background-color: #f5f5f5;}
*/

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades {
	width: 100%;
	line-height: 60px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	margin: 0;
	border-radius: 4px;
}

/*#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades:hover {background-color: #cce5e7!important;}*/
#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades li {
	text-align: center;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades li.modulo {
	padding: 0 10px;
	min-width: 60px;
	height: 60px;
	width: 15%;
	font-weight: 600;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades li.nm-modulo {
	padding: 0 10px;
	min-width: 60px;
	height: 60px;
	width: 50%;
	border-left: 1px solid #e8e8e8;
	min-width: 100px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades li.dt-modulo {
	padding: 0 10px;
	min-width: 30px;
	height: 60px;
	width: 20%;
	border-left: 1px solid #e8e8e8;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades li.status-bloqueio {
	min-width: 20px;
	height: 60px;
	width: 10%;
	border-left: 1px solid #e8e8e8;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades li.bt-dropdown {
	min-width: 10px;
	height: 60px;
	width: 5%;
	border-left: 1px solid #e8e8e8;
	cursor: pointer;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades li.bt-dropdown .ico {
	padding: 10px;
	border-radius: 50%;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades li.bt-dropdown ico:hover {
	background-color: #d4d4d4 !important;
}


/*nomenclatura meses - Indice da academia*/
#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades::before {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	display: block;
	position: absolute;
	top: 10px;
	left: -50px;
	background-color: #fecd18;
	line-height: 40px;
	height: 40px;
	width: 60px;
	text-align: center;
	writing-mode: lr-tb;
	transform: rotate(270deg);
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades.fev.primeiro::before {
	content: 'Fev';
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades.mar.primeiro::before {
	content: 'Mar';
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades.abr.primeiro::before {
	content: 'Abr';
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades.mai.primeiro::before {
	content: 'Mai';
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades.jun.primeiro::before {
	content: 'Jun';
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades.ago.primeiro::before {
	content: 'Ago';
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades.set.primeiro::before {
	content: 'Set';
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades.out.primeiro::before {
	content: 'Out';
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades.nov.primeiro::before {
	content: 'Nov';
}


#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos div.connector-lista.jan::before {
	content: 'Jan';
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos div.connector-lista.fev::before {
	content: 'Fev';
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos div.connector-lista.mar::before {
	content: 'Mar';
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos div.connector-lista.abr::before {
	content: 'Abr';
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos div.connector-lista.mai::before {
	content: 'Mai';
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos div.connector-lista.jun::before {
	content: 'Jun';
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos div.connector-lista.jul::before {
	content: 'Jul';
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos div.connector-lista.ago::before {
	content: 'Ago';
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos div.connector-lista.set::before {
	content: 'Set';
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos div.connector-lista.out::before {
	content: 'Out';
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos div.connector-lista.nov::before {
	content: 'Nov';
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos div.connector-lista.dez::before {
	content: 'Dez';
}





@media only screen and (max-width: 480px) {
	#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades li.modulo {
		padding: 0 20px;
		width: 100%;
		text-align: left;
		height: 50px;
		line-height: 60px;
	}

	#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades li.nm-modulo {
		padding: 0 20px;
		width: 100%;
		border-bottom: 2px solid #DDD;
		text-align: left;
		height: 40px;
		line-height: 20px;
	}

	#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades li.dt-modulo {
		width: 100% !important;
		padding: 0 20px !important;
		text-align: left !important;
		border-bottom: 1px solid #e8e8e8;
	}

	#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades li.status-bloqueio {
		width: 70% !important;
		padding: 0 20px;
		text-align: left;
	}

	#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades li.bt-dropdown {
		width: 30% !important;
	}
}

@media only screen and (max-width: 999px) {
	#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades li.modulo {
		padding: 0 20px;
		width: 100%;
		text-align: left;
		height: 50px;
		line-height: 60px;
	}

	#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades li.nm-modulo {
		padding: 0 20px;
		width: 100%;
		border-bottom: 1px solid #DDD;
		text-align: left;
		height: 40px;
		line-height: 20px;
	}

	#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades li.dt-modulo {
		width: 70%;
	}

	#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades li.status-bloqueio {
		width: 20%;
	}

	#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades li.bt-dropdown {
		width: 10%;
	}
}

@media (min-width: 1000px) and (max-width:1200px) {
	#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades li.modulo {
		width: 20%;
	}

	#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades li.nm-modulo {
		width: 35%;
	}

	#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades li.dt-modulo {
		width: 30%;
	}
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades .mod-dias {
	width: 100%;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades .mod-dias .tabela {
	padding: 20px;
	background-color: #444;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades .mod-dias .tabela dl.header {
	white-space: nowrap;
	width: 100%;
	line-height: 60px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	margin: 0;
	background-color: #5b5b5b;
	color: #FFF;
	font-weight: 600;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades .mod-dias .tabela dl.header dd {
	border-left: 2px solid #444;
	word-break: break-word;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	width: 14%;
	text-align: left;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades .mod-dias .tabela dl.content {
	white-space: nowrap;
	width: 100%;
	line-height: 60px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	margin: 0;
	background-color: #8a8a8a;
	color: #FFF;
	font-weight: 400;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades .mod-dias .tabela dl.content dd {
	border-left: 2px solid #444;
	word-break: break-word;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	width: 14%;
	text-align: left;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades .mod-dias .tabela dl.content dd .icon-negado {
	opacity: 0.4;
}

/*=== PLANEJAMENTO =============================================================================================*/

#page-programa .lista-niveis ol.lista-pdfs {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	/*-webkit-justify-content: center; -ms-justify-content: center; justify-content: center;*/
	padding: 0 0 40px;
}

#page-programa .lista-niveis ol.lista-pdfs li a {
	display: block;
	width: 130px;
	height: 130px;
	background-color: #FFF;
	color: #444;
	margin: 10px;
	text-align: center;
	border-radius: 10px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-align-content: center;
	align-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#page-programa .lista-niveis ol.lista-pdfs li a i {
	font-size: 35px;
}

#page-programa .lista-niveis ol.lista-pdfs li a i::before {
	color: #444;
}

#page-programa .lista-niveis ol.lista-pdfs li a span {
	display: block;
	margin: 5px 0 0;
	width: 100%;
	color: #444;
}

#page-programa .lista-niveis ol.lista-pdfs hr {
	background: none;
	width: 100%;
	height: 10px;
	margin: 0;
	padding: 0;
	display: block;
	border: 0;
}

#page-programa .lista-niveis ol.lista-pdfs li a:hover {
	background-color: #56BFCA;
	color: #FFF;
}

#page-programa .lista-niveis ol.lista-pdfs li a:hover span {
	color: #FFF;
}

#page-programa .lista-niveis ol.lista-pdfs li a:hover i::before {
	color: #FFF;
}

/*=== FIM - PLANEJAMENTO =======================================================================================*/


/*=== JOGOS E DESAFIOS =========================================================================================*/

#page-jogos-e-desafios {
	margin-top: 60px;
	min-height: 500px;
}

#page-jogos-e-desafios header.header-jogos-e-desafios {
	margin: 0;
	line-height: 35px;
	/*height: 35px;*/
	padding: 40px 0;
	width: 100%;
	display: inline-block;
}

#page-jogos-e-desafios header.header-jogos-e-desafios h2 {
	font-weight: 600;
	float: left;
	line-height: 35px;
}

#page-jogos-e-desafios header.header-jogos-e-desafios h2 i {
	font-weight: normal;
	margin-right: 5px;
}

#page-jogos-e-desafios .lista-jogos-e-desafios {}

#page-jogos-e-desafios .lista-jogos-e-desafios ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: wrap;
	padding-bottom: 40px;
}

#page-jogos-e-desafios .lista-jogos-e-desafios ul li {
	width: 200px;
	margin: 0 5px 20px;
	position: relative;
}

#page-jogos-e-desafios .lista-jogos-e-desafios ul li:hover {
	box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.1);
}

#page-jogos-e-desafios .lista-jogos-e-desafios .alerta-filtros {
	width: 100%;
	min-height: 400px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	color: #999;
	font-size: 30px;
	text-align: center;
}

@media only screen and (max-width: 360px) {
	#page-jogos-e-desafios .lista-jogos-e-desafios ul {
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
	}

	#page-jogos-e-desafios .lista-jogos-e-desafios ul li {
		width: 100%;
	}
}

#page-jogos-e-desafios .lista-jogos-e-desafios ul li a.btn-atividade {
	width: 100%;
	height: 250px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-end;
	-ms-align-items: flex-end;
	align-items: flex-end;
	overflow: hidden;
	position: relative
}

#page-jogos-e-desafios .lista-jogos-e-desafios ul li a.btn-atividade .atividade-img {
	width: 100%;
	height: 200px;
	background-color: #444;
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
}

#page-jogos-e-desafios .lista-jogos-e-desafios ul li a.btn-atividade:hover .atividade-img {
	-webkit-transform: scale(1.1) rotate(3deg);
	transform: scale(1.1) rotate(3deg);
	-webkit-transition-delay: 0.03s;
	-webkit-transition-duration: 0.5s;
	z-index: 0;
}

#page-jogos-e-desafios .lista-jogos-e-desafios ul li a.btn-atividade .atividade-label {
	width: 100%;
	height: 50px;
	padding: 15px;
	color: #444;
	background-color: #FFF;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	z-index: 1;
}

/*=== FIM - JOGOS E DESAFIOS ===================================================================================*/


/*=== RELATÓRIOS ===============================================================================================*/

#page-relatorio {
	margin-top: 60px;
	min-height: 500px;
}

#page-relatorio header.header-relatorio {
	margin: 0;
	line-height: 35px;
	/*height: 35px;*/
	padding: 40px 0;
	width: 100%;
	display: inline-block;
}

#page-relatorio header.header-relatorio h2 {
	font-weight: 600;
	float: left;
	line-height: 35px;
}

#page-relatorio header.header-relatorio h2 i {
	font-weight: normal;
	margin-right: 5px;
}

#page-relatorio header.header-relatorio nav.rel-usuario {
	float: right;
}

#page-relatorio header.header-relatorio nav.rel-usuario .avatar {
	width: 35px;
	height: 35px;
	float: left;
	background-color: #FA9B1E;
	color: #FFF;
	text-align: center;
	border-radius: 50%;
	margin-right: 10px;
}

#page-relatorio header.header-relatorio nav.rel-usuario h5 {
	line-height: 35px;
	float: left;
}

#page-relatorio header.header-relatorio nav.rel-usuario .filter {
	position: relative;
	float: left;
	height: 35px;
	margin-left: 15px;
	font-size: 14px;
}

#page-relatorio header.header-relatorio nav.rel-usuario .filter .avatar {
	background-size: cover;
}

#page-relatorio header.header-relatorio nav.rel-usuario .filter a.comboheader {
	min-width: 160px;
	height: 35px;
	line-height: 35px;
	background-color: #FFF;
	border-radius: 3px;
	color: #444;
	padding: 0 5px 0 10px;
	border: none;
	display: inline-block;
}

#page-relatorio header.header-relatorio nav.rel-usuario .filter a.comboheader span {
	min-width: 100px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#page-relatorio header.header-relatorio nav.rel-usuario .filter a.comboheader span .avatar {
	width: 25px;
	height: 25px;
	margin: 5px 10px 5px 0;
}

#page-relatorio header.header-relatorio nav.rel-usuario .filter a:hover {
	background-color: #F6F6F6;
}

#page-relatorio header.header-relatorio nav.rel-usuario .filter a.ativo {
	background-color: #F6F6F6;
}

#page-relatorio header.header-relatorio nav.rel-usuario .filter a i {
	width: 20px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	float: right;
	margin: 0 0 0 10px;
}

#page-relatorio header.header-relatorio nav.rel-usuario .filter a i::before {
	font-size: 20px;
}

#page-relatorio header.header-relatorio nav.rel-usuario .filter .combo {
	display: none;
	position: absolute;
	background-color: #EEE;
	top: 35px;
	z-index: 999;
	color: #444;
	border-radius: 3px;
	right: 0px;
	padding: 0;
}

#page-relatorio header.header-relatorio nav.rel-usuario .filter .combo.open {
	display: block;
}

#page-relatorio header.header-relatorio nav.rel-usuario .filter .combo a {
	padding: 10px 15px;
	color: #444;
	display: block;
	min-width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#page-relatorio header.header-relatorio nav.rel-usuario .filter .combo a:hover {
	background-color: #56BFCA;
	color: #FFF;
	border-radius: 3px;
}

#page-relatorio header.header-relatorio nav.rel-usuario .filter .combo li {
	width: 100%;
}

#page-relatorio header.header-relatorio nav.rel-usuario .filter .combo li.ativo {
	pointer-events: none;
	opacity: 0.5;
	display: none;
	;
}




#page-relatorio header.header-conteudo-relatorio {
	margin: 0;
	line-height: 35px;
	/*height: 35px;*/
	padding: 40px 0;
	width: 100%;
	display: inline-block;
}

#page-relatorio header.header-conteudo-relatorio h2 {
	font-weight: 600;
	float: left;
	line-height: 35px;
}

#page-relatorio header.header-conteudo-relatorio h2 i {
	font-weight: normal;
	margin-right: 5px;
}

#page-relatorio header.header-conteudo-relatorio nav.rel-anual {
	float: right;
	position: relative;
	top: 12px;
}

#page-relatorio header.header-conteudo-relatorio nav.rel-anual h5 {
	line-height: 35px;
	float: left;
}

#page-relatorio header.header-conteudo-relatorio nav.rel-anual .filter {
	position: relative;
	float: left;
	height: 35px;
	margin-left: 15px;
	font-size: 14px;
}

#page-relatorio header.header-conteudo-relatorio nav.rel-anual .filter a.comboheader {
	min-width: 146px;
	height: 35px;
	line-height: 35px;
	background-color: rgba(0, 0, 0, 0.08);
	border-radius: 3px;
	color: #444;
	padding: 0 5px 0 10px;
	border: none;
	display: inline-block;
}

#page-relatorio header.header-conteudo-relatorio nav.rel-anual .filter a.comboheader span {
	min-width: 80px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#page-relatorio header.header-conteudo-relatorio nav.rel-anual .filter a.comboheader span .avatar {
	width: 25px;
	height: 25px;
	margin: 5px 10px 5px 0;
}

#page-relatorio header.header-conteudo-relatorio nav.rel-anual .filter a:hover {
	background-color: #F6F6F6;
}

#page-relatorio header.header-conteudo-relatorio nav.rel-anual .filter a.ativo {
	background-color: #F6F6F6;
}

#page-relatorio header.header-conteudo-relatorio nav.rel-anual .filter a i {
	width: 20px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	float: right;
	margin: 0 0 0 10px;
}

#page-relatorio header.header-conteudo-relatorio nav.rel-anual .filter a i::before {
	font-size: 20px;
}

#page-relatorio header.header-conteudo-relatorio nav.rel-anual .filter .combo {
	display: none;
	position: absolute;
	background-color: #EEE;
	top: 35px;
	z-index: 999;
	color: #444;
	border-radius: 3px;
	right: 0px;
	padding: 0;
}

#page-relatorio header.header-conteudo-relatorio nav.rel-anual .filter .combo.open {
	display: block;
}

#page-relatorio header.header-conteudo-relatorio nav.rel-anual .filter .combo a {
	padding: 10px 15px;
	color: #444;
	display: block;
	min-width: 146px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#page-relatorio header.header-conteudo-relatorio nav.rel-anual .filter .combo a:hover {
	background-color: #56BFCA;
	color: #FFF;
	border-radius: 3px;
}

#page-relatorio header.header-conteudo-relatorio nav.rel-anual .filter .combo li {
	width: 100%;
}

#page-relatorio header.header-conteudo-relatorio nav.rel-anual .filter .combo li.ativo {
	pointer-events: none;
	opacity: 0.5;
	display: none;
}




#page-relatorio .blocos-relatorio {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 0 40px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco {
	width: 100%;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo {
	margin: 10px;
	padding: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: auto;
	position: relative;
	align-content: stretch;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo>header {
	background-color: #DDD;
	width: 100%;
	height: 60px;
	padding: 0 20px;
	position: absolute;
	top: 0;
	left: 0;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo>header h4 {
	line-height: 60px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo>header h4 i {
	margin-right: 5px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo>header .btn-todos {
	float: right;
	line-height: 60px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo>header nav.filtros {
	float: right;
	margin: 12px 0;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo>header nav.filtros .filter {
	position: relative;
	float: left;
	height: 35px;
	margin-left: 15px;
	font-size: 14px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo>header nav.filtros .filter a.comboheader {
	min-width: 160px;
	height: 35px;
	line-height: 35px;
	background-color: #FFF;
	border-radius: 3px;
	color: #444;
	padding: 0 5px 0 10px;
	border: none;
	display: inline-block;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo>header nav.filtros .filter a.comboheader span {
	min-width: 100px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo>header nav.filtros .filter a:hover {
	background-color: #F6F6F6;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo>header nav.filtros .filter a.ativo {
	background-color: #F6F6F6;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo>header nav.filtros .filter a i {
	width: 20px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	float: right;
	margin: 0 0 0 10px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo>header nav.filtros .filter a i::before {
	font-size: 20px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo>header nav.filtros .filter .combo {
	display: none;
	position: absolute;
	background-color: #EEE;
	top: 35px;
	z-index: 999;
	color: #444;
	border-radius: 3px;
	right: 0px;
	padding: 0;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo>header nav.filtros .filter .combo.open {
	display: block;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo>header nav.filtros .filter .combo a {
	padding: 10px 15px;
	color: #444;
	display: block;
	min-width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo>header nav.filtros .filter .combo a:hover {
	background-color: #56BFCA;
	color: #FFF;
	border-radius: 3px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo>header nav.filtros .filter .combo li {
	width: 100%;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo>header nav.filtros .filter .combo.filter-temas a {
	min-width: 165px;
}

/*Relatórios Ano atual*/
#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados {
	width: 100%;
	margin-top: 60px;
	display: block;
	background-color: #FFF;
	padding: 30px 40px 40px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo>header nav.filtros .filter .combo li.ativo {
	pointer-events: none;
	opacity: 0.5;
	display: none;
	;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix {
	width: 24%;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix .grafico-dinamicas {
	width: 100%;
	height: 260px;
	margin-top: 40px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix .grafico-dinamicas.box {
	width: 90%;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix .grafico-dinamicas .box-chart {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix .grafico-dinamicas .legenda {
	margin: 20px 0 0;
	width: 100%;
	padding: 0 20px 0 30px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix .grafico-dinamicas .legenda>div {
	width: 100%;
	line-height: 20px;
	font-size: 14px;
	color: #999;
	text-transform: uppercase;
	margin: 2px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix .grafico-dinamicas .legenda>div::before {
	width: 30px;
	height: 20px;
	margin-right: 8px;
	content: "";
	float: left;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix .grafico-dinamicas .legenda>.leg_01::before {
	background-color: #59B200;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix .grafico-dinamicas .legenda>.leg_02::before {
	background-color: #56BFCA;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix .grafico-dinamicas .legenda>.leg_03::before {
	background-color: #F08114;
}


/*Academia*/
#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix .grafico-academia {
	width: 100%;
	height: 260px;
	margin-top: 40px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix .grafico-academia.box {
	width: 90%;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix .grafico-academia .box-chart {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix .grafico-academia.box header h3 {
	text-align: left;
	font-family: 'roboto';
	font-size: 14px;
	font-weight: 500;
	color: #7e7e7e;
	margin-top: 36px;
	margin-left: 30px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix .grafico-academia .legenda {
	margin: 12px 0 0;
	width: 100%;
	padding: 0 20px 0 30px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix .grafico-academia .legenda>div {
	width: 100%;
	line-height: 20px;
	font-size: 14px;
	color: #999;
	text-transform: uppercase;
	margin: 2px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix .grafico-academia .legenda>div::before {
	width: 30px;
	height: 20px;
	margin-right: 8px;
	content: "";
	float: left;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix .grafico-academia .legenda>.leg_01::before {
	background-color: #a74e9d;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix .grafico-academia .legenda>.leg_02::before {
	background-color: #36d17d;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix .grafico-academia .legenda>.leg_03::before {
	background-color: #ffd300;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix .grafico-academia .legenda>.leg_04::before {
	background-color: #ff8200;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix .grafico-academia .legenda>.leg_05::before {
	background-color: #b9b9b9;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix ol.lista-alunos.academia {
	width: 100%;
	line-height: 60px;
	position: relative;
	padding: 80px 0 0;
	border-right: 1px solid #DDD;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix ol.lista-alunos.academia li.perfil {
	height: 60px;
	background-color: #EEE;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix ol.lista-alunos.academia li.perfil a {
	position: relative;
	padding: 0 15px 0 55px;
	height: 60px;
	display: block;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix ol.lista-alunos.academia li.perfil:nth-child(2n) {
	background-color: #FFF;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix ol.lista-alunos.academia li.perfil .avatar-aluno {
	width: 40px;
	height: 40px;
	background-color: #EEF2F4;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	left: 15px;
	background-size: cover;
	background-position: center;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix ol.lista-alunos.academia li.perfil .nome-aluno {
	display: block;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 0 0 0 10px;
}


#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia {
	width: 180px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia header {
	padding: 0 5px;
	height: 260px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia header .data {
	height: 25px;
	border-bottom: 3px solid #FFF;
	margin-bottom: 2px;
	padding-bottom: 2px;
	font-size: 14px;
	line-height: 23px;
	font-weight: 600;
	text-transform: uppercase;
	color: #444;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia.ativo header .data {
	border-bottom: 3px solid #FECD18;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia header a.btn-academia {
	width: 170px;
	height: 130px;
	display: block;
	background-color: #56bfca;
	padding: 10px;
	color: #FFF;
	text-align: center;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	background-size: cover;
	position: relative;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia header a.btn-academia p {
	color: white;
	z-index: 1 !important;
	position: relative;
	text-align: center;
	margin-bottom: 15px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia header a.btn-academia span {
	position: relative;
	z-index: 1;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia header a.btn-academia::after {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	z-index: 0;
	background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia header .acessos {
	font-size: 12px;
	margin-top: 10px;
	color: #999;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia header .acessos h5 {
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 2px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia header .acessos div {
	line-height: 20px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia header .acessos div span {
	float: right;
	font-size: 16px;
	color: #56BFCA;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia header .acessos div.total-atividades {
	color: #3b3b3b;
	text-transform: uppercase;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia header .acessos div.total-atividades span {
	color: #78ccd5;
	font-weight: 600;
}


#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia header .progresso {
	width: 100%;
	height: 30px;
	position: relative;
	background-color: #DDD;
	margin-top: 15px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia header .progresso .percentual {
	position: relative;
	z-index: 2;
	line-height: 30px;
	padding: 0 8px;
	font-weight: 600;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia header .progresso .status {
	position: relative;
	z-index: 2;
	line-height: 30px;
	margin: 3px;
	width: 24px;
	float: right;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia header .progresso .status .status-fechada {
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border-radius: 50%;
	color: #F08114;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia header .progresso .status .status-fechada i::before {
	vertical-align: -2px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia header .progresso .status .status-concluida {
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background-color: #59B200;
	border-radius: 50%;
	color: #FFF;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia header .progresso .status .status-concluida i::before {
	vertical-align: -2px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia header .progresso .barra {
	width: 0%;
	height: 30px;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #78CCD5;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia header .modulos-semanais {
	width: 100%;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia header .modulos-semanais ol.modulos {
	display: flex;
	position: relative;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia header .modulos-semanais ol.modulos li.mod {
	transform: rotate(-180deg);
	background-color: #3b3b3b;
	color: #fff;
	padding: 7px;
	margin-left: 1.1px;
	margin-top: 2px;
	writing-mode: vertical-lr;
	display: flex;
	align-items: center;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia header .modulos-semanais ol.modulos li.mod:first-child {
	margin-left: 0;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia.col1 header .modulos-semanais ol.modulos li.mod {
	width: 100%;
	width: 100%;
	height: 52px;
	justify-content: center;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia.col2 header .modulos-semanais ol.modulos li.mod {
	width: 50%;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia.col3 header .modulos-semanais ol.modulos li.mod {
	width: 33.3%;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia.col4 header .modulos-semanais ol.modulos li.mod {
	width: 25%;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia.col5 header .modulos-semanais ol.modulos li.mod {}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia ol.lista-alunos {
	width: 100%;
	line-height: 60px;
	position: relative;
	padding: 80px 0 0;
	border-right: 1px solid #DDD;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia ol.lista-alunos>li {
	position: relative;
	padding: 0 5px;
	height: 60px;
	background-color: #EEE;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	justify-content: flex-start;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia ol.lista-alunos>li:nth-child(2n) {
	background-color: #FFF;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia ol.lista-alunos>li .mod-realizado {
	height: 22px;
	background-color: #DDD;
	border-radius: 22px;
	color: #FFF;
	margin: 5px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia ol.lista-alunos>li .mod-naorealizado {
	height: 22px;
	background-color: transparent;
	border-radius: 22px;
	color: transparent;
	margin: 5px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia.col1 ol.lista-alunos>li .mod-realizado {
	margin: 5px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia.col2 ol.lista-alunos>li .mod-realizado {
	margin: 6px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia.col3 ol.lista-alunos>li .mod-realizado {
	margin: 16px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia.col4 ol.lista-alunos>li .mod-realizado {
	margin: 10px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia.col5 ol.lista-alunos>li .mod-realizado {
	margin: 5px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia.col1 ol.lista-alunos>li .mod-naorealizado {
	margin: 5px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia.col2 ol.lista-alunos>li .mod-naorealizado {
	margin: 6px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia.col3 ol.lista-alunos>li .mod-naorealizado {
	margin: 16px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia.col4 ol.lista-alunos>li .mod-naorealizado {
	margin: 10px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia.col5 ol.lista-alunos>li .mod-naorealizado {
	margin: 5px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia ol.lista-alunos>li .mod-realizado.excelente {
	background-color: #a74e9d;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia ol.lista-alunos>li .mod-realizado.muitobom {
	background-color: #36d17d;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia ol.lista-alunos>li .mod-realizado.bom {
	background-color: #ffd300;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia ol.lista-alunos>li .mod-realizado.baixo {
	background-color: #ff8200;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia ol.lista-alunos>li .mod-realizado i {
	text-align: center;
	width: 22px;
	line-height: 22px;
	font-size: 11px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia ol.lista-alunos>li .mod-realizado i::before {
	font-size: 13px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia ol.lista-alunos>li .mod-naorealizado i {
	text-align: center;
	width: 22px;
	line-height: 22px;
	font-size: 11px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia ol.lista-alunos>li .mod-naorealizado i::before {
	font-size: 13px;
}

/*#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos > li .envio-realizado span {padding: 0 10px 0 0; line-height: 30px; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 12px;}*/
#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-academia li.column-academia ol.lista-alunos>li span.sem-envio {
	color: #BBB;
}


/*Visualização academia-aluno*/

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .grafico-academia {
	width: 20%;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .grafico-academia ul.barra-vertical {
	width: 100%;
	height: 250px;
	padding: 0 20px 0 0;
	border-right: 1px solid #DDD;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .grafico-academia ul.barra-vertical li {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	font-size: 14px;
	font-weight: 500;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .grafico-academia ul.barra-vertical li span {
	margin-right: 10px;
	padding: 0 10px;
	height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	color: #FFF;
	font-size: 18px;
	font-weight: 600;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .grafico-academia ul.barra-vertical li.dado-1 span {
	background-color: #59B200;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .grafico-academia ul.barra-vertical li.dado-2 span {
	background-color: #F08114;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .grafico-academia ul.barra-vertical li.dado-3 span {
	background-color: #56BFCA;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-academia {
	width: 80%;
	height: 250px;
	overflow: hidden;
	overflow-y: scroll;
	padding-right: 2px;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-academia li {
	width: 100%;
	padding: 0 50px;
	position: relative;
	height: 50px;
	margin: 2px 0;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-academia li .data {
	position: absolute;
	top: 1px;
	left: -1px;
	width: 50px;
	height: 48px;
	line-height: 38px;
	padding: 15px 0 5px;
	margin-bottom: 2px;
	text-align: right;
	border-bottom: 3px solid #FFF;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-academia li.ativo .data {
	border-bottom: 3px solid #FECD18;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-academia li a.btn-academia {
	width: 100%;
	height: 50px;
	line-height: 50px;
	display: block;
	padding: 0 15px;
	color: #FFF;
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	background-position: center;
	background-color: #444;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-academia li a.btn-academia span {
	position: relative;
	z-index: 1;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-academia li a.btn-academia::after {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	z-index: 0;
	background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-academia li .status {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background-color: #DDD;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-academia li .status div {
	width: 24px;
	height: 24px;
	display: block;
	margin: 13px;
	border-radius: 50%;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-academia li .status div i {
	width: 24px;
	height: 24px;
	display: block;
	line-height: 24px;
	text-align: center;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-academia li .status div i::before {
	vertical-align: 0;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-academia li .status div.status-nao-concluida {
	color: #BBB;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-academia li .status div.status-concluida {
	color: #FFF;
	background-color: #59B200;
}

/*end academia*/

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix ol.lista-alunos {
	width: 100%;
	line-height: 60px;
	position: relative;
	padding: 20px 0 0;
	border-right: 1px solid #DDD;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix ol.lista-alunos li.perfil {
	height: 60px;
	background-color: #EEE;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix ol.lista-alunos li.perfil a {
	position: relative;
	padding: 0 15px 0 55px;
	height: 60px;
	display: block;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix ol.lista-alunos li.perfil:nth-child(2n) {
	background-color: #FFF;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix ol.lista-alunos li.perfil .avatar-aluno {
	width: 40px;
	height: 40px;
	background-color: #EEF2F4;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	left: 15px;
	background-size: cover;
	background-position: center;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-fix ol.lista-alunos li.perfil .nome-aluno {
	display: block;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 0 0 0 10px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow {
	width: 76%;
	overflow: hidden;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow nav.nav-default {
	height: 30px;
	margin-bottom: 10px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow nav.nav-default a {
	width: 30px;
	height: 30px;
	margin-left: 5px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow nav.nav-default a i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 26px;
	display: block;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow nav.nav-default a i::before {
	vertical-align: 0;
	color: #444;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow nav.nav-default a:hover i::before {
	color: #56BFCA;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica {
	width: 150px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica header {
	padding: 0 5px;
	height: 260px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica header .data {
	height: 25px;
	border-bottom: 3px solid #FFF;
	margin-bottom: 2px;
	padding-bottom: 2px;
	font-size: 14px;
	line-height: 23px;
	font-weight: 600;
	text-transform: uppercase;
	color: #444;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica.ativo header .data {
	border-bottom: 3px solid #FECD18;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica header a.btn-dinamica {
	width: 140px;
	height: 100px;
	display: block;
	background-color: #444;
	padding: 10px;
	color: #FFF;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	background-size: cover;
	position: relative;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica header a.btn-dinamica span {
	position: relative;
	z-index: 1;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica header a.btn-dinamica::after {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	z-index: 0;
	background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica header .acessos {
	font-size: 12px;
	margin-top: 10px;
	color: #999;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica header .acessos h5 {
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 2px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica header .acessos div {
	line-height: 20px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica header .acessos div span {
	float: right;
	font-size: 16px;
	color: #56BFCA;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica header .progresso {
	width: 100%;
	height: 30px;
	position: relative;
	background-color: #DDD;
	margin-top: 15px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica header .progresso .percentual {
	position: relative;
	z-index: 2;
	line-height: 30px;
	padding: 0 8px;
	font-weight: 600;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica header .progresso .status {
	position: relative;
	z-index: 2;
	line-height: 30px;
	margin: 3px;
	width: 24px;
	float: right;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica header .progresso .status .status-fechada {
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border-radius: 50%;
	color: #F08114;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica header .progresso .status .status-fechada i::before {
	vertical-align: -2px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica header .progresso .status .status-concluida {
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background-color: #59B200;
	border-radius: 50%;
	color: #FFF;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica header .progresso .status .status-concluida i::before {
	vertical-align: -2px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica header .progresso .barra {
	width: 0%;
	height: 30px;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #78CCD5;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos {
	width: 100%;
	line-height: 60px;
	position: relative;
	padding: 20px 0 0;
	border-right: 1px solid #DDD;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li {
	position: relative;
	padding: 0 5px;
	height: 60px;
	background-color: #EEE;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li:nth-child(2n) {
	background-color: #FFF;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li .envio-realizado {
	height: 22px;
	background-color: #DDD;
	border-radius: 22px;
	color: #FFF;
	margin: 2px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li .envio-realizado.ativo {
	background-color: #56BFCA;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li .envio-realizado.ativo.concluida {
	background-color: #59b200;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li .envio-realizado i {
	text-align: center;
	width: 22px;
	line-height: 22px;
	font-size: 11px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li .envio-realizado i::before {
	font-size: 11px;
}

/*#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos > li .envio-realizado span {padding: 0 10px 0 0; line-height: 30px; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 12px;}*/
#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li span.sem-envio {
	color: #BBB;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li .envio-realizado .envio-hint {
	width: 130px;
	position: absolute;
	display: none;
	bottom: 45px;
	left: 10px;
	background-color: #333;
	padding: 0;
	z-index: 9999;
	border-radius: 8px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li .envio-realizado.ativo .envio-hint {
	background-color: #343434;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li .envio-realizado.concluido .envio-hint {
	background-color: #59B200;
}

/* #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos > li .envio-realizado.video .envio-hint::before {position: absolute; bottom: -10px; left: 35px; border: 5px solid transparent; border-top-color: #333; content: '';}
		#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos > li .envio-realizado.envio .envio-hint::before {position: absolute; bottom: -10px; left: 35px; border: 5px solid transparent; border-top-color: #333; content: '';}
		#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos > li .envio-realizado.portfolio .envio-hint::before {position: absolute; bottom: -10px; left: 35px; border: 5px solid transparent; border-top-color: #333; content: '';} */

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li .envio-realizado.ativo .envio-hint::before {
	border-top-color: #343434;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li .envio-realizado.concluido .envio-hint::before {
	border-top-color: #59B200;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li .envio-realizado .envio-hint .item-enviado {
	width: 100%;
	line-height: 30px;
	font-size: 14px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li .envio-realizado .envio-hint .item-enviado:last-child {
	border-bottom: 0
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li .envio-realizado .envio-hint .item-enviado span.label {
	width: 90px;
	color: #FFF;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 0 10px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li .envio-realizado .envio-hint .item-enviado span.status {
	width: 30px;
	color: #FFF;
	text-align: right;
	padding: 0 10px 0 0;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li .envio-realizado.ativo:hover .envio-hint {
	display: block;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li .envio-realizado.concluido:hover .envio-hint {
	display: block;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li .envio-realizado.hide {
	display: none;
}

/*Visualização de aluno*/

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados {
	padding: 20px;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .grafico-dinamicas {
	width: 20%;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .grafico-dinamicas ul.barra-vertical {
	width: 100%;
	height: 250px;
	padding: 0 20px 0 0;
	border-right: 1px solid #DDD;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .grafico-dinamicas ul.barra-vertical li {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	font-size: 14px;
	font-weight: 500;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .grafico-dinamicas ul.barra-vertical li span {
	margin-right: 10px;
	padding: 0 10px;
	height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	color: #FFF;
	font-size: 18px;
	font-weight: 600;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .grafico-dinamicas ul.barra-vertical li.dado-1 span {
	background-color: #59B200;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .grafico-dinamicas ul.barra-vertical li.dado-2 span {
	background-color: #F08114;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados .grafico-dinamicas ul.barra-vertical li.dado-3 span {
	background-color: #56BFCA;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-dinamicas {
	width: 80%;
	height: 250px;
	overflow: hidden;
	overflow-y: scroll;
	padding-right: 2px;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-dinamicas li {
	width: 100%;
	padding: 0 50px;
	position: relative;
	height: 50px;
	margin: 2px 0;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-dinamicas li .data {
	position: absolute;
	top: 1px;
	left: -1px;
	width: 50px;
	height: 48px;
	line-height: 38px;
	padding: 15px 0 5px;
	margin-bottom: 2px;
	text-align: right;
	border-bottom: 3px solid #FFF;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-dinamicas li.ativo .data {
	border-bottom: 3px solid #FECD18;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-dinamicas li a.btn-dinamica {
	width: 100%;
	height: 50px;
	line-height: 50px;
	display: block;
	padding: 0 15px;
	color: #FFF;
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	background-position: center;
	background-color: #444;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-dinamicas li a.btn-dinamica span {
	position: relative;
	z-index: 1;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-dinamicas li a.btn-dinamica::after {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	z-index: 0;
	background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-dinamicas li .status {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background-color: #DDD;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-dinamicas li .status div {
	width: 24px;
	height: 24px;
	display: block;
	margin: 13px;
	border-radius: 50%;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-dinamicas li .status div i {
	width: 24px;
	height: 24px;
	display: block;
	line-height: 24px;
	text-align: center;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-dinamicas li .status div i::before {
	vertical-align: 0;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-dinamicas li .status div.status-nao-concluida {
	color: #BBB;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados ul.lista-dinamicas li .status div.status-concluida {
	color: #FFF;
	background-color: #59B200;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco.rel-acessos .rel-conteudo .relatorio-dados.box {
	height: 290px;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco.rel-acessos .rel-conteudo .relatorio-dados.box .box-chart {
	width: 100%;
	margin: 0 auto;
}


/*Relatórios Ano Anterior (2017)*/
#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior {
	width: 100%;
	margin-top: 60px;
	display: block;
	background-color: #FFF;
	padding: 30px 40px 40px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-fix {
	width: 24%;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-fix .grafico-dinamicas {
	width: 100%;
	height: 260px;
	margin-top: 40px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-fix .grafico-dinamicas.box {
	width: 90%;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-fix .grafico-dinamicas .box-chart {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-fix .grafico-dinamicas .legenda {
	margin: 20px 0 0;
	width: 100%;
	padding: 0 20px 0 30px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-fix .grafico-dinamicas .legenda>div {
	width: 100%;
	line-height: 20px;
	font-size: 14px;
	color: #999;
	text-transform: uppercase;
	margin: 2px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-fix .grafico-dinamicas .legenda>div::before {
	width: 30px;
	height: 20px;
	margin-right: 8px;
	content: "";
	float: left;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-fix .grafico-dinamicas .legenda>.leg_01::before {
	background-color: #59B200;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-fix .grafico-dinamicas .legenda>.leg_02::before {
	background-color: #56BFCA;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-fix .grafico-dinamicas .legenda>.leg_03::before {
	background-color: #F08114;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-fix ol.lista-alunos {
	width: 100%;
	line-height: 60px;
	position: relative;
	padding: 20px 0 0;
	border-right: 1px solid #DDD;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-fix ol.lista-alunos li.perfil {
	height: 60px;
	background-color: #EEE;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-fix ol.lista-alunos li.perfil a {
	position: relative;
	padding: 0 15px 0 55px;
	height: 60px;
	display: block;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-fix ol.lista-alunos li.perfil:nth-child(2n) {
	background-color: #FFF;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-fix ol.lista-alunos li.perfil .avatar-aluno {
	width: 40px;
	height: 40px;
	background-color: #EEF2F4;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	left: 15px;
	background-size: cover;
	background-position: center;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-fix ol.lista-alunos li.perfil .nome-aluno {
	display: block;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 0 0 0 10px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow {
	width: 76%;
	overflow: hidden;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow nav.nav-default {
	height: 30px;
	margin-bottom: 10px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow nav.nav-default a {
	width: 30px;
	height: 30px;
	margin-left: 5px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow nav.nav-default a i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 26px;
	display: block;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow nav.nav-default a i::before {
	vertical-align: 0;
	color: #444;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow nav.nav-default a:hover i::before {
	color: #56BFCA;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica {
	width: 150px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica header {
	padding: 0 5px;
	height: 260px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica header .data {
	height: 25px;
	border-bottom: 3px solid #FFF;
	margin-bottom: 2px;
	padding-bottom: 2px;
	font-size: 14px;
	line-height: 23px;
	font-weight: 600;
	text-transform: uppercase;
	color: #444;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica.ativo header .data {
	border-bottom: 3px solid #FECD18;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica header a.btn-dinamica {
	width: 140px;
	height: 100px;
	display: block;
	background-color: #444;
	padding: 10px;
	color: #FFF;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	background-size: cover;
	position: relative;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica header a.btn-dinamica span {
	position: relative;
	z-index: 1;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica header a.btn-dinamica::after {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	z-index: 0;
	background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica header .acessos {
	font-size: 12px;
	margin-top: 10px;
	color: #999;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica header .acessos h5 {
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 2px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica header .acessos div {
	line-height: 20px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica header .acessos div span {
	float: right;
	font-size: 16px;
	color: #56BFCA;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica header .progresso {
	width: 100%;
	height: 30px;
	position: relative;
	background-color: #DDD;
	margin-top: 15px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica header .progresso .percentual {
	position: relative;
	z-index: 2;
	line-height: 30px;
	padding: 0 8px;
	font-weight: 600;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica header .progresso .status {
	position: relative;
	z-index: 2;
	line-height: 30px;
	margin: 3px;
	width: 24px;
	float: right;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica header .progresso .status .status-fechada {
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border-radius: 50%;
	color: #F08114;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica header .progresso .status .status-fechada i::before {
	vertical-align: -2px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica header .progresso .status .status-concluida {
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background-color: #59B200;
	border-radius: 50%;
	color: #FFF;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica header .progresso .status .status-concluida i::before {
	vertical-align: -2px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica header .progresso .barra {
	width: 0%;
	height: 30px;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #78CCD5;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos {
	width: 100%;
	position: relative;
	padding: 20px 0 0;
	border-right: 1px solid #DDD;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li {
	position: relative;
	padding: 0 5px;
	height: 60px;
	background-color: #EEE;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li:nth-child(2n) {
	background-color: #FFF;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li .envio-realizado {
	height: 22px;
	background-color: #DDD;
	border-radius: 22px;
	color: #FFF;
	margin: 2px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li .envio-realizado.ativo {
	background-color: #56BFCA;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li .envio-realizado i {
	text-align: center;
	width: 22px;
	line-height: 22px;
	font-size: 11px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li .envio-realizado i::before {
	font-size: 11px;
}

/*#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos > li .envio-realizado span {padding: 0 10px 0 0; line-height: 30px; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 12px;}*/
#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos>li span.sem-envio {
	color: #BBB;
}

/*relatório 2017 (progresso turmas)*/
#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos .progresso {
	width: 100%;
	height: 30px;
	position: relative;
	background-color: #DDD;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos .progresso .percentual {
	position: relative;
	z-index: 2;
	line-height: 30px;
	padding: 0 8px;
	font-weight: 600;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos .progresso .status {
	position: relative;
	z-index: 2;
	line-height: 30px;
	margin: 3px;
	width: 24px;
	float: right;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos .progresso .status .status-fechada {
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border-radius: 50%;
	color: #F08114;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos .progresso .status .status-fechada i::before {
	vertical-align: -2px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos .progresso .status .status-concluida {
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background-color: #59B200;
	border-radius: 50%;
	color: #FFF;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos .progresso .status .status-concluida i::before {
	vertical-align: -2px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .column-overflow ul.lista-dinamicas li.column-dinamica ol.lista-alunos .progresso .barra {
	width: 0%;
	height: 30px;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #78CCD5;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior ol.lista-alunos li.perfil a .avatar-turma {
	width: 40px;
	height: 40px;
	background-color: #934f99;
	color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	left: 15px;
	text-align: center;
	line-height: 40px;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior ol.lista-alunos li.perfil a span.nome-turma {
	display: block;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 0 0 0 10px;
}


/*Visualização de aluno*/

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior {
	padding: 20px;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .grafico-dinamicas {
	width: 20%;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .grafico-dinamicas ul.barra-vertical {
	width: 100%;
	height: 250px;
	padding: 0 20px 0 0;
	border-right: 1px solid #DDD;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .grafico-dinamicas ul.barra-vertical li {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	font-size: 14px;
	font-weight: 500;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .grafico-dinamicas ul.barra-vertical li span {
	margin-right: 10px;
	padding: 0 10px;
	height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	color: #FFF;
	font-size: 18px;
	font-weight: 600;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .grafico-dinamicas ul.barra-vertical li.dado-1 span {
	background-color: #59B200;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .grafico-dinamicas ul.barra-vertical li.dado-2 span {
	background-color: #F08114;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior .grafico-dinamicas ul.barra-vertical li.dado-3 span {
	background-color: #56BFCA;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior ul.lista-dinamicas {
	width: 80%;
	height: 250px;
	overflow: hidden;
	overflow-y: scroll;
	padding-right: 2px;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior ul.lista-dinamicas li {
	width: 100%;
	padding: 0 50px;
	position: relative;
	height: 50px;
	margin: 2px 0;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior ul.lista-dinamicas li .data {
	position: absolute;
	top: 1px;
	left: -1px;
	width: 50px;
	height: 48px;
	line-height: 38px;
	padding: 15px 0 5px;
	margin-bottom: 2px;
	text-align: right;
	border-bottom: 3px solid #FFF;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior ul.lista-dinamicas li.ativo .data {
	border-bottom: 3px solid #FECD18;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior ul.lista-dinamicas li a.btn-dinamica {
	width: 100%;
	height: 50px;
	line-height: 50px;
	display: block;
	padding: 0 15px;
	color: #FFF;
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	background-position: center;
	background-color: #444;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior ul.lista-dinamicas li a.btn-dinamica span {
	position: relative;
	z-index: 1;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior ul.lista-dinamicas li a.btn-dinamica::after {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	z-index: 0;
	background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior ul.lista-dinamicas li .status {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background-color: #DDD;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior ul.lista-dinamicas li .status div {
	width: 24px;
	height: 24px;
	display: block;
	margin: 13px;
	border-radius: 50%;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior ul.lista-dinamicas li .status div i {
	width: 24px;
	height: 24px;
	display: block;
	line-height: 24px;
	text-align: center;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior ul.lista-dinamicas li .status div i::before {
	vertical-align: 0;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior ul.lista-dinamicas li .status div.status-nao-concluida {
	color: #BBB;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .relatorio-dados-anoanterior ul.lista-dinamicas li .status div.status-concluida {
	color: #FFF;
	background-color: #59B200;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco.rel-acessos .rel-conteudo .relatorio-dados-anoanterior.box {
	height: 290px;
}

.aluno #page-relatorio .blocos-relatorio .relatorio-bloco.rel-acessos .rel-conteudo .relatorio-dados-anoanterior.box .box-chart {
	width: 100%;
	margin: 0 auto;
}



/*old*/
#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .rel-dados {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	margin-top: 60px;
	display: block;
	background-color: #FFF;
}

#page-relatorio .blocos-relatorio .relatorio-bloco .rel-conteudo .rel-dados img {
	max-width: 100%;
}

#page-relatorio .aluno .blocos-relatorio .relatorio-bloco.rel-dinamicas {
	width: 66.6666%;
}

#page-relatorio .aluno .blocos-relatorio .relatorio-bloco.rel-acessos {
	width: 33.3333%;
}

#page-relatorio .aluno .blocos-relatorio .relatorio-bloco.rel-academia {
	width: 100%;
}

#page-relatorio .aluno .blocos-relatorio .relatorio-bloco.rel-arena {
	width: 100%;
}

/*=== FIM - RELATÓRIOS =========================================================================================*/

/*=== VALIDA EMAIL =============================================================================================*/

#page-validacao {
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

#page-validacao .conteudo {
	width: 300px;
	height: 300px;
	margin: 10px;
	padding: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-align-content: center;
	align-content: center;
}

#page-validacao h1.logo {
	width: 300px;
	height: 120px;
}

#page-validacao p {
	font-size: 18px;
	margin: 20px 0;
}

#page-validacao a.btn_pense {}

#page-validacao a.btn_pense {
	background-color: #FA9B1E;
	color: #FFF;
}

#page-validacao a.btn_pense:hover {
	background-color: #66396D;
	color: #FFF;
}

/*=== FIM - VALIDA EMAIL =======================================================================================*/
#page-programa .lista-dinamicas-robotica .nav-default {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}

#page-programa .lista-dinamicas-robotica .nav-default a {
	width: 60px;
	height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	font-size: 22px;
}

/*=== PARA DINAMICA ANO ANTERIOR*/
.disabledbutton {
	pointer-events: none;
	opacity: 0.6;
}

/*ACADEMIA PRATICAS POR MODULO*/
.configuracoes-modulo {
	position: absolute;
	bottom: 5px;
	right: 10px;
	z-index: 2;
}

.visualizar-questao {
	position: absolute;
	bottom: 5px;
	right: 35px;
	z-index: 2;
}

.alerta-academia {
	width: 100%;
	min-height: 250px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	color: #999;
	font-size: 30px;
	text-align: center;
	margin-top: 15px;
	background-color: #fff;
}

.alerta-dinamica {
	width: 100%;
	min-height: 250px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	color: #999;
	font-size: 30px;
	text-align: center;
	margin-top: 15px;
	background-color: #fff;
}

.alerta-modal-pratica {
	width: 100%;
	min-height: 150px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	color: #999;
	font-size: 30px;
	text-align: center;
	margin-top: 15px;
	background-color: #fff;
}


/**
 * Tooltip para labels menores
 */

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
	position: relative;
	cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
	position: absolute;
	visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition:
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	-moz-transition:
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	transition:
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
	visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
	z-index: 1001;
	border: 6px solid transparent;
	background: transparent;
	content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
	z-index: 1000;
	padding: 8px;
	width: 120px;
	background-color: #000;
	background-color: hsla(0, 0%, 20%, 0.9);
	color: #fff;
	content: attr(data-tooltip);
	font-size: 14px;
	line-height: 1.2;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
	bottom: 100%;
	left: 40%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
	margin-left: -6px;
	margin-bottom: -12px;
	border-top-color: #000;
	border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
	margin-left: -65px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
	-webkit-transform: translateY(-12px);
	-moz-transform: translateY(-12px);
	transform: translateY(-12px);
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
	right: 100%;
	bottom: 50%;
	left: auto;
}

.tooltip-left:before {
	margin-left: 0;
	margin-right: -12px;
	margin-bottom: 0;
	border-top-color: transparent;
	border-left-color: #000;
	border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
	-webkit-transform: translateX(-12px);
	-moz-transform: translateX(-12px);
	transform: translateX(-12px);
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
	top: 100%;
	bottom: auto;
	left: 50%;
}

.tooltip-bottom:before {
	margin-top: -12px;
	margin-bottom: 0;
	border-top-color: transparent;
	border-bottom-color: #000;
	border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
	-webkit-transform: translateY(12px);
	-moz-transform: translateY(12px);
	transform: translateY(12px);
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
	bottom: 50%;
	left: 100%;
}

.tooltip-right:before {
	margin-bottom: 0;
	margin-left: -12px;
	border-top-color: transparent;
	border-right-color: #000;
	border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
	-webkit-transform: translateX(12px);
	-moz-transform: translateX(12px);
	transform: translateX(12px);
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
	top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
	margin-left: 0;
	margin-bottom: -16px;
}



/************************** Tooltip para labels extendidas***************************/

/* Base styles for the element that has a tooltip */
[data-tooltip-extend],
.tooltip-extend {
	position: relative;
	cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip-extend]:before,
[data-tooltip-extend]:after,
.tooltip-extend:before,
.tooltip-extend:after {
	position: absolute;
	visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition:
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	-moz-transition:
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	transition:
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip-extend]:hover:before,
[data-tooltip-extend]:hover:after,
[data-tooltip-extend]:focus:before,
[data-tooltip-extend]:focus:after,
.tooltip-extend:hover:before,
.tooltip-extend:hover:after,
.tooltip-extend:focus:before,
.tooltip-extend:focus:after {
	visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip-extend:before,
[data-tooltip-extend]:before {
	z-index: 1001;
	border: 6px solid transparent;
	background: transparent;
	content: "";
}

/* Base styles for the tooltip's content area */
.tooltip-extend:after,
[data-tooltip-extend]:after {
	z-index: 1000;
	padding: 8px;
	width: 200px;
	background-color: #000;
	background-color: hsla(0, 0%, 20%, 0.9);
	color: #fff;
	content: attr(data-tooltip-extend);
	font-size: 14px;
	line-height: 1.2;
}

/* Directions */

/* Top (default) */
[data-tooltip-extend]:before,
[data-tooltip-extend]:after,
.tooltip-extend:before,
.tooltip-extend:after,
.tooltip-extend-top:before,
.tooltip-extend-top:after {
	bottom: 100%;
	left: 40%;
}

[data-tooltip-extend]:before,
.tooltip-extend:before,
.tooltip-extend-top:before {
	margin-left: -6px;
	margin-bottom: -12px;
	border-top-color: #000;
	border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip-extend]:after,
.tooltip-extend:after,
.tooltip-extend-top:after {
	margin-left: -65px;
}

[data-tooltip-extend]:hover:before,
[data-tooltip-extend]:hover:after,
[data-tooltip-extend]:focus:before,
[data-tooltip-extend]:focus:after,
.tooltip-extend:hover:before,
.tooltip-extend:hover:after,
.tooltip-extend:focus:before,
.tooltip-extend:focus:after,
.tooltip-extend-top:hover:before,
.tooltip-extend-top:hover:after,
.tooltip-extend-top:focus:before,
.tooltip-extend-top:focus:after {
	-webkit-transform: translateY(-12px);
	-moz-transform: translateY(-12px);
	transform: translateY(-12px);
}

/* Left */
.tooltip-extend-left:before,
.tooltip-extend-left:after {
	right: 100%;
	bottom: 50%;
	left: auto;
}

.tooltip-left:before {
	margin-left: 0;
	margin-right: -12px;
	margin-bottom: 0;
	border-top-color: transparent;
	border-left-color: #000;
	border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-extend-left:hover:before,
.tooltip-extend-left:hover:after,
.tooltip-extend-left:focus:before,
.tooltip-extend-left:focus:after {
	-webkit-transform: translateX(-12px);
	-moz-transform: translateX(-12px);
	transform: translateX(-12px);
}

/* Bottom */
.tooltip-extend-bottom:before,
.tooltip-extend-bottom:after {
	top: 100%;
	bottom: auto;
	left: 50%;
}

.tooltip-extend-bottom:before {
	margin-top: -12px;
	margin-bottom: 0;
	border-top-color: transparent;
	border-bottom-color: #000;
	border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-extend-bottom:hover:before,
.tooltip-extend-bottom:hover:after,
.tooltip-extend-bottom:focus:before,
.tooltip-extend-bottom:focus:after {
	-webkit-transform: translateY(12px);
	-moz-transform: translateY(12px);
	transform: translateY(12px);
}

/* Right */
.tooltip-extend-right:before,
.tooltip-extend-right:after {
	bottom: 50%;
	left: 100%;
}

.tooltip-extend-right:before {
	margin-bottom: 0;
	margin-left: -12px;
	border-top-color: transparent;
	border-right-color: #000;
	border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-extend-right:hover:before,
.tooltip-extend-right:hover:after,
.tooltip-extend-right:focus:before,
.tooltip-extend-right:focus:after {
	-webkit-transform: translateX(12px);
	-moz-transform: translateX(12px);
	transform: translateX(12px);
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-extend-left:before,
.tooltip-extend-right:before {
	top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-extend-left:after,
.tooltip-extend-right:after {
	margin-left: 0;
	margin-bottom: -16px;
}

.msg2019 {
	top: 60px;
	position: relative;
	background: #fecd18;
	height: 40px;
	width: 100%;
	font-size: 16px;
}

.msg2019 p {
	/* color: #444;
    text-align: center;
	line-height: 40px; */
	color: #444;
	text-align: center;
	line-height: 40px;
	display: grid;
	width: 100%;
	height: 41px;
	position: absolute;
}

.msg2019 a {
	float: right;
	line-height: 40px;
	position: absolute;
	right: 10px;
	font-size: 20px;
	top: 0px;
	opacity: 0.8;
}


/* ==========================================================================
   Estilos para impressão
   ========================================================================== */

@media print {
	/*
    * { 
        color: #7c7c7c !important; 
        text-shadow: none !important; 
        filter:none !important; 
        -ms-filter: none !important; 
    } */

	i {
		display: none !important;
	}

	header {
		display: none;
	}

	body {
		margin: 0;
		padding: 0;
		color: #7c7c7c;
	}

	@page {
		margin: 0, 2cm;
	}

	li {
		/*border: none !important;*/
		background-color: #e9e9e9 !important;
	}

	.no-print,
	nav,
	footer,
	video,
	audio,
	object,
	embed {
		display: none;
	}

	.print {
		display: block;
	}

	.page-break {
		page-break-before: always;
	}

	#actions {
		display: none;
	}

	#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos {
		padding: 0 !important;
		background-color: #e9e9e9 !important;
	}

	#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades li.modulo {
		text-align: left !important;
		;
		width: 20%;
		padding: 0;
		margin: 0;
		border-right: 1px solid #7c7c7c !important;
		background-color: #f1f1f1 !important;
	}

	#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades li.nm-modulo {
		width: 50%;
		text-align: left !important;
		padding: 0 5px;
		margin: 0;
		border-right: 1px solid #7c7c7c !important;
		background-color: #7c7c7c !important;
	}

	#page-academia .blocos-academia .academia-bloco .ind-conteudo .academia-modulos .modulos-atividades ol.mod-atividades li.dt-modulo {
		width: 30%;
		text-align: right !important;
		;
		padding: 0;
		margin: 0;
		background-color: #f1f1f1 !important;
	}
}

.passo-recurso .ativ .credito {
	padding: 15px;
	background-color: #E9EDF0;
	display: block;
	height: 64px;
	display: inline-table;
	margin: 0 !important;
	width: 100%;
}

.passo-recurso .ativ .credito .enviado-autor {
	line-height: 40px;
	float: left;
	width: 50%;
}

.passo-recurso .ativ .credito .enviado-autor span {
	float: left;
	margin-left: 10px;
}

.passo-recurso .ativ .credito .avatar-usuario {
	width: 40px;
	height: 40px;
	margin-left: 10px;
	float: left;
	background-size: cover;
	background-position: center;
	background-color: #E9EDF0;
	border-radius: 50%;
}

.passo-recurso .ativ .credito .more {
	text-align: center;
	line-height: 40px;
	background-color: #FA9B1E;
	color: #FFF;
}

.passo-recurso .ativ .credito .actions-aluno-participante a.btn-sair {
	display: inline-block;
	float: right;
}

.passo-recurso .ativ .seletor-grupo .grupo-educ {
	padding: 15px;
	/* background-color: #E9EDF0; */
	background-color: #f7f8fa;
	display: block;
	margin: 0;
	height: 64px;
	border-radius: 10px 10px 0 0 !important;
}

.passo-recurso .ativ .seletor-grupo .grupo-aluno {
	padding: 15px;
	/* background-color: #E9EDF0; */
	background-color: #f7f8fa;
	display: block;
	margin: 0;
	height: 64px;
	border-radius: 10px 10px 0 0 !important;
}

.oculTo {
	display: none !important;
}

.passo-recurso .ativ .seletor-grupo .grupo-educ span {
	float: left;
	line-height: 35px;
}

.passo-recurso .ativ .seletor-grupo a {
	padding: 0 15px;
	/* width: 40px; */
	text-align: center;
	position: relative;
	font-size: 16px;
	float: right;
	margin-left: 10px;
}

.passo-recurso .ativ .credito .btn-adicionar {
	position: relative;
	float: right;
}

.passo-recurso .ativ .seletor-grupo .contador {
	position: absolute;
	top: -5px;
	right: -5px;
	color: rgb(255, 255, 255);
	line-height: 20px;
	font-size: 11px;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	text-align: center;
}

.passo-recurso .ativ .credito .contador {
	position: absolute;
	top: -5px;
	right: -5px;
	color: rgb(255, 255, 255);
	line-height: 20px;
	font-size: 11px;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	text-align: center;
}

.passo-recurso .ativ .seletor-grupo a.check-grupo {
	padding-left: 30px;
	position: relative;
	float: left;
	line-height: 35px;
}

.passo-recurso .ativ .seletor-grupo a.check-grupo span.check {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: 0;
	width: 20px;
	height: 20px;
	line-height: 18px;
	border: 1px solid #DDD;
	background-color: #FFF;
	text-align: center;
	font-style: normal;
}

.passo-recurso .ativ .seletor-grupo a.check-grupo:hover {
	color: #56BFCA;
}

.passo-recurso .ativ .seletor-grupo a.check-grupo:hover span.check::before {
	color: #DDD;
}

.passo-recurso .ativ .seletor-grupo a.check-grupo span.check::before {
	content: '\E82A';
	display: block;
	font-family: 'Fontello';
	color: #EEE;
}

.passo-recurso .ativ a.check-grupo.selecionado span.check::before {
	color: #56BFCA;
}

@media only screen and (max-width: 790px) {

	.aula-bloco1 h2,
	.aula-bloco2 h2,
	.aula-bloco3 h2,
	.aula-bloco4 h2 {
		font: 700 18px/25px Roboto, arial, helvetica, sans-serif;
		color: #FA9B1E;
	}

	.wrapper-bncc,
	.wrapper-observacoes {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}

	.gerais-container,
	.matematica-container {
		width: 100%;
		/* min-height: 71px;
	  margin-bottom: 70px; */
	}

	.observacoes-bloco1,
	.observacoes-bloco2,
	.observacoes-bloco3,
	.observacoes-bloco4 {
		width: 100%;
		min-height: 71px;
		margin-bottom: 70px;
		background-color: white;
		border-radius: 10px;
		padding: 17px;
		margin-bottom: 18px;
	}

	.area-arena-lista .item .item-arena-texto2 {
		width: 70% !important;
		height: 170px;
		background-color: #ffffff;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		padding: 30px;
	}
}