* {
	box-sizing: border-box;
	-webkit-transition: all 0.4s 0s ease;
	-moz-transition: all 0.4s 0s ease;
	-ms-transition: none;
	font-family:inherit, sans-serif;
	
}

form#formularioTarificacionVIDA {
	max-width: 1000px;
    margin: 0px auto 60px;
    padding: 30px 30px 170px;
    box-sizing: border-box;
    -webkit-box-shadow: 0 16px 20px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 16px 20px 0 rgb(0 0 0 / 30%);
    overflow: hidden;
    position: relative;
    width: 96%;
    
}

form#formularioTarificacionVIDA *, form#formularioTarificacionVIDA *::placeholder{color:#383838 !important}

form#formularioTarificacionVIDA legend{font-size: 24px;
    text-align: center;
    margin: 30px 0px}
    
    form#formularioTarificacionVIDA input, form#formularioTarificacionVIDA .tiposeguro ul li,
    form#formularioTarificacionVIDA .capitalasegurar ul li,
    form#formularioTarificacionVIDA input.listaCapital,
    form#formularioTarificacionVIDA .mesRenovacionPadre > div
    {border: 1px solid #b5b5b5;
    padding: 10px 15px;
    margin: 15px auto;
    border-radius: 3px;
    font-size: 18px; max-width:600px; text-align:center}
    form#formularioTarificacionVIDA .mesRenovacionPadre > div{margin:7px !important}
    form#formularioTarificacionVIDA ul {list-style:none; padding-left:0px; text-align:center}
    form#formularioTarificacionVIDA ul input.listaCapital{width: 100%; margin:auto; box-sizing: border-box;}
    
    form#formularioTarificacionVIDA .tiposeguro ul{display:flex; flex-wrap:wrap; justify-content:center; }
    form#formularioTarificacionVIDA .tiposeguro ul li{width:400px; margin:7px}
    
   form#formularioTarificacionVIDA h3{display:none}
   form#formularioTarificacionVIDA button.avanza, form#formularioTarificacionVIDA button.calcularPrecios {position: absolute !important;
    bottom: -150px;
    right: 0;
    left: 0;
    margin: auto;
    color: #FFF !important;
    background-color: #3DD092;
    border-radius: 6px;
    border: none;
    z-index: 99;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: bold;
    min-width: 250px;
    max-width:250px}
    form#formularioTarificacionVIDA button.avanza:hover, button.calcularPrecios:hover {
    cursor: pointer;
    opacity: 0.7;
} 

form#formularioTarificacionVIDA .seleccionado{background-color: #3DD092 !important;
    color: #fff !important;
}

form#formularioTarificacionVIDA input:hover,
form#formularioTarificacionVIDA .tiposeguro ul li:hover,
form#formularioTarificacionVIDA .capitalasegurar ul li:hover,
form#formularioTarificacionVIDA .mesRenovacion:hover,
form#formularioTarificacionVIDA .tiposeguro li:hover
{cursor: pointer; border-color: #3DD092;}
    
form#formularioTarificacionVIDA .seleccionado, form#formularioTarificacionVIDA .seleccionado:hover {border: 2px solid #3DD092 !important;}

form#formularioTarificacionVIDA #formularioTarificacionVIDA-p-4 > div {
    display: flex;
    flex-wrap: wrap;
    width: 85%;
    margin: auto;
}
form#formularioTarificacionVIDA #formularioTarificacionVIDA-p-4 > div input  {
    margin: 10px 1%;
    width: 48%;
    border: 1px solid #b5b5b5;
    padding: 10px 15px;
    border-radius: 3px;
    font-size: 18px;
    height: 50px !important;
    box-sizing: border-box;
}

form#formularioTarificacionVIDA #formularioTarificacionVIDA-p-4 > div input#idcorreo {width: 98% !important; max-width:98% !important}

