/*========================================*/
/*=|	Inventura stylesheet		|=*/
/*=|	v1.1.0							|=*/
/*=|	2019-11-06						|=*/
/*=|	Author: Ismael Silva     		|=*/
/*========================================*/

/*=== PROGRAMA CONFIGURAÇÃO =================================================================================================*/
#page-programa-configuracao {
	margin-top: 60px;
}
#page-programa-configuracao .conteudo > .container {
	width: 100%;
	height: 82.5vh;
}
#page-programa-configuracao .conteudo > .container section.full {
	display: flex;
	padding-top: 20px;
}
#page-programa-configuracao .conteudo > .container section.full .column-left {
	width: 25%;
	margin-right: 20px;
}
#page-programa-configuracao .conteudo > .container section.full .column-center {
	width: 50%;
	margin-right: 20px;
	margin-bottom: 20px;
}
#page-programa-configuracao .conteudo > .container section.full .column-right {
	width: 25%;
	float: right;
	display: block;
}

/* TESTES */
#page-programa-configuracao .conteudo > .container section.full.page1 {
	width: 1024px;
	max-width: 100%;
	margin: auto;
	display: none;
	padding-top: 60px;
}
#page-programa-configuracao .conteudo > .container section.full.page2 {
	width: 1024px;
	max-width: 100%;
	margin: auto;
	display: none;
	padding-top: 100px;
}
#page-programa-configuracao .conteudo > .container section.full.page3 {
	width: 1024px;
	max-width: 100%;
	margin: auto;
	display: none;
	padding-top: 100px;
}
#page-programa-configuracao .conteudo > .container section.full.page4 {
	margin: auto;
	display: none;
}

#page-programa-configuracao .conteudo > .container section.full.page1 .column-center {
	width: 100%;
	margin-bottom: 20px;
}
#page-programa-configuracao .conteudo > .container section.full.page2 .column-center {
	width: 100%;
	margin-bottom: 20px;
}
#page-programa-configuracao .conteudo > .container section.full.page3 .column-center {
	width: 100%;
	margin-bottom: 20px;
}

#page-programa-configuracao .configuracao-bloco {
	width: 100%;
}
#page-programa-configuracao .configuracao-bloco {
	padding: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: auto;
	position: relative;
	align-content: stretch;
}
#page-programa-configuracao .configuracao-bloco > header {
	background-color: #ddd;
	width: 100%;
	height: 60px;
	padding: 0 20px;
	position: absolute;
	top: 0;
	left: 0;
}
#page-programa-configuracao .configuracao-bloco > header h4 {
	line-height: 60px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#page-programa-configuracao .configuracao-bloco > header h4 i {
	margin-right: 5px;
}
#page-programa-configuracao .configuracao-bloco > header .btn-todos {
	float: right;
	line-height: 60px;
}

#page-programa-configuracao .configuracao-bloco .configuracao-conteudo {
	width: 100%;
	margin-top: 60px;
	display: block;
	background-color: #fff;
	padding: 30px 30px 30px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#page-programa-configuracao .configuracao-bloco .configuracao-conteudo .lista-tipo {
	width: 100%;
	margin-top: 0;
}
#page-programa-configuracao .configuracao-bloco .configuracao-conteudo .lista-tipo ul {
	width: 100%;
}
#page-programa-configuracao .configuracao-bloco .configuracao-conteudo .lista-tipo ul li {
	width: 100%;
	background: #ddd8;
	padding: 20px;
	margin-bottom: 10px;
}
#page-programa-configuracao .configuracao-bloco-actions {
	width: 100%;
	display: inline-table;
	background-color: #fff;
	padding: 0px 30px 30px 30px;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#page-programa-configuracao .configuracao-bloco-actions a {
	float: right;
}
#page-programa-configuracao .configuracao-bloco-actions a.btn-ok {
	background-color: #fecd18;
	color: #444;
	width: 100px;
	text-align: center;
}
#page-programa-configuracao .configuracao-bloco-actions a.btn-ok.disabled {
	background-color: #f8f2c8;
	color: #d3d4d6;
	pointer-events: none;
}
#page-programa-configuracao .configuracao-bloco-actions a.btn-visualizar {
	float: left;
}

/* RADIO BUTTON */
.configuracao-radiobutton {
	display: block;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	font-size: 18px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	line-height: 25px;
}
.configuracao-radiobutton input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
	border: solid 2px;
}
.configuracao-radiobutton:hover input ~ .checkmark {
	background-color: #ccc;
}
.configuracao-radiobutton input:checked ~ .checkmark {
	background-color: #fff;
	border: solid 2px #321F06;
}
.checkmark:after {
	content: '';
	position: absolute;
	display: none;
}
.configuracao-radiobutton input:checked ~ .checkmark:after {
	display: block;
}
.configuracao-radiobutton .checkmark:after {
	top: 3px;
	left: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #321F06;
}
/* RADIO BUTTON */

