﻿/* PORTAL APRENDERE - ÁREA PÚBLICA */

@font-face {
	font-family: 'Asap-Bold';
	src: url('../font/Asap-Bold.eot');
	src: url('../font/Asap-Bold.eot?#iefix') format('embedded-opentype'), url('../font/Asap-Bold.woff') format('woff'), url('../font/Asap-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'RobotoRegular';
	src: url('../font/Roboto-Regular.eot');
	src: url('../font/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../font/Roboto-Regular.woff') format('woff'), url('../font/Roboto-Regular-ttf.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RobotoLight';
	src: url('../font/Roboto-Light.eot');
	src: url('../font/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../font/Roboto-Light.woff') format('woff'), url('../font/Roboto-Light-ttf.ttf') format('truetype');
	font-weight: lighter;
	font-style: normal;
}

@font-face {
	font-family: 'RobotoMedium';
	src: url('../font/Roboto-Medium.eot');
	src: url('../font/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../font/Roboto-Medium.woff') format('woff'), url('../font/Roboto-Medium-ttf.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RobotoBold';
	src: url('../font/Roboto-Bold.eot');
	src: url('../font/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../font/Roboto-Bold.woff') format('woff'), url('../font/Roboto-Bold-ttf.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html,
body {
	height: 100%;
	min-height: 100%;
	overflow-x: hidden;
}

	body .portal-pmc-topo-padrao-principal {
		position: relative;
		z-index: 3;
	}

a {
	color: #2c9447;
}

	a:hover {
		color: #0c5d21;
	}

h2 {
	color: #fff;
	font-family: "RobotoMedium";
	font-size: 28px;
	text-transform: uppercase;
}

h3 {
	color: #2c9447;
	font-family: "RobotoRegular";
	margin-bottom: 30px;
	margin-top: 0;
}

.panel {
	border: none;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}

.form-group.sem-linha {
	margin-bottom: 46px;
}

.form-group .form-control {
	background: white;
	padding: 22px 10px;
}

.form-group label.radio-inline {
	text-transform: none;
	font-family: "RobotoRegular";
}

.form-group span.select2-container {
	background: #fff;
	padding: 5px 0 5px 10px;
}

.form-group.margin-b0 {
	border-bottom: none;
	margin-bottom: 0;
}

.margin-none {
	margin: 0px;
}

.padding-none {
	padding-left: 0;
	padding-right: 0;
}

.margin-top-negativo {
	margin-top: -110px;
}

.margin-t10 {
	margin-top: 10px;
}

.margin-t15 {
	margin-top: 15px;
}

.margin-t20 {
	margin-top: 20px;
}

.margin-t30 {
	margin-top: 30px;
}

.margin-b10-negativo {
	margin-bottom: -10px !important;
}

.margin-b0 {
	margin-bottom: 0px;
}

.margin-b15 {
	margin-bottom: 15px;
}

.margin-b20 {
	margin-bottom: 20px;
}

.margin-b100 {
	margin-bottom: 100px;
}

.margin-l15 {
	margin-left: 15px;
}

.pading-t25 {
	padding-top: 25px;
}

.margin-r0 {
	margin-right: 0px;
}

.margin-r10 {
	margin-right: 10px;
}

.margin-r20 {
	margin-right: 20px;
}

.margin-r50 {
	margin-right: 50px;
}

.sem-margin {
	margin-left: -20px;
	margin-right: -20px;
}

.btn {
	text-transform: uppercase;
}

.btn-primary {
	background-color: #a0c41c;
	color: #ffffff;
	opacity: 1 !important;
	padding: 10px 15px;
}

	.btn-primary:hover,
	.btn-primary.focus,
	.btn-primary:focus,
	.btn-primary:active,
	.btn-primary.active {
		background-color: #2c9447;
		color: #fff;
	}

.btn-secundary {
	background-color: #2c9447;
	border: none;
	color: #ffffff;
	padding: 10px 15px;
}

	.btn-secundary:hover {
		background: #0c5d21;
		color: #a0c41c;
	}

.btn-terciary {
	border: 1px solid #ffffff;
	color: #ffffff;
	padding: 10px 15px;
}

	.btn-terciary:hover,
	.btn-terciary:focus {
		background-color: #ffffff;
		color: #2c9447;
	}

.btn-quaternary {
	background-color: #ffffff;
	border: 1px solid #2c9447;
	color: #2c9447;
	padding: 10px 15px;
}

	.btn-quaternary:hover,
	.btn-quaternary:focus {
		background-color: #2c9447;
		color: #ffffff;
	}

.btn-buscar-cep {
	position: absolute;
	top: 20px;
	right: 15px;
}

.btn-buscar-matricula {
	position: absolute;
	top: 20px;
	right: 15px;
}

.btn.tag-encerrada {
	background: #f55050;
	border-radius: 0;
	cursor: auto;
}

	.btn .tag-encerrada:hover,
	.btn.tag-encerrada:focus,
	.btn.tag-encerrada:active,
	.btn.tag-encerrada:active:hover {
		background: #f55050;
	}

span.custom-icone {
	background-color: #2c9447;
	border-radius: 50px;
	color: #ffffff;
	display: inline-block;
	padding: 6px 10px;
}

.table {
	border: none;
}

	.table thead tr th {
		color: #2c9447;
	}

/* === CUSTOMIZAÇÃO FRAMEWORK ==== */

body .radio .check,
body label.radio-inline .check,
body .radio input[type=radio]:checked ~ .check,
body label.radio-inline input[type=radio]:checked ~ .check,
body .progress .progress-bar,
body .rangeslider__fill,
body .rangeslider__handle,
body .dropzone .dz-preview .dz-success-mark,
body .dropzone .dz-preview .dz-progress .dz-upload,
body .dropzone-previews .dz-preview .dz-success-mark {
	background-color: #2c9447;
}

body .checkbox input[type="checkbox"]:checked + span span,
body label.checkbox-inline input[type="checkbox"]:checked + span span,
body .pagination > li > a:focus,
body .pagination > li > span:focus,
body .icones span:hover,
body .icones span.ativo,
body .form-group.focus label {
	border-color: #2c9447;
	color: #2c9447;
}

body .form-group::before,
body .cke::before,
body .dropzone::before,
body .radio-inline .circle::before {
	background: #2c9447;
}

body .radio input[type=radio]:checked ~ .circle,
body label.radio-inline input[type=radio]:checked ~ .circle,
body .caixa-serrilhada,
body .select2-dropdown,
body .select-multiplo :focus,
body .radio .circle,
body label.radio-inline .circle {
	border-color: #2c9447;
}

body .checkbox input[type="checkbox"]:checked + span span::before,
body label.checkbox-inline input[type="checkbox"]:checked + span span::before {
	color: #2c9447;
}

body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: #2c9447 transparent transparent;
}


.datepicker table tr th.dow {
	color: #2c9447;
}

body .datepicker table tr td.active.active,
body .datepicker table tr td.active.highlighted.active,
body .datepicker table tr td.active.highlighted:active,
body .datepicker table tr td.active:active {
	background-color: #a0c41c;
	border-color: #a0c41c;
}

	.datepicker table tr td span.active.active,
	body .datepicker table tr td span.active.disabled.active,
	body .datepicker table tr td span.active.disabled:active,
	body .datepicker table tr td span.active.disabled.active:hover,
	body .datepicker table tr td span.active.disabled:hover:active,
	body .datepicker table tr td span.active:active,
	body .datepicker table tr td span.active.active:hover,
	body .datepicker table tr td span.active:hover:active,
	body .datepicker table tr td.active.active.focus,
	body .datepicker table tr td.active.active:focus,
	body .datepicker table tr td.active.active:hover,
	body .datepicker table tr td.active.highlighted.active.focus,
	body .datepicker table tr td.active.highlighted.active:focus,
	body .datepicker table tr td.active.highlighted.active:hover,
	body .datepicker table tr td.active.highlighted.focus:active,
	body .datepicker table tr td.active.highlighted:active:focus,
	body .datepicker table tr td.active.highlighted:active:hover,
	body .datepicker table tr td.active.focus:active,
	body .datepicker table tr td.active:active:focus,
	body .datepicker table tr td.active:active:hover {
		background-color: #a0c41c !important;
		border-color: #a0c41c !important;
	}

body .select2-container--default .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #2c9447;
}

body .radio input[type="radio"]:checked ~ .circle,
body label.radio-inline input[type="radio"]:checked ~ .circle,
body .caixa-serrilhada,
body .select2-dropdown,
body .select-multiplo :focus,
body .radio .circle,
body label.radio-inline .circle {
	border-color: #2c9447;
}

body .btn-primary.active.focus,
body .btn-primary.active:focus,
body .btn-primary.active:hover,
body .btn-primary:active.focus,
body .btn-primary:active:focus,
body .btn-primary:active:hover,
body .open > .dropdown-toggle.btn-primary.focus,
body .open > .dropdown-toggle.btn-primary:focus,
body .open > .dropdown-toggle.btn-primary:hover .box-shadow {
	background-color: #2c9447;
}

body .btn-secundary.focus,
body .btn-secundary:focus,
body .btn-default {
	background: #0c5d21;
	color: #a0c41c;
}

.tag-acoes {
	display: inline-block;
	list-style: none;
	right: -15px;
	position: absolute;
	top: -30px;
	width: auto;
}

	.tag-acoes li {
		color: #ffffff;
		display: inline-block;
		font-family: "RobotoMedium";
		font-size: 12px;
		padding: 5px 10px;
		margin-left: 5px;
		text-transform: uppercase;
		width: auto;
	}

		.tag-acoes li.interesse {
			background-color: #f6d600;
			color: #3e3e3e;
		}

		.tag-acoes li.espera {
			background-color: #ff8810;
		}

		.tag-acoes li.inscrito {
			background-color: #a0c41c;
			border: 1px solid #a0c41c;
			color: #3e3e3e;
		}

		.tag-acoes li.pre-inscrito {
			background-color: #119bc3;
		}

ul.lista-temas {
	padding: 15px 55px 0;
}

	ul.lista-temas li {
		display: inline-block;
		margin-bottom: 15px;
	}

		ul.lista-temas li a.item-tema {
			border: 2px solid #a0c41c;
			color: #fff;
			display: inline-block;
			margin: 0 5px;
			padding: 10px 20px;
			text-decoration: none;
			text-transform: uppercase;
			transition: all .3s;
		}

			ul.lista-temas li a.item-tema:hover {
				background-color: #a0c41c;
				color: #383838;
			}

.collapse.in,
.collapsing {
	border: 1px solid #2c9447;
	margin-bottom: 25px;
}

.bg-abstract p {
	color: #ffffff;
}

nav.navbar {
	border: none;
	border-radius: 0;
	margin-bottom: 0;
	position: relative;
	z-index: 2;
}

	nav.navbar .collapse.navbar-collapse {
		padding: 10px 0;
	}

	nav.navbar .navbar-nav > li {
		margin-left: 15px;
	}

	nav.navbar .navbar-header h1 {
		background: #f8f8f8;
		display: inline-block;
		margin: 0;
		padding: 5px 5px 10px;
		position: absolute;
		top: -3px;
	}

		nav.navbar .navbar-header h1 a {
			color: #2c9447;
			font-family: 'Asap-Bold';
			font-size: 36px;
			padding-right: 0;
			text-decoration: none;
			text-transform: uppercase;
		}

	nav.navbar .nav.navbar-nav {
		margin-right: 0;
		position: relative;
	}

		nav.navbar .nav.navbar-nav:after {
			bottom: -65px;
			content: "Cadastre-se e realize inscrição para cursos ofertados pela Prefeitura de Curitiba";
			color: #fff;
			font-size: 14px;
			height: 30px;
			opacity: 0.8;
			position: absolute;
			right: 0;
			text-align: right;
			width: 45%;
		}

.modal .modal-content {
	background-color: #f1f1f1;
}

.modal .modal-header {
	border-bottom: none;
	background-color: #3e3e3e;
	color: #ffffff;
	font-size: 18px;
	font-family: "RobotoMedium";
	text-transform: uppercase;
}

	.modal .modal-header .close {
		color: #ffffff;
	}

.modal .modal-body .panel-default > .panel-heading {
	background-color: #fff;
	border-left: 5px solid #2c9447;
	color: #2c9447;
	font-size: 18px;
	font-family: "RobotoMedium";
	padding: 18px 22px;
}

	.modal .modal-body .panel-default > .panel-heading.margin-b0 {
		margin-bottom: 0px;
	}

.modal .confirmacao-inscricao .btn {
	padding: 10px 55px;
}


/* stroke - hover menu */
.nav.navbar-nav li a {
	color: #ffffff;
	font-family: 'RobotoRegular';
	font-size: 16px;
	padding: 10px 5px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
}

	.nav.navbar-nav li a.btn:after {
		height: 0px;
	}

	.nav.navbar-nav li a,
	.nav.navbar-nav li a:after,
	.nav.navbar-nav li a:before {
		transition: all .5s;
	}

		.nav.navbar-nav li a:hover {
			background: transparent;
			color: #a0c41c;
		}

		.nav.navbar-nav li a:after {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			width: 0%;
			content: '.';
			color: transparent;
			background: #a0c41c;
			height: 1px;
		}

		.nav.navbar-nav li a:hover:after {
			width: 100%;
		}

		.nav.navbar-nav li a.btn {
			margin-left: 5px;
			padding: 10px 15px;
		}

			.nav.navbar-nav li a.btn.btn-primary:hover {
				background-color: #75a10c;
			}

			.nav.navbar-nav li a.btn.btn-terciary:hover,
			.nav.navbar-nav li a.btn.btn-terciary:focus {
				background-color: #ffffff;
				color: #2c9447;
			}


nav.navbar img {
	position: absolute;
	right: -5px;
	top: -55px;
	z-index: 0;
}

/* Banner */
.owl-carousel.owl-banner:after {
	content: "";
	display: block;
	position: absolute;
	width: 8%;
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: 0;
	pointer-events: none;
	background: url() no-repeat center 50%;
	background-size: 100% auto;
}

.owl-banner .owl-stage {
	min-width: 100%;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.owl-banner .owl-item {
	/*-webkit-backface-visibility: hidden;
	-webkit-transform: translate(0) scale(1.0, 1.0);*/
}

.owl-banner .item {
	/*opacity: 0.4;
	transition: .4s ease all;
	transform: scale(.6);*/
}

	.owl-banner .item img {
		display: block;
		min-width: 100%;
		width: auto;
		height: auto;
	}

.owl-banner .active .item {
	display: block;
	width: 100%;
	height: auto;
	opacity: 1;
	transform: scale(1);
}

.owl-banner.owl-theme .owl-controls {
	margin-top: 10px;
	text-align: center;
}

.owl-banner.owl-theme .owl-dots {
	position: absolute;
	width: 100%;
	bottom: 120px;
	text-align: center;
}

	.owl-banner.owl-theme .owl-dots .owl-dot {
		display: inline-block;
	}

		.owl-banner.owl-theme .owl-dots .owl-dot span {
			background: transparent none repeat scroll 0 0;
			border: 1px solid #fff;
			border-radius: 20px;
			display: block;
			height: 10px;
			margin: 0px 8px;
			transition: opacity 200ms ease 0s;
			width: 10px;
		}

		.owl-banner.owl-theme .owl-dots .owl-dot.active span,
		.owl-banner.owl-theme .owl-dots .owl-dot:hover span {
			background: #fff none repeat scroll 0 0;
		}

/* Carousel - Cursos */
.owl-cursos .thumbnail {
	border-radius: 0;
	border-bottom: 5px solid #a0c41c;
	margin: 0 15px 35px;
	padding: 15px;
}

	.owl-cursos .thumbnail.box-curso .altura-titulo {
		min-height: 80px;
	}

.owl-cursos .btn-primary {
	background-color: #2c9447;
	color: #fff;
	margin-top: 15px;
	text-transform: uppercase;
	width: 100%;
}

.owl-cursos .owl-nav {
	display: inline-block;
}

	.owl-cursos .owl-nav .owl-prev,
	.owl-cursos .owl-nav .owl-next {
		background: #272727;
		border-radius: 50%;
		display: inline-block;
		padding: 20px 28px;
		position: absolute;
	}

	.owl-cursos .owl-nav i {
		display: inline-block;
		color: #FFF;
		width: 27px;
		height: 27px;
		opacity: 1;
		background-image: url('../Imagens/spriteArrows.png');
		background-repeat: no-repeat;
	}

		.owl-cursos .owl-nav i > .arrowLeft {
			background-position: 20px 0;
			background-color: #FF00FF;
		}

	.owl-cursos .owl-nav .owl-next i {
		width: 16px;
		background-position: -16px 0px;
	}

	.owl-cursos .owl-nav .owl-prev i {
		width: 16px;
		background-position: 0px 0px;
	}

	.owl-cursos .owl-nav .owl-prev {
		left: -90px;
		top: 30%;
	}

	.owl-cursos .owl-nav .owl-next {
		right: -90px;
		top: 30%;
	}


.thumbnail.box-curso.position-tag {
	position: relative;
}

	.thumbnail.box-curso.position-tag .tag-acoes {
		top: -15px;
	}

.thumbnail.box-curso .label {
	background-color: #a0c41c;
	border-radius: 0;
	color: #000;
	font-family: "RobotoMedium";
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}

.thumbnail.box-curso h4 {
	color: #313131;
	font-family: "RobotoMedium";
	margin-bottom: 0;
	font-size: 16px;
}

.thumbnail.box-curso span.inscricoes {
	color: #6d6d6d;
	font-size: 12px;
}

.thumbnail.box-curso ul.lista-detalhes {
	display: flex;
	padding: 0;
}

	.thumbnail.box-curso ul.lista-detalhes li {
		background: #f5f5f5;
		display: inline-block;
		padding: 5px;
		margin-right: 10px;
		width: 32%;
	}

		.thumbnail.box-curso ul.lista-detalhes li span {
			color: #313131;
		}

			.thumbnail.box-curso ul.lista-detalhes li span:first-child {
				color: #2c9447;
				display: inline-block;
				font-family: "RobotoBold";
				font-size: 12px;
				text-transform: uppercase;
				width: 100%;
			}

.thumbnail.box-contato {
	padding: 15px;
}

	.thumbnail.box-contato h2 {
		color: #2c9447;
	}

	.thumbnail.box-contato h3 {
		margin-top: 20px;
	}

	.thumbnail.box-contato h4 {
		margin-bottom: 5px;
	}

	.thumbnail.box-contato .box-sobre {
		border: 1px solid #e6e6e6;
		margin-bottom: 20px;
		padding: 15px;
	}

		.thumbnail.box-contato .box-sobre h5 {
			font-size: 16px;
		}

		.thumbnail.box-contato .box-sobre p {
			color: #777;
			margin-bottom: 5px;
		}

	.thumbnail.box-contato.box-ead {
		margin-bottom: 50px;
	}

		.thumbnail.box-contato.box-ead ul li {
			border-bottom: 1px solid #ccc;
			padding-bottom: 25px;
		}

			.thumbnail.box-contato.box-ead ul li:last-child {
				border-bottom: none;
			}

.thumbnail.box {
	box-shadow: 0px 9px 9px 1px rgba(0, 0, 0, 0.15);
	border-top: 5px solid #a0c41c;
	border-radius: 0 0 4px 4px;
	padding: 25px;
	position: relative;
	z-index: 2;
}

.thumbnail h3 {
	color: #272727;
	font-family: 'RobotoMedium';
	font-size: 18px;
	margin: 0;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.thumbnail img {
	margin-bottom: 20px;
}

.bg-abstract {
	background-color: #383838;
	margin-top: -80px;
	padding-bottom: 35px;
	padding-top: 80px;
}

.item-tema.hover {
	background-color: #a0c41c;
	color: #383838;
}

.section-cadastro {
	background-image: url("../Imagens/bg-cadastrar.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	padding-bottom: 135px;
	padding-top: 150px;
	position: relative;
}

	.section-cadastro::before {
		background-image: url(../Imagens/abstract-cursos.svg);
		background-repeat: no-repeat;
		background-size: cover;
		content: "";
		height: 40%;
		left: 0;
		position: absolute;
		top: -1px;
		width: 100%;
	}

	.section-cadastro p {
		color: #fff;
		font-size: 18px;
		margin-bottom: 35px;
		text-shadow: 2px 5px 5px rgba(0,0,0,0.35);
	}

	.section-cadastro .btn-primary {
		box-shadow: 2px 5px 5px rgba(0,0,0,0.35);
		padding: 10px 50px;
	}

footer.fixed-bottom {
	bottom: 0;
	position: absolute;
	width: 100%;
}

.footer {
	display: inline-block;
	position: relative;
	width: 100%;
}

	.footer:after {
		background-image: url('../Imagens/bg-green.svg');
		background-repeat: no-repeat;
		background-position: bottom left;
		bottom: -13px;
		content: "";
		height: 200px;
		left: 0;
		position: absolute;
		width: 75%;
	}

	.footer ul.nav {
		bottom: 8px;
		left: 20px;
		position: absolute;
		z-index: 1;
	}

		.footer ul.nav.navbar-nav > li {
			margin-right: 15px;
		}

	.footer img {
		float: right;
		width: 170px;
		padding: 20px 25px 10px 25px;
	}

	.footer.sem-margin {
		margin: 0;
	}

.titulo {
	align-items: center;
	background-color: #3e3e3e;
	border-left: 5px solid #a0c41c;
	display: flex;
	height: 105px;
	margin: 0 0 55px 0;
	padding: 0px 20px;
}

	.titulo h1 {
		color: #fff;
		margin: 0;
		padding: 0;
	}

	.titulo.sem-margin {
		margin: 0;
	}

.filtros {
	background-color: #a0c41c;
	display: inline-block;
	padding-top: 35px;
	width: 100%;
}

	.filtros .form-group label {
		font-family: "RobotoBold";
		text-transform: uppercase;
	}

	.filtros ul.lista-temas {
		padding: 0px;
	}

		.filtros ul.lista-temas li a.item-tema {
			border: 2px solid #ffffff;
		}

			.filtros ul.lista-temas li a.item-tema:hover {
				background-color: #ffffff;
				color: #a0c41c;
			}

	.filtros .btn.btn-search {
		position: absolute;
		bottom: 0px;
		right: 0;
		padding: 11px 25px;
		background-color: #3e3e3e;
		color: #fff;
		border-radius: 0;
	}

	.filtros .btn.btn-busca-avancada {
		color: #3e3e3e;
		margin-bottom: 15px;
		text-decoration: underline;
		text-transform: uppercase;
	}

		.filtros .btn.btn-busca-avancada:active {
			box-shadow: none;
		}

		.filtros .btn.btn-busca-avancada:hover {
			color: #2c9447;
			font-family: "RobotoBold";
		}

body .filtros label.radio-inline .check,
body .filtros label.radio-inline input[type="radio"]:checked ~ .check {
	background: #ffffff;
}

body .filtros label.radio-inline input[type="radio"]:checked ~ .circle,
body .filtros label.radio-inline .circle,
body .filtros label.radio-inline .circle {
	border-color: #ffffff;
}



.owl-temas:after {
	background-image: linear-gradient(to right, #ff000000, #a0c41c);
	content: "";
	height: 70px;
	position: absolute;
	right: 0;
	width: 65px;
	top: -13px;
}

.owl-temas a.item-tema {
	border: 2px solid #ffffff;
	color: #fff;
	display: inline-block;
	margin: 0 5px;
	padding: 5px 10px;
	text-decoration: none;
	text-transform: uppercase;
	transition: all .3s;
}

	.owl-temas a.item-tema:hover,
	.owl-temas a.item-tema.hover {
		background-color: #ffffff;
		color: #a0c41c;
	}

.nenhum-curso {
	display: none;
	text-align: center;
	margin: 50px;
}

.lista-cursos span.resultado-cursos {
	background-color: #3e3e3e;
	color: #fff;
	display: inline-block;
	padding: 10px 15px;
	position: absolute;
	right: 5px;
	top: -30px;
}

.lista-cursos .thumbnail.box-curso ul.lista-detalhes li {
	width: 12%;
}

	.lista-cursos .thumbnail.box-curso ul.lista-detalhes li.publico-alvo {
		width: 350px;
	}

.lista-cursos .thumbnail.box-curso ul.lista-detalhes {
	margin-top: 5px;
}

	.lista-cursos .thumbnail.box-curso ul.lista-detalhes.li-100 {
		display: inline-block;
	}

		.lista-cursos .thumbnail.box-curso ul.lista-detalhes.li-100 li {
			margin-bottom: 10px;
			width: 100%;
		}

.lista-cursos .thumbnail.box-curso {
	border-radius: 0;
	border-bottom: 5px solid #3e3e3e;
	margin-bottom: 35px;
	padding: 15px;
}

	.lista-cursos .thumbnail.box-curso .panel {
		box-shadow: none;
		position: relative;
	}

		.lista-cursos .thumbnail.box-curso .panel .panel-heading {
			background: none;
			border: none;
			padding: 0;
		}

			.lista-cursos .thumbnail.box-curso .panel .panel-heading .botoes {
				position: absolute;
				right: 50px;
				top: 12px;
			}

	.lista-cursos .thumbnail.box-curso .panel-group {
		margin-bottom: 0px;
	}

	.lista-cursos .thumbnail.box-curso a.accordion-turma {
		text-decoration: none;
		color: #3e3e3e;
		display: inline-block;
		width: 100%;
	}

		.lista-cursos .thumbnail.box-curso a.accordion-turma ul.lista-detalhes {
			margin-right: 175px;
		}

		.lista-cursos .thumbnail.box-curso a.accordion-turma span.glyphicon {
			background: #3e3e3e;
			padding: 10px;
			border-radius: 50px;
			color: #fff;
		}

	.lista-cursos .thumbnail.box-curso.box-turma {
		border-bottom: 1px solid #ddd;
		border-left: 5px solid #2c9447;
	}

	#tabsLogin .panel-body {
		width:95%;
		padding-left: 13%;
		margin-bottom: 10%;
	}

	.tab-content{
		width:95%;
	}

		.lista-cursos .thumbnail.box-curso.box-turma .panel-body {
			padding: 0;
		}

			.lista-cursos .thumbnail.box-curso.box-turma .panel-body table.table {
				border: none;
			}

				.lista-cursos .thumbnail.box-curso.box-turma .panel-body table.table > tbody > tr:nth-of-type(odd) {
					background-color: #f0f0f0;
				}

				.lista-cursos .thumbnail.box-curso.box-turma .panel-body table.table > thead > tr > th {
					background-color: #3e3e3e;
					border: none;
					color: #ffffff;
					padding: 15px;
				}

		.lista-cursos .thumbnail.box-curso.box-turma .collapse.in,
		.lista-cursos .thumbnail.box-curso.box-turma .collapsing {
			border: none;
		}

/* === Lista de participantes/fila de espera === */
.page-participantes-curso .btn-imprimir {
	float: right;
	margin-top: 15px;
	margin-right: 20px;
}


/* === LOGIN === */

.d-flex {
	display: flex;
}

.m-auto {
	margin: auto;
}

.asp-controller-inicio{
	padding-right:10%;
}

.page-login .panel.with-nav-tabs.margin-b0 {
	margin-bottom: 0px;
}

.page-login {
	margin-bottom: 15px;
	padding: 0;
	/*width: 50%;*/
}

	.page-login .panel-heading {
		background-color: #a0c41c;
		margin-bottom: 15px;
		padding: 0;
	}

	.page-login .panel-heading ul.nav-tabs {
		border: none;
		}

		.page-login .panel-heading ul.nav-tabs li {
			cursor: pointer;
			margin-bottom: 0;
			text-align: center;
			width: 33.333333%;
		}
		.page-login .panel-heading ul.nav-tabs.nav2 li {
			width: 50%;
		}
			.page-login .panel-heading ul.nav-tabs li a {
				border: none;
				border-radius: 0;
				color: #ffffff;
				font-size: 18px;
				margin-right: 0px;
				padding: 20px;
				text-decoration: none;
			}

			.page-login .panel-heading ul.nav-tabs li.active a {
				background-color: #82a20b;
			}

			.page-login .panel-heading ul.nav-tabs li a:focus,
			.page-login .panel-heading ul.nav-tabs li a:hover {
				background-color: #82a20b;
			}

			.page-login .panel-heading ul.nav-tabs li.active::before {
				background-color: #82a20b;
				bottom: -9px;
				content: "";
				height: 20px;
				margin-left: -10px;
				position: absolute;
				transform: rotate(45deg);
				width: 20px;
				z-index: 2;
			}

	.page-login .panel-heading.child {
		background-color: #e1e1e1;
		margin-bottom: 0;
	}

		.page-login .panel-heading.child ~ .panel-body {
			border: 1px solid #e1e1e1;
			padding-top: 35px;
		}

		.page-login .panel-heading.child ul.nav-tabs li a {
			color: #313131;
			font-size: 14px;
			padding: 15px;
			text-transform: uppercase;
		}

		.page-login .panel-heading.child ul.nav-tabs li.active a {
			background-color: #cbcbcb;
		}

		.page-login .panel-heading.child ul.nav-tabs li a:focus,
		.page-login .panel-heading.child ul.nav-tabs li a:hover {
			background-color: #cbcbcb;
		}

		.page-login .panel-heading.child ul.nav-tabs li.active::before {
			background-color: #cbcbcb;
		}


		.page-login .panel-heading.child ul.nav-tabs.nav3 li {
			width: 33.3%;
		}

.page-login .form-group label {
	font-family: "RobotoRegular";
	text-transform: none;
}

.panel-login .form-group .input-group #inputLogin[readonly] {
	cursor: not-allowed;
}

.page-login .info-login {
	/*color: #aaaaaa;
	display: inline-block;
	font-size: 12px;*/

	color: #000;
	display: inline-block;
	font-size: 12px;
}

/* === CADASTRO === */
.page-cadastro .panel-default > .panel-heading {
	background-color: #fff;
	border-left: 5px solid #a0c41c;
	color: #a0c41c;
	font-size: 18px;
	font-family: "RobotoMedium";
	padding-left: 15px;
}

.page-cadastro ul.list-tema-interesse {
	list-style: none;
	padding: 0;
	margin-bottom: 0px;
	display: inline-block;
}

	.page-cadastro ul.list-tema-interesse li {
		float: left;
		margin-bottom: 10px;
		margin-right: 10px;
		width: auto;
	}

		.page-cadastro ul.list-tema-interesse li a {
			border: 2px solid #2c9447;
			border-radius: 15px;
			color: #2c9447;
			display: inline-block;
			padding: 5px 10px;
			text-decoration: none;
		}

			.page-cadastro ul.list-tema-interesse li a:hover {
				background-color: #2c9447;
				color: #ffffff;
			}

			.page-cadastro ul.list-tema-interesse li a.hover {
				background-color: #2c9447;
				color: #ffffff;
				position: relative;
			}

				.page-cadastro ul.list-tema-interesse li a.hover::after {
					position: absolute;
					content: "X";
					background: #3e3e3e;
					padding: 3px 7px;
					top: -8px;
					font-size: 8px;
					border-radius: 10px;
				}


/* === RESPONSIVE === */
@media screen and (max-height: 900px) {
	footer.fixed-bottom {
		position: inherit;
	}
}

@media only screen and (max-width: 1415px) {
	nav .navbar img {
		right: -15%;
	}
}

@media only screen and (max-width: 1375px) {
	nav.navbar img {
		right: -165px;
	}
}

@media only screen and (max-width: 1200px) {
	.margin-top-negativo {
		margin-top: 35px;
	}

	nav.navbar img {
		right: -255px;
	}

	.owl-banner.owl-theme .owl-dots {
		bottom: 10px;
	}
}

@media only screen and (max-width: 1215px) {
	nav.navbar .navbar-header h1 {
		z-index: 1;
		left: 0;
	}
}

@media only screen and (max-width: 1090px) {
	.navbar-header {
		display: inline-block;
		width: 100%;
	}

	nav.navbar {
		background-color: #2c9447;
	}

		nav.navbar img {
			display: none;
		}

		nav.navbar .navbar-header h1 {
			left: 0;
			margin: 10px 0;
			padding: 0 20px;
			position: relative;
			top: 0;
			width: 100%;
			z-index: 0;
		}

			nav.navbar .navbar-header h1 a {
				text-align: center;
				width: 100%;
			}

		nav.navbar .nav.navbar-nav:after {
			content: "";
			height: 0px;
			width: 0px;
		}

		nav.navbar .navbar-nav > li {
			margin-left: 5px;
		}

	.nav.navbar-nav li a.btn:last-child {
		margin-left: 15px;
	}

	.owl-banner.owl-theme .owl-dots {
		bottom: 10px;
	}
}

@media only screen and (max-width: 991px) {
	.collapse.in,
	.collapsing {
		border: 1px solid #2c9447;
		margin-bottom: 25px;
		border-width: 1px 0 0 0;
		border-color: #2c9447;
	}

	.lista-cursos .thumbnail.box-curso ul.lista-detalhes li,
	.lista-cursos .thumbnail.box-curso ul.lista-detalhes li.publico-alvo {
		width: auto;
	}

	footer.fixed-bottom {
		position: inherit;
	}

	.thumbnail.box img {
		width: 38%;
	}
}

@media only screen and (max-width: 767px) {
	nav.navbar .navbar-header h1 {
		width: auto;
	}

		nav.navbar .navbar-header h1 a {
			padding: 15px 0;
		}

	nav.navbar .navbar-toggle {
		border-color: #fff;
		margin: 20px 15px;
		right: -35px;
	}

		nav.navbar .navbar-toggle.navbar-toggle:focus,
		nav.navbar .navbar-toggle.navbar-toggle:hover {
			background-color: #fff;
			border-color: #2c9447;
		}

		nav.navbar .navbar-toggle .icon-bar {
			background-color: #fff;
		}

		nav.navbar .navbar-toggle.navbar-toggle:focus .icon-bar,
		nav.navbar .navbar-toggle.navbar-toggle:hover .icon-bar {
			background-color: #2c9447;
		}


	nav.navbar .nav.navbar-nav {
		overflow: hidden;
		padding: 0;
		margin: 0 0 0 5px;
	}

	nav.navbar .navbar-nav > li {
		margin-top: 15px;
		text-align: center;
	}

		nav.navbar .navbar-nav > li.li-botao {
			float: left;
			width: 45%;
		}

			nav.navbar .navbar-nav > li.li-botao:last-child {
				margin-left: 45px;
			}

	.nav.navbar-nav li a.btn,
	.nav.navbar-nav li a.btn:last-child {
		margin-left: 0px;
	}

	.owl-banner.owl-theme .owl-dots {
		display: none;
	}

	.lista-cursos .thumbnail.box-curso ul.lista-detalhes {
		display: inline-block;
		margin-top: 15px;
		width: 100%;
	}

	.lista-cursos .thumbnail.box-curso a.accordion-turma span.glyphicon {
		border-radius: 0 0 0 10px;
		position: absolute;
		right: -15px;
		top: -30px;
	}

	.lista-cursos .thumbnail.box-curso .panel .panel-heading .botoes {
		margin-bottom: 20px;
		position: initial;
		text-align: right;
	}

	.lista-cursos .thumbnail.box-curso ul.lista-detalhes li,
	.lista-cursos .thumbnail.box-curso ul.lista-detalhes li.publico-alvo {
		width: 100%;
		margin-bottom: 10px;
	}

	.lista-cursos span.resultado-cursos {
		background-color: #ffffff;
		border: 3px solid #a0c41c;
		color: #a0c41c;
		position: relative;
		right: 0;
		text-align: center;
		top: -15px;
		width: 100%;
	}

	.footer:after {
		background: none;
	}

	.footer .menu-bottom {
		display: none;
	}
}

@media only screen and (max-width: 480px) {
	nav.navbar .navbar-header h1 {
		padding: 0 4px;
	}

	nav.navbar .navbar-nav > li.li-botao:last-child {
		float: right;
		margin-left: 0;
		margin-right: 10px;
	}
}

/*Responsive*/
@media only screen and (max-width: 992px) {
	.body {
	background-color: red;
	}

	.page-login {
		width: auto;	
	}

	.page-login .panel-heading ul.nav-tabs li a {
		font-size: 13px;
	}
}

.preloader {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}

@-moz-keyframes spin { 
    100% { 
        -moz-transform: rotate(360deg); 
    } 
}
@-webkit-keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
    } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg); 
    } 
}

/*Classe padrão bootstrap 4*/
.ml-0 {
	margin-left: 0 !important;
}

/*Ajuste modal - inscrição de curso*/
@media only screen and (max-width: 390px) {
	.btn-modal-align {
		display: flex !important;
		flex-direction: column-reverse !important;
		width: min-content !important;
		margin: auto !important;
	}

	.btn-modal-align #btn-confirma-inscricao {
		margin-bottom: 15px !important;
		margin-left: 0 !important;
	}
}