/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
    - Modificacion 20180404_3 - 
*/

/*Fondo de la pantalla (Background)*/
body{
	padding-top:0px !important;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	background-color: white;
	line-height: normal;
	/*font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;*/
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body .top-container {
    background-color: rgba(236, 240, 241, 0.2);
	margin-top:0px;
}
@media screen and (max-width: 490px){
	body{
		background-image: none;
	}
}

/*Contenedor del Formulario*/
#dynamicReloadContainer{
    background-color:transparent;
    max-width:400px;
	margin:auto;
}

/*Fondo del Formulario con preguntas*/
#outerframeContainer{
    background-color:transparent;
    width:100%;
	max-width:400px;
	display: block;
    position: absolute;
    z-index: -9999;
  	background-position: top center !important;
    background-repeat: no-repeat;
	box-sizing: border-box;
	padding:0px;
    /*background-size: contain;*/
	/*direction: ltr;
	margin-left:auto;
	margin-right:auto;*/
}
@media screen and (max-width: 490px){
	#outerframeContainer{
		width:100%;
	}
}

.space-col{
	margin:0px;
	padding:0px;
}


#group-0{
	margin:0px;
	padding:0px;
}
/*Cabecera formulario*/
[id='welcome-container ']{
	background-color:transparent;
    width: 400px;
	height: 126px;
	text-align:left;
	margin: 0px;
    padding: 0px;
    background-size: contain;
  	background-position: top center !important;
    background-repeat: no-repeat;
    position: fixed;
    z-index: 1 !important;
	top: 0px; /*Sube la cabecera a la parte superior*/
	/*
    left: 0;
	*/
}
@media screen and (max-width: 490px){
	[id='welcome-container ']{
		max-width:400px;
		width:100%;
	}
}
/*Cabecera navegacion*/
.navbar{
	display: none;
}
.group-container{
	margin:0px;
	padding:0px;
}
.question-container{
	margin-bottom:0px;
	background-color:transparent;
}
.answer-container {
	background-color:transparent;
}

.ImageCheck_Square{
	padding-top:27px;
	margin-left:0px;
	margin-right:0px;
	width:100%;	
}

.ImageCheck_Square .imgCheck{
	filter: Alpha(Opacity=100);
    -ms-filter: "alpha(opacity=100)";
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
    background-color: rgba(0, 0, 0, .2); 
    border: none;
    border-radius: 6px !important;
  	cursor: pointer !important;}


.BackgroundWhite{
	background-color: #FFFFFF;
}

.TxtMargin{
	margin-bottom:10px;
}

label.checkbox-label.control-label{
	/*display: none;*/
}

/* Modifica el comportamiento de la hoja de estilos 'template-core.css' (línea 24) con propiedad 'display:block;'*/
li.radio-item, li.checkbox-item{
	display: inline;
}

.ls-answers {
	text-align: center; 
}
.checkbox-item, .radio-item{
	padding: 0px;
	/*padding-left:20px;*/
}


@media screen and (max-width: 490px){
	.answer-container{
		padding-top:15px;
	}
}
/*
.tituloCabeceraMarron{
	color: #704B38;
}
*/

.tituloCabecera{
	font-size: 24px;
	font-family: Open Sans, Arial, sans-serif;
	line-height: normal;
	text-align: center;
	box-sizing: border-box;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-top: 20px;
	background-color:white;
	color:black;
}


/* Titulo Pregunta*/
.question-title-container{
	color: #FFFFFF;
	font-size: 18px;
	font-family: Open Sans, Arial, sans-serif;
	line-height: normal;
	text-align: center;
	box-sizing: border-box;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
}
/*Oculta mensaje de encuesta no activa*/
.alert{
	display:none;
}

/*Oculta info*/
.question-valid-container.text-info{
	display:none;
}
/*Cabecera encuesta*/
.survey-name{
	display:none;
}
/*Logo pie de pagina - Signo > selecciona el hijo directo de question58*/
div#question58 > .question-title-container{
	background-color:transparent;
	width:100%;
}
div#question58 > .answer-container{
	display:none;
}

/*Boton Send*/
#navigator-container{
	/*display:none;*/
	width:100%;
	margin:0px;
}
#navigator-container>.col-xs-6{
	width:100%;
	margin:0px;
}
#ls-button-submit{
	width:100%;
}

/* ---------------------------------- */
/* -------- A N I M A T I O N S ----- */
/* ---------------------------------- */

input[type=radio] + label {
    cursor: pointer !important;
    background-color: transparent;
	padding: 0 0 0 0;
}
input[type=radio]:checked + label { 
    filter: Alpha(Opacity=50);
    -ms-filter: "alpha(opacity=50)";
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    cursor: pointer !important;
	transform: scale(1.1);
}

input[type=checkbox] + label {
	filter: none;
    -ms-filter: "none";
}

input[type=checkbox]:checked + label { 
	filter: Alpha(Opacity=50);
    -ms-filter: "alpha(opacity=50)";
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
	transform: scale(1.1);
}
/*
.jello input[type=radio]:checked + label { 
    -webkit-animation: jello 0.9s both;
	        animation: jello 0.9s both;
}
.jello input[type=checkbox]:checked + label { 
    -webkit-animation: jello 0.9s both;
	        animation: jello 0.9s both;
}
.wobble input[type=radio]:checked + label { 
    -webkit-animation: wobble 0.9s both;
	        animation: wobble 0.9s both;	
}
.wobble input[type=checkbox]:checked + label { 
    -webkit-animation: wobble 0.9s both;
	        animation: wobble 0.9s both;	
}
*/
.jello input:checked + label { 
    -webkit-animation: jello 0.9s both;
	        animation: jello 0.9s both;
}
.wobble input:checked + label { 
    -webkit-animation: wobble 0.9s both;
	        animation: wobble 0.9s both;	
}
.shake input:checked + label { 
    -webkit-animation: shake 0.9s both;
	        animation: shake 0.9s both;	
}
.bounceIn input:checked + label { 
    -webkit-animation: bounceIn 0.9s both;
	        animation: bounceIn 0.9s both;	
}
.flip input:checked + label { 
    -webkit-animation: flip 0.9s both;
	        animation: flip 0.9s both;	
}
.flipInX input:checked + label { 
    -webkit-animation: flipInX 0.9s both;
	        animation: flipInX 0.9s both;	
}
.lightSpeedIn input:checked + label { 
    -webkit-animation: lightSpeedIn 0.9s both;
	        animation: lightSpeedIn 0.9s both;	
}
.slideInUp input:checked + label { 
    -webkit-animation: slideInUp 0.9s both;
	        animation: slideInUp 0.9s both;	
}
.zoomIn input:checked + label { 
    -webkit-animation: zoomIn 0.9s both;
	        animation: zoomIn 0.9s both;	
}
.jackInTheBox input:checked + label { 
    -webkit-animation: jackInTheBox 0.9s both;
	        animation: jackInTheBox 0.9s both;	
}

input[type=checkbox]:hover { transform: scale(1.5); }  


.radio-item label::before{
	display:none;
}
.checkbox-item label::before{
	display:none;
}
.radio-item label::after{
	/*display:none;*/
	margin-left:5px;
}
.checkbox-item label::after{
	/*display:none;*/
	margin-left:5px;
}

/*Slider*/
.slider-handle{
	height:30px;
	width:30px;
}
/*
#progress-wrapper .ui-widget-header {
 background-color: #3300FF;
}

#progress-wrapper .ui-widget-content,
#progress-wrapper .ui-widget-header {
 border: 1px solid #FF0000;
}
*/