/* PAGE 2  E 3*/
#page-programa-configuracao .configuracao-bloco .configuracao-conteudo header.seletor {
	text-align: left;
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
#page-programa-configuracao .configuracao-bloco nav.filtros {
	margin-left: 10px;
}
#page-programa-configuracao .configuracao-bloco nav.filtros .filter {
	position: relative;
	float: left;
	height: 50px; /* margin-right: 15px; */
}
#page-programa-configuracao .configuracao-bloco nav.filtros .filter a.comboheader {
	width: auto;
	height: 40px;
	line-height: 40px;
	background-color: #ddd;
	border-radius: 8px;
	color: #000;
	padding: 0 35px 0 15px;
	border: none; /* margin-top: 10px; */
	display: inline-block;
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#page-programa-configuracao .configuracao-bloco nav.filtros .filter .combo {
	display: none;
	position: absolute;
	background-color: #ddd;
	top: 50px;
	z-index: 999;
	color: #000;
	border-radius: 8px;
	left: 0px;
	padding: 0;
	overflow: hidden;
	overflow-y: auto;
	max-height: 500px;
}
#page-programa-configuracao .configuracao-bloco nav.filtros .filter .combo a {
	padding: 10px 15px;
	color: #000;
	display: block;
	min-width: 120px;
}
#page-programa-configuracao .configuracao-bloco nav.filtros .filter .combo a:hover {
	background-color: #ccc;
	border-radius: 3px;
}
#page-programa-configuracao .full.page2 .configuracao-bloco nav.filtros .filter a i {
	position: absolute;
	top: 10px;
	right: 5px;
}
#page-programa-configuracao .configuracao-bloco .configuracao-conteudo .box-seletor {
	width: 100%;
	margin-top: 15px;
	padding: 0;
	position: relative;
}
#page-programa-configuracao .configuracao-bloco .configuracao-conteudo input,
.modal .bloco-modal textarea {
	width: 100%;
	border: 1px solid #ddd;
	margin: 10px 0;
	padding: 10px;
	color: #999;
	text-align: left;
}
#page-programa-configuracao .configuracao-bloco .configuracao-conteudo .box-seletor input {
	margin: 10px 0 0;
}
#page-programa-configuracao .configuracao-bloco .configuracao-conteudo .lista-alunos {
	width: 100%;
	margin-top: 30px;
}
#page-programa-configuracao .configuracao-bloco .configuracao-conteudo .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;
}
#page-programa-configuracao .configuracao-bloco .configuracao-conteudo .lista-alunos ul li {
	width: 226px;
	max-width: 230px;
	height: 60px;
	margin: 5px;
}
#page-programa-configuracao .configuracao-bloco .configuracao-conteudo .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;
}
#page-programa-configuracao .configuracao-bloco .configuracao-conteudo .lista-alunos ul li a .img-usuario {
	width: 40px;
	height: 40px;
	background-color: #ccd1d4;
	border-radius: 50%;
	position: absolute; /* top: 0; */
	left: 10px;
	background-size: cover;
	background-position: center;
	z-index: 0;
}
#page-programa-configuracao .configuracao-bloco .configuracao-conteudo .lista-alunos ul li a .nome-usuario {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 14px;
}
#page-programa-configuracao .configuracao-bloco .configuracao-conteudo .lista-alunos ul li a.selecionado {
	background-color: #fecd18;
}
#page-programa-configuracao .configuracao-bloco .configuracao-conteudo .lista-alunos ul li a.selecionado:hover {
	background-color: #fed746;
}
#page-programa-configuracao .configuracao-bloco .configuracao-conteudo .lista-alunos ul li a:hover {
	background-color: #e3e9ec;
}
#page-programa-configuracao .configuracao-bloco .configuracao-conteudo .lista-alunos ul li a.desfoque {
	opacity: 0.3;
	pointer-events: none;
}
/* PAGE 2 E 3 */

/* PAGE 4 */
#page-programa-configuracao .full.page4 .configuracao-bloco .configuracao-conteudo {
	padding: 20px 30px 30px;
	height: 72.5vh;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: auto;
}
#page-programa-configuracao .full.page4 .configuracao-bloco .configuracao-conteudo:hover {
	overflow-y: overlay;
}
#page-programa-configuracao .full.page4 .configuracao-bloco .configuracao-conteudo.scroll {
	overflow-y: overlay;
}
#page-programa-configuracao .full.page4 .configuracao-bloco .configuracao-conteudo.scroll::before {
	content: 'Posicione aqui para subir';
	width: 100%;
	height: 30px;
	position: absolute;
	background: #00000066;
	color: white;
	text-align: center;
	left: 0;
	top: 60px;
	padding-top: 5px;
	z-index: 3;
	font-size: 14px;
	font-weight: bold;
}

#page-programa-configuracao .full.page4 .configuracao-bloco .configuracao-conteudo.scroll::after {
	content: 'Posicione aqui para descer';
	width: 100%;
	height: 30px;
	position: absolute;
	background: #00000066;
	color: white;
	text-align: center;
	left: 0;
	bottom: 0;
	padding-top: 5px;
	font-size: 14px;
	font-weight: bold;
}

#page-programa-configuracao .full.page4 .configuracao-bloco > header {
	padding: 0;
	background-color: transparent;
	display: flex;
	gap: 1em;
}

#page-programa-configuracao .full.page4 .column-left .configuracao-bloco .configuracao-conteudo {
	height: 62.5vh;
}
#page-programa-configuracao .full.page4 .column-left .configuracao-bloco {
	display: list-item;
	list-style: none;
	padding-top: 60px;
}
#page-programa-configuracao .full.page4 .column-left .configuracao-bloco .configuracao-conteudo {
	background-color: transparent;
	padding: 0 0 30px;
}
#page-programa-configuracao .full.page4 .column-right .configuracao-bloco .configuracao-conteudo {
	background-color: transparent;
	min-height: 200px;
}
#page-programa-configuracao .full.page4 .column-right .configuracao-bloco .configuracao-conteudo .alerta-resumo {
	width: 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;
	color: #999;
	font-size: 30px;
	text-align: center;
	padding: 60px;
	background: #ddd;
	max-height: 250px;
}

#page-programa-configuracao .full.page4 .configuracao-bloco nav.filtros {
	margin-left: 10px;
	margin-top: 10px;
}
#page-programa-configuracao .full.page4 .configuracao-bloco nav.filtros .filter {
	position: relative;
	float: right;
	height: 50px; /* margin-right: 15px; */
}
#page-programa-configuracao .full.page4 .configuracao-bloco nav.filtros .filter a i {
	position: absolute;
	top: 10px;
	right: 5px;
}
#page-programa-configuracao .full.page4 .configuracao-bloco nav.filtros .filter a.comboheader {
	width: auto;
	height: 40px;
	line-height: 40px;
	background-color: #fff;
	border-radius: 0;
	color: #000;
	padding: 0 35px 0 15px;
	border: none; /* margin-top: 10px; */
	display: inline-block;
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	min-width: 150px;
}
#page-programa-configuracao .full.page4 .configuracao-bloco nav.filtros .filter .combo {
	display: none;
	position: absolute;
	background-color: #ddd;
	top: 50px;
	z-index: 999;
	color: #000;
	border-radius: 8px;
	left: 0px;
	padding: 0;
	overflow: hidden;
	overflow-y: auto;
	max-height: 500px;
}
#page-programa-configuracao .full.page4 .configuracao-bloco nav.filtros .filter .combo a {
	padding: 10px 15px;
	color: #000;
	display: block;
	min-width: 120px;
}

