/**
 * Folha de estilos para Matrícula Extraclasse.
 *
 * @author Vinícius Lima <vlima@gvdasa.com.br>
 * @since 05.2019
 */

/** FONTES **/
@import
	url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap')
	;

#conteudoMatriculaExtraclasse {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	min-height: 600px;
	position: relative;
	display: block;
	margin: 0 auto;
}

#conteudoMatriculaExtraclasse h1, #conteudoMatriculaExtraclasse h2,
	#conteudoMatriculaExtraclasse h3, #conteudoMatriculaExtraclasse h4,
	#conteudoMatriculaExtraclasse h5, #conteudoMatriculaExtraclasse h6 {
	text-align: center;
	font-family: 'Roboto', sans-serif;
	color: #2f3142;
}

#conteudoMatriculaExtraclasse, #conteudoMatriculaExtraclasse #conteudoMatriculaExtraclasse-body
	{
	border: none;
}

/** FILTRO DIAS SEMANA **/
#conteudoMatriculaExtraclasse .lista-dias-semana {
	display: block;
	margin: 40px auto;
	clear: both;
	width: fit-content;
	height: 20px;
	padding-top: 16px;
	
	height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.lista-dias-semana .dia-semana {
	float: left;
	display: inline-block;
	margin-left: 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #2d2d2d;
	padding-top: 16px;
	padding: 5px;
	cursor: pointer;
	border: 1px solid #e2e6e4;
	border-radius: 6px;
	background: #edefee;
	color: #403f3f;
}

.lista-dias-semana .dia-semana:first-child {
	margin-left: 0px;
}

.lista-dias-semana .dia-selecionado {
	border: 1px solid #3852e2;
	border-radius: 6px;
	background: #7387fb38;
	color: #203de0;
}

/** OPÇÕES ITEM SELECTED **/
/** AZUL **/
.lista-dias-semana .x4-item-selected.azul {
	border: 1px solid #92cefd;
	border-radius: 6px;
	background: #b3d8f5;
	color: #3c3b3b;
}

.minimo-dias {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}

/** PRETO **/
.lista-dias-semana .x4-item-selected.preto {
	color: #000;
	border: 1px solid #868887;
}

#conteudoMatriculaExtraclasse .titulo-filtro-dias-semana {
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	margin-top: 16px;
	color: #2f3142;
	margin-bottom: 25px;
}

/** HORÁRIOS DISPONÍVEIS **/
#conteudoMatriculaExtraclasse .horarios-disponiveis {
	display: block;
	clear: both;
	margin: 0 auto;
	width: fit-content;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 400;
	height: 20px;
	
	height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#conteudoMatriculaExtraclasse .horario {
	float: left;
	display: inline-block;
	width: fit-content;
	margin-left: 10px;
}

#conteudoMatriculaExtraclasse .horario:first-child {
	margin-left: 0px;
}

#conteudoMatriculaExtraclasse .horario label {
	cursor: pointer;
}

#conteudoMatriculaExtraclasse .horario input[type="checkbox"] {
	all: unset;
}

#conteudoMatriculaExtraclasse .horario input,
	#conteudoMatriculaExtraclasse .horario input[type="checkbox"] {
	background-image: none;
	border: 1px solid #8e8888;
	border-radius: 8px;
	width: 14px;
	height: 14px;
	vertical-align: -2px;
	cursor: pointer;
	display: inline-block;
	position: relative;
}

#conteudoMatriculaExtraclasse .horario input:hover {
	border: 1px solid #3F51B5;
}

#conteudoMatriculaExtraclasse .horario .selecionado {
	font-weight: 700;
}

#conteudoMatriculaExtraclasse .horario .selecionado input,
	#conteudoMatriculaExtraclasse .horario .selecionado input {
	border: 1px solid #3F51B5;
}

#conteudoMatriculaExtraclasse .horario .selecionado input::before {
	width: 8px;
	height: 8px;
	background: #4d5ba5;
	content: '';
	position: absolute;
	border-radius: 8px;
	top: 3px;
	left: 3px;
}

/** LISTAGEM TURMAS EXTRACLASSE **/
#conteudoMatriculaExtraclasse .listagem-turmas-extraclasse {
	display: block;
	clear: both;
	position: relative;
	position: relative;
	margin: 60px auto 60px auto;
}

/** HEADER PANEL LISTAGEM DISCIPLINAS **/
#conteudoMatriculaExtraclasse .listagem-turmas-extraclasse .x4-grid-header-ct
	{
	position: relative;
}

