/*********************************************/
.col-md-12.mifooter.foot2 img {
	max-width: 100% !important;
}
/********************************************/


body {
    color: #3B505A;
}
body.fixed {
	margin-bottom: 0;
}

@media only screen and (min-width: 1024px) {
  .fixed .footer {
    position: absolute;
    width: 100%;
    height: 402px;
  }
}

/* PANTALLA INTRODUCCIÓN */
#cont-intro {
	display: flex;
    margin-bottom: 80px;
    flex-wrap: wrap;
}
#cont-intro span {
	display: inline-block;
	font-family: poppins regular;
	font-weight: 400;
	font-size: 20px;
}
#cont-intro span.bold {
    display: inline;
    font-family: poppins bold;
}
.cont-diseno {
	width: 390px;
    max-width: 100%;
}
.cont-texto {
	width: calc(100% - 390px);
	padding: 50px 80px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-bottom: 0;
}
#lblCalcula {
	font-family: poppins regular;
	font-weight: bold;
	font-size: 20px;
	text-transform: uppercase;
	border-radius: 8px;
	box-shadow: 0 2px 20px 0 rgba(59, 80, 90, 0.5);
	background-color: #3eb1ca;
	color: white;
	padding: 14px 30px;
	display: inline-block;
	margin-bottom: 20px;
	width: 200px;
	text-align: center;
}
#cont-intro span#lblIntro1, #cont-intro span#lblIntro2, #cont-intro span.bold {
    font-size: 32px;
}
#lblIntro1 {
	margin-bottom: 20px;
}


/* CABECERA */
#vivienda-datos, #vivienda-datos2, #vivienda-datos3, #vivienda-datos4, #vivienda-datos5, #movilidad-privado, #movilidad-publico, #cont-compras, #cont-ocio, #cont-resultados {
	overflow: hidden;
}
.vivienda-cont-superior {
	display: flex;
    justify-content: space-between;
    margin: 50px 0;
    overflow: hidden;
    width: calc(100% + 30px);
    /*margin-left: -15px;*/
    border-left: 2px solid #3EB1CA;
}
.vivienda-cont-superior > div:nth-child(1) {
	margin-left: -18px;
}
.vivienda-cont-superior > div:nth-child(4) {
	width: calc(24.7% + 15px);
}
.vivienda-cont-superior > div {
	width: 24.7%;
	padding: 10px;
    border: 2px solid #e1e3de;
}
.step-activo > span:nth-child(2) {
	color: #3EB1CA;
    text-transform: uppercase;
    font-size: 15px;
}
.nActivo {
	background: #3EB1CA;
	color: white;
	width: 28px;
	display: inline-block;
	height: 28px;
	text-align: center;
	border-radius: 50%;
	margin-right: 15px;
    margin-left: 20px;
}
.nInactivo {
    background: #3B505A;
	color: white;
	width: 28px;
	display: inline-block;
	height: 28px;
	text-align: center;
	border-radius: 50%;
	margin-right: 15px;
    margin-left: 20px;
}
.step-inactivo > span:nth-child(2) {
	color: #3B505A;
	text-transform: uppercase;
    font-size: 15px;
}
.step-activo {
	border-color: #3EB1CA !important;
}
.step-inactivo {
	background: #e1e3de;
}
.vivienda-cont-superior > div {
	webkit-transform: skew(-30deg);
	-moz-transform: skew(-30deg);
	-o-transform: skew(-30deg);
}
.vivienda-cont-superior > div > span {
	webkit-transform: skew(30deg);
	-moz-transform: skew(30deg);
	-o-transform: skew(30deg);
    display: inline-block;
}
.vivienda-azul {
	height: 4px;
	background: #3eb1ca;
	position: absolute;
	bottom: -1px;
	left: 20px;
}
.va-calefaccion {
    width: 25%;
}
.va-electricidad{
    width: 50%;
}
.va-residuos {
	width: 69%;
}
.va-agua {
	width: 93.2%;
}
.va-privado, .va-compras {
	width: 54%;
	left: -1px;
}
.vivienda-azul.right-border {
	height: 100%;
	width: 2px;
	left: 269px;
	top: -2px;
}
.va-publico, .va-ocio, .va-resultados {
	width: 100.8%;
	left: -1px;
}

.vivienda-cont-superior > div {
	position: relative;
}
.step-activo.step-pasado {
	background: #3EB1CA;
}
.step-activo.step-pasado > span:nth-child(2) {
	color: white;
}
.step-activo.step-pasado .nActivo {
	background: white;
	color: #3EB1CA;
}

/****************************/


.dgTitulo {
	font-family: poppins bold;
	font-size: 32px;
	color: #3B505A;
    display: inline-block;
}
.calcBold {
	font-family: poppins bold;
}
.fila-pregunta {
	display: flex;
}
.fila-pregunta > div:nth-child(1) {
	width: 65%;
}
.fila-pregunta > div:nth-child(2) {
	width: 35%;
    padding-left: 30px;
}
.fila-pregunta > div:nth-child(1) > span {
	font-size: 22px;
	color: #3B505A;
}
.spAclaracion {
	font-size: 16px;
}
.fila-pregunta {
	display: flex;
	padding-top: 20px;
	padding-bottom: 20px;
    min-height: 80px;
    padding-left: 25px;
    position: relative;
}
.imgcheck, .imgcheck-gris {
	width: 25px;
	height: 25px;
	position: absolute;
	left: 0px;
}
.aSiguiente, .aImprimir {
	color: #3EB1CA;
	border: 1px solid #3EB1CA;
	padding: 15px 40px;
	border-radius: 4px;
	display: inline-block;
    text-transform: uppercase;
}
.aSiguiente:hover, .aSiguiente:focus, .aImprimir:hover, .aImprimir:focus {
    text-decoration: none;
    color: white;
    background: #3EB1CA;
}

.oculto {
    display: none !important;
}