#page-programa-configuracao .full.page4 .column-left .configuracao-bloco .header-filtros {
	width: 100%;
}
#page-programa-configuracao .full.page4 .column-left .configuracao-bloco .header-filtros {
	width: 100%;
}
#page-programa-configuracao .full.page4 .column-left .configuracao-bloco .header-filtros nav.filtros {
	width: 100%;
	margin-left: 0;
	margin-top: 0;
}
#page-programa-configuracao .full.page4 .column-left .configuracao-bloco .header-filtros nav.filtros .filter {
	position: relative;
	height: 50px; /* margin-right: 15px; */
	width: 100%;
}
#page-programa-configuracao .full.page4 .column-left .configuracao-bloco .header-filtros nav.filtros .filter a i {
	position: absolute;
	top: 10px;
	right: 5px;
}
#page-programa-configuracao .full.page4 .column-left .configuracao-bloco .header-filtros nav.filtros .filter a.comboheader {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #fff;
	border-radius: 0;
	color: #000;
	padding: 0 35px 0 15px;
	border: none; /* margin-top: 10px; */
	display: inline-block;
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#page-programa-configuracao .full.page4 .column-left .configuracao-bloco .header-filtros nav.filtros .filter .combo {
	display: none;
	position: absolute;
	background-color: #ddd;
	top: 50px;
	z-index: 999;
	color: #fff;
	border-radius: 3px;
	left: 0px;
	padding: 0;
	overflow: hidden;
	overflow-y: auto;
	max-height: 500px;
}
#page-programa-configuracao .full.page4 .column-left .configuracao-bloco .header-filtros nav.filtros .filter .combo a {
	padding: 10px 15px;
	color: #000;
	display: block;
	min-width: 120px;
}
#page-programa-configuracao .full.page4 .column-left .lista-dinamicas ul {
	min-height: 120px;
}
#page-programa-configuracao .full.page4 .configuracao-bloco .configuracao-conteudo .combo1 {
	width: 100%;
}
#page-programa-configuracao .full.page4 .configuracao-bloco .configuracao-conteudo .combo1 nav.filtros {
	width: 100%;
	margin-left: 0;
	margin-top: 0;
}
#page-programa-configuracao .full.page4 .configuracao-bloco .configuracao-conteudo .combo1 nav.filtros .filter {
	position: relative;
	height: 50px; /* margin-right: 15px; */
	width: 100%;
}
#page-programa-configuracao .full.page4 .configuracao-bloco .configuracao-conteudo .combo1 nav.filtros .filter a i {
	position: absolute;
	top: 10px;
	right: 5px;
}
#page-programa-configuracao .full.page4 .configuracao-bloco .configuracao-conteudo .combo1 nav.filtros .filter a.comboheader {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #fff;
	border-radius: 0;
	color: #000;
	padding: 0 35px 0 15px;
	border: none; /* margin-top: 10px; */
	display: inline-block;
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#page-programa-configuracao .full.page4 .configuracao-bloco .configuracao-conteudo .combo1 nav.filtros .filter .combo {
	display: none;
	position: absolute;
	background-color: #ddd;
	top: 50px;
	z-index: 999;
	color: #fff;
	border-radius: 3px;
	left: 0px;
	padding: 0;
	overflow: hidden;
	overflow-y: auto;
	max-height: 500px;
}
#page-programa-configuracao .full.page4 .configuracao-bloco .configuracao-conteudo .combo1 nav.filtros .filter .combo a {
	padding: 10px 15px;
	color: #000;
	display: block;
	min-width: 120px;
}
#page-programa-configuracao .full.page4 .configuracao-bloco nav.nav-acervo.off {
	display: none;
}
#page-programa-configuracao .full.page4 .configuracao-bloco nav.nav-acervo ul {
	display: flex;
	padding: 20px 0 20px 20px;
	float: right;
}
#page-programa-configuracao .full.page4 .configuracao-bloco nav.nav-acervo ul li {
	width: 100%;
	margin-left: 20px;
}
#page-programa-configuracao .full.page4 .column-right .configuracao-bloco .header-dinamica {
	width: 100%;
	height: 300px;
	padding: 0px 20px 0;
	background-color: #3897a9;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#page-programa-configuracao .full.page4 .column-right .configuracao-bloco .header-dinamica nav.crumb {
	/* position: absolute; top: 0; left: 0; width: 100%; */
	background-color: rgba(0, 0, 0, 0.3);
	padding: 0 20px;
	line-height: 40px;
	height: 40px;
	z-index: 1;
	display: flex;
	width: calc(100% + 40px);
	margin-left: -20px;
}
#page-programa-configuracao .full.page4 .column-right .configuracao-bloco .header-dinamica nav.crumb span {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
#page-programa-configuracao .full.page4 .column-right .configuracao-bloco .header-dinamica .info-header {
	width: 100%;
	height: 200px;
	float: left;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	z-index: 2;
}
#page-programa-configuracao .full.page4 .column-right .configuracao-bloco .header-dinamica .info-header h1 {
	color: #fff;
	font-weight: 600;
	width: 100%;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}
#page-programa-configuracao .full.page4 .column-right .configuracao-bloco .header-dinamica .info-header h1 span {
	float: left;
	margin-right: 10px;
}
#page-programa-configuracao .full.page4 .column-right .configuracao-bloco .header-dinamica .info-header .pergunta {
	color: #fff;
	font-size: 20px;
	font-style: italic;
	width: 100%;
	line-height: 25px;
	margin-top: 5px;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}
#page-programa-configuracao .full.page4 .column-right .configuracao-bloco .configuracao-conteudo {
	padding: 0;
	height: 72.5vh;
	overflow: hidden;
}
#page-programa-configuracao .full.page4 .column-right .configuracao-bloco .configuracao-conteudo:hover {
	overflow-y: overlay;
}
#page-programa-configuracao .full.page4 .column-right .configuracao-bloco .configuracao-conteudo .conteudo-resumo {
}
#page-programa-configuracao .full.page4 .column-right .configuracao-bloco section.info-resumo {
	padding-right: 12px;
}
#page-programa-configuracao .full.page4 .column-right .configuracao-bloco section.info-resumo p.intro {
	font-size: 18px;
	line-height: 25px;
	margin: 20px 0;
}
#page-programa-configuracao .full.page4 .column-right .configuracao-bloco section.info-resumo p {
	font-size: 16px;
	margin: 15px 0 0;
	line-height: 22px;
}
#page-programa-configuracao .full.page4 .column-right .configuracao-bloco section.info-resumo h3 {
	text-transform: uppercase;
	font-size: 18px;
	color: #FA9B1E;
	font-weight: 600;
}
#page-programa-configuracao .full.page4 .column-right .configuracao-bloco section.info-resumo ul {
	margin: 20px 0 40px;
	line-height: 25px;
	font-size: 16px;
}
#page-programa-configuracao .full.page4 .column-right .configuracao-bloco section.info-resumo ul li {
	position: relative;
	padding-left: 30px;
	margin: 10px 0;
}
#page-programa-configuracao .full.page4 .column-right .configuracao-bloco section.info-resumo ul li::before {
	content: '';
	width: 7px;
	height: 7px;
	background-color: #321F06;
	position: absolute;
	top: 9px;
	left: 12px;
	border-radius: 50%;
}