/** LISTAGEM DISCIPLINAS EXTRACLASSE **/

/** ABAS HORÁRIOS **/
#conteudoMatriculaExtraclasse .abas-horarios {
	display: block;
	clear: both;
	margin: 10px 0px;
	position: relative;
}

#conteudoMatriculaExtraclasse .abas-horarios .aba-horario {
	display: inline-block;
	float: left;
	width: 25%;
	text-align: center;
	background: #a4aacc3b;
	color: #474956;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 700;
	border: 1px solid #b6b9ca;
	padding: 8px;
	border-radius: 10px 10px 0px 0px;
	cursor: pointer;
	position: relative;
}

#conteudoMatriculaExtraclasse .abas-horarios .aba-horario-ativa {
	background: #203de03b;
	color: #203de0;
}

#conteudoMatriculaExtraclasse .abas-horarios .aba-horario-ativa::after {
	content: '';
	background: #203de0;
	width: 92px;
	height: 2px;
	position: absolute;
	left: 34.3%;
	bottom: -1px;
	border-radius: 2px;
}

/** SEPARADOR DIA SEMANA **/
#conteudoMatriculaExtraclasse .separador-dia-semana {
	display: block;
	clear: both;
	font-size: 13px;
	height: 34px;
	margin-top: 20px;
	padding: 9px 0px 0px 0px;
	width: 100%;
	text-align: left;
	border: 0px;
	border-bottom: 2px solid #005090;
	position: relative;
	margin-bottom: 0px;
	text-transform: uppercase;
}

/** ESTILO MARISTAS **/
#conteudoMatriculaExtraclasse .separador-dia-semana {
	background: #005090;
	color: #FFF;
	text-align: center;
	background: #99bbe8;
}

#conteudoMatriculaExtraclasse .separador-dia-semana h4 {
	text-align: left;
	text-indent: 10px;
	padding: 0px;
	line-height: 1;
	bottom: 4px;
	position: absolute;
}

#conteudoMatriculaExtraclasse .separador-dia-semana h4 {
	color: #FFF;
	text-align: center;
	position: relative;
	bottom: 0px;
}

/** ESTILO MARISTAS **/
#conteudoMatriculaExtraclasse .separador-dia-semana h4 {
	color: #092b58;
}

/** GRID DISCIPLINAS EXTRACLASSE **/
#conteudoMatriculaExtraclasse .gridListagemTurmasExtraclasse {
	border: none;
	clear: both;
}

#conteudoMatriculaExtraclasse .gridListagemTurmasExtraclasse .itemListagemTurmasExtraclasse
	{
	border: none;
}

#conteudoMatriculaExtraclasse .gridListagemTurmasExtraclasse-body {
	left: 0px;
	top: 0px;
	border-top: 0px !important;
	border-color: #9cc5e6;
}

#conteudoMatriculaExtraclasse .turma-selecionada td div {
	font-weight: 700 !important;
}

/** MATRÍCULA CURSO PERÍODO INTEGRAL **/
#conteudoMatriculaExtraclasse.periodo-integral {
	width: 100% !important;
}

#conteudoMatriculaExtraclasse.periodo-integral #conteudoMatriculaExtraclasse-body
	{
	width: 100% !important;
	display: block !important;
	margin: 20px auto !important;
}

#conteudoMatriculaExtraclasse.periodo-integral #conteudoMatriculaExtraclasse-body h3
	{
	font-size: 30px !important;
}

#conteudoMatriculaExtraclasse.periodo-integral #conteudoMatriculaExtraclasse-body .lista-dias-semana
	{
	margin-top: 34px !important;
	height: 116px !important;
}

#conteudoMatriculaExtraclasse.periodo-integral #conteudoMatriculaExtraclasse-body .lista-dias-semana .dia-semana
	{
	padding: 15px !important;
	font-size: 15px !important;
	margin-top: 12px !important;
}

#conteudoMatriculaExtraclasse .botao-proximo {
	display: block;
	clear: both;
	width: 150px;
	margin: 10px auto 0px auto;
	padding: 8px 28px;
	font-size: 16px;
	text-align: center; font-family : 'Roboto', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	background: #99bbe8;
	color: #0b650e;
	font-family: 'Roboto', sans-serif;
}

#conteudoMatriculaExtraclasse .botao-proximo span {
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: #092b58;
}

#conteudoMatriculaExtraclasse .botao-voltar {
	display: block;
	clear: both;
	width: 150px;
	margin: 10px auto 0px auto;
	text-align: center;
	padding: 8px 28px;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	background: #fb00007a;
	color: #650b0b;
}

