@import url("/css/rtve.2016.infografias/trivial/trivial.basic.desktp.css");

/* BOTONES DEL FORMULARIO */
.trivialBox .formBox fieldset > .panel-container, .trivialBox .trivial-navigation .boton,  
.trivialBox .formBox .boton.submit strong input, .trivialBox .formBox .selected input:checked + label:before,
.trivialBox .formBox .question-container.selected input:checked + label.ok:before {background-color: #10142e;}


.trivialBox .formBox label:before, .trivialBox .formBox .selected input + label.ok:before {background-color: #10142e;}

.trivialBox .formBox .question-container.selected input + label.ok {opacity:0.3;}
 .trivialBox .formBox .question-container.selected input:checked + label {opacity:1;}

.trivialBox .formBox .progress-counter:before {color: #fff;}

/* FONDO LAUNCHER Y RESULTADOS */
.trivialBox .launchBox, .trivialBox .resultsBox {background-image:url("/css/rtve.2016.noticias/elec-eeuu2016/i/fondo_quiz.png");} 
.trivialBox .resultsBox.approve {background-image: url("/css/rtve.2016.noticias/elec-eeuu2016/i/fondo_hillary.png");}
.trivialBox .resultsBox.suspend {background-image: url("/css/rtve.2016.noticias/elec-eeuu2016/i/fondo_trump.png");}
.trivialBox .resultsBox.active.approve > * {padding-left:33%; }
.trivialBox .resultsBox.active.suspend > * {padding-right:33%; }
.trivialBox .resultsBox .success-container .success-ima {width:18%;padding-top:18%;}
/* FONDO PANEL LATERAL */
.trivialBox .formBox fieldset:before {background:#1D1A37;}

.trivialBox .formBox .question-image:after{
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(29, 26, 55, 1)  100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(29, 26, 55, 1)  100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(29, 26, 55, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1D1A37',GradientType=0 ); /* IE6-9 */
}

/* MENSAJE DE CORRECTO / INCORRECTO */
.trivialBox .formBox .trivial-sms.show {display: none;}

/* LOGO QUESTIONS */
.trivialBox .formBox form .panel-container .question-image {background-image: url("/css/rtve.2016.noticias/elec-eeuu2016/i/foto_ejemplo.png");background-color:#1b1c38;}

/* TIPOGRAFIAS */
.trivialBox .formBox .progress-counter:before, .trivialBox .launchBox .subtitle, .trivialBox .formBox .panel-container span, .trivialBox .formBox legend,
.trivialBox .trivial-navigation .boton strong, .trivialBox .launchBox .boton strong {font-family: Roboto,arial,sans-serif;line-height:1.2;}

 /* QUESITO RESULTADO COLORES */

	.trivial10 .resultsBox .success-container .success-ima .ok {-webkit-filter: hue-rotate(100deg)brightness(0.8);}
	.trivial10 .resultsBox .success-container .success-ima .ko {-webkit-filter: hue-rotate(0deg)brightness(1);}

.trivialBox .formBox .progress-counter span{font-size:410%;}
.trivialBox .resultsBox .success-container .success-ima span, .trivialBox .launchBox {background-size:100% auto; }
.trivialBox .formBox .progress-counter {padding:3rem 1rem 3rem 1rem;}
.trivialBox .formBox legend {color:#8B8B8C;}
.trivialBox .formBox legend {font-weight:500;}
.trivialBox .launchBox .boton, .trivialBox .resultsBox .boton {background:#fff;}
.trivialBox .launchBox .boton strong, .trivialBox .resultsBox .boton strong{color:#2C2F39;font-weight:600;font-size:160%;}
.trivialBox .launchBox .boton, .trivialBox .resultsBox .boton, .trivialBox .trivial-navigation .boton {padding: 0.7rem 2rem;}
.trivialBox .trivial-navigation .boton {padding: 0.7rem 3rem;}
.trivialBox .formBox .selected input:checked + label {font-weight:700;}