/* PAGE 4 */
#page-programa-configuracao header.header-principal-programa {
	margin: 0;
	padding-top: 100px;
	width: 100%;
	display: table;
	background-color: #321F06;
	position: relative;
	background-image: url();
	background-blend-mode: multiply;
	color: white
}
#page-programa-configuracao header.header-principal-programa h2 {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 40px;
	z-index: 1;
	float: left;
	margin-right: 20px;
	height: 60px;
	margin-top: 5px;
	color: white;
	display: block;
	font-size: 28px;
}
#page-programa-configuracao header.header-principal-programa h2 span.nome-grupo {
	color: #fff;
	font-size: 18px;
	background-color: #321F06;
	height: auto;
	min-width: 80px;
	margin-left: 10px;
	border-radius: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#page-programa-configuracao header.header-principal-programa nav.menu-configuracao {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 20px 70px;
	z-index: 1;
	color: white;
}
#page-programa-configuracao header.header-principal-programa nav.menu-configuracao a.btn-gerenciador {
	margin-left: 20px;
	background-color: #321F06;
	color: #fff;
	padding: 0 15px;
	border-radius: 30px;
	line-height: 35px;
	height: 35px;
	float: right;
}
#page-programa-configuracao header.header-principal-programa nav.menu-configuracao a.btn-gerenciador.disabled {
	background-color: #321F06;
	color: #ffffff52;
	pointer-events: none;
}
#page-programa-configuracao header.header-principal-programa nav.menu-configuracao a.btn-gerenciador i {
	margin-right: 5px;
}
#page-programa-configuracao header.header-principal-programa nav.menu-configuracao a.btn-gerenciador:hover {
	background-color: #f461af;
}

@media only screen and (max-width: 870px) {
	#page-programa-configuracao header.header-principal-programa {
		height: 120px;
	}
	#page-programa-configuracao header.header-principal-programa nav.menu-programa a {
		font-size: 14px;
		line-height: 45px;
		height: 45px;
		padding: 0 15px;
		margin-right: 15px;
	}
	#page-programa-configuracao header.header-principal-programa nav.menu-programa a:hover {
		height: 50px;
	}
	#page-programa-configuracao header.header-principal-programa nav.menu-programa a.ativo,
	#page-programa-configuracao header.header-principal-programa nav.menu-programa a.ativo:hover {
		height: 45px;
	}
	#page-programa-configuracao header.header-principal-programa h2 {
		color: white;
		position: relative;
	}
	#page-programa-configuracao header.header-principal-programa nav.menu-configuracao {
		width: 330px;
		position: absolute;
		bottom: 10px;
		left: 0;
		padding: 2px;
		z-index: 1;
	}
	#page-programa-configuracao .conteudo .container {
		min-height: 420px;
	}
}

@media only screen and (max-height: 870px) {
	#page-programa-configuracao .conteudo > .container {
		height: 100vh;
	}
	#page-programa-configuracao .full.page4 .configuracao-bloco .configuracao-conteudo {
		height: 65vh;
	}
	#page-programa-configuracao .full.page4 .column-left .configuracao-bloco .configuracao-conteudo {
		margin-top: -13px;
		height: 52vh;
	}
	#page-programa-configuracao .full.page4 .column-right .configuracao-bloco .configuracao-conteudo {
		height: 65vh;
	}
}

@media only screen and (max-width: 600px) {
	#page-programa-configuracao header.header-principal-programa nav.menu-programa a {
		padding: 0 10px;
		margin-right: 10px;
	}
	#page-programa-configuracao header.header-principal-programa nav.menu-programa {
		padding: 0 20px;
	}
	#page-programa-configuracao header.header-principal-programa nav.menu-programa a {
		padding: 0 15px;
	}
	#page-programa-configuracao header.header-principal-programa nav.menu-programa a span {
		display: none;
	}
	#page-programa-configuracao header.header-principal-programa nav.menu-programa a i::before {
		margin: 0;
	}
}

#page-programa-configuracao header.header-programa {
	margin: 0;
	line-height: 35px; /*height: 35px;*/
	padding-top: 100px;
	width: 100%;
	display: table; /*display: -webkit-flex; display: -ms-flexbox; display: flex;*/
}
#page-programa-configuracao header.header-programa h2 {
	font-weight: 600;
	float: left;
	line-height: 35px;
}
#page-programa-configuracao header.header-programa h2 i {
	font-weight: normal;
	margin-right: 5px;
}
#page-programa-configuracao header.header-programa p {
	width: 100%;
	display: inline-block;
	padding-left: 35px;
}

/*Filtro ano - Aula*/
#page-programa-configuracao header.header-programa nav.filtros-topo {
	display: inline-block;
	margin-left: 40px;
}
#page-programa-configuracao 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-configuracao header.header-programa nav.filtros .filter:first-child {
	margin-left: 0;
}

#page-programa-configuracao 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-configuracao header.header-programa nav.filtros-topo .filter a.comboheader span {
	min-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#page-programa-configuracao header.header-programa nav.filtros-topo .filter a:hover {
	opacity: 0.8;
}
#page-programa-configuracao header.header-programa nav.filtros-topo .filter a.ativo {
	background-color: transparent;
}
#page-programa-configuracao 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-configuracao header.header-programa nav.filtros-topo .filter a i::before {
	font-size: 20px;
}
#page-programa-configuracao 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-configuracao header.header-programa nav.filtros-topo .filter .combo.open {
	display: block;
}
#page-programa-configuracao header.header-programa nav.filtros-topo .filter .combo a {
	padding: 0 15px;
	color: #444;
	display: block;
	min-width: 160px;
}
#page-programa-configuracao header.header-programa nav.filtros-topo .filter .combo a:hover {
	background-color: #56bfca;
	color: #fff;
	border-radius: 3px;
}
#page-programa-configuracao header.header-programa nav.filtros-topo .filter .combo li {
	width: 100%;
	padding: 10px 0px;
}
#page-programa-configuracao header.header-programa nav.filtros-topo .filter .combo li.ativo {
	pointer-events: none;
	opacity: 0.5;
	display: none;
}
#page-programa-configuracao header.header-programa nav.filtros-topo .filter .combo.filter-temas a {
	width: 320px;
}

#page-programa-configuracao 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-configuracao header.header-programa a.btn-pdfs i {
	margin-right: 5px;
}
#page-programa-configuracao header.header-programa a.btn-pdfs:hover {
	background-color: #3cb5c2;
}

@media only screen and (max-width: 1130px) {
	#page-programa-configuracao header.header-programa a.btn-pdfs {
		margin: 15px 0 0;
		float: left;
	}
}

@media only screen and (max-width: 890px) {
	#page-programa-configuracao header.header-programa {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#page-programa-configuracao header.header-programa h2 {
		width: 100%;
	}
	#page-programa-configuracao header.header-programa nav.filtros-topo {
		width: 100%;
		margin-top: 15px;
		margin-left: 0;
	}
	#page-programa-configuracao header.header-programa nav.filtros .filter {
		margin-left: 0;
		margin-right: 10px;
	}
}