form#formularioTarificacionVIDA #formularioTarificacionVIDA-p-5 > div {
    display: flex;
    flex-wrap: wrap;
    width: 85%;
    margin: auto;
}
form#formularioTarificacionVIDA #formularioTarificacionVIDA-p-5 > div input  {
    margin: 10px 1%;
    width: 48%;
    border: 1px solid #b5b5b5;
    padding: 10px 15px;
    border-radius: 3px;
    font-size: 18px;
    height: 50px !important;
    box-sizing: border-box;
}

form#formularioTarificacionVIDA #formularioTarificacionVIDA-p-5 > div input#idcorreo {width: 98% !important; max-width:98% !important}

/*form#formularioTarificacionVIDA input#idprotecciondatos {width: 20px !important;}*/

form#formularioTarificacionVIDA #lopd {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

form#formularioTarificacionVIDA .actions ul li a[href="#previous"] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #b5b5b5;
    padding: 10px;
    border-radius: 50%;
    color: #fff;
    font-size: 0.0rem;
}
 form#formularioTarificacionVIDA .actions ul li a[href="#next"] {display: none;}
 #formularioTarificacionVIDA .actions{display:none}
 form#formularioTarificacionVIDA .actions ul li a[href="#previous"]::after {content: url(/../../../imagenes/angulo.svg); height: 20px;} 
 form#formularioTarificacionVIDA input.error, form#formularioTarificacionVIDA select.error, form#formularioTarificacionVIDA > .content > .body input.error, form#formularioTarificacionVIDA > .content > .body select.error {
    border: 2px solid red !important;
    border-bottom: 2px solid red !important;
    box-sizing: border-box;
}

form#formularioTarificacionVIDA div.actions ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    position: absolute;
    bottom: 30px;
    padding: 0px;
}

form#formularioTarificacionVIDA ul[role="menu"] a[href="#finish"]{display:none}


form#formularioTarificacionVIDA #formularioTarificacionVIDA-p-4 > div {width: 95%;}
form#formularioTarificacionVIDA #formularioTarificacionVIDA-p-5 > div {width: 95%;}

form#formularioTarificacionVIDA .mesRenovacionPadre {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

form#formularioTarificacionVIDA .mesRenovacionPadre > div {min-width: 130px; text-align: center;}

form#formularioTarificacionVIDA #formularioTarificacionVIDA-p-2{text-align:center}

#BarraProgreso {
    width: 100%;
    max-width: 1000px;
    height: 25px;
    margin: auto;
}

#BarraProgreso #BarraProgresoRelleno {
    height: 100%;
    width: 0%;
    background: rgb(240,248,255);
    background: linear-gradient(90deg, rgba(240,248,255,1) 0%, rgba(0,110,181,1) 100%);
}

form#formularioTarificacionVIDA input#idprotecciondatos {margin-right:15px !important;
  -ms-transform: scale(1); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);}





  
#cargando{padding:75px;}
div[aria-describedby="cargando"] .ui-dialog-titlebar{background: transparent;
border: none;
text-align: center;
font-weight: normal;
padding:0px
}
div[aria-describedby="cargando"] .ui-dialog{padding:30px}
div[aria-describedby="cargando"] .ui-dialog .ui-dialog-title, .ui-dialog .ui-dialog-title{float:none; width:100% !important; white-space: inherit !important; padding: 30px 30px 0px;}

.loader  {
  animation: rotate 4s infinite;  
  height: 50px;
  width: 50px;
  position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin:auto
}

.ui-widget.ui-widget-content

.loader:before,
.loader:after {   
  border-radius: 50%;
  content: '';
  display: block;
  height: 20px;  
  width: 20px;
}
.loader:before {
  animation: ball1 1s infinite;  
  background-color: #3DD092;
  box-shadow: 30px 0 0 #eaeaea;
  margin-bottom: 10px;
}
.loader:after {
  animation: ball2 1s infinite; 
  background-color: #006eb5;
  box-shadow: 30px 0 0 #eaeaea;
}

