/* CSS Document */
/* Baseado no CSS da ficha de inscrição (página /inscricao/), limitado a #ficha_pre_inscricao */

/*radio btns */
#ficha_pre_inscricao .wrapper {
	display: block;
	height: auto;
	width: auto;
	padding: 0px;
	border: 2px solid transparent;
	border-radius: 5px;
}
#ficha_pre_inscricao .wrapper .option {
	background: #fff;
	min-height: 60px;
	width: auto;
	display: inline-flex;
	align-items: center;
	justify-content: space-evenly;
	margin: 6px 10px;
	border-radius: 5px;
	cursor: pointer;
	padding: 0 10px;
	border: 2px solid lightgrey;
	transition: all 0.3s ease;
}
#ficha_pre_inscricao .wrapper .option .dot {
	flex-shrink: 0;
	height: 20px;
	width: 20px;
	background: #d9d9d9;
	border-radius: 50%;
	position: relative;
}
#ficha_pre_inscricao .wrapper .option .dot::before {
	position: absolute;
	content: "";
	top: 4px;
	left: 4px;
	width: 12px;
	height: 12px;
	background: #0069d9;
	border-radius: 50%;
	opacity: 0;
	transform: scale(1.5);
	transition: all 0.3s ease;
}
#ficha_pre_inscricao input[type="radio"] {
	display: none;
}
#ficha_pre_inscricao #nf_feminino:checked ~ .nf_feminino,
#ficha_pre_inscricao #nf_masculino:checked ~ .nf_masculino,
#ficha_pre_inscricao #nf_data_inicio_elearning:checked ~ .nf_data_inicio_elearning,
#ficha_pre_inscricao #nf_data_inicio_terca:checked ~ .nf_data_inicio_terca,
#ficha_pre_inscricao #nf_data_inicio_outra:checked ~ .nf_data_inicio_outra {
	border-color: #0069d9;
	background: #0069d9;
}
#ficha_pre_inscricao #nf_feminino:checked ~ .nf_feminino .dot,
#ficha_pre_inscricao #nf_masculino:checked ~ .nf_masculino .dot,
#ficha_pre_inscricao #nf_data_inicio_elearning:checked ~ .nf_data_inicio_elearning .dot,
#ficha_pre_inscricao #nf_data_inicio_terca:checked ~ .nf_data_inicio_terca .dot,
#ficha_pre_inscricao #nf_data_inicio_outra:checked ~ .nf_data_inicio_outra .dot {
	background: #fff;
}
#ficha_pre_inscricao #nf_feminino:checked ~ .nf_feminino .dot::before,
#ficha_pre_inscricao #nf_masculino:checked ~ .nf_masculino .dot::before,
#ficha_pre_inscricao #nf_data_inicio_elearning:checked ~ .nf_data_inicio_elearning .dot::before,
#ficha_pre_inscricao #nf_data_inicio_terca:checked ~ .nf_data_inicio_terca .dot::before,
#ficha_pre_inscricao #nf_data_inicio_outra:checked ~ .nf_data_inicio_outra .dot::before {
	opacity: 1;
	transform: scale(1);
}
#ficha_pre_inscricao .wrapper .option span {
	font-size: 14px;
	color: #808080;
	line-height: 16px;
	white-space: nowrap;
	padding-left: 10px;
}
#ficha_pre_inscricao #nf_feminino:checked ~ .nf_feminino span,
#ficha_pre_inscricao #nf_masculino:checked ~ .nf_masculino span,
#ficha_pre_inscricao #nf_data_inicio_elearning:checked ~ .nf_data_inicio_elearning span,
#ficha_pre_inscricao #nf_data_inicio_terca:checked ~ .nf_data_inicio_terca span,
#ficha_pre_inscricao #nf_data_inicio_outra:checked ~ .nf_data_inicio_outra span {
	color: #fff;
}
#ficha_pre_inscricao #seccao_data_outra {
	display: none;
}
@media only screen and (max-width: 480px) {
	#ficha_pre_inscricao #wrapper_data_inicio .option {
		display: flex;
		padding: 12px 10px;
	}
	#ficha_pre_inscricao #wrapper_data_inicio .option span {
		white-space: normal;
	}
}
/*radio btns END */

/* Modal */
#ficha_pre_inscricao .modal_top {
	display: none;
	position: fixed;
	z-index: 30;
	padding-top: 150px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}
#ficha_pre_inscricao .modal_top-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 1px solid #888;
	width: 80%;
	max-width: 800px;
	min-width: 300px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	animation-name: pre_insc_animatetop;
	animation-duration: 0.4s;
}
@keyframes pre_insc_animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}
#ficha_pre_inscricao .modal_top_close {
	color: #000;
	float: right;
	font-size: 28px;
	font-weight: bold;
}
#ficha_pre_inscricao .modal_top_close:hover,
#ficha_pre_inscricao .modal_top_close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
#ficha_pre_inscricao .modal_top-header {
	padding: 10px 16px;
	background-color: #fff;
	border-bottom: #CCC 1px solid;
}
#ficha_pre_inscricao .modal_top-header h2 { color: #fac350; }
#ficha_pre_inscricao .modal_top-body { padding: 10px 16px; }
#ficha_pre_inscricao .modal_top-footer {
	padding: 20px 16px;
	background-color: #fff;
	border-top: #CCC 1px solid;
}
/* Modal END */