@media only screen and (max-width: 730px) {
	#page-programa-configuracao header.header-programa nav.filtros-topo .filter a.comboheader {
		width: 160px;
	}
	#page-programa-configuracao header.header-programa nav.filtros-topo .filter a.comboheader span {
		width: 100px;
	}
}

@media only screen and (max-width: 645px) {
	#page-programa-configuracao header.header-programa {
		margin: 20px 0;
		padding: 0;
	}
	#page-programa-configuracao header.header-programa nav.filtros-topo {
		display: block;
		margin-top: 5px;
	}
	#page-programa-configuracao header.header-programa nav.filtros-topo .filter {
		width: 100%;
		margin: 10px 0 0;
	}
	#page-programa-configuracao header.header-programa nav.filtros-topo .filter a.comboheader {
		width: 100%;
		padding-right: 10px;
	}
	#page-programa-configuracao header.header-programa nav.filtros-topo .filter a.comboheader span {
		width: 80%;
	}
	#page-programa-configuracao header.header-programa nav.filtros-topo .filter .combo {
		width: 100%;
	}
}

#page-programa-configuracao .lista-dinamicas {
	position: relative;
	width: 100%;
}
:root {
	--margin: 6px;
}

#page-programa-configuracao .lista-dinamicas ul.filtro-off {
	display: none;
}

#page-programa-configuracao .lista-dinamicas ul.janeiro {
	position: relative;
}
#page-programa-configuracao .lista-dinamicas ul.fevereiro {
	position: relative;
}
#page-programa-configuracao .lista-dinamicas ul.marco {
	position: relative;
}
#page-programa-configuracao .lista-dinamicas ul.abril {
	position: relative;
}
#page-programa-configuracao .lista-dinamicas ul.maio {
	position: relative;
}
#page-programa-configuracao .lista-dinamicas ul.junho {
	position: relative;
}
#page-programa-configuracao .lista-dinamicas ul.julho {
	position: relative;
}
#page-programa-configuracao .lista-dinamicas ul.agosto {
	position: relative;
}
#page-programa-configuracao .lista-dinamicas ul.setembro {
	position: relative;
}
#page-programa-configuracao .lista-dinamicas ul.outubro {
	position: relative;
}
#page-programa-configuracao .lista-dinamicas ul.novembro {
	position: relative;
}
#page-programa-configuracao .lista-dinamicas ul.dezembro {
	position: relative;
}

#page-programa-configuracao .lista-dinamicas ul.janeiro li:nth-child(1)::before {
	content: 'JANEIRO';
	position: absolute;
	font-size: 16px;
	transform: rotate(-90deg);
	top: 40px;
	left: -20px;
	font-weight: 700;
	writing-mode: initial;
	width: 40px;
	height: 40px;
}
#page-programa-configuracao .lista-dinamicas ul.fevereiro li:nth-child(1)::before {
	content: 'FEVEREIRO';
	position: absolute;
	font-size: 16px;
	transform: rotate(-90deg);
	top: 60px;
	left: -20px;
	font-weight: 700;
	writing-mode: initial;
	width: 40px;
	height: 40px;
}
#page-programa-configuracao .lista-dinamicas ul.marco li:nth-child(1)::before {
	content: 'MARÇO';
	position: absolute;
	font-size: 16px;
	transform: rotate(-90deg);
	top: 30px;
	left: -20px;
	font-weight: 700;
	writing-mode: initial;
	width: 40px;
	height: 40px;
}
#page-programa-configuracao .lista-dinamicas ul.abril li:nth-child(1)::before {
	content: 'ABRIL';
	position: absolute;
	font-size: 16px;
	transform: rotate(-90deg);
	top: 20px;
	left: -20px;
	font-weight: 700;
	writing-mode: initial;
	width: 40px;
	height: 40px;
}
#page-programa-configuracao .lista-dinamicas ul.maio li:nth-child(1)::before {
	content: 'MAIO';
	position: absolute;
	font-size: 16px;
	transform: rotate(-90deg);
	top: 15px;
	left: -20px;
	font-weight: 700;
	writing-mode: initial;
	width: 40px;
	height: 40px;
}
#page-programa-configuracao .lista-dinamicas ul.junho li:nth-child(1)::before {
	content: 'JUNHO';
	position: absolute;
	font-size: 16px;
	transform: rotate(-90deg);
	top: 30px;
	left: -20px;
	font-weight: 700;
	writing-mode: initial;
	width: 40px;
	height: 40px;
}
#page-programa-configuracao .lista-dinamicas ul.julho li:nth-child(1)::before {
	content: 'JULHO';
	position: absolute;
	font-size: 16px;
	transform: rotate(-90deg);
	top: 30px;
	left: -20px;
	font-weight: 700;
	writing-mode: initial;
	width: 40px;
	height: 40px;
}
#page-programa-configuracao .lista-dinamicas ul.agosto li:nth-child(1)::before {
	content: 'AGOSTO';
	position: absolute;
	font-size: 16px;
	transform: rotate(-90deg);
	top: 40px;
	left: -20px;
	font-weight: 700;
	writing-mode: initial;
	width: 40px;
	height: 40px;
}
#page-programa-configuracao .lista-dinamicas ul.setembro li:nth-child(1)::before {
	content: 'SETEMBRO';
	position: absolute;
	font-size: 16px;
	transform: rotate(-90deg);
	top: 60px;
	left: -20px;
	font-weight: 700;
	writing-mode: initial;
	width: 40px;
	height: 40px;
}
#page-programa-configuracao .lista-dinamicas ul.outubro li:nth-child(1)::before {
	content: 'OUTUBRO';
	position: absolute;
	font-size: 16px;
	transform: rotate(-90deg);
	top: 50px;
	left: -20px;
	font-weight: 700;
	writing-mode: initial;
	width: 40px;
	height: 40px;
}
#page-programa-configuracao .lista-dinamicas ul.novembro li:nth-child(1)::before {
	content: 'NOVEMBRO';
	position: absolute;
	font-size: 16px;
	transform: rotate(-90deg);
	top: 60px;
	left: -20px;
	font-weight: 700;
	writing-mode: initial;
	width: 40px;
	height: 40px;
}
#page-programa-configuracao .lista-dinamicas ul.dezembro li:nth-child(1)::before {
	content: 'DEZEMBRO';
	position: absolute;
	font-size: 16px;
	transform: rotate(-90deg);
	top: 60px;
	left: -20px;
	font-weight: 700;
	writing-mode: initial;
	width: 40px;
	height: 40px;
}

