@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;
    
}
 
.aisbuttom {
    background: linear-gradient(to bottom, #1ee3e4 0%, #5385f8 100%) !important;
}
.color-ais1_ {
	color: #FFFFFF;
}

.color-ais2_ {
	color: #5385f8;
}
.color-ais3_ {
	color: #1ee3e4;
}
.color-ais3none {
	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-ais {
    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-ais  {
    background: linear-gradient(to right, #5385f8 0%, #1ee3e4 100%)
}
.bg-ais2  {
    background: linear-gradient(to right, #39d9a2 0%, #1ee3e4 100%)
}

.bg-ais2text  {
    color: linear-gradient(to right, #39d9a2 0%, #1ee3e4 100%) !important ;
}
 
.color-ais {
   color: #9a999e !important ;
}
.f-itemcol{
	font-size: 20px; font-weight: 700; color: #FFFFFF;
}
.ais700 {
	font-weight: 700 !important ;color: #9a999e !important ;
 }
 .ais700alt {
	font-weight: 800 !important ;color: #9a999e !important ;
	font-size: 40px;
	font-family: "Myriad Pro","Arial", Helvetica, sans-serif ;
 }
 .ais700alt2 {
	font-weight: 800 !important ;color: #9a999e !important ;
	font-size: 52px;
	font-family: "Myriad Pro","Arial", Helvetica, sans-serif ;
 }
 .ais7title {
	font-weight: 600 !important ;color: #9a999e !important ;
	font-size: 25px;
	font-family: "Myriad Pro","Arial", Helvetica, sans-serif ;
 }

 .ais7title-color2 {
	font-weight: 800 !important ; 
	color:  #39d9a2  !important ;
	font-size: 32px;
	font-family: "Myriad Pro","Arial", Helvetica, sans-serif ;
 }

 .ais700altsub {
	 padding-top: -100px  !important ;
	font-weight: 800 !important ;color: #9a999e !important ;
	font-size: 20px;
	font-family: "Myriad Pro","Arial", Helvetica, sans-serif ;
 }

 
 .ais700altsub2 { padding-top: 100px  !important ;
	font-weight: 800 !important ;color: #9a999e !important ;
	font-size: 15px;
	font-family: "Myriad Pro","Arial", Helvetica, sans-serif ;
 }

 .ais700altsub2color2{ padding-top: 100px  !important ;
	font-weight: 800 !important ;color: #39d9a2 !important ;
	font-size: 15px;
	font-family: "Myriad Pro","Arial", Helvetica, sans-serif ;
 }
 .ais600 {
	font-weight: 600 !important ;color: #9a999e !important ;
 }
 .ais500 {
	font-weight: 500 !important ;color: #9a999e !important ;
 }
 .ais400 {
	font-weight: 400 !important ;color: #9a999e !important ;
 }
 .ais300 {
	font-weight: 300 !important ;color: #9a999e !important ;
 }
 .ais800 {
	font-weight: 800 !important ;color: #9a999e !important ;
 }
.btn-ais {
	color: #212529;
	background: linear-gradient(#1ee3e4 0%, #39d9a2 100%);
	border-color: #39d9a2
}

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

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

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

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

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


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

.btn-ais:focus,
.btn-ais: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-ais:focus {
    /*FOCUSais*/ 
	border: 2px solid #1ee3e4!important;
	  }	 
	.input-select-ais  {
		/*FOCUSais*/ 
	border: 1.5px solid #e1e8ee !important;
	}
	#chartdiv {
		width: 100%;
		height: 500px;
	  }
	.icon-combustible-64 {
		align-content: center;
		background: url('.././img/ais/combustible.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-acero-64 {
		align-content: center;
		background: url('.././img/ais/consumo_acero.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-areas-forestadas-64 {
		align-content: center;
		background: url('.././img/ais/areas-forestadas.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-produccion-lubricantes-64 {
		align-content: center;
		background: url('.././img/ais/produccion-lubricantes.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	
	.icon-energia-64 {
		align-content: center;
		background: url('.././img/ais/energia.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-gas-refrigerante-64 {
		align-content: center;
		background: url('.././img/ais/gas-refrigerante.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-viajes-64 {
		align-content: center;
		background: url('.././img/ais/viajes.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-consumo-produccion-64 {
		align-content: center;
		background: url('.././img/ais/consumo-produccion.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-produccion-alumino-64 {
		align-content: center;
		background: url('.././img/ais/produccion-alumino.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-aguas-residuales-64 {
		align-content: center;
		background: url('.././img/ais/aguas-residuales.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-fertilizantes-64 {
		align-content: center;
		background: url('.././img/ais/fertilizantes.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-ganaderia-64 {
		align-content: center;
		background: url('.././img/ais/ganaderia.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-produccion-cal-64 {
		align-content: center;
		background: url('.././img/ais/produccion-cal.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-produccion-cemento-64 {
		align-content: center;
		background: url('.././img/ais/produccion-cemento.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-produccion-zinc-64 {
		align-content: center;
		background: url('.././img/ais/produccion-zinc.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-residuos-solidos-64 {
		align-content: center;
		background: url('.././img/ais/residuos-solidos.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-traslado-materiales-64 {
		align-content: center;
		background: url('.././img/ais/traslado-materiales.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	
	.icon-acero-32 {
		padding: 0;
		align-content: center;
		background: url('.././img/ais/32/consumo_acero.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	} 
	.icon-areas-forestadas-32 {
		align-content: center;
		background: url('.././img/ais/32/areas-forestadas.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	} 
	.icon-produccion-lubricantes-32 {
		align-content: center;
		background: url('.././img/ais/32/produccion-lubricantes.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	} 
	
	.icon-energia-32 {
		align-content: center;
		background: url('.././img/ais/32/energia.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	} 
	.icon-gas-refrigerante-32 {
		align-content: center;
		background: url('.././img/ais/32/gas-refrigerante.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	} 
	.icon-viajes-32 {
		align-content: center;
		background: url('.././img/ais/32/viajes.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	} 
	.icon-consumo-produccion-32 {
		align-content: center;
		background: url('.././img/ais/32/consumo-produccion.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	} 
	.icon-produccion-alumino-32 {
		align-content: center;
		background: url('.././img/ais/32/produccion-alumino.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	}
	.icon-aguas-residuales-32 {
		align-content: center;
		background: url('.././img/ais/32/aguas-residuales.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	}
	.icon-fertilizantes-32 {
		align-content: center;
		background: url('.././img/ais/32/fertilizantes.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	}
	.icon-ganaderia-32 {
		align-content: center;
		background: url('.././img/ais/32/ganaderia.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	}
	.icon-produccion-cal-32 {
		align-content: center;
		background: url('.././img/ais/32/produccion-cal.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	}
	.icon-produccion-cemento-32 {
		align-content: center;
		background: url('.././img/ais/32/produccion-cemento.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	}
	.icon-produccion-zinc-32 {
		align-content: center;
		background: url('.././img/ais/32/produccion-zinc.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	} 
	.icon-residuos-solidos-32 {
		align-content: center;
		background: url('.././img/ais/32/residuos-solidos.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	}
	.icon-traslado-materiales-32 {
		align-content: center;
		background: url('.././img/ais/32/traslado-materiales.png');
		height: 32px;
		width: 32px;
		display: block;
		/* Other styles here */
	}
	
	.icon-acero-48 {
		align-content: center;
		background: url('.././img/ais/48/consumo_acero.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	} 
	.icon-areas-forestadas-48 {
		align-content: center;
		background: url('.././img/ais/48/areas-forestadas.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	} 
	.icon-produccion-lubricantes-48 {
		align-content: center;
		background: url('.././img/ais/48/produccion-lubricantes.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	} 
	
	.icon-energia-48 {
		align-content: center;
		background: url('.././img/ais/48/energia.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	} 
	.icon-gas-refrigerante-48 {
		align-content: center;
		background: url('.././img/ais/48/gas-refrigerante.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	} 
	.icon-viajes-48 {
		align-content: center;
		background: url('.././img/ais/48/viajes.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	} 
	.icon-consumo-produccion-48 {
		align-content: center;
		background: url('.././img/ais/48/consumo-produccion.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	} 
	.icon-produccion-alumino-48 {
		align-content: center;
		background: url('.././img/ais/48/produccion-alumino.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	}
	.icon-aguas-residuales-48 {
		align-content: center;
		background: url('.././img/ais/48/aguas-residuales.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	}
	.icon-fertilizantes-48 {
		align-content: center;
		background: url('.././img/ais/48/fertilizantes.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	}
	.icon-ganaderia-48 {
		align-content: center;
		background: url('.././img/ais/48/ganaderia.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	}
	.icon-produccion-cal-48 {
		align-content: center;
		background: url('.././img/ais/48/produccion-cal.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	}
	.icon-produccion-cemento-48 {
		align-content: center;
		background: url('.././img/ais/48/produccion-cemento.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	}
	.icon-produccion-zinc-48 {
		align-content: center;
		background: url('.././img/ais/48/produccion-zinc.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	} 
	.icon-residuos-solidos-48 {
		align-content: center;
		background: url('.././img/ais/48/residuos-solidos.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	}
	.icon-traslado-materiales-48 {
		align-content: center;
		background: url('.././img/ais/48/traslado-materiales.png');
		height: 48px;
		width: 48px;
		display: block;
		/* Other styles here */
	}
	
	.icon-acero-white {
		align-content: center;
		background: url('.././img/ais/white/consumo_acero.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-areas-forestadas-white {
		align-content: center;
		background: url('.././img/ais/white/areas-forestadas.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-produccion-lubricantes-white {
		align-content: center;
		background: url('.././img/ais/white/produccion-lubricantes.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	
	.icon-energia-white {
		align-content: center;
		background: url('.././img/ais/white/energia.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-gas-refrigerante-white {
		align-content: center;
		background: url('.././img/ais/white/gas-refrigerante.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-viajes-white {
		align-content: center;
		background: url('.././img/ais/white/viajes.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-consumo-produccion-white {
		align-content: center;
		background: url('.././img/ais/white/consumo-produccion.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-produccion-alumino-white {
		align-content: center;
		background: url('.././img/ais/white/produccion-alumino.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-aguas-residuales-white {
		align-content: center;
		background: url('.././img/ais/white/aguas-residuales.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-fertilizantes-white {
		align-content: center;
		background: url('.././img/ais/white/fertilizantes.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-ganaderia-white {
		align-content: center;
		background: url('.././img/ais/white/ganaderia.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-produccion-cal-white {
		align-content: center;
		background: url('.././img/ais/white/produccion-cal.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-produccion-cemento-white {
		align-content: center;
		background: url('.././img/ais/white/produccion-cemento.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-produccion-zinc-white {
		align-content: center;
		background: url('.././img/ais/white/produccion-zinc.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	} 
	.icon-residuos-solidos-white {
		align-content: center;
		background: url('.././img/ais/white/residuos-solidos.png');
		height: 64px;
		width: 64px;
		display: block;
		/* Other styles here */
	}
	.icon-traslado-materiales-white {
		align-content: center;
		background: url('.././img/ais/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;
	}

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

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

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

.barra-ais {
     
     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-ais {
			font-family: "Myriad Pro","Arial", Helvetica, sans-serif ;
			
		}
 
 .bold-ais {
			font-family: "Myriad Pro","Arial", Helvetica, sans-serif ;
			font-weight: bold;
		}
		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%) }