.aAnterior {
	color: #343A40;
	border: 1px solid #343A40;
	padding: 15px 40px;
	border-radius: 4px;
	display: inline-block;
	text-transform: uppercase;
}
.aAnterior:hover, .aAnterior:focus {
    text-decoration: none;
    color: white;
    background: #343A40;
}
.cont-navegación {
	margin-bottom: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
    margin-top: 50px;
}
.cont-navegación.nav1 {
	justify-content: flex-end;
}
.cont-preguntas {
	display: flex;
}
.cont-izquierda {
	width: 85%;
    padding-right: 40px;
}
.cont-dch {
	width: 15%;
}
.cont-preguntas .cont-dch {
	margin-bottom: 40px;
}
.pt0 {
	padding-top: 0;
}




/* PASOS CONTENEDOR DERECHO */
.cont-dch .wrapper {
	padding: 20px;
	background: #d6eceb;
	border: none;
	width: 100%;
	height: 100%;
    font-size: 14px;
    color: #97ADB0;
    max-height: 400px;
}

.wrapper.step-movilidad {
	max-height: 165px;
}
.wrapper.step-movilidad .StepProgress::before {
	height: 85%;
}
.StepProgress {
  position: relative;
  padding-left: 45px;
  list-style: none;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.StepProgress::before {
  display: inline-block;
  content: '';
  position: absolute;
  top: 0;
  left: 15px;
  width: 10px;
  height: 100%;
  border-left: 2px solid #97ADB0;
}
.StepProgress-item {
  position: relative;
  /*counter-increment: list;*/
  /*height: 20%;*/
}
.StepProgress-item:not(:last-child) {
  padding-bottom: 20px;
}
.StepProgress-item::before {
  display: inline-block;
  content: '';
  position: absolute;
  left: -30px;
  height: 105%;
  width: 10px;
  /*top: 5px;*/
  top: 22px;
}
.StepProgress-item::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: -40px;
	width: 24px;
	height: 24px;
	border: 2px solid #97ADB0;
	border-radius: 50%;
	background-color: #97ADB0;
	color: white;
    text-align: center;
}
.StepProgress-item.is-done::before {
  border-left: 2px solid green;
}
.StepProgress-item.is-done::after {
  /*content: "✔";*/
  font-size: 10px;
  color: #FFF;
  text-align: center;
  border: 2px solid green;
  background-color: green;
}
.StepProgress-item.current::before {
  /*border-left: 2px solid green;*/
}
.StepProgress-item.is-done::before {
	border-left: 2px solid #3B505A;
}
.StepProgress-item.current::after, .StepProgress-item.is-done::after {
	padding-top: 1px;
	width: 24px;
	height: 24px;
	top: 0px;
	left: -40px;
	font-size: 14px;
	text-align: center;
	color: white;
	border: #3B505A;
	background-color: #3B505A;
}
.StepProgress strong {
  display: block;
}
.StepProgress-item.current span, .StepProgress-item.is-done span {
	color: #3B505A;
}
.StepProgress .StepProgress-item:nth-child(1)::after {
	content: 'A';
}
.StepProgress .StepProgress-item:nth-child(2)::after {
	content: 'B';
}
.StepProgress .StepProgress-item:nth-child(3)::after {
	content: 'C';
}
.StepProgress .StepProgress-item:nth-child(4)::after {
	content: 'D';
}
.StepProgress .StepProgress-item:nth-child(5)::after {
	content: 'E';
}
.step-ocio .StepProgress::before {
	border-color: #3B505A;
}
/**********************************************/