#page-programa-configuracao .lista-dinamicas ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: wrap; /*padding-bottom: 40px;*/
	padding-top: 10px;
}
#page-programa-configuracao .lista-dinamicas ul.ulAcervo.off {
	display: none;
}
#page-programa-configuracao .lista-dinamicas ul.ulAcervo.drop {
}
#page-programa-configuracao .lista-dinamicas ul.ulAcervo.drop::before {
	content: 'Solte aqui para acervo';
	position: absolute;
	width: 100%;
	height: 100%;
	color: #999;
	background: #ddddddfa;
	z-index: 3;
	align-items: center;
	text-align: center;
	vertical-align: middle;
	padding: 30%;
	font-weight: bold;
	font-size: 25px;
}
#page-programa-configuracao .lista-dinamicas ul.ulAcervoExtra.off {
	display: none;
}

#page-programa-configuracao .lista-dinamicas ul li {
	margin: var(--margin);
}
#page-programa-configuracao .lista-dinamicas ul li.selecionadas {
	width: calc((100% / 4) - (var(--margin) * 2));
}
#page-programa-configuracao .lista-dinamicas ul li.selecionadas.hovered {
	outline: solid 5px #fecd18;
}
#page-programa-configuracao .lista-dinamicas ul li.selecionadas.ativo {
	outline: 5px solid #3cb5c2;
	outline-offset: 4px;
}
#page-programa-configuracao .lista-dinamicas ul li.vazio {
	width: calc((100% / 4) - (var(--margin) * 2));
}
#page-programa-configuracao .lista-dinamicas ul li.vazio .alerta-vazio {
	width: 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;
	color: #999;
	font-size: 24px;
	text-align: center;
	padding: 60px;
	background: #ddd;
}

#page-programa-configuracao .lista-dinamicas ul li.acervo {
	width: calc((100% / 2) - (var(--margin) * 2));
	z-index: 2;
}
#page-programa-configuracao .lista-dinamicas ul li.acervo.off {
	display: none;
}
#page-programa-configuracao .lista-dinamicas ul li.acervo.ativo {
	outline: 5px solid #3cb5c2;
	outline-offset: 4px;
}

#page-programa-configuracao .lista-dinamicas ul li:hover {
	box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.1);
}
#page-programa-configuracao .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;
}
#page-programa-configuracao .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-configuracao .lista-dinamicas ul {
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
	}
	#page-programa-configuracao .lista-dinamicas ul li {
		width: 100%;
	}
}

#page-programa-configuracao header.header-programa a b {
	float: left;
	line-height: 1.8;
	margin-right: 10px;
}
#page-programa-configuracao header.header-programa nav.filtros .filter {
	position: relative;
	float: left;
	height: 35px;
	margin-left: 15px;
	font-size: 14px;
}
#page-programa-configuracao header.header-programa nav.filtros .filter:first-child {
	margin-left: 0;
}

#page-programa-configuracao 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-configuracao 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-configuracao header.header-programa nav.filtros .filter a:hover {
	background-color: #d5dfe4;
}
#page-programa-configuracao header.header-programa nav.filtros .filter a.ativo {
	background-color: #c8d4da;
}
#page-programa-configuracao 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-configuracao header.header-programa nav.filtros .filter a i::before {
	font-size: 20px;
}
#page-programa-configuracao 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-configuracao header.header-programa nav.filtros .filter .combo.open {
	display: block;
}
#page-programa-configuracao header.header-programa nav.filtros .filter .combo a {
	padding: 0 15px;
	color: #444;
	display: block;
	min-width: 160px;
}
#page-programa-configuracao header.header-programa nav.filtros .filter .combo a:hover {
	background-color: #56bfca;
	color: #fff;
	border-radius: 3px;
}
#page-programa-configuracao header.header-programa nav.filtros .filter .combo li {
	width: 100%;
}
#page-programa-configuracao header.header-programa nav.filtros .filter .combo li.ativo {
	pointer-events: none;
	opacity: 0.5;
	display: none;
}
#page-programa-configuracao header.header-programa nav.filtros .filter .combo.filter-temas a {
	width: 320px;
}

#page-programa-configuracao 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-configuracao header.header-programa a.btn-pdfs i {
	margin-right: 5px;
}
#page-programa-configuracao header.header-programa a.btn-pdfs:hover {
	background-color: #3cb5c2;
}

@media only screen and (max-width: 1130px) {
	#page-programa-configuracao header.header-programa a.btn-pdfs {
		margin: 15px 0 0;
		float: left;
	}
}

@media only screen and (max-width: 890px) {
	#page-programa-configuracao header.header-programa {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#page-programa-configuracao header.header-programa h2 {
		width: 100%;
	}
	#page-programa-configuracao header.header-programa nav.filtros {
		width: 100%;
		margin-top: 15px;
		margin-left: 0;
	}
	#page-programa-configuracao header.header-programa nav.filtros .filter {
		margin-left: 0;
		margin-right: 10px;
	}
}

@media only screen and (max-width: 730px) {
	#page-programa-configuracao header.header-programa nav.filtros .filter a.comboheader {
		width: 160px;
	}
	#page-programa-configuracao header.header-programa nav.filtros .filter a.comboheader span {
		width: 100px;
	}
}

@media only screen and (max-width: 645px) {
	/*#page-programa-configuracao header.header-programa nav.filtros .filter a.comboheader {width: 140px;}*/
	/*#page-programa-configuracao header.header-programa nav.filtros .filter a.comboheader span {width: 80px;}*/

	#page-programa-configuracao header.header-programa {
		margin: 20px 0;
		padding: 0;
	}
	#page-programa-configuracao header.header-programa nav.filtros {
		display: block;
		margin-top: 5px;
	}
	#page-programa-configuracao header.header-programa nav.filtros .filter {
		width: 100%;
		margin: 10px 0 0;
	}
	#page-programa-configuracao header.header-programa nav.filtros .filter a.comboheader {
		width: 100%;
	}
	#page-programa-configuracao header.header-programa nav.filtros .filter a.comboheader span {
		width: 80%;
	}
	#page-programa-configuracao header.header-programa nav.filtros .filter .combo {
		width: 100%;
	}
}
@media only screen and (max-width: 360px) {
	#page-programa-configuracao .lista-dinamicas ul {
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
	}
	#page-programa-configuracao .lista-dinamicas ul li {
		width: 100%;
	}
}

/*nomenclatura meses*/
#page-programa-configuracao .lista-dinamicas ul li::before {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	display: block;
	position: absolute;
	top: -30px;
	left: 0;
}