@keyframes rotate {
  0% { 
    -webkit-transform: rotate(0deg) scale(0.8); 
    -moz-transform: rotate(0deg) scale(0.8);
  }
  50% { 
    -webkit-transform: rotate(360deg) scale(1.2); 
    -moz-transform: rotate(360deg) scale(1.2);
  }
  100% { 
    -webkit-transform: rotate(720deg) scale(0.8); 
    -moz-transform: rotate(720deg) scale(0.8);
  }
}

@keyframes ball1 {
  0% {
    box-shadow: 30px 0 0 #006eb5;
  }
  50% {
    box-shadow: 0 0 0 #006eb5;
    margin-bottom: 0;
    -webkit-transform: translate(15px,15px);
    -moz-transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 #006eb5;
    margin-bottom: 10px;
  }
}

@keyframes ball2 {
  0% {
    box-shadow: 30px 0 0 #3DD092;
  }
  50% {
    box-shadow: 0 0 0 #3DD092;
    margin-top: -20px;
    -webkit-transform: translate(15px,15px);
    -moz-transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 #3DD092;
    margin-top: 0;
  }
}

/******* ESTILO NUEVO LOPD ******************************/
#formularioTarificacionVIDA #lopd{margin:15px auto}
#formularioTarificacionVIDA #lopd label{font-size:11px; margin-left:8px; text-align:justify}
#formularioTarificacionVIDA #lopd label a{font-weight:bold; text-decoration:underline}
#formularioTarificacionVIDA #lopd input#idprotecciondatos{width:50px; margin-top:-5px; min-width: 16px; height: 22px !important;}
#formularioTarificacionVIDA #lopd{align-items: start !important}
#formularioTarificacionVIDA #lopd label p {margin-top: -15px !important;font-size: 11px;}


/**************** MOVIL ***********************************************************************************************/
@media only screen and (max-width: 480px) {

	
form#formularioTarificacionVIDA {padding: 10px 10px 115px;}
form#formularioTarificacionVIDA legend {font-size: 21px;}
form#formularioTarificacionVIDA button.avanza, form#formularioTarificacionVIDA button.calcularPrecios{width: 180px !important; max-width: 180px !important; min-width: 180px !important;bottom: -100px;}
form#formularioTarificacionVIDA #formularioTarificacionVIDA-p-4 > div input {width: 98%;}
form#formularioTarificacionVIDA #formularioTarificacionVIDA-p-5 > div input {width: 98%;}
form#formularioTarificacionVIDA input#idprotecciondatos {width: 30px !important; margin-right: 15px !important;}
form#formularioTarificacionVIDA #lopd {align-items: flex-end;}
form#formularioTarificacionVIDA #lopd label{font-size:16px !important; text-align: left;}
form#formularioTarificacionVIDA .mesRenovacionPadre > div {min-width: 115px; padding: 10px;}
form#formularioTarificacionVIDA div.actions ul {bottom: 23px; left: 0;}
form#formularioTarificacionVIDA legend {margin:15px auto}
}

/******* TABLET ******************************************************************************************************/
@media only screen and (min-width: 481px) and (max-width: 768px) {
	
	
	form#formularioTarificacionVIDA {padding: 20px 20px 150px;}
	form#formularioTarificacionVIDA button.avanza, form#formularioTarificacionVIDA button.calcularPrecios {bottom: -127px;}
	form#formularioTarificacionVIDA div.actions ul {bottom: 10px; left: -19px;}
	form#formularioTarificacionVIDA input#idprotecciondatos {width: 30px !important; margin-right: 15px !important;}

}

/******* LAPTOP ******************************************************************************************************/
@media only screen and (min-width: 769px) and (max-width: 1024px) {

	

}

/********* ORDENADOR ****************************************************************************************************/
@media only screen and (min-width: 1025px) {

	

}