#txtSuperficie.ui-widget, #txtConsumesProductLocales.ui-widget, #txtConsumesProductGranel.ui-widget, #txtConsumesProductEtiq.ui-widget, #txtReutilizasProduct.ui-widget, #txtTurismoCercania.ui-widget, #txtEventoSostenible.ui-widget, #txtPantallaOcio.ui-widget {
	font-size: 10px;
}
#txtSuperficie .ui-slider-range, #txtConsumesProductLocales .ui-slider-range, #txtConsumesProductGranel .ui-slider-range, #txtConsumesProductEtiq .ui-slider-range, #txtReutilizasProduct .ui-slider-range, #txtTurismoCercania .ui-slider-range, #txtEventoSostenible .ui-slider-range, #txtPantallaOcio .ui-slider-range {
    background: #A7CD3A;
}
#txtSuperficie .ui-state-default, #txtSuperficie .ui-widget-content .ui-state-default, #txtSuperficie .ui-widget-header .ui-state-default, #txtSuperficie .ui-button, #txtSuperficie html .ui-button.ui-state-disabled:hover, #txtSuperficie html .ui-button.ui-state-disabled:active,
#txtConsumesProductLocales .ui-state-default, #txtConsumesProductLocales .ui-widget-content .ui-state-default, #txtConsumesProductLocales .ui-widget-header .ui-state-default, #txtConsumesProductLocales .ui-button, #txtConsumesProductLocales html .ui-button.ui-state-disabled:hover, #txtConsumesProductLocales html .ui-button.ui-state-disabled:active,
#txtConsumesProductGranel .ui-state-default, #txtConsumesProductGranel .ui-widget-content .ui-state-default, #txtConsumesProductGranel .ui-widget-header .ui-state-default, #txtConsumesProductGranel .ui-button, #txtConsumesProductGranel html .ui-button.ui-state-disabled:hover, #txtConsumesProductGranel html .ui-button.ui-state-disabled:active,
#txtConsumesProductEtiq .ui-state-default, #txtConsumesProductEtiq .ui-widget-content .ui-state-default, #txtConsumesProductEtiq .ui-widget-header .ui-state-default, #txtConsumesProductEtiq .ui-button, #txtConsumesProductEtiq html .ui-button.ui-state-disabled:hover, #txtConsumesProductEtiq html .ui-button.ui-state-disabled:active,
#txtReutilizasProduct .ui-state-default, #txtReutilizasProduct .ui-widget-content .ui-state-default, #txtReutilizasProduct .ui-widget-header .ui-state-default, #txtReutilizasProduct .ui-button, #txtReutilizasProduct html .ui-button.ui-state-disabled:hover, #txtReutilizasProduct html .ui-button.ui-state-disabled:active,
#txtTurismoCercania .ui-state-default, #txtTurismoCercania .ui-widget-content .ui-state-default, #txtTurismoCercania .ui-widget-header .ui-state-default, #txtTurismoCercania .ui-button, #txtTurismoCercania html .ui-button.ui-state-disabled:hover, #txtTurismoCercania html .ui-button.ui-state-disabled:active,
#txtEventoSostenible .ui-state-default, #txtEventoSostenible .ui-widget-content .ui-state-default, #txtEventoSostenible .ui-widget-header .ui-state-default, #txtEventoSostenible .ui-button, #txtEventoSostenible html .ui-button.ui-state-disabled:hover, #txtEventoSostenible html .ui-button.ui-state-disabled:active,
#txtPantallaOcio .ui-state-default, #txtPantallaOcio .ui-widget-content .ui-state-default, #txtPantallaOcio .ui-widget-header .ui-state-default, #txtPantallaOcio .ui-button, #txtPantallaOcio html .ui-button.ui-state-disabled:hover, #txtPantallaOcio html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #A7CD3A;
	font-weight: normal;
	color: #A7CD3A;
    border-radius: 50%;
}
#txtSuperficie.ui-widget-content, #txtConsumesProductLocales.ui-widget-content, #txtConsumesProductGranel.ui-widget-content, #txtConsumesProductEtiq.ui-widget-content, #txtReutilizasProduct.ui-widget-content, #txtTurismoCercania.ui-widget-content, #txtEventoSostenible.ui-widget-content, #txtPantallaOcio.ui-widget-content {
	border: 1px solid #e1e3de !important;
	background: #e1e3de;
}
#pSuperficie {
	text-align: center;
	color: #3B505A;
	font-size: 15px;
	font-family: poppins regular;
	font-weight: bold;
    display: inline-block;
    border-bottom: 2px solid #A7CD3A;
}
#contSuperficie {
	text-align: center;
}
.ui-slider .ui-slider-handle {
	width: 1.4em;
	height: 1.4em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.4em;
}
#sltTipoVivienda-button, #sltHabitaciones-button, #sltTipoCalefaccion-button, #sltCombustibleAgua-button, #sltUnidadCombustible-button, #sltUnidadCombustible2-button, #sltBombillas-button, #sltRefrigerador-button, #sltLavadora-button, #sltLavavajillas-button, #sltHorno-button, #sltVehiculo-button, #sltCombustible-button {
	background: #fcf9f0;
	font-family: poppins regular;
	font-size: 16px;
	color: #3B505A;
	width: 100%;
}
.nice-number button, .nice-number input {
	background: transparent;
	border: none;
}
.nice-number {
	font-family: poppins regular;
	font-size: 16px;
	color: #3B505A;
	border: 1px solid #cccccc;
	height: 34.4px;
	border-radius: 3px;
	width: 200px;
	text-align: center;
	display: flex;
	justify-content: space-between !important;
}
.nice-number button:nth-child(1) {
	padding-left: 15px;
    color: #cccccc;
}
.nice-number button:nth-child(3) {
	padding-right: 15px;
    color: #cccccc;
}
.justify-end {
	display: flex;
	justify-content: flex-end;
}
.aSiguiente.disabled, .aSiguiente.disabled:hover {
	color: #97adb0;
	border-color: #97adb0;
	cursor: default;
    background: transparent;
}


/***** SWITCH BUTTON *****/
.switch {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 46px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #3B505A;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 3px;
}

.slider::before {
	position: absolute;
	content: "";
	height: 40px;
	width: 60px;
	left: 3px;
	bottom: 3px;
	background-color: #fcfaf3;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 3px;
}

input:checked + .slider {
  background-color: #A7CD3A;
}

input:focus + .slider {
  box-shadow: 0 0 1px #A7CD3A;
}