/*Dinamica ainda não publicada*/
#page-programa-configuracao .lista-dinamicas ul li.off {
	pointer-events: none;
}
#page-programa-configuracao .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-configuracao .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-configuracao .lista-dinamicas ul li.off .tools a {
	pointer-events: none;
	opacity: 0.5;
	color: #ccd1d4 !important;
}
#page-programa-configuracao .lista-dinamicas ul li.off .tools a i {
	color: #ccd1d4 !important;
}

/*Para mostrar dinamicas já avaliadas*/
#page-programa-configuracao .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-configuracao .lista-dinamicas ul li .status-avaliacao i::before {
	vertical-align: 0;
}
#page-programa-configuracao .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-configuracao .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-configuracao .lista-dinamicas ul li .status-avaliacao:hover::before,
#page-programa-configuracao .lista-dinamicas ul li .status-avaliacao:hover::after {
	opacity: 1;
}
#page-programa-configuracao .lista-dinamicas ul li.avaliado .status-avaliacao {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

#page-programa-configuracao .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;
	cursor: move;
}
#page-programa-configuracao .lista-dinamicas ul li a.btn-dinamica.hold {
	outline: solid 1px yellow;
}
#page-programa-configuracao .lista-dinamicas ul li a.btn-dinamica span {
	position: relative;
	z-index: 1;
    pointer-events: none;
    /* word-wrap: break-word; */
}

#page-programa-configuracao .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-configuracao .lista-dinamicas ul li.off a.btn-dinamica::after {
	display: none;
}

#page-programa-configuracao .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-configuracao .lista-dinamicas ul li .tools a {
	width: 40px;
	height: 40px;
	text-align: center;
	padding: 5px;
}
#page-programa-configuracao .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-configuracao .lista-dinamicas ul li .tools a i::before {
	vertical-align: 0;
}
#page-programa-configuracao .lista-dinamicas ul li .tools a:hover i {
	background-color: #e3e9ec;
}

#page-programa-configuracao .lista-dinamicas ul li .tools a.status {
	float: right;
}
#page-programa-configuracao .lista-dinamicas ul li .tools a.status.aberta i {
	color: #59b200;
}
#page-programa-configuracao .lista-dinamicas ul li .tools a.status.fechada i {
	color: #f29d14;
}

#page-programa-configuracao .lista-dinamicas ul li .tools a.ativo {
	pointer-events: none;
}

#page-programa-configuracao .lista-dinamicas ul li .tools a.notificada {
	float: left;
}
#page-programa-configuracao .lista-dinamicas ul li .tools a.notificada.ativo i {
	background-color: #56bfca;
	color: #fff;
}

#page-programa-configuracao .lista-dinamicas ul li .tools a.concluida {
	float: right;
}
#page-programa-configuracao .lista-dinamicas ul li .tools a.concluida.ativo i {
	background-color: #59b200;
	color: #fff;
}

/*Para mostrar dinamicas EXTRAS*/
#page-programa-configuracao .lista-dinamicas-extras {
}
#page-programa-configuracao .lista-dinamicas-extras ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: wrap;
	padding-bottom: 40px;
	margin-top: 25px;
}
#page-programa-configuracao .lista-dinamicas-extras ul li {
	width: 200px;
	margin: 40px 5px 20px;
	position: relative;
}
#page-programa-configuracao .lista-dinamicas-extras ul li:hover {
	box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.1);
}
#page-programa-configuracao .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-configuracao .lista-dinamicas-extras ul {
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
	}
	#page-programa-configuracao .lista-dinamicas-extras ul li {
		width: 100%;
	}
}
/*nomenclatura extras*/
#page-programa-configuracao .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-configuracao .lista-dinamicas-extras ul li.robotica.primeiro::before {
	content: 'Robótica';
}
#page-programa-configuracao .lista-dinamicas-extras ul li.numeros-interativos.primeiro::before {
	content: 'Números interativos';
}
#page-programa-configuracao .lista-dinamicas-extras ul li.dinamica-extra-7.primeiro::before {
	content: 'Robótica';
}
#page-programa-configuracao .lista-dinamicas-extras ul li.dinamica-extra-8.primeiro::before {
	content: 'Números interativos';
}
#page-programa-configuracao .lista-dinamicas-extras ul li.dinamica-extra-9.primeiro::before {
	content: 'STEAM Academy';
}
#page-programa-configuracao .lista-dinamicas-extras ul li.dinamica-extra-10.primeiro::before {
	content: 'Extra';
}
#page-programa-configuracao .lista-dinamicas-extras ul li.dinamica-extra-11.primeiro::before {
	content: 'Extra';
}
#page-programa-configuracao .lista-dinamicas-extras ul li.dinamica-extra-12.primeiro::before {
	content: 'Extra';
}

/*Dinamica extra ainda não publicada*/
#page-programa-configuracao .lista-dinamicas-extras ul li.off {
	pointer-events: none;
}
#page-programa-configuracao .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-configuracao .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-configuracao .lista-dinamicas-extras ul li.off .tools a {
	pointer-events: none;
	opacity: 0.5;
	color: #ccd1d4 !important;
}
#page-programa-configuracao .lista-dinamicas-extras ul li.off .tools a i {
	color: #ccd1d4 !important;
}

#page-programa-configuracao .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-configuracao .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-configuracao .lista-dinamicas-extras ul li .status-avaliacao i::before {
	vertical-align: 0;
}
#page-programa-configuracao .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-configuracao .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-configuracao .lista-dinamicas-extras ul li .status-avaliacao:hover::before,
#page-programa-configuracao .lista-dinamicas-extras ul li .status-avaliacao:hover::after {
	opacity: 1;
}
#page-programa-configuracao .lista-dinamicas-extras ul li.avaliado .status-avaliacao {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

#page-programa-configuracao .lista-dinamicas-extras ul li.fev.off a.btn-dinamica {
	background-color: #3cb5c2;
}
#page-programa-configuracao .lista-dinamicas-extras ul li.mar.off a.btn-dinamica {
	background-color: #834a8c;
}
#page-programa-configuracao .lista-dinamicas-extras ul li.abr.off a.btn-dinamica {
	background-color: #e4b816;
}
#page-programa-configuracao .lista-dinamicas-extras ul li.mai.off a.btn-dinamica {
	background-color: #d4566e;
}
#page-programa-configuracao .lista-dinamicas-extras ul li.jun.off a.btn-dinamica {
	background-color: #d87412;
}

#page-programa-configuracao .lista-dinamicas-extras ul li.ago.off a.btn-dinamica {
	background-color: #3cb5c2;
}
#page-programa-configuracao .lista-dinamicas-extras ul li.set.off a.btn-dinamica {
	background-color: #834a8c;
}
#page-programa-configuracao .lista-dinamicas-extras ul li.out.off a.btn-dinamica {
	background-color: #e4b816;
}

