/* ECNH */
body.contrast1 .navbar-default {
	background: #ffffff !important;
}
html, body {
	scroll-behavior: smooth;
}
body.contrast1 .navbar-default .navbar-nav>li>a {
	color: #000000 !important;
	background-color: #ffffff !important;
}

body.contrast1 .navbar-default .navbar-nav>li>a, body.contrast1 .navbar-default .navbar-nav>li>a *
	{
	color: #000 !important;
}
.navbar {
	    overflow: visible!important;
}
body.contrast1 .page-section.aluno {
	color: #000000 !important;
	background-color: #ffffff !important;
}

body.contrast1 .panel-heading {
	background-color: #ffffff !important;
}
.page-radius {
	border-radius:20px;
}
body.contrast1 label {
	color: #000000 !important;
}

body.contrast1 h1, body.contrast1 h2, body.contrast1 h3, body.contrast1 h4,
	body.contrast1 h5, body.contrast1 h6, body.contrast1 .icon i, body.contrast1 a
	{
	color: #000000 !important;
}

body.contrast1 a:hover {
	color: #000000;
	text-decoration: underline;
}

body.contrast1 .btn {
	border-color: #000000 !important;
}

body.contrast1 .progress-bar {
	background-color: #000000;
}

body.contrast1 .navbar-fixed-top {
	border-image: none !important;
	border-color: #000000;
}