input:checked + .slider:before {
  -webkit-transform: translateX(55px);
  -ms-transform: translateX(55px);
  transform: translateX(55px);
}
.respdoble .nice-number {
	width: 140px;
    height: 38.5px;
}
#sltUnidadCombustible-button, #sltUnidadCombustible2-button {
    width: calc(100% - 120px);
    height: 38.5px;
}
.respdoble {
	display: flex;
	justify-content: space-between;
    flex-direction: column;
}
.respdoble > div > div {
	display: flex;
	justify-content: space-between;
    align-items: center;
}
.nicenumb_unidad .nice-number {
	height: 38.5px;
}
.respdoble > div {
	display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    /*justify-content: space-between;*/
}
.lblUnidad {
	font-weight: normal;
	font-size: 14px;
}
#VivCalefaccionPregunta4 .respdoble {
	padding-top: 10px;
}
.nicenumb_unidad span {
	height: 38.5px;
	display: inline-block;
	margin-left: 10px;
    align-self: flex-start;
    padding-top: 6px;
}
.nicenumb_unidad {
	display: flex;
	align-items: first baseline;
	justify-content: flex-end;
}
.cont-cargar-gesto {
	background: white;
	padding: 10px 20px;
	margin-top: 30px;
    display: inline-block;
}
.subtitulo_modal {
	display: inline-block;
	padding: 2px 10px;
	font-family: inglobal bold;
	padding-left: 0px;
	font-size: 26px;
	margin-bottom: 0;
}
.titulo_modal {
	font-family: poppins bold;
}
.cont_modal img {
	float: left;
}
#Cale3, #Elec1 {
	margin-right: 20px;
	font-size: 16px;
	color: #3B505A;
	margin-bottom: 0;
	padding-top: 10px;
}
#txtKWh, .nicenumb_unidad.nn-doble .nice-number {
	width: 120px;
}
.elctricidad-just-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#ckbKwhBool {
	/*-ms-transform: scale(2);
	-moz-transform: scale(2);
	-webkit-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);*/
	margin-right: 15px;
}
#lblTitIluminación, #lblTitElectrodomesticos, #lblTitTelevisores, #lblTitOrdenadores {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
}
.fila-pregunta.fila-titulo-seccion {
	padding-bottom: 0;
	min-height: 30px;
	margin-top: 30px;
}
.num-refrig .nice-number {
	width: 100px;
}
.cont-elect .fila-pregunta > div:nth-child(1), .cont-res .fila-pregunta > div:nth-child(1) {
	width: 60%;
}
.cont-elect .fila-pregunta > div:nth-child(2), .cont-res .fila-pregunta > div:nth-child(2) {
	width: 40%;
}
.nicenumb_unidad.nn-doble.num-refrig .nice-number {
	width: 100px;
}
#sltRefrigerador-button, #sltLavavajillas-button, #sltHorno-button {
	width: 210px;
}
#sltLavadora-button {
	width: 120px;
}
.nicenumb_unidad.nn-doble.num-refrig.number-with-span {
	flex-direction: column;
}
.align-items-last-baseline {
	align-items: last baseline;
}
#lblCantidad, #lblVecesSemanales, #lblVecesSemanales2, #lblHorasSemanales, #lblVecesSemanales3 {
	font-size: 14px;
	font-style: italic;
	font-family: poppins light;
}
#lblVecesSemanales, #lblVecesSemanales2, #lblHorasSemanales {
	margin-left: 0;
	max-width: 100px;
	text-align: right;
}
#cont-respuestas-electrod > div {
	margin-bottom: 10px;
}
#cont-veces-leyenda {
	justify-content: flex-end;
}
.labelauty-checked, .labelauty-unchecked {
	display: none !important;
}
.cont-ckbKW {
	display: flex;
    margin-left: 20px;
}
#lblNolose {
	margin-left: 15px;
}
.elctricidad-flex-end {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.lblElectSpan {
	width: calc(100% - 150px);
}
#cont-respuestas-residuos {
	padding-left: 30px;
}
.residuos-options {
	display: flex;
}
.residuos-options > .lblElectSpan {
	margin-left: 15px;
    width: auto;
}
.residuos-options {
	height: 38.5px;
	margin-bottom: 10px;
}
.cont-agua .fila-pregunta > div:nth-child(1) {
	width: 100%;
}
.agua-parrafo {
	font-size: 16px;
	margin-top: 30px;
}
.nicenumb_unidad.nn-doble.num-refrig.number-with-span.num-movilidad > .nice-number {
	width: 100%;
}
.nicenumb_unidad.nn-doble.num-refrig.number-with-span.num-movilidad {
	width: calc(50% - 5px);
}
.spMovilidadAclaracion {
	display: inline-block;
	width: 100%;
	text-align: right;
	padding-right: 13px;
    font-size: 14px;
	font-style: italic;
	font-family: poppins light;
}
.nicenumb_unidad.nn-doble.num-refrig.number-with-span.num-movilidad.cont-avion {
	width: 100%;
	flex-direction: row;
	justify-content: initial;
}
.nicenumb_unidad.nn-doble.num-refrig.number-with-span.num-movilidad.cont-avion .nice-number {
	width: calc(50% - 5px);
}
.spMovilidadAvion {
	font-size: 20px;
	padding-top: 0px !important;
	max-width: calc(50% - 5px);
	height: auto !important;
	line-height: 19px;
	align-self: center !important;
}
.cont-resp-avion {
	display: flex;
	flex-direction: column;
}
.cont-resp-avion > div {
	margin-bottom: 20px;
}
#fsBolsa {
	width: 100%;
    display: flex;
}
#fsBolsa > label {
	width: 33.3%;
	margin: 0;
	border-radius: 0;
	background: #fcf9f0;
	color: #3B505A;
	font-size: 16px;
	font-family: poppins regular;
}
#fsBolsa > label:nth-child(1) {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
#fsBolsa > label:nth-child(5) {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
#fsBolsa .ui-state-active {
	background: #a8ce37;
	color: white;
	border-color: #a8ce37;
	box-shadow: none;
}
.cont-slider-ranges {
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
}
#lblNuncaLoc, #lblSiempreLoc, #lblNuncaGranel, #lblSiempreGranel, #lblNuncaEtiq, #lblSiempreEtiq, #lblNuncaReutilizas, #lblSiempreReutilizas, #lblNuncaTurismo, #lblSiempreTurismo, #lblNuncaEvento, #lblSiempreEvento, #lblNuncaPantalla, #lblSiemprePantalla {
	font-size: 12px;
}
.range-selected {
	font-size: 15px !important;
	font-weight: bold;
	border-bottom: 5px solid #A7CD3A;
}
.cont-pos-rel {
	position: relative;
}
#lblSliderLocal, #lblSliderGranel, #lblSliderEtiq, #lblSliderReutilizas, #lblSliderTurismo, #lblSliderEvento, #lblSliderPantalla {
	position: absolute;
	top: 0;
}
#txtConsumesProductGranel, #txtConsumesProductLocales, #txtConsumesProductEtiq, #txtReutilizasProduct, #txtTurismoCercania, #txtEventoSostenible, #txtPantallaOcio {
	margin-top: 10px;
}
#contConsumProdLocales .cont-slider-ranges, #contConsumProdGranel .cont-slider-ranges, #contConsumProdEtiq .cont-slider-ranges, #contReutilzasProduct .cont-slider-ranges, #contTurismoCercania .cont-slider-ranges, #contEventoSostenible .cont-slider-ranges, #txtPantallaOcio .cont-slider-ranges {
    height: 27px;
}
#cont-emisiones span, #cont-media span, #lblReducirEmisiones {
	font-family: poppins regular;
	font-size: 26px;
	color: #3B505A;
}
#lblEmisionesMedia2 {
	font-family: poppins bold !important;
}
#lblReducirEmisiones {
    display: block;
    margin-top: 28px;
}
#lblPracticaGestos {
    font-family: poppins regular;
	font-size: 18px;
	color: #3B505A;
    display: block;
    clear: both;
    margin-top: 15px;
}