#page-programa-configuracao .lista-dinamicas-extras ul li.nov.off a.btn-dinamica {
	background-color: #d4566e;
}

#page-programa-configuracao .lista-dinamicas-extras ul li::before {
	display: block;
	width: 100%;
	height: 25px;
	line-height: 20px;
	border-bottom: 5px solid transparent;
	content: '';
}

#page-programa-configuracao .lista-dinamicas-extras ul li.ativo::before {
	border-bottom: 5px solid #fecd18;
}

#page-programa-configuracao .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-configuracao .lista-dinamicas-extras ul li a.btn-dinamica span {
	position: relative;
	z-index: 1;
}

#page-programa-configuracao .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-configuracao .lista-dinamicas-extras ul li.off a.btn-dinamica::after {
	display: none;
}

#page-programa-configuracao .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-configuracao .lista-dinamicas-extras ul li .tools a {
	width: 40px;
	height: 40px;
	text-align: center;
	padding: 5px;
}

#page-programa-configuracao .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-configuracao .lista-dinamicas-extras ul li .tools a i::before {
	vertical-align: 0;
}

#page-programa-configuracao .lista-dinamicas-extras ul li .tools a:hover i {
	background-color: #e3e9ec;
}

#page-programa-configuracao .lista-dinamicas-extras ul li .tools a.status {
	float: right;
}

#page-programa-configuracao .lista-dinamicas-extras ul li .tools a.status.aberta i {
	color: #59b200;
}

#page-programa-configuracao .lista-dinamicas-extras ul li .tools a.status.fechada i {
	color: #f29d14;
}

#page-programa-configuracao .lista-dinamicas-extras ul li .tools a.ativo {
	pointer-events: none;
}

#page-programa-configuracao .lista-dinamicas-extras ul li .tools a.notificada {
	float: left;
}

#page-programa-configuracao .lista-dinamicas-extras ul li .tools a.notificada.ativo i {
	background-color: #56bfca;
	color: #fff;
}

#page-programa-configuracao .lista-dinamicas-extras ul li .tools a.concluida {
	float: right;
}

#page-programa-configuracao .lista-dinamicas-extras ul li .tools a.concluida.ativo i {
	background-color: #59b200;
	color: #fff;
}

#page-programa-configuracao .lista-dinamicas ol.lista-pdfs {
	font-size: 16px;
	margin: 0 0 60px;
	background-color: #fff;
}

#page-programa-configuracao .lista-dinamicas ol.lista-pdfs li.header {
	background-color: #eef2f4;
	font-weight: 600;
	font-size: 16px;
}

#page-programa-configuracao .lista-dinamicas ol.lista-pdfs li {
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #e3e9ec;
}

#page-programa-configuracao .lista-dinamicas ol.lista-pdfs li:last-child {
	border: 0;
}

#page-programa-configuracao .lista-dinamicas ol.lista-pdfs li .nome-dinamica {
	width: 30%;
	padding: 15px;
	font-weight: 600;
	font-size: 18px;
}

#page-programa-configuracao .lista-dinamicas ol.lista-pdfs li .nome-dinamica span {
	display: block;
	font-size: 12px;
	font-weight: 400;
}

#page-programa-configuracao .lista-dinamicas ol.lista-pdfs li .nome-arquivos {
	width: 70%;
	padding: 15px;
}

#page-programa-configuracao .lista-dinamicas ol.lista-pdfs li.header .nome-dinamica {
	font-size: 16px;
	font-weight: 500;
}

#page-programa-configuracao .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-configuracao .lista-dinamicas ol.lista-pdfs li.header .nome-arquivos .nome-arquivo {
	width: 35%;
}

#page-programa-configuracao .lista-dinamicas ol.lista-pdfs li.header .nome-arquivos .uso {
	width: 20%;
}

#page-programa-configuracao .lista-dinamicas ol.lista-pdfs li.header .nome-arquivos .pages {
	width: 25%;
}

#page-programa-configuracao .lista-dinamicas ol.lista-pdfs li.header .nome-arquivos .qtde {
	width: 20%;
}

#page-programa-configuracao .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-configuracao .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-configuracao .lista-dinamicas ol.lista-pdfs li ol.nome-arquivos li.arquivo:nth-child(2n) {
	background-color: #e9edf0;
}

#page-programa-configuracao .lista-dinamicas ol.lista-pdfs li ol.nome-arquivos li.arquivo a {
	color: #56bfca;
	width: 35%;
	padding-right: 10px;
}
#page-programa-configuracao .lista-dinamicas ol.lista-pdfs li ol.nome-arquivos li.arquivo a:hover {
	color: purple;
}
#page-programa-configuracao .lista-dinamicas ol.lista-pdfs li ol.nome-arquivos li.arquivo a i {
	margin-right: 5px;
	color: purple;
}
#page-programa-configuracao .lista-dinamicas ol.lista-pdfs li ol.nome-arquivos li.arquivo span.uso {
	width: 20%;
	padding-right: 10px;
}
#page-programa-configuracao .lista-dinamicas ol.lista-pdfs li ol.nome-arquivos li.arquivo span.pages {
	width: 25%;
	padding-right: 10px;
}
#page-programa-configuracao .lista-dinamicas ol.lista-pdfs li ol.nome-arquivos li.arquivo span.qtde {
	width: 20%;
	padding-right: 0;
}

@media only screen and (max-width: 500px) {
	#page-programa-configuracao .lista-dinamicas ol.lista-pdfs li {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#page-programa-configuracao .lista-dinamicas ol.lista-pdfs li .nome-dinamica {
		width: 100%;
		padding: 15px 15px 5px;
	}
	#page-programa-configuracao .lista-dinamicas ol.lista-pdfs li .nome-arquivos {
		width: 100%;
		padding: 5px 15px 15px;
	}

	#page-programa-configuracao .lista-dinamicas ol.lista-pdfs li.header .nome-dinamica {
		padding: 15px;
	}
	#page-programa-configuracao .lista-dinamicas ol.lista-pdfs li.header .nome-arquivos {
		display: none;
	}

	#page-programa-configuracao .lista-dinamicas ol.lista-pdfs li ol.nome-arquivos li.arquivo a {
		width: 100%;
		padding-right: 0;
	}
	#page-programa-configuracao .lista-dinamicas ol.lista-pdfs li ol.nome-arquivos li.arquivo span.uso,
	#page-programa-configuracao .lista-dinamicas ol.lista-pdfs li ol.nome-arquivos li.arquivo span.tamanho {
		display: none;
	}
}