@charset "UTF-8";

.info-login {

}

.info-login button {
	background: #3b003b;
	color: white;	
}

.mobile-footer {
	color: white;
	padding: 1rem;
	font-size: 0.7rem;
	text-align: center !important;
}

.page-footer {
	display: none;
	visibility: hidden;
}



.info-aula-escondida {
	visibility: hidden;
}

.loading-escondido {
	visibility: hidden;
	display: none;
}
.conteudo-loading {
	position: absolute;
	width: 100%;
	background: rgba(0,0,0,0.3) !important;
	z-index: 9999;
}

.loading {

}

.conteudo-abertura {
	color: white;
	padding: 2rem;
}

.conteudo-abertura {
	text-align: justify;
}

body {
	overflow-x: hidden;	

	background: url("../img/background-galaxy-04.jpg") center center;
	background-size: cover;
	
	font-family: 'Catamaran', sans-serif;

}

/**
 * LOGIN
 */

.form-login .card {
	margin-top: auto;
	margin-bottom: auto;
	width: 400px;
	background-color: rgba(255,255,255,0.2) !important;
	color: #3b003b;
	
	border: 1px solid rgba(0,0,0,.125);
}

.form-login .card-header {
    padding: .50rem 1em;
}
.form-login .card-body {
    padding: .50rem 1em;
}
.form-login .card-footer {
    padding: .50rem 1em;
}

.form-login .form-group {
    margin-bottom: 0.5rem;
}

.form-login h1 {
	font-size: 1.5rem;
	font-weight: 800;
	margin-bottom: 0.1rem;
}
.form-login h2 {
	font-size: 1.3rem;
	margin-bottom: 0.1rem;
}

.form-login .btn-login {
	background-color: #3b003b;
	color: white;
}

.form-login .btn-login:hover {
	color: #3b003b;
	background-color: white;
    border-color: #3b003b;

}

.form-login .btn-link {
	padding: 0.2rem;
	color: darkblue;
	text-decoration: underline;
}

.form-login .btn-link:hover {
	color: white;
	text-decoration: underline;
}

.form-login .input-group-prepend span{
	width: 2.5rem;
	background-color: #3b003b;
	color: white;
	border:0 !important;
}

.form-login input:focus{
	outline: 0 0 0 0  !important;
	box-shadow: 0 0 0 0 !important;
}

/**
 * CURSO
 */

#conteudo-video {
	xbackground: rgba(255,255,255,0.2);
	background: black;
}


.col {
	padding: 0;
}


.cabecalho-curso {
	color: #fff;
	align-items: center;
	padding: 1rem;
}

.cabecalho-curso a, .cabecalho-curso a:hover, .cabecalho-curso a:visited {
	color: #fff;
	text-decoration: none;
}

.cabecalho-curso-texto {
	padding: 1rem;
	font-family: 'Cinzel', sans-serif;
}

 h1,h2 {
	color: #ff58f9;

}

.cabecalho-curso-texto h1, .cabecalho-curso-texto h2 {
	margin-bottom: .1rem;
	line-height: 1;
}
.cabecalho-curso-texto h1 {
	font-size: 1.5rem;
	font-weight: bold;
}
.cabecalho-curso-texto h2 {
	font-size: 1.2rem;
}

.conteudo {
	
}

.conteudo-geral {
	background: rgba(0,0,0,0.5);
}

.conteudo-geral-texto {
	padding: 2rem 4rem;
	color: white;
	background: black;
	text-align: justify;		
}

.conteudo-geral-texto h1 {
	font-weight: bold;	
}

.esconder-conteudo {
	display: none;
	visibility: hidden;
}

.conteudo-geral th {
	text-align: right;
}

.nav-curso {
	display: block;
	color: white;
	padding: 0.5rem 2rem;
	background: rgba(255,255,255,0.2);
}

.info-aula {
	font-weight: 600;
	font-size: 1.2rem;
}

.sidebar-header {
	background: #3b003b;

	color: white;
	padding: 1rem;
	
	border: solid 1px #3b003b;
	border-right: none;
					
}

.abrir-conteudo {
	display: none;
	visibility: hidden;	
}

.titulo-curso {
	font-weight: 600;
	font-size: 1.2rem;	
}

.sidebar-content {
	border: 1px solid #dedfe0;		   
	border-right: none;
}

.conteudo-programatico {
	width: 100%;
	margin: 0px;
    background: #f7f7f7;
}

.secao {
	cursor: pointer;	
 	color: #ed4669;
	background: #ffd8ff;   
	color: #890089;
}