#txtNumPersonas {
	width: 100%;
}


/*************/
.input-group button, .input-group input {
	height: 38px;
    background: #fcf9f0;
    border: none;
}
.input-group {
	display: flex;
}
#txtNumPersonas + .input-group, #txtGradosTermostato  + .input-group, #txtCombustible1 + .input-group, #txtCombustible2 + .input-group, #txtKmAnuales + .input-group {
	width: 200px;
	border: 1px solid #cccccc;
	border-radius: 3px;
}
#txtKWh + .input-group {
	width: 120px;
	border: 1px solid #cccccc;
	border-radius: 3px;
}
#txtNumRefrigerador + .input-group, #txtNumLavadora + .input-group, #txtVecesLavadora + .input-group, #txtVecesLavavajillas + .input-group, #txtVecesHorno + .input-group, .nn-elctrod + .input-group {
	width: 100px;
	border: 1px solid #cccccc;
	border-radius: 3px;
}
.movilidad-nice-number + .input-group {
    width: 138px;
	border: 1px solid #cccccc;
	border-radius: 3px;
}
#txtKMTren + .input-group .input-group-prepend, #txtKMTren + .input-group .input-group-append, #txtKMMetro + .input-group .input-group-prepend, #txtKMMetro + .input-group .input-group-append,
#txtKMAutobus + .input-group .input-group-prepend, #txtKMAutobus + .input-group .input-group-append, #txtKMTaxi + .input-group .input-group-prepend, #txtKMTaxi + .input-group .input-group-append,
#txtKWh + .input-group .input-group-prepend, #txtKWh + .input-group .input-group-append, #txtKmAnuales + .input-group .input-group-prepend, #txtKmAnuales + .input-group .input-group-append {
    display: none;
}
#txtKMTren + .input-group input, #txtKMMetro + .input-group input, #txtKMTaxi + .input-group input, #txtKMAutobus + .input-group input, #txtKWh + .input-group input, #txtKmAnuales + .input-group input {
    border: 1px solid #ccc;
    border-radius: 3px;
}
#txtKMTren + .input-group, #txtKMMetro + .input-group, #txtKMAutobus + .input-group, #txtKMTaxi + .input-group, #txtKWh + .input-group, #txtKmAnuales + .input-group {
    border: none;
}


#txtKWh + .input-group button, .movilidad-nice-number + .input-group button {
    min-width: 25px !important;
}
#txtNumRefrigerador+ .input-group button, #txtNumLavadora+ .input-group button, #txtVecesLavadora+ .input-group button, #txtVecesLavavajillas+ .input-group button, #txtVecesHorno + .input-group button, .nn-elctrod + .input-group button {
    min-width: 25px !important;
}
.input-group-prepend button {
	color: #686565 !important;
}
#lblUnidadC1, #lblUnidadC2 {
    max-width: calc(100% - 205px);
    text-align: right;
    margin-bottom: 0;
}



/* TABLAS GESTOS */
.tabla-gestos, .resultados_gestos {
	width: 100%;
    margin-top: 40px;
    border-collapse: unset;
}
.tabla-gestos th {
	background: #3cb3cb;
	color: white;
	text-transform: uppercase;
	font-size: 24px;
    padding-left: 24px;
}
.tabla-gestos th, .tabla-gestos td, .resultados_gestos td {
    height: 60px;
}
.tabla-gestos td, .resultados_gestos td {
    height: 60px;
    background: white;
    border: 1px solid #3cb3cb;
    border-top: none;
    padding-left: 14px;
}
.tabla-gestos td a, .resultados_gestos td a {
	color: #3B505A;
}
.tabla-gestos td a:hover, .tabla-gestos td a:focus, .resultados_gestos td a:hover, .resultados_gestos td a:focus {
    text-decoration: none;
}
.resultados_gestos {
	margin-top: 0;
}
#accordion {
	margin-top: 40px;
}
.input-group .form-control, .fila-pregunta .ui-slider .ui-slider-handle {
    z-index: 1;
}

/****** MODAL ******/
.modal{
    max-width: 66% !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    z-indez: 999999;
}
.cont_modal img{
    max-height: 400px;
    /*max-width: 25%;*/
    padding: 15px;
    /*order: 1;*/
}
.modimage {
    max-width: 25%;
}
.modal a.close-modal{
    background-image: url('/52gestos/img/close.png') !important;
    margin: 20px;
}
.blocker{
    background-color: rgba(0,0,0,0.5) !important;
}
.cont_modal p {
    font-size: 16px;
    line-height: 1.6;
}
.cont_modal {
    display: flex;
}
.texto_modal{
    flex-basis: 75%;
}
.titulo_modal{
    color: #595959;
    font-weight: bold;
}
.subtitulo_modal{
    color: #3c505b;
    display: inline-block;
    padding: 2px 10px;
    font-family: inglobal bold;
    padding-left: 0px;
    font-size: 24px;
}
.modal a.close-modal{
    top: 2.5px !important;
    right: 2.5px !important;
}
#texto_modal p{
    margin: 10px 0;
}


/*** GESTOS RESULTADOS ***/
.panel-default > .panel-heading {
    color: white;
    background-color: #3cb3cb;
    border-color: #3cb3cb;
    border-radius: 0px;
}
.panel-heading.ph-calefaccion {
	background: #f5a81e;
	border-color: #f5a81e;
}
.panel-heading.ph-movilidad {
	background: #2c7878;
	border-color: #2c7878;
}
.panel-heading.ph-residuos {
	background: #a8ce37;
	border-color: #a8ce37;
}
.panel-heading.ph-agua {
	background: #384f5a;
	border-color: #384f5a;
}
.panel-heading.ph-compras {
	background: #a3c7ab;
	border-color: #a3c7ab;
}
.panel-heading.ph-educacion {
	background: #698d9e;
	border-color: #698d9e;
}

