@charset "utf-8";
/* CSS Document */

/* Generales formulario*/
body{font-size: 16px; background: #104731; color: #fff;}
.pheType01{ font-family: 'Exo', sans-serif;}
h1{padding: 0px; margin:0px;}
h4, h2{font-size: 2em; font-weight: bold; font-family: 'Exo', sans-serif; color: #ffe363;}
h5{font-size: 1.1em; font-weight: bold; margin-top: 40px;}
h3{font-size: 1.2em; padding: 15px 25px; background: #1e835b;  
border-radius: 5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px;
-o-border-radius:5px;
font-weight:bold;
line-height:1.2;}
.pheContent{padding-top: 40px; padding-bottom: 100px;}
.form-inline div{margin-bottom: 4px;}
#surveyElement{width: 100%;}
.alert {padding: 7px 15px;}
.pheFondoEntero{background: #27b17b; width: 100%;}


/* Ilustracion */
.pheGraphics img{width: 100%;}
.pheIlustracion {text-align:left; padding: 0px;}
.pheIlustracion img{max-width: 100%;}
@media (min-width: 1200px) {	
.pheIlustracionFixed img{position:fixed; top:25px; left:50%;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.pheIlustracion img{max-width: 450px;}
	.pheIlustracionFixed img{position:fixed; top:25px; left:50%; max-width: 450px;}
}


/* Submit Formulario */
.surveyControl{background: none; border: none; position: relative; margin-top: 20px; display: inline-block;}
#btnSiguiente,#btnAnterior,#btnCompletar{font-family: 'Exo', sans-serif;}
#btnSiguiente,#btnAnterior, #btnCompletar, #btnreRun, #btnSalir {color: #000; background: #ffe363; font-weight: bold; padding: 14px 35px;  font-size: 1.5em; border-radius: 7px; border:3px solid #1e835b;}
#btnSiguiente:hover,#btnAnterior:hover, #btnCompletar:hover, #btnreRun:hover, #btnSalir:hover{background: #ffe363; color: #000; border:3px solid #000;}
@media (max-width: 480px) {
	#btnCompletar, #btnSiguiente,#btnAnterior{padding: 10px 18px; font-size: 1.3em;}
	.surveyControl:before{display:none;}
}


/* Mensaje validación */
.alert-danger {color: #ffe363;border: 2px solid #ffe363; background-color: #27b17b !important;}


/* Epigrafes secciones */
.FuncionamientoPersonal{padding-top: 70px;}
.FuncFamiliarMenores{padding-top: 70px;}
.FuncionamientoLaboral{padding-top: 70px;}
.FuncionamientoEscolar{padding-top: 70px;}
h4.estudios{padding-top: 70px;}
.cogniciones{padding-top: 70px;}
.pheInformeTitle{font-size: 2.5em;}


/* Cabecera */
.pheHeader{background:#104731; padding: 30px 0px; border-bottom:5px solid #dac161;}
.porcentajeTotal{margin-top: 10px;}
.progress{height: 27px; margin-bottom: 5px;}
.progress-bar {background-color: #baaa37;  color: #000 !important;}
.phePercent{font-weight: bold; color: #fff; font-size: 37px; float: right; height: 50px; line-height: 40px; padding-left: 15px;}
.phePercentTip{text-align: right; color: #fff; font-size: 0.75em;}
@media (max-width: 767px) {
	.pheSubmit02 {padding: 14px 19px;font-size: 1.3em;}
	.gamerLogo{text-align: center; padding-bottom: 18px;}
	.gamerLogo img{max-width:100%;}
	.phePercent{font-size: 27px; height: auto; padding-right: 10px;}
	.progress{height: 23px; margin-left: 10px;}
	.pheHeader .container .col-md-6{padding-left: 0px; padding-right: 0px;}
    .phePercentTip {padding-left: 10px; text-align: left; font-size: 0.65em;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.gamerLogo{text-align: center; padding-bottom: 18px;}
	.pheBackVector{width: 700px; height: 250px;}
	.pheInfoPanel{margin-top: 40px;}
}
@media (min-width: 992px) and (max-width: 1199px) {}
							 


/* Tabla resultado */
.panel, .panel-primary { 
	border-radius: 0; 
	border-color: black;
}
.panel-heading.indicador.clickable {
	border-color: black;
	background-color: seagreen;
	border-radius: 0;
	border-bottom: 0;
	cursor: pointer;
}
.panel-primary:not(:last-child) { margin: 0px; }
.tituloindicador {
	font-weight: bold;
	border-color: black;
	background-color: seagreen;
}
.panel.panel-primary .panel-body {
	border-top: 1px black solid;
	color: black;
	text-align: justify;
}

/* Footer */
.pheFooter{background:#104731; padding: 17px 10px 7px 10px; border-top: 11px solid #dac161; position: relative;}
.pheFooter p{text-align: center; color: #fff; font-size: 0.75em;}
.pheFooter:before{background:url('../img/footer-detail.png') no-repeat; position: absolute; content: ""; top:-63px; left:54px; width: 80px; height: 52px;}



/* Ajustes Mobile */
@media (max-width: 767px) {
	body{font-size: 15px;}
	.porcentajeTotal{margin-top: 0px;}
	.pheContent{margin-top: 0px;}
	.pheFooter::before {display: none;}
	h5{margin-top: 26px; margin-bottom: 5px;}
	.radio label, .checkbox label {padding-left: 0px;}
}


/* Ajustes Mobile Horizontal y Tablet Vertical*/
@media (min-width: 480px) and (max-width: 991px) {
	.alert {padding: 7px 15px;}
	.pheIlustracion {text-align: center;}
	.pheIlustracion img {max-width: 80%;}
	.pheContent {margin-bottom: 40px;}
	.porcentajeTotal {width: 70%; margin-left: 15%; margin-right: 15%;}
	#surveyElement, #survey_oncomplete {max-width: 100%;}
	.surveyControl {width: 100%;}
	.sv_next_btn, .sv_complete_btn {float: right;}
	#sq_560 h3, #sq_565 h3, #sq_570 h3{margin-top: 50px;}	
	.br-theme-bars-1to10 .br-widget .br-current-rating {
    font-size: 16px !important; padding: 0 10px 0 10px !important; left: 68px !important;}
	.br-theme-pokeballs .br-5-elements .br-current-rating {
    font-size: 16px !important; padding: 0 10px 0 10px !important; left: 136px !important;}
	.br-theme-diamonds .br-5-elements .br-current-rating {
	font-size: 16px !important; padding: 0 10px 0 10px !important; left: 139px !important;}
	.br-theme-coins .br-5-elements .br-current-rating {
	font-size: 16px !important; padding: 0 10px 0 10px !important; left: 139px !important;}
	.br-theme-hearts .br-5-elements .br-current-rating {
	font-size: 16px !important; padding: 0 10px 0 10px !important; left: 139px !important;}
	.br-theme-clovers .br-4-elements .br-current-rating {
	font-size: 16px !important; padding: 0 10px 0 10px !important; left: 108px !important;}
}


/* Ajustes Mobile vertical */
@media (max-width: 479px) {
	.pheContent {margin-bottom: 0px;}
	.pheSurvey{padding:0px !important;}
	.pheSurvey .panel-body {padding: 8px !important;}
	.cogniciones {padding-top: 30px;}
	.br-theme-bars-1to10 .br-widget .br-current-rating {
    font-size: 14px !important; padding: 0 7px 0 7px !important; left: 68px !important;}
	.br-theme-pokeballs .br-5-elements .br-current-rating {
    font-size: 14px !important; padding: 0 7px 0 7px !important; left: 136px !important;}
	.br-theme-diamonds .br-5-elements .br-current-rating {
	font-size: 14px !important; padding: 0 7px 0 7px !important; left: 139px !important;}
	.br-theme-coins .br-5-elements .br-current-rating {
	font-size: 14px !important; padding: 0 7px 0 7px !important; left: 139px !important;}
	.br-theme-hearts .br-5-elements .br-current-rating {
	font-size: 14px !important; padding: 0 7px 0 7px !important; left: 139px !important;}
	.br-theme-clovers .br-4-elements .br-current-rating {
	font-size: 14px !important; padding: 0 7px 0 7px !important; left: 108px !important;}
}




/* Radio Buttons */
input[type=radio]:checked ~ .check {
  border: 5px solid #0DFF92;
}

input[type=radio]:checked ~ .check::before{
  background: #0DFF92;
}

input[type=radio]:checked ~ label{
  color: #0DFF92;
}