/* Validação */
#ficha_pre_inscricao .valid {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAACNklEQVQ4jY2Vv09TURTHP+f1VRxgYdOEDTQpi6/C4NbEROKAYunDf0DjYEKMOPgzFhPsIoMxmBidXCxt1QCDwYTwBwjvmZhuHUyMOHUgsEDpuw739fXX648zndx7vp9878095wph8e5ilOHqDCIzwCRwRm/IX1C7IB9JOZthUrNtpRCfBm8ZZKy9XJ0HThPxnoQaAYx6LULByoBaB8aAIqh7GBLDOx7i6GQYTyYQ4xI3fv5uouSsWC2VujMrAzwEKggLVEffMpevdnISxGcrheITSpawnbRZP6bSMMVVUu4WuD1ZAazh6gy2EyaoZd/vAra71ZsEFKzZAKZkEdtJa2B5/zq1O/vlrvQNg2wrTAMhqVP1njReT1g+nuwEqwEndWZ8r4usZ76Ldpio1U6wGlA/2pOjP1p0IYHwAsj6bvqGAQgF6wAYxDseYq546IvTiHoOVBC5iYcgKgtEQ2G58UGMUwfAoQH8A8AcGAkKbCeNkkUNUKtdYc3aPQP4AYDnXWkqaoR2gwEopvxsxwC++Ke/Tc6OhEK7wXJ2BKVu+Yw1YTthUt4vAucQ5pl134QKO0XBmgdeAyXKRkz3sm69dWqt12+35K3LCN+AKMg1Us5G+HCAB3ijKx2HQ86OYJTuAq+AKIoMtvsYGqeNHl9LCI/8lSIiHxA2gzdqDoygmPLvbBwAkZcknacIqhkYOI1P+8MiZMA2RQnkPilno3GxHQitX8AEcNbf2QN2QNYoy1fu7FZapf8BZM3fFczyvDwAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
	background-position: right 35px center;
	border: 2px solid #31ac01 !important;
}
#ficha_pre_inscricao .invalid {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAABSUlEQVQ4ja3TS07bYBiF4ed3EIUltAxQJATdBTEXIfbBoJ10MUgwYhOMUCWK6S5apCbcuwSqiOAO7Fgm/HaI4Azt873+LsdBqVNWEw4wHPF1m2stavIHOGFtgQwfS//giXSTqxjsO5/nOYv5Q8ZK4GfOp3pRziCPQCOwyj+iF844D6zHOpmENsFq/uO5xiUV++gi+0H6yGIbrKppGnlCl/jQBqtGprjYHNkUaKPqq0lgi4sHNvD3LTDK2IwVic9MsBdApl+ypmhWk9d0MoueAWfoDrqhiNRyFHjC2gwwFDmdhL57bF4V7JxBYKGt+3Gwk5yjKbD+iN5wSk4D3Q77rVfO6XfobXO9w69/pIH7tpoksIe7Jtg6N+Nnu/x+YCMGLUf+Vh2lU1x4qXz/JyGtw+qaPGKgH8qPV39KxsoTh4Fh4EvKbdtoTf7/uFSQksSAJK4AAAAASUVORK5CYII=);
	background-repeat: no-repeat;
	background-position: right 35px center;
	border: 2px solid #bf0000 !important;
}
#ficha_pre_inscricao label.invalid,
#ficha_pre_inscricao .wrapper.invalid {
	border: 2px solid red;
	background: #ffe4e4;
}
/* Validação END */

#ficha_pre_inscricao .info_box {
	border: solid 1px;
	border-radius: 10px;
	padding: 10px;
	margin: 10px 0 15px;
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
/* Habilitações: não mostrar a opção vazia na lista do select2 (o dropdown fica fora de #ficha_pre_inscricao) */
#select2-nf_habilitacoes-results .select2-results__option[aria-disabled="true"],
#select2-nf_habilitacoes-results .select2-results__option--disabled {
	display: none;
}
#pre_insc_result {
	display: none;
	padding: 15px 20px;
	text-align: center;
}
#ficha_pre_inscricao .required_field {
	color: red;
	cursor: pointer;
	text-decoration: underline;
}
#ficha_pre_inscricao textarea.form-control {
	min-height: 90px;
}
#ficha_pre_inscricao #nf_submeter_pre_insc {
	margin-top: 10px;
}

@media only screen and (max-width: 500px) {
	#ficha_pre_inscricao h1.masterstudy-custom-title {
		text-align: center !important;
		font-size: 32px !important;
	}
	#ficha_pre_inscricao #titulo_nome_curso h2.masterstudy-custom-title {
		text-align: center !important;
		font-size: 28px !important;
	}
}