.panel-title a {
	display: flex !important;
	width: 100%;
	justify-content: space-between;
    padding-left: 15px;
}
.panel-title a span {
	text-transform: uppercase;
	font-size: 24px;
    line-height: 26px;
}
.panel-title a:hover, .panel-title a:focus {
	text-decoration: none;
}
.panel .panel-heading {
	padding: 16px 15px;
}
#accordion.panel-group .panel + .panel {
	margin-top: 0 !important;
}
.panel .panel-body {
	padding: 0;
}
#accordion.panel-group .panel {
	margin-bottom: 0;
	border-radius: 0;
}
.arrow-d {
	height: 26px;
}
#lblResultEmisiones {
	font-family: poppins bold !important;
	font-size: 30px !important;
}
.mt40 {
	margin-top: 40px;
}

#tabla-calefaccion, #tabla-electricidad, #tabla-residuos, #tabla-privada, #tabla-publica, #tabla-compras, #tabla-ocio {
	margin-top: 0;
}

/**** GRÁFICOS ****/
#cont-graficos {
	display: flex;
	width: 100%;
}
#cont-pie {
	width: 40%;
    display: flex;
    align-items: center;
}
#cont-barras {
	width: 60%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
#cont-graficos {
	margin: 30px 0 50px 0;
}
#imgMapa {
	margin-top: 30px;
}
.cont-progress {
	height: 52px !important;
	width: 650px;
	background: #dce1e4 !important;
	margin-bottom: 10px;
	position: relative;
}
.span-progress-tit {
	font-size: 20px;
	text-transform: uppercase;
	font-family: poppins bold;
	font-weight: 400;
    color: #3B505A;
}
.span-progress-cantidad {
	position: absolute;
	left: 14px;
	margin-bottom: 0;
	top: 12px;
	font-family: poppins regular;
	font-weight: normal;
	font-size: 20px;
}
.span-progress-tit {
    position: absolute;
    right: 20px;
    top: 12px;
}
#cont-barras .ui-progressbar .ui-progressbar-value {
	height: 52px;
}
#progress-electricidad .ui-widget-header {
    background: #3cb3cb;
}
#progress-calefaccion .ui-widget-header {
    background: #f5a81e;
}
#progress-movilidad .ui-widget-header {
    background: #2c7878;
}
#progress-residuos .ui-widget-header {
    background: #a8ce37;
}
#progress-agua .ui-widget-header {
    background: #384f5a;
}
#progress-compras .ui-widget-header {
    background: #a3c7ab;
}
#progress-total.cont-progress {
	background: #384f5a !important;
}
#progress-total span, #progress-total label {
    color: white;
}

#cont-barras .ui-widget.ui-widget-content {
	border: 1px solid #fcf9f0;
	border-radius: 0;
}
#cont-barras .ui-progressbar-value.ui-corner-left.ui-widget-header {
	border-radius: 0;
}
#myChart {
	max-height: 400px;
}
#cont-compras-reverse {
	width: 14px;
	height: 52px;
	background: #a3c7ab;
	position: absolute;
	left: -14px;
}
.txtBlanco .span-progress-cantidad {
	color: white;
}

.fila-pregunta .input-group {
	height: 40px;
}
.cont-just-sb {
	justify-content: space-between;
}
.cont-gestos {
	margin-top: 30px;
}
.ui-button:active {
    border: 1px solid #a8ce37 !important;
}
.selectedCN {
    left: 15%;
}
.selectedAV {
    left: 40%;
}
.selectedCS {
    left: 47%;
}


/**** MEDIA QUERIES ****/

