@import url("../fonts/nexa/Light/font.css");
@import url("../fonts/nexa/Bold/font.css");

.panel-usuario_ {
     background: linear-gradient(to left, #1ee3e4 0%, #5385f8 100%);;
    
}
.theme-cdark_{
     background: #5385f8!important;
    
}
 
.caliddabuttom {
    background: linear-gradient(to bottom, #1ee3e4 0%, #5385f8 100%) !important;
}
.color-calidda1_ {
	color: #FFFFFF;
}

.color-calidda2_ {
	color: #5385f8;
}
.color-calidda3_ {
	color: #1ee3e4;
}
.color-calidda3none {
	color: #FFFFFF;
} 
.blue.accent-3_ { 
	background: linear-gradient(to right, #1ee3e4 0%, #5385f8 100%)!important;
}
.b-left{
	border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.b-right{
	border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.footer-calidda {
    background: -webkit-linear-gradient(#1ee3e4 0%,#39d9a2 100%);
    height: 5px;
    padding-left: 3rem!important;
}

.pp-nav-toggle_ {
	color: #FFFFFF !important;
    position: relative;
    top: 8px;
    padding: 0;
    text-align: left;
}

.paper-nav-toggle i {
	background: linear-gradient(to top, #39d9a2 0%, #1ee3e4 100%);
}

.paper-nav-toggle i::after, .paper-nav-toggle i::before {
   background: linear-gradient(to top, #39d9a2 0%, #1ee3e4 100%);
}
.accent-3   
    {
		border-bottom-color:  linear-gradient(to top, #5385f8 0%, #1ee3e4 100%)!important;
	}
.bg-calidda  {
    background: linear-gradient(to right, #5385f8 0%, #1ee3e4 100%)
}
.bg-calidda2  {
    background: linear-gradient(to right, #39d9a2 0%, #1ee3e4 100%)
}

.bg-calidda2text  {
    color: linear-gradient(to right, #39d9a2 0%, #1ee3e4 100%) !important ;
}
 
.color-calidda {
   color: #4d4d4d !important; /* color de letra jeszen*/
}
.f-itemcol{
	font-size: 20px; font-weight: 700; color: #FFFFFF;
}
.calidda700 {
	font-weight: 700 !important ;color: #9a999e !important ;
 }
.text-tama4 {
	font-size: 2em !important;
 }
 .calidda700alt {
	font-weight: 800 !important ;color: #9a999e !important ;
	font-size: 40px;
	font-family: 'NexaFreeBoldwebfont' !important;
 }
 .calidda700alt2 {
	font-weight: 800 !important ;color: #9a999e !important ;
	font-size: 52px;
	font-family: 'NexaFreeBoldwebfont' !important;
 }
 .calidda7title {
	font-weight: 600 !important ;color: #9a999e !important ;
	font-size: 25px;
	font-family: 'NexaFreeBoldwebfont' !important;
 }

 .calidda7title-color2 {
	font-weight: 800 !important ; 
	color:  #39d9a2  !important ;
	font-size: 32px;
	font-family: 'NexaFreeBoldwebfont' !important;
 }

 .calidda700altsub {
	 padding-top: -100px  !important ;
	font-weight: 800 !important ;color: #9a999e !important ;
	font-size: 20px;
	font-family: 'NexaFreeBoldwebfont' !important;
 }

 
 .calidda700altsub2 { padding-top: 100px  !important ;
	font-weight: 800 !important ;color: #9a999e !important ;
	font-size: 15px;
	font-family: 'NexaFreeBoldwebfont' !important;
 }

 .calidda700altsub2color2{ padding-top: 100px  !important ;
	font-weight: 800 !important ;color: #39d9a2 !important ;
	font-size: 15px;
	font-family: 'NexaFreeBoldwebfont' !important;
 }
 .calidda600 {
	font-weight: 600 !important ; color: #4d4d4d !important; /* color de letra jeszen*/
}
 .calidda500 {
	font-weight: 500 !important ; color: #4d4d4d !important; /* color de letra jeszen*/
 }
 .calidda400 {
	font-weight: 400 !important ; color: #4d4d4d !important; /* color de letra jeszen*/
 }
 .calidda300 {
	font-weight: 300 !important ; color: #4d4d4d !important; /* color de letra jeszen*/
 }
 .calidda800 {
	font-weight: 800 !important ; color: #4d4d4d !important; /* color de letra jeszen*/
 }
.btn-calidda {
	color: #212529;
	background: linear-gradient(#1ee3e4 0%, #39d9a2 100%);*/
	border-color: #39d9a2;
	
}

.btn-calidda:hover {
	color: #fff;
	background: linear-gradient(#1ee3e4 0%, #39d9a2 100%);
	border-color: #39d9a2
}

.btn-calidda.focus,
.btn-calidda:focus {
	box-shadow: 0 0 0 .2rem #39d9a2
}

.btn-calidda.disabled,
.btn-calidda:disabled {
	color: #212529;
	background: linear-gradient(#1ee3e4 0%, #39d9a2 100%);
	border-color: #39d9a2
}

.btn-calidda:not(:disabled):not(.disabled).active,
.btn-calidda:not(:disabled):not(.disabled):active,
.show>.btn-calidda.dropdown-toggle {
	color: #fff;
	background: linear-gradient(#1ee3e4 0%, #39d9a2 100%);
	border-color: #39d9a2
}

.btn-calidda:not(:disabled):not(.disabled).active:focus,
.btn-calidda:not(:disabled):not(.disabled):active:focus,
.show>.btn-calidda.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem #39d9a2
}


.btn-calidda {
	border-color: transparent;
	color: #fff!important
}

.btn-calidda:focus,
.btn-calidda:hover {
	box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .26);
	opacity: .8;
	color: #fff;
	background: linear-gradient(#1ee3e4 0%, #39d9a2 100%);
}

.py-logosoft { 
    padding-top: 3rem!important;
    padding-bottom: 1.5rem!important
} 
 
.img-responsive{
	position: fixed;
	   top: 10vh;
	   margin: 0 auto;
   }
   
	.img-responsive1{
	position: relative;
	   top: 20px;
	   left: -100px;
	   margin: 0 auto;
   }
	.img-responsive2{
	position: relative;
	   top: -10px;
	   margin: 0 auto;
   }
   .img-responsive3{
	position: fixed;
	   top: 40vh;
	   margin: 0 auto;
   }
.img-login-sup
{
	width: 		22vw; 
	min-width:	300px; 
	margin:		5vh 0px 5vh -12vw
}

.img-login-inf
{
	width: 		69.5vh;
	height:  	70vh;
	min-height: 400px; 
	min-width:  399px; 
	margin:		0px 0px 5vh 0px;
}
  .input-select-calidda:focus {
    /*FOCUScalidda*/ 
	border: 2px solid #1ee3e4!important;
	  }	 
	.input-select-calidda  {
		/*FOCUScalidda*/ 
	border: 1.5px solid #e1e8ee !important;
	}
	#chartdiv {
		width: 100%;
		height: 500px;
	  }
	.icon-combustible-64 {
		align-content: center;
		background: url('.././img/calidda/combustible.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-acero-64 {
		align-content: center;
		background: url('.././img/calidda/consumo_acero.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-areas-forestadas-64 {
		align-content: center;
		background: url('.././img/calidda/areas-forestadas.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-produccion-lubricantes-64 {
		align-content: center;
		background: url('.././img/calidda/produccion-lubricantes.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	
	.icon-energia-64 {
		align-content: center;
		background: url('.././img/calidda/energia.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-gas-refrigerante-64 {
		align-content: center;
		background: url('.././img/calidda/gas-refrigerante.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-viajes-64 {
		align-content: center;
		background: url('.././img/calidda/viajes.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-consumo-produccion-64 {
		align-content: center;
		background: url('.././img/calidda/consumo-produccion.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-produccion-alumino-64 {
		align-content: center;
		background: url('.././img/calidda/produccion-alumino.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-aguas-residuales-64 {
		align-content: center;
		background: url('.././img/calidda/aguas-residuales.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-fertilizantes-64 {
		align-content: center;
		background: url('.././img/calidda/fertilizantes.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-ganaderia-64 {
		align-content: center;
		background: url('.././img/calidda/ganaderia.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-produccion-cal-64 {
		align-content: center;
		background: url('.././img/calidda/produccion-cal.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-produccion-cemento-64 {
		align-content: center;
		background: url('.././img/calidda/produccion-cemento.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-produccion-zinc-64 {
		align-content: center;
		background: url('.././img/calidda/produccion-zinc.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-residuos-solidos-64 {
		align-content: center;
		background: url('.././img/calidda/residuos-solidos.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-traslado-materiales-64 {
		align-content: center;
		background: url('.././img/calidda/traslado-materiales.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	
	.icon-acero-32 {
		padding: 0;
		align-content: center;
		background: url('.././img/calidda/32/consumo_acero.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	} 
	.icon-areas-forestadas-32 {
		align-content: center;
		background: url('.././img/calidda/32/areas-forestadas.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	} 
	.icon-produccion-lubricantes-32 {
		align-content: center;
		background: url('.././img/calidda/32/produccion-lubricantes.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	} 
	
	.icon-energia-32 {
		align-content: center;
		background: url('.././img/calidda/32/energia.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	} 
	.icon-gas-refrigerante-32 {
		align-content: center;
		background: url('.././img/calidda/32/gas-refrigerante.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	} 
	.icon-viajes-32 {
		align-content: center;
		background: url('.././img/calidda/32/viajes.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	} 
	.icon-consumo-produccion-32 {
		align-content: center;
		background: url('.././img/calidda/32/consumo-produccion.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	} 
	.icon-produccion-alumino-32 {
		align-content: center;
		background: url('.././img/calidda/32/produccion-alumino.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	}
	.icon-aguas-residuales-32 {
		align-content: center;
		background: url('.././img/calidda/32/aguas-residuales.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	}
	.icon-fertilizantes-32 {
		align-content: center;
		background: url('.././img/calidda/32/fertilizantes.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	}
	.icon-ganaderia-32 {
		align-content: center;
		background: url('.././img/calidda/32/ganaderia.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	}
	.icon-produccion-cal-32 {
		align-content: center;
		background: url('.././img/calidda/32/produccion-cal.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	}
	.icon-produccion-cemento-32 {
		align-content: center;
		background: url('.././img/calidda/32/produccion-cemento.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	}
	.icon-produccion-zinc-32 {
		align-content: center;
		background: url('.././img/calidda/32/produccion-zinc.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	} 
	.icon-residuos-solidos-32 {
		align-content: center;
		background: url('.././img/calidda/32/residuos-solidos.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	}
	.icon-traslado-materiales-32 {
		align-content: center;
		background: url('.././img/calidda/32/traslado-materiales.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	}
	
	.icon-acero-48 {
		align-content: center;
		background: url('.././img/calidda/48/consumo_acero.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	} 
	.icon-areas-forestadas-48 {
		align-content: center;
		background: url('.././img/calidda/48/areas-forestadas.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	} 
	.icon-produccion-lubricantes-48 {
		align-content: center;
		background: url('.././img/calidda/48/produccion-lubricantes.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	} 
	
	.icon-energia-48 {
		align-content: center;
		background: url('.././img/calidda/48/energia.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	} 
	.icon-gas-refrigerante-48 {
		align-content: center;
		background: url('.././img/calidda/48/gas-refrigerante.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	} 
	.icon-viajes-48 {
		align-content: center;
		background: url('.././img/calidda/48/viajes.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	} 
	.icon-consumo-produccion-48 {
		align-content: center;
		background: url('.././img/calidda/48/consumo-produccion.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	} 
	.icon-produccion-alumino-48 {
		align-content: center;
		background: url('.././img/calidda/48/produccion-alumino.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	}
	.icon-aguas-residuales-48 {
		align-content: center;
		background: url('.././img/calidda/48/aguas-residuales.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	}
	.icon-fertilizantes-48 {
		align-content: center;
		background: url('.././img/calidda/48/fertilizantes.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	}
	.icon-ganaderia-48 {
		align-content: center;
		background: url('.././img/calidda/48/ganaderia.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	}
	.icon-produccion-cal-48 {
		align-content: center;
		background: url('.././img/calidda/48/produccion-cal.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	}
	.icon-produccion-cemento-48 {
		align-content: center;
		background: url('.././img/calidda/48/produccion-cemento.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	}
	.icon-produccion-zinc-48 {
		align-content: center;
		background: url('.././img/calidda/48/produccion-zinc.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	} 
	.icon-residuos-solidos-48 {
		align-content: center;
		background: url('.././img/calidda/48/residuos-solidos.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	}
	.icon-traslado-materiales-48 {
		align-content: center;
		background: url('.././img/calidda/48/traslado-materiales.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	}
	
	.icon-acero-white {
		align-content: center;
		background: url('.././img/calidda/white/consumo_acero.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-areas-forestadas-white {
		align-content: center;
		background: url('.././img/calidda/white/areas-forestadas.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-produccion-lubricantes-white {
		align-content: center;
		background: url('.././img/calidda/white/produccion-lubricantes.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	
	.icon-energia-white {
		align-content: center;
		background: url('.././img/calidda/white/energia.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-gas-refrigerante-white {
		align-content: center;
		background: url('.././img/calidda/white/gas-refrigerante.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-viajes-white {
		align-content: center;
		background: url('.././img/calidda/white/viajes.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-consumo-produccion-white {
		align-content: center;
		background: url('.././img/calidda/white/consumo-produccion.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-produccion-alumino-white {
		align-content: center;
		background: url('.././img/calidda/white/produccion-alumino.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-aguas-residuales-white {
		align-content: center;
		background: url('.././img/calidda/white/aguas-residuales.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-fertilizantes-white {
		align-content: center;
		background: url('.././img/calidda/white/fertilizantes.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-ganaderia-white {
		align-content: center;
		background: url('.././img/calidda/white/ganaderia.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-produccion-cal-white {
		align-content: center;
		background: url('.././img/calidda/white/produccion-cal.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-produccion-cemento-white {
		align-content: center;
		background: url('.././img/calidda/white/produccion-cemento.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-produccion-zinc-white {
		align-content: center;
		background: url('.././img/calidda/white/produccion-zinc.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-residuos-solidos-white {
		align-content: center;
		background: url('.././img/calidda/white/residuos-solidos.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-traslado-materiales-white {
		align-content: center;
		background: url('.././img/calidda/white/traslado-materiales.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.sidebar-menu>li.active:after {
		content: "";
		display: block;
		width: 5px;
		height: 100%;
		background: #1ee3e4 !important;
		position: absolute;
		right: 0;
		bottom: 0;
	}

	.calidda:focus {
		border: 2px solid #1ee3e4!important;
	}

 
	.btn-caliddav2 {
		color: #212529;
		background: linear-gradient(#1ee3e4 0%, #5385f8 100%);
		border-color: #5385f8
	}
	
	.btn-caliddav2:hover {
		color: #fff;
		background: linear-gradient(#1ee3e4 0%, #5385f8 100%);
		border-color: #1ee3e4
	}
	
	.btn-caliddav2.focus,
	.btn-caliddav2:focus {
		box-shadow: 0 0 0 .2rem #5385f8
	}
	
	.btn-caliddav2.disabled,
	.btn-caliddav2:disabled {
		color: #212529;
		background: linear-gradient(#1ee3e4 0%, #5385f8 100%);
		border-color: #5385f8
	}
	
	.btn-caliddav2:not(:disabled):not(.disabled).active,
	.btn-caliddav2:not(:disabled):not(.disabled):active,
	.show>.btn-caliddav2.dropdown-toggle {
		color: #fff;
		background: linear-gradient(#1ee3e4 0%, #5385f8 100%);
		border-color: #5385f8
	}
	
	.btn-caliddav2:not(:disabled):not(.disabled).active:focus,
	.btn-caliddav2:not(:disabled):not(.disabled):active:focus,
	.show>.btn-calidda.dropdown-toggle:focus {
		box-shadow: 0 0 0 .2rem #5385f8
	}
	
	
	.btn-caliddav2 {
		border-color: transparent;
		color: #fff!important
	}
	
	.btn-caliddav2:focus,
	.btn-caliddav2:hover {
		box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .26);
		opacity: .8;
		color: #fff;
		background: linear-gradient(#7bc594 0%, #55c6ff 100%);
	}
	
	.caliddacolor-text {
	color: #3f51b5!important
	}
	
	.bg-caliddacolor,
	.caliddacolor-indigo {
		background: linear-gradient(to top, #55c6ff 0%, #7bc594 100%) !important
	}
	
	.nav-link.activecalidda {
		background: rgba(255, 255, 255, 0.28)  !important;
	}	
	
	.calidda-nav-toggle i {
	background: #fff!important;
	}

	.calidda-nav-toggle i::after, .calidda-nav-toggle i::before {
		background:  #fff!important;
	}
	
	.calidda-slimScrollDiv {
		position: relative;overflow: hidden;width: 500px;height: 900px;
	}
	
	@media (min-width:768px) {
		.mobile-margins { 
		margin-left: 60px !important;
		padding-left: 20px!important; 
		} 
	}

.barra-calidda {
     
     background:  -webkit-linear-gradient(#7bc594 0%,#55c6ff  100%);
	 height: 5px;
	padding-left: 3rem!important
}
.paper-nav-toggle.left { 
    padding-top: 10px!important;
    padding-right: 8px!important; 
}
 
.light-calidda {
			font-family: 'Isidora Sans', 'Arial Black', 'Verdana';
		}
 
 .bold-calidda {
			font-family: 'Isidora Sans', 'Arial Black', 'Verdana';
		}
		div.mdl {
			height: 10em;
			position: relative }
		div.mdl p {
			margin: 0;
			color: #39d9a2;
			position: absolute;
			top: 50%;
			font-size: 32px;
			font-weight: 800 ;
			left: 50%;
			margin-right: -50%;
			transform: translate(-50%, -50%) }

			div.mdl h1 {
				margin: 0;
				color: #39d9a2;
				position: absolute;
				top: 50%;
				font-size: 48px;
				font-weight: 800 ;
				left: 50%;
				margin-right: -50%;
				transform: translate(-50%, -50%) }