body.contrast1 .navbar-brand.navbar-brand-logo img {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

body.contrast1 .text-green-300 {
	color: #000000 !important;
}

body.contrast1 .text-blue-300 {
	color: #797979 !important;
}

body.contrast1 .text-grey-300 {
	color: #ffffff;
	border: 1px solid #000;
	width: 17px !important;
	height: 17px !important;
	border-radius: 50%;
}

body.contrast1 .bg-green-400 {
	background-color: #000000 !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #444444;
}

a {
	color: #408bca;
}

a:hover {
	color: #65b3f5;
}

th, td {
	
}

label {
	font-size: 14px;
}

p {
	font-size: 14px;
}

body {
	padding: 0 !important;
}

.form-control {
	height: 36px !important;
}

.form-area {
	height: 200px !important;
}

.navbar {
	position: relative;
}

h1, h2, h3, h4, h5, h6, p, label, legend, .container {
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav li {
	
}

.ui-button {
	background-color: #408bca !important;
	padding: 5px 14px !important;
	height: auto !important;
	line-height: 26px !important;
	margin-top: 20px;
	margin-left: 20px;
	background: #408bca;
	border: 1px solid #145e94;
	color: #fff;
	text-shadow: none !important;
	box-shadow: none !important;
	margin: 10px;
}

.ui-button:hover {
	background: #145e94 !important;
	background-color: #145e94 !important;
}

.ui-button .ui-icon {
	display: none;
}

.ui-button-text-icon-left .ui-button-text {
	padding: .3em 1em !important;
}

ui-wizard-content {
	margin: 3px 0;
	padding: 10px 50px;
	/* border: 1px solid #ddd; */
}

.ui-helper-clearfix {
	padding: 0 0 !important;
	width: auto !important;
	display: block !important;
	float: none !important;
	margin: 0 auto;
	list-style: none;
}

.paper-shadow {
	overflow: hidden;
}

.ui-wizard-content {
	margin: 0 !important;
	border-top: 1px solid #ddd;
	margin-top: -1px !important;
	padding: 20px 0 0;
}

.ui-wizard {
	margin: 0 50px !important;
	padding: 0 !important;
}

.ui-wizard-step-title {
	font-size: 14px !important;
	border: 0;
	margin: 0 !important;
	background: #fefefe;
	text-shadow: none;
	margin-bottom: 0px !important;
	border-bottom: 1px solid #ddd;
	padding: 15px !important;
}

.ui-state-highlight {
	border-bottom: 0 !important;
	border-style: double !important;
	border-color: #ddd !important;
	background: #ffffff;
	text-shadow: none;
	color: #42a5f5;
	border-top: 1px solid #ddd !important;
	border-right: 1px solid #ddd !important;
	border-left: 1px solid #ddd !important;
}
/************************************************************ HEADER */
textarea {
	overflow: auto;
	margin: 20px 0 !important;
	display: block;
	border: 1px solid #ddd;
	padding: 10px;
	resize: none;
	width: 100%;
}

.container {
	position: relative;
}

.contadorTeste {
	position: absolute;
	right: 0;
	top: -60px;
}

.contadorTeste .icon {
	font-size: 30px;
	color: #aaa;
	margin-top: 10px;
}

.navbar-fixed-top {
	
}

.navbar-fixed-top {
	border-image: url(../../../resources/images/color_bar.gif) 10 stretch;
	border-bottom-width: 5px;
}

.navbar-brand {
	padding-right: 30px !important;
}

.navbar-default {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+7,e4e5e7+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #F5F3F6 7%, #e4e5e7 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #F5F3F6 7%, #e4e5e7 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #F5F3F6 7%, #e4e5e7 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F3F6',
		endColorstr='#e4e5e7', GradientType=0); /* IE6-9 */
}

.navbar-default a {
	color: #4d4d4d;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	font-size: 14px;
}

.navbar-nav {
	margin-left: 0 !important;
}

.navbar-nav>li:first-child {
	border-left: 1px solid #eee;
}

.navbar .btn {
	padding: 5px 14px !important;
	height: auto !important;
	line-height: 26px !important;
	margin-top: 20px;
	margin-left: 20px;
}
.panel-footer .btn {
	width:100%;
	margin-bottom: 10px;
}
.panel-footer .btn .icon {
	float:none;
}
.panel-footer .btn:last-child { 
	margin-bottom: 0;
}
.btn {
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.navbar-nav>li {
	border-right: 1px solid #eee;
}

.navbar-default a:hover {
	color: #2d2d2d;
}

.navbar-nav .dropdown-menu>li.active>a, .navbar-nav .dropdown-menu>li a:hover,
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover,
	.navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>li.active>a i,
	.navbar-default .navbar-nav>li.open>a i, .navbar-nav .dropdown-menu>li.active>a,
	.navbar-nav .dropdown-menu>li a:hover {
	color: #76C079;
}

.link {
	padding: 1% 2% !important;
	background-color: #efefef;
	margin: 1%;
	width: 31%;
	color: #2d2d2d;
     min-height: 180px;
}

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

.link h3 {
	padding: 0;
	margin: 5px 0 0 0;
   	max-width: 90%;
}

.link .icon {
	position: absolute;
	color: #aaa;
	font-size: 26px;
	right: 20px;
	top: 20px;
}

.link autor {
	color: #888;
	margin-bottom: 10px;
	float: left;
	clear: both;
	width: 100%;
}

.link p {
	float: left;
	font-size: 12px;
}

.icon {
	float: left;
}

.nav span.icon {
	float: left;
}

.nav span.icon.big i {
	font-size: 18px;
}

.navbar-default span.icon i {
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-primary {
	color: #ffffff !important;
	background-color:#408bca;
	border-color:#135e93;
}
.btn-primary:hover {
	background-color:#135e93!important;
}

.btn-yellow, .btn-yellow:visited {
	color: #ffffff;
	background-color: #F19C24;
	border-color: #d08824;
}

.btn-yellow:hover {
	color: #ffffff !important;
	background-color: #d08824 !important;
	border-color: #d08824 !important;
}

.btn-green, .btn-green:visited {
	background-color: #76C079;
	border-color: #62A065;
	color: #fff;
}

.btn-green .icon, .btn-yellow .icon {
	color: #fff !important;
    margin-right: 5px;
}

.btn-green:hover {
	background-color: #62A065 !important;
	border-color: #62A065 !important;
	color: #fff !important;
}

.btn-green:active, .btn-green:focus, .btn-green:focus-within {
	background-color: #62A065 !important;
	border-color: #62A065;
}

.btn-primary .icon i {
	color: #ffffff;
	font-size: 14px;
   	margin-right: 5px;
}

/*************************************** CONTENT HOME */
.cover.overlay.home .page-section {
	max-width: 1100px;
	display: inline-block;
	top: 5%;
}

/**************************************** LOGIN */
body.login .lock-container .panel {
	padding: 10px;
	width: 430px;
	max-width: 450px !important;
}

body.login .lock-container .panel .forgot-password {
	color: #408bca;
}

.form-control-material .ma-form-bar:before, .form-control-material .ma-form-bar:after {
	
}

.max-width-800 {
	max-width: 800px;
	min-height: 360px;
	margin-top: 6% !important;
}
/**************************************** Header */
.page-section {
	padding: 20px 0;
}

.page-section.aluno {
	background-color: #F9F9F9;
	padding: 30px 0 20px;
	border-bottom: 1px solid #f0f0f0;
}

.page-section.aluno .media-left .icon {
	color: #999;
	font-size: 40px;
}

.aluno .options .icon {
	margin-right: 10px;
}

.page-section.aluno h3 {
	float: left;
	margin-top: 5px;
}

.page-section.aluno .options {
	float: left;
	margin-left: 20px;
	margin-top: 5px;
	border-left: 1px solid #ddd;
	padding-left: 20px;
}

.page-section.aluno .options a {
	color: #76C079;
}

.page-section.aluno .options a:hover {
	color: #62A065;
}

.page-section.aluno .acessibilidade {
	min-width: 70px;
	z-index: 9999999999999999;
}

.page-section.aluno .acessibilidade .curso {
	min-width: 70px;
	float: right;
	position: relative;
	margin-top: 26px;
}

.page-section.aluno .acessibilidade a {
	color: #444;
	float: left;
	width: 20px;
	margin-right: 10px;
}

.page-section.aluno .acessibilidade a:hover .icon i {
	color: #2d2d2d;
}

.page-section.aluno .acessibilidade a .icon {
	font-size: 20px;
}

/********************** DASHBOARD */
.panel-heading {
	background-color: #f3f3f3 !important;
	display: flex;
	width: 100%;
	position: relative;
}

.panel-heading h3 {
	float: left;
	margin: 0;
}

.panel-heading p {
	right: 15px;
	position: absolute;
	top: 13px;
}

.progressao {
	clear: both;
	margin-top: 13px;
	float: left;
	width: 100%;
}

.progressao h4 {
    position: absolute;
    margin-top: 0;
}
.progressao .progress {
	clear: both;
	background-color: #ececec;
	margin-bottom: 10px;
}

.download-curso {
	float: left;
	color: #408bca;
	font-size: 18px;
	margin-right: 10px;
}

.panel-heading a:after {
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	display: none;
}

.progress-bar {
	background-color: #408bca;
}

.progressao legend {
	border: 0;
	font-size: 12px;
	float: left;
	margin: 0;
	border-right: 1px solid #ddd;
	padding-right: 0;
	width: 4%;
	font-weight: bold;
}

.panel.testes {
	
}

.panel.testes .list-group {
	
}

.list-group-item .icon {
	float: right;
	color: #bbb;
}

.panel.testes .list-group li {
	padding: 0;
}

.panel.testes .list-group li a {
	float: left;
	padding: 10px 20px;
	color: #888;
}

.panel.testes .list-group li a:hover {
	background-color: #fafafa;
}

.panel.testes .list-group li a label {
	margin: 0;
	font-weight: lighter;
}

.panel.testes .list-group li a h2 {
	margin: 1px 0 2px;
}

.panel.testes .list-group li a h2 .icon {
	color: #777;
	float: left;
	margin-right: 5px;
}

.panel.testes .list-group li a .caption {
	
}

/** Panel Lista de Capitulos **/
.lista-capitulo {
	margin-bottom: -2px;
}
.lista-capitulo .panel-heading {
	cursor:pointer;
}
.lista-capitulo .panel-heading:hover {
	    background-color: #eaeaea!important;
	}
.lista-capitulo:last-child {
	margin-bottom: 30px;
}

.lista-capitulo .panel-heading {
	border: none;
}

.lista-capitulo .panel-heading p {
	position: relative;
	right: 0;
	top: 0;
	margin: 0;
	width: 100%;
	float: left;
}

.lista-capitulo p label {
	float: left;
	margin: 0;
	font-weight: lighter;
}

.lista-capitulo .panel-heading h4 {
	margin: 0;
	max-width: 90%;
}

.lista-capitulo .icon {
	color: #b9b9b9;
	font-size: 40px;
}

.lista-capitulo .collapse-status {
	
}

.av-Ótimo {
	background-color: #408bca1f !important;
}

.av-Bom {
	background-color: #f19c2459 !important;
}

.av-Regular {
	background-color: #ba0f151c !important;
}

.panel-heading .accordion-toggle {
	right: 0;
	top: 0px;
	padding: 20px 20px;
	font-size: 20px;
	background: transparent;
	border: 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

.curriculum .list-group .text-crt {
	float: left;
}

.testes .list-group-item .icon i {
	font-size: 26px;
	margin-top: 2px;
}

.list-group-item .fa {
	font-size: 16px;
	margin-top: 2px;
}

.panel-heading .accordion-toggle:after {
	/* symbol for "opening" panels */
	font-family: 'FontAwesome'; /* essential for enabling glyphicon */
	content: "\f105"; /* adjust as needed, taken from bootstrap.css */
	float: right; /* adjust as needed */
	color: grey; /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
	/* symbol for "collapsed" panels */
	content: "\f107"; /* adjust as needed, taken from bootstrap.css */
}

.conteudo-capitulo {
	overflow: hidden;
}

.conteudo-capitulo h1 {
	
}

.conteudo-capitulo h1 .text-crt {
	float: left;
	font-size: 24px;
	margin-top: 10px;
	margin-right: 10px;
}

.conteudo-capitulo .col-md-12 {
	padding: 20px;
}

.conteudo-capitulo .col-md-12 p {
	color: #2d2d2d !important;
	line-height: 24px;
}

.conteudo-capitulo h1 {
    max-width: 82%;
}

.conteudo-capitulo .media-body {
	float: left;
	width: 100%;
}

.navbar-nav>li>.dropdown-menu {
	background-color: #DDD;
	box-shadow: none;
}

.conteudo-capitulo .media-right {
	float: left;
	width: 20%;
	position: absolute;
	right: 0;
	top: 15px;
	height: 20px;
}

.fa-422:before {
	content: "\f018";
}

.fa-452:before {
	content: "\f0fa";
}

.fa-437:before {
	content: "\f1b9";
}

.fa-445:before {
	content: "\f0c0";
}

.conteudo-capitulo .media-right .icon {
	margin-right: 10px;
	font-size: 20px;
}

.conteudo-capitulo .media-right .icon .fa-clock-o {
	font-size: 20px;
	color: #777;
}

.conteudo-capitulo .progress {
	height: 5px;
}

.cap-info {
	font-size: 14px !important;
	color: #969696 !important;
	margin-left: 70px;
	margin-top: 0px;
	display: block;
	z-index: 9999999999999999999999;
	position: absolute;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover,
	.navbar-default .navbar-nav>.open>a:focus {
	background-color: #e4e4e4;
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a * {
	cursor: pointer;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus
	{
	background-color: #e4e4e4;
}

.nav label {
	font-weight: lighter;
	margin-left: 10px;
}

.cap-info:hover {
	color: #2d2d2d !important;
}


.conteudo-capitulo .media-right legend {
	border: 0;
	width: auto;
	float: left;
	font-size: 14px;
	color: #555;
	margin-right: 10px;
}

.conteudo-capitulo .media-right .options {
	min-width: 50px;
	float: left;
}
.conteudo-capitulo .media-right .options .countdown { 
    float: left;
    width: auto;
    padding: 0;
    margin-right: 10px;
}

.conteudo-capitulo .media-right .options .countdown-row {
    font-size: 15px;
    padding: 0;
}

.conteudo-capitulo .media-right .options .countdown-section {
	
}

.conteudo-capitulo .media-right .options .countdown-section .countdown-amount {

}

.conteudo-capitulo .media-right .options .countdown-section .countdown-period {

}
.conteudo-capitulo .media-right .options a {
	float: left;
}

.conteudo-nav button {
	cursor: pointer;
	min-width: 110px;
}

.conteudo-nav button.disabled {
	opacity: 0.3;
}

.conteudo-nav button .icon {
	font-size: 30px;
	color: #999;
	height: 30px;
	line-height: 0;
	cursor: pointer;
}

.conteudo-nav button label {
	font-weight: lighter;
	text-align: left;
	margin-left: 5px;
	cursor: pointer;
	font-size: 10px;
}

.conteudo-nav button:hover .icon {
	color: #76C079;
}

.conteudo-nav button:hover {
	color: #444444;
	background-color: #efefef;
	border-color: #e7e7e7;
}

.pagination {
	display: block;
	margin: 0 auto;
	width: 100px;
	margin-top: 12px;
}

.pagination strong {
	float: left;
	font-size: 18px;
	margin-right: 10px;
}

.pagination .pipe {
	float: left;
	margin-right: 10px;
}

.pagination label {
	font-weight: lighter;
	font-size: 18px;
}

#indicadores .progressao {
	clear: both;
	display: block;
	margin: 0;
	height: 5px;
	overflow: hidden;
	width: 100%;
}

.indicadores {
	margin-top: 20px;
	margin-left: 10px;
	padding-bottom: 0;
}

#indicadores .row {
	border: 1px solid #efefef;
}

.text-display-1 {
	min-width: 120px;
}

.countdown {
	padding: 10px;
	border: none;
	width: 80%;
	float: left;
}

.indicadores .media {
	margin: 4px;
}

.s-container {
	margin: 4px;
}

.s-container .icon {
	padding: 2px;
}
/*.countdown:before {
    content: "\f017";
    font: normal normal normal 14px/1 FontAwesome;
    color: #757575;
    font-size: 30px;
    left: -6px;
    float: left;
    text-align: center;
    position: absolute;
    margin-left: 0;
}*/
.countdown-row {
	float: left;
	width: 100%;
	margin-top: 0;
}

.countdown-section {
	padding: 0;
}

.countdown-section .countdown-amount {
	float: left;
	height: 20px;
	width: 100%;
	color: #2d2d2d;
}

.countdown-section .countdown-period {
	float: left;
	width: 100%;
	height: 10px;
	line-height: 8px;
}

.indicadores .icon {
	font-size: 18px;
	color: #fff;
	margin: 10px 0px 10px 0;
	background-color: #bbb;
	padding-top: 3px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-align: center;
	line-height: 24px;
}

.radio, .checkbox {
	margin-bottom: 20px;
}

#perguntas .media-left .icon-block {
	border-radius: 50%;
}

.radio label::before {
	width: 22px;
	height: 22px;
	border: 1px solid #6f6f6f;
}

.radio label::after {
	width: 12px;
	height: 12px;
	left: 5px;
	top: 5px;
}

.radio label {
	color: #444;
	padding-left: 10px;
	font-size: 18px;
	line-height: 20px;
}

.indicadores .media-body div {
	margin-top: 15px;
}

.indicadores .media-left {
	padding-right: 0;
}

.indicadores .icon i {
	
}

.indicadores label {
	font-weight: lighter;
	color: #555;
	font-size: 12px;
	margin: 0;
	float: left;
	width: auto;
	height: 6px;
	width: 100%;
	line-height: 0;
}

.indicadores p {
	font-size: 20px;
	margin: 0;
	text-align: left;
}

.modal-content {
	margin-top: 25%;
	overflow: hidden;
}

.modal-header {
	display: none;
}

.modal-body {
	max-height: 400px;
	overflow-y: scroll;
	margin: 0;
	padding: 30px 40px;
	width: 103%;
}

.modal-body h4 {
	margin-top: 0;
}

.modal-body ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.modal-body ol li {
	float: left;
	background-color: #ddd;
	padding: 10px;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 10px;
	text-align: center;
	margin-right: 8px;
	margin-bottom: 10px;
}

.modal-body table {
	margin: 20px auto 0;
	text-align: left;
}

.modal-body h3 {
	line-height: 30px;
	text-align: center;
}

.modal-footer {
	text-align: center;
	margin: 5px;
	margin-top: 0;
}

.modal-body input[type="radio"], .modal-body input[type="checkbox"] {
	float: left;
	margin-right: 10px;
	width: 20px;
	height: 20px;
}

.modal-body label {
	font-size: 16px;
	font-weight: lighter;
	margin-top: 3px;
}

.info-fotografia {
	text-align: center; 
	font-size: 15px; 
	margin: 0 0 20px;
	margin-bottom: 10px;
}

@media ( max-width : 320px) {
	
	.info-fotografia {
		text-align: center; 
		font-size: 9px; 
		margin: 0 0 20px;
		margin-bottom: 0px;
	}
	
}	

@media ( max-width : 420px) {
	
	.info-fotografia {
		text-align: center; 
		font-size: 11px; 
		margin: 0 0 20px;
		margin-bottom: 5px;
	}
	
	.footer {
        text-align: left;
    	padding-left: 30px;}
	h1 {
		font-size: 30px;
	}
	.link {
	    width: 100%;
	    float: left;
	}
	.progressao.is-fixed {
	    width: 86%;
	    position: fixed;
	    top: 0;
	    background-color: #fff;
	    z-index: 9999999999;
	    padding: 10px;
	    margin: 0;
	    border-bottom: 1px solid #ddd;
	}
	.conteudo-capitulo .media-right {
		float: left;
		width: 100%;
		position: relative;
		right: 0;
		top: 0;
		clear: both;
		height: auto;
		margin-bottom: 0;
		padding: 0;
	}
	.conteudo-capitulo .media-right legend {
		margin-bottom: 0;
	}
	.conteudo-nav {
		position: fixed;
		bottom: 0;
		background: #efefef;
		border-top: 1px solid #ddd;
		width: 100%;
		margin: 0;
		padding: 0;
		left: 0px;
		z-index: 9999999999;
	}

	.conteudo-capitulo .media-right .options {
		min-width: 90px;
		float: right;
	}
	.conteudo-nav .col-md-2 {
		width: 20%;
		float: left;
		margin: 0;
	}
	.conteudo-nav .col-md-2:last-child {
		    float: right;
    margin-top: -36px;
	}
	.conteudo-nav .col-md-6 {
		    width: 40%;
    float: none;
    margin: 0 auto;
	}
	.conteudo-nav label {
		display: none;
	}
	.conteudo-nav button {
		min-width: 50px;
	    border: none;
     	margin: 0;
	}
	.conteudo-nav .pagination {
		width: 50px;
	}
	.conteudo-nav .pagination label {
		display: block;
	    min-width: 80px;
	}
	.navbar-nav li a {
		margin: 0;
	    width: 95%;}
	.aluno .media {
		position: relative;
	}
	.aluno .media-body {
		float: left;
		width: 100%;
	}
	.aluno .media-right {
		position: absolute;
		right: 0;
        bottom: 0;
	}
	.page-section.aluno .options {
		float: left;
		margin-left: 0;
		margin-top: 0;
		border-left: none;
		padding-left: 0;
	}
	.indicadores .col-md-2 {
		width: 40%;
		margin: 0;
		padding: 0;
		float: left;
	}
	/*.cover img, .page-section img {
		display:none;
	}*/
	
	
	.ui-wizard {
        margin: 0 !important;
	}
	.ui-wizard-step-title {
    	font-size: 11px !important;
    	padding:6px!important;
	}
	.btn {
    	margin-bottom: 10px;
	}
	.page-radius {
	    border-radius: 20px;
	    border: none;
	}
	
	.tolvnow-fixed-bottom-right {
	    
      bottom: 3px !important;
    right: 100px!important;
    position: fixed !important;
    width: 37px;
    z-index: 99999999999999999999!important;
    border-radius: 10px;
	}
	.progressao legend {
    	display: none;
    }
    .progressao h4 {
    	position: relative;
    }
    .panel-heading p {
    	display: none;
    }
    .panel-body {
    	padding: 0;
	}
	.panel.testes .list-group li a { 
		padding:0;
	}
	.panel-default > .panel-heading {
   	    padding-left: 0;
    	border: none!important;
	}
	.panel.testes .list-group li a h2 {
    	font-size: 16px;
	}
	paper-shadow.panel {
    	border: none!important;
	}
	.panel {
    	border: none;
	}
	.vlibras { display:none; }
	
}

@media ( min-width : 421px) and (max-width: 800px) {
	
	

}

@media ( min-width : 801px) and (max-width: 1280px) {
}

@media ( min-width : 1281px) {
}
.vlibras {
    position: fixed;
    right: -143px;
    top: 23px;
    width: 175px;
    height: 127px;
    z-index: 9999999999999999999;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.logo-vlibras {
    background: url(../../../resources/images/vlibras.jpg);
    position: relative!important;
    background-repeat: no-repeat!important;
    height: 32px!important;
    width: 32px!important;
    line-height: 0!important;
    padding: 0!important;
    right: -1px;
    border-radius: 3px 0 0 3px;
    background-color: #408bca;
    border: 1px solid #fff;
       background-position: 1px 0;
    float: left;
    cursor: pointer;
    z-index: 99999999;
    border-right: 1px solid #408bca;
}
.gif-vlibras p a {
	color:#fff!important;
	font-weight:bolder;
}
.gif-vlibras p a:hover {
	color:blue!important;
	background-color:transparent!important;
}
.gif-vlibras {
    position: relative;
    float: left;
    width: 143px;
    cursor: pointer;
    border-radius: 0 0 0 3px;
    background-color: #408bca;
    padding: 5px;
    margin-top: 1px;
}

.gif-vlibras img { 
    background: url(../../../resources/images/vlibras_gif.gif) no-repeat 0 0 #000;
    width: 132px;
    height: 116px;
    position: relative;
    float: left;
    border-radius: 0;
    padding: 0!important;
    border: none!important;
    padding: 0;
    display: block;
}
.gif-vlibras p { 
	float: left;
    line-height: 14px;
    color: #fff;
    text-align: center;
    margin-top: 5px;
    font-size: 12px;
} 

.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.colmd-center {
	float: none;  
	margin: 0 auto;
}

.orientacao-fotografia {
    border: inset;
    border-color: black;
}

.componente-camera {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    transform: scaleX(-1);
    text-align: center !important;
}

.botao-fotografia {
	padding-top: 2% !important;
	padding-bottom: 2% !important;
}

.fotografia-autorizada {
	width: 50%;
    height: 45%;
    margin: 0 auto;
}

@media print { .
	.page-section.aluno .acessibilidade {
		display: none !important;
	}
	table {
		width: 100% !important;
	}
	.conteudo-capitulo .media-right {
		display: none !important;
	}
	.conteudo-capitulo .media .media-right {
		display: none;
	}
	.conteudo-capitulo .media .media-right .options {
		display: none;
	}
	#tolvnow {
		display: none !important;
	}
	.conteudo-nav button {
		display: none !important;
	}
	.acessibilidade {
		display: none !important;
	}
	.media-right {
		display: none !important;
	}
	.navbar {
		display: none !important;
	}
	.page-section .aluno {
		display: block;
	}
	.container .page-section .col-md-4 {
		display: none !important;
	}
	.page-section.aluno .options {
		display: none;
	}
}