@media only screen and (max-width: 1200px) {
    #cont-intro span#lblIntro1, #cont-intro span#lblIntro2, #cont-intro span.bold {
	    font-size: 26px;
    }
    #btnIntro {
	    margin-top: 50px;
	    display: inline-block;
    }
    .cont-texto {
        padding: 50px;
    }
    .vivienda-cont-superior > div {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
    }
    .vivienda-cont-superior > div:nth-child(1) {
	    margin-left: -25px;
    }
    .vivienda-cont-superior > div > span:nth-child(1) {
	    margin-left: -10px;
    }
    .cont-dch .wrapper {
	    padding: 15px 5px;
    }
    .StepProgress-item::after, .StepProgress-item.current::after, .StepProgress-item.is-done::after {
	    left: -36px;
    }
    .StepProgress {
	    padding-left: 40px;
    }
    .StepProgress-item::before {
	    left: -25px;
    }
    .vivienda-azul {
	    left: 44px;
    }
    .vivienda-azul.va-calefaccion {
	    left: 40px;
    }
    .vivienda-azul.va-electricidad, .vivienda-azul.va-residuos {
	    left: 20px;
    }
    .vivienda-azul.va-agua {
	    left: 17px;
    }
    .vivienda-azul.va-privado, .vivienda-azul.va-compras, .vivienda-azul.va-ocio, .vivienda-azul.va-resultados {
	    left: 0px;
    }
    .vivienda-azul.va-publico {
	    left: -1px;
    }
    .cont-mov-final .StepProgress-item::before {
	    height: 125%;
    }
    .rightborder-blue {
	    border-right: 2px solid #3eb1ca;
    }
    .cont-preg-col {
	    flex-direction: column;
	    align-items: flex-end;
    }
    #lblUnidadC1, #lblUnidadC2 {
	    width: 100%;
	    max-width: 100%;
	    margin-top: 5px;
    }
    .respdoble > div > div {
	    align-items: flex-end;
        justify-content: flex-end;
    }
    .cont-ckbKW {
	    margin-left: 0;
        margin-top: 10px;
    }
    .elctricidad-flex-end {
        flex-direction: column;
	    justify-content: center;
	    align-items: flex-start;
	    width: auto !important;
    }
    .fila-pregunta.resp1200 {
	    flex-direction: column;
    }
    .fila-pregunta.resp1200 > div {
	    width: 100% !important;
        padding-left: 0;
    }
    .fila-pregunta.resp1200 > div:nth-child(2) {
	    margin-top: 15px;
    }
    .resp1200 .elctricidad-just-between {
	    justify-content: flex-start;
    }
    #sltRefrigerador-button, #sltLavavajillas-button, #sltHorno-button {
	    width: 260px;
	    margin: 0 3px;
    }
    #sltLavadora-button {
	    width: 155px;
	    margin: 0 3px;
    }
    .lblElectSpan {
	    width: 250px;
	    margin-left: 10px;
    }
    #cont-veces-leyenda {
	    justify-content: flex-start;
    }
    #lblVecesSemanales3 {
	    margin-left: 285px;
    }
    .elctricidad-just-between.align-items-last-baseline.transporte1 {
	    flex-direction: column;
    }
    .transporte1 .nicenumb_unidad.nn-doble.num-refrig.number-with-span {
	    flex-direction: column;
	    width: 100%;
	    align-items: flex-end;
    }
    .fila-pregunta.cont-vuelos {
	    flex-direction: column;
    }
    .fila-pregunta.cont-vuelos > div {
	    width: 100%;
    }
    .cont-resp-avion {
	    flex-direction: row;
        padding-left: 0 !important;
        justify-content: space-between;
    }
    .nicenumb_unidad.nn-doble.num-refrig.number-with-span.num-movilidad.cont-avion {
	    flex-direction: column-reverse;
    }
    .spMovilidadAvion {
        align-self: flex-start !important;
    }
    .spMovilidadAvion {
	    max-width: 130px;
        margin: 10px 0 !important;
    }
    .fila-pregunta.pregunta-checkboxlist, .fila-pregunta.pregunta-slider {
        flex-direction: column;
    }
    .fila-pregunta.pregunta-checkboxlist > div, .fila-pregunta.pregunta-slider > div {
	    width: 100%;
    }
    .fila-pregunta.pregunta-checkboxlist > div:nth-child(2), .fila-pregunta.pregunta-slider > div:nth-child(2) {
	    padding-left: 0;
	    margin-top: 15px;
    }
    .selectedCN {
        left: 19%;
    }
    .selectedAV {
        left: 46%;
    }
    .selectedCS {
        left: 68%;
    }
    #cont-barras {
	    width: 58%;
	    margin-left: 2%;
    }
}

@media only screen and (max-width: 992px) {
    #cont-intro {
	    flex-direction: column;
        align-items: center;

    }
    .cont-texto {
	    width: 100%;
	    padding-left: 0px;
	    padding-right: 0px;
    }

    .vivienda-cont-superior.vivienda-responsive > div:nth-child(2), .vivienda-cont-superior.vivienda-responsive > div:nth-child(3), .vivienda-cont-superior.vivienda-responsive > div:nth-child(4) {
        display: none;
    }
    .vivienda-cont-superior.vivienda-responsive > div:nth-child(1) {
        width: 100%;
        margin-left: 0;
        flex-direction: row;
        webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        border-radius: 4px;
    }
    .vivienda-cont-superior.movilidad-responsive > div:nth-child(1), .vivienda-cont-superior.movilidad-responsive > div:nth-child(3), .vivienda-cont-superior.movilidad-responsive > div:nth-child(4) {
        display: none;
    }
    .vivienda-cont-superior.movilidad-responsive > div:nth-child(2) {
        width: 100%;
        margin-left: 0;
        flex-direction: row;
        webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        border-radius: 4px;
    }
    .vivienda-cont-superior.compras-responsive > div:nth-child(1), .vivienda-cont-superior.compras-responsive > div:nth-child(2), .vivienda-cont-superior.compras-responsive > div:nth-child(4) {
        display: none;
    }
    .vivienda-cont-superior.compras-responsive > div:nth-child(3) {
        width: 100%;
        margin-left: 0;
        flex-direction: row;
        webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        border-radius: 4px;
    }
    .vivienda-cont-superior.resultados-responsive > div:nth-child(1), .vivienda-cont-superior.resultados-responsive > div:nth-child(2), .vivienda-cont-superior.resultados-responsive > div:nth-child(3) {
        display: none;
    }
    .vivienda-cont-superior.resultados-responsive > div:nth-child(4) {
        width: 100%;
        margin-left: 0;
        flex-direction: row;
        webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        border-radius: 4px;
    }
    .vivienda-cont-superior.leftborder-blue.resultados-responsive .vivienda-azul.right-border {
	    display: none;
    }
    .rightborder-blue.resultados-responsive {
	    border: none;
    }
    .vivienda-responsive .vivienda-azul.va-calefaccion {
	    left: 0px;
	    width: 25%;
    }
    .vivienda-responsive .vivienda-azul.va-electricidad {
	    left: 0;
	    width: 50%;
    }
    .vivienda-responsive .vivienda-azul.va-residuos {
        left: 0;
	    width: 75%;
    }
    .vivienda-responsive .vivienda-azul.va-agua {
	    width: 100%;
	    left: 0;
    }
    .vivienda-azul.va-privado, .vivienda-azul.va-compras {
	    width: 50%;
    }

    .vivienda-cont-superior > div > span {
	    webkit-transform: none;
	    -moz-transform: none;
	    -o-transform: none;
    }
    .vivienda-cont-superior {
        border-left: none;
    }
    .vivienda-cont-superior.leftborder-blue span:nth-child(1) {
	    margin-left: 10px;
    }
    .vivienda-cont-superior.leftborder-blue {
	    padding-right: 30px;
    }
    .cont-dch {
	    display: none;
    }
    .cont-izquierda {
	    width: 100%;
	    padding-right: 0;
    }
    #cont-graficos {
	    flex-direction: column-reverse;
    }
    #cont-graficos > div {
	    width: 100%;
    }
    #cont-barras {
	    width: 58%;
	    margin-left: 0;
        justify-content: center;
    }
    #cont-pie {
	    justify-content: center;
        min-height: 300px;
        margin-top: 40px;
    }

}