.secao:hover {
	background: #ffd8ff !important; 
}

.secao span {
	font-size: 0.9rem;
	font-weight: 600;
}
.secao p {
	font-size: 0.8rem;
	margin: 0;
}

.secao.collapsed {
    background: rgba(0,0,0,.03);
}

.secao-chevron {
	position: absolute;
	top: 11px;
	right: 16px;
	color: #29303b;	
}

.secao-chevron-contrair {
	visibility: visible;
	display: block;
}

.collapsed .secao-chevron-contrair {
	visibility: hidden;
	display: none;
}


.secao-chevron-expandir {
	visibility: hidden;
	display: none;
}
.collapsed .secao-chevron-expandir {
	visibility: visible;
	display: block;
}




.conteudo-secao {
}

.fechar-conteudo {
    display: none;
}

input[type="checkbox"] {
    display: none;
}
input[type="checkbox"] + label {
    display: inline-block;
    border: 1px solid #3b003b;
    border-radius: 1rem;
    width: 1rem;
    height: 1rem;
	position: absolute;
	margin-left: -1.8rem;
	margin-top: 1.1rem;
}
input[type="checkbox"]:checked + label:after {	
    content: '✔';
    display: inline-block;
    font-size: 1.8rem;
	margin-top: -1rem;
	position: absolute;
	color: green;
}


.link-conteudo {
	cursor: pointer;
	border-bottom: solid 1px #eaeaea;
	padding: 0.5rem 2.7rem;
	color: #890089;
	
}
	

.link-conteudo.selecionado {
	background: #ffe8e8;
	background: #f2f3f5;
	
}

.link-conteudo span {
	font-size: 0.9rem;	
}

.link-conteudo p {
	font-size: 0.8rem;
	margin: 0;
}

.link-conteudo:hover {
	background: #f2f3f5;
}


.coluna-conteudo {

	}

.check-progresso {
	margin-left: -1.5rem;
}

.botao-escondido {
	visibility: hidden !important;
}



@media (min-width: 768px) {
	.info-login {
		position: absolute;
		right: 5rem;	
		top: 0.5rem;
	}
	
	.mobile-footer {
		display: none;
		visibility: hidden;
	}
	
	.page-footer {
		display: block;
		visibility: visible;
		color: white;
	}
	
	
	body, .main-content-wrapper {
		display: flex;
		min-height: 100vh;
		flex-direction: column;
	}
	.main-content-wrapper, .main-content {
		flex: 1 0 auto;
	}
	
	.conteudo iframe {
	}

	.embed-container {
		overflow: hidden;
	}
			
	.embed-container iframe,
	.embed-container object,
	.embed-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		max-height: calc(100% - 18rem);
	}

	
	.tela-cheia {
		width: 100%;
		height: 100%;
	}
	.cabecalho-curso {
		justify-content: center;
		box-sizing: border-box;

	}
	
	.cabecalho-curso-texto h1 {
		font-size: 1.8rem;
		font-weight: bold;
	}
	.cabecalho-curso-texto h2 {
		font-size: 1.4rem;
	}

    .fechar-conteudo {
        display: block;
    	position: absolute;
    	top: 1rem;
    	right: 0;
    	color: white;
    }

	.abrir-conteudo {
		display: inline;
		visibility: visible;
		margin-left: -5.1rem;
		margin-right: 2.1rem;
		background: #3b003b;
		color: white;
		
	}


    
	.escondida {
		//margin-right: -1000px;    	
	}
	
	.coluna-sidebar {
		-webkit-transition: margin .25s ease-out;
		-moz-transition: margin .25s ease-out;
		-o-transition: margin .25s ease-out;
		 transition: margin .25s ease-out;	
	}
	
	.sidebar-header, .sidebar-content {
		-webkit-transition: margin .25s ease-out;
		-moz-transition: margin .25s ease-out;
		-o-transition: margin .25s ease-out;
		 transition: margin .25s ease-out;		
	}
    

	/**
	.colunas {
		display: flex;
	}
	.coluna-conteudo {
		width: 75%;
	}
	.coluna-sidebar {
		width: 25%;
	}
	*/

	.sidebar {
		position: relative;
	}

	.sidebar-header {
		position: fixed;
		display: flex;
		box-sizing: border-box;

		top: 8.5rem;
		height: 4rem;
		
		right: 0;
	
	
		width: 100%;
	}

	.sidebar-content {
		position: fixed;
		display: flex;
		box-sizing: border-box;
	
		top: 12.5rem;
		bottom: 0;
		right: 0;
		overflow-x: hidden;
		overflow-y: auto;
	}
}