#conteudoMatriculaExtraclasse .botao-voltar span {
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: #650b0b;
}

/** FASE CONFIRMAÇÃO DISCIPLINAS **/
#conteudoMatriculaExtraclasse .confirmacao-disciplinas-container {
	margin-top: 26px;
}

#conteudoMatriculaExtraclasse .confirmacao-disciplinas-container h2 {
	font-size: 30px;
	color: #478cc3;
	font-weight: 700;
}

#conteudoMatriculaExtraclasse .confirmacao-disciplinas-container h3 {
	font-size: 20px;
	margin-top: 16px;
	color: #425158;
}

/** TABLES HEADERS CONFIRMAÇÃO DISCIPLINAS **/
#conteudoMatriculaExtraclasse .matricula-table-header {
	margin-top: 32px;
}

#conteudoMatriculaExtraclasse .matricula-table-header .itemheader {
	width: 25%;
	float: left;
	padding: 3px 6px;
}

#conteudoMatriculaExtraclasse .gridListagemTurmasConfirmacao {
	border: none;
	clear: both;
	position: relative;
}

#conteudoMatriculaExtraclasse .gridListagemTurmasConfirmacao .itemListagemTurmasConfirmacao
	{
	border: none;
}

#conteudoMatriculaExtraclasse .gridListagemTurmasConfirmacao .x4-grid-header-ct-default,
	#conteudoMatriculaExtraclasse .gridListagemTurmasConfirmacao .gridListagemTurmasConfirmacao-body
	{
	border: none;
}

#conteudoMatriculaExtraclasse .no-margin {
	margin: 0px !important;
}

#conteudoMatriculaExtraclasse .listagem-turmas-confirmacao,
	.listagem-turmas-confirmacao ul {
	display: block;
	float: left;
	clear: both;
	width: 100%;
	height: 20px;
}

#conteudoMatriculaExtraclasse .listagem-turmas-confirmacao li {
	float: left;
	padding: 3px 6px;
}

#conteudoMatriculaExtraclasse .titulo-lista-turmaslistaespera, h5.titulo-lista-turmaslistaespera
	{
	font-size: 14px;
	text-align: left;
	margin-top: 36px;
	margin-bottom: 4px;
	font-weight: bold;
	float: left;
}

#conteudoMatriculaExtraclasse .lista-turmas-listaespera {
	float: left;
	clear: both;
}

#conteudoMatriculaExtraclasse .lista-turmas-listaespera li {
	padding: 3px 6px;
	clear: both;
}

#conteudoMatriculaExtraclasse .checkconfirmadisciplinas {
	margin: 32px auto 0px auto;
	display: block;
	clear: both;
	width: fit-content;
}

#conteudoMatriculaExtraclasse .checkconfirmadisciplinas span {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
}

#conteudoMatriculaExtraclasse .checkconfirmadisciplinas input[type="checkbox"]
	{
	width: 16px;
	height: 16px;
	position: relative;
	top: 4px;
}

#conteudoMatriculaExtraclasse .container-faseconclusao h3 {
	font-size: 22px;
	margin-top: 28px;
}

#conteudoMatriculaExtraclasse .textoinformacoesconclusao {
	margin-top: 20px;
	margin-bottom: 16px;
	clear: both;
}

#conteudoMatriculaExtraclasse .botao-conclusao {
	padding: 8px 12px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	width: calc(40%);
	clear: initial;
	text-align: center;
}

#textoinfo, #textoinfo p, #textoinfo b, #textoinfointegral p,
	#textoinfointegral b, #textoinfointegral {
	text-align: center;
	font-size: 15px !important;
	margin-top: 16px;
}

#conteudoMatriculaExtraclasse .descricao-turma {
	display: inline-block;
	position: relative;
	top: -7px;
}

#conteudoMatriculaExtraclasse .icone-infoadicional {
	font-size: 18px;
	color: rgba(0, 120, 212, 1);
	position: relative;
	top: -2px;
	left: 4px;
	cursor: pointer;
}

.modal-extraclasse {
	background-color: #FFF !important;
	width: fit-content !important;
	height: fit-content !important;
	border: 1px solid #1f1b1b;
	padding-right: 10px;
	border-radius: 0px;
}

.modal-extraclasse .x4-window-header {
	display: none;
}

.modal-extraclasse .modal-extraclasse-body {
	background-color: #FFF !important;
	border: none;
	margin-left: 14px;
	height: fit-content !important;
	padding-bottom: 12px;
}