@media only screen and (max-width: 767px) {
    #vivienda-datos .fila-pregunta, #cont-calculadora .fila-pregunta {
	    flex-direction: column;
    }
    #vivienda-datos .fila-pregunta > div, #cont-calculadora .fila-pregunta > div {
        width: 100%;
    }
    #vivienda-datos .fila-pregunta > div:nth-child(2), #cont-calculadora .fila-pregunta > div:nth-child(2) {
	    padding-left: 0;
	    margin-top: 20px;
        padding-right: 30px;
    }
    .justify-end.responsive-jstart {
	    justify-content: flex-start;
    }
    .nicenumb_unidad {
	    justify-content: flex-start;
    }
    .respdoble {
	    justify-content: space-around;
	    flex-direction: row;
	    flex-wrap: wrap;
    }
    .elctricidad-flex-end.responsive-jstart {
	    justify-content: flex-start;
	    flex-direction: row;
	    align-items: center;
    }
    .cont-ckbKW {
	    margin-top: 0;
	    margin-left: 20px;
    }
    .imgcheck, .imgcheck-gris {
	    top: 23px;
    }
    .cont-ckbNolose .nicenumb_unidad span {
	    height: auto;
	    display: inline-block;
	    margin-left: 10px;
	    align-self: center;
	    padding-top: 0;
    }
    .elctricidad-just-between.align-items-last-baseline.transporte1 {
	    flex-direction: row;
        justify-content: flex-start;
    }
    .transporte1 .nicenumb_unidad.nn-doble.num-refrig.number-with-span {
	    width: auto;
	    align-items: flex-start;
    }
    .elctricidad-just-between.align-items-last-baseline.transporte1 > div:nth-child(1) {
	    margin-right: 20px;
    }

}


@media only screen and (max-width: 600px) {
    #cont-intro span#lblIntro1, #cont-intro span#lblIntro2, #cont-intro span.bold {
	    font-size: 20px;
    }
    #cont-intro span {
	    font-size: 16px;
    }
    #btnIntro {
	    display: block;
	    width: 200px;
	    margin: 30px auto;
    }
    #lblCalcula, #cont-intro {
        margin-bottom: 0;
    }
    .vivienda-cont-superior {
	    margin: 20px 0 25px;
    }
    .dgTitulo {
	    font-size: 26px;
    }
    #lblTitulo {
        font-size: 30px;
    }
    .fila-pregunta {
	    min-height: 1px;
    }
    .fila-pregunta > div:nth-child(1) > span {
	    font-size: 20px;
    }
    .fila-pregunta.pt0 {
	    padding-bottom: 0;
    }
    .spMovilidadAvion {
	    font-size: 18px;
    }
    .selectedAV {
	    left: 44%;
    }
    .selectedCS {
	    left: 65%;
    }
    #cont-emisiones span, #cont-media span, #lblReducirEmisiones {
	    font-size: 22px;
    }
    .panel-title a span {
	    font-size: 20px;
    }
}


@media only screen and (max-width: 525px) {
    .cont-resp-avion {
	    flex-wrap: wrap;
    }
    .cont-resp-avion > div {
	    width: 50%;
    }
    .selectedCS {
	    left: 59%;
    }
    #cont-barras > div > span {
	    max-width: 300px;
	    text-align: end;
	    line-height: 20px;
        height: 100%;
        display: flex;
        align-items: center;
        top: 0;
    }
}

@media only screen and (max-width: 500px) {
    #lblVecesSemanales3 {
	    margin-left: 0;
    }
    #cont-veces-leyenda {
	    justify-content: flex-end;
    }
}

@media only screen and (max-width: 480px) {
    #lblTitulo {
	    font-size: 22px;
    }
    .dgTitulo {
	    font-size: 20px;
    }
    .fila-pregunta > div:nth-child(1) > span {
	    font-size: 18px;
    }
    .spAclaracion {
	    font-size: 14px;
    }
    .spMovilidadAvion {
	    font-size: 16px;
    }
    .selectedCS {
	    left: 55%;
    }
    .selectedAV {
	    left: 42%;
    }
    #cont-emisiones span, #cont-media span, #lblReducirEmisiones {
	    font-size: 20px;
    }
    .panel-title a span {
	    font-size: 18px;
    }
}

@media only screen and (max-width: 425px) {
    #sltRefrigerador-button, #sltLavavajillas-button, #sltHorno-button {
	    width: 100%;
    }
    .elctricidad-just-between.fila-select > div:nth-child(2), .elctricidad-just-between.fila-select2 > div:nth-child(1) {
	    width: calc(100% - 105px);
    }
    .elctricidad-just-between.fila-select2{
        justify-content: space-between;
    }
    #vivienda-datos .fila-pregunta > div:nth-child(2), #cont-calculadora .fila-pregunta > div:nth-child(2) {
	    padding-right: 0px;
    }
    #sltLavadora-button {
	    width: 100%;
	    margin: 0;
    }
    .fila-select3 > div:nth-child(2) {
	    width: calc(100% - 205px);
    }
    #cont-barras > div > span {
	    max-width: 225px;
    }
}

@media only screen and (max-width: 400px) {
    .selectedCS {
	    left: 50%;
    }
}

@media only screen and (max-width: 370px) {
    .cont-navegación a {
	    padding: 15px 20px;
    }
    .elctricidad-flex-end.responsive-jstart.cont-ckbNolose {
	    flex-direction: column;
	    align-items: flex-start;
    }
    .cont-ckbKW {
	    margin-left: 0;
	    margin-top: 15px;
    }
    .cont-resp-avion > div {
	    width: 100%;
    }
    .spMovilidadAvion {
	    max-width: 100%;
    }

}

@media only screen and (max-width: 355px) {
    .elctricidad-just-between.align-items-last-baseline.transporte1 {
	    flex-direction: column;
	    align-items: flex-start;
    }
}