body{
  background-color: #F5F6F8;
  font-family: 'Poppins', sans-serif;
}


.bg-primary{
background-color:#FFFFFF !important;
}
.contenedor a:hover{
  text-decoration: none;
}
/*menu sidebar*/
#sidebar-container{
  min-height:100vh;
  max-width: 250px;
  position: relative;
  z-index: 50;
  -webkit-box-shadow:-18px -2px 30px 1px #444;
  box-shadow: -18px -2px 30px 1px #444;
}
#sidebar-container .logo{
  padding: .875rem 1.25rem;
}
#sidebar-container .menu{
  width: 15rem;
}
/*menu up*/
.principal{
  max-width: 100%;
  margin-top:5%;
}
/*iconos menu and sidebar*/
.icosearch{
  padding-top: 10px;
  background-color:#ffffff;
  color: grey;
}
.icon-bell-o{
  margin-left: 15px;
  margin-right: 35px;
}
.padlink{
  padding-bottom: 30px;
  padding-left: 25px;
}
.big{
  color: #258EFF;
  font-size: 23px;
  position:relative ;
  top: 4px;
}


/*estillos ******************************++ tareas **+++++++++++++++++++++/
/* padding body*/
.insidecontent{
  padding: 40px;
}
/*botones*/
.butoh{
background-color:#7e9cff;
border:0;
font-size: 14px;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 0;
padding-left: 0;

}
.fluidboton{
  padding-right: 0;
}
.table-light{
  background-color: #5286ff;
  color: #ffffff;
}
/*table icon*/
.sparcin a{
  margin-left:15px;
  font-size: 20px;
}
.icoone{
  color: #009c3c;
}
.icotwo{
  color: #D10000;
}
.icothree{
  color: #7E9CFF;
}
/*estilos ******************************++ facturas ***********************c*/

.tablefactura{
 font-size: small;
}



/*ccc******************** input tareas**********************cc*/
.form80{
  padding-top: 3rem;
  font-weight: bold;
  color:#2635B2;
}
.buttonform{
  padding-left: 0;
  position: relative;
  padding-top: 2.60rem;
}
.butonf1{
  background-color: #7e9cff;
  border:0;
}
.padingform{
  padding-top: 1rem;
}



/********************* input crear,ver,editar cliente   ***********************/

.formcliente81{/* css para fuente reducida de formato reducido  eliminar si no usar !!*/
font-size: .90rem !important;

}
.fileup{
  margin-bottom: 1rem;
}
.file-select input[type="file"] {
  opacity: 0;
  width: 125px!important;
  height: 40px!important;
  display:inline;
  position:relative;
  z-index: 2;
}
.file-select::after {
  background-color: #7e9cff;
  color: white;
  display:inline;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  content: 'Elegir archivo';
  position: relative;
  padding: 10px;
  margin-left: -130px;

}

.butonformcliente{
background-color: #FFFFFF;
  color: #7e9cff ;
}
.botonmas{
  background-color: #7e9cff;
}

/********************* input crear,ver,editar coomercializadoras  ***********************/

.botonmas11{
  padding-left: 0;
  position: relative;
  padding-top: 2.50rem;
}
.tablefactura{
  text-align: center;
}
/********************* input crear,ver,editar tarifa gas  ***********************/
.padin-selector{
  padding-top: 2.80rem;
}
.add-new-costumer{
  padding-top: 2.50rem;
}

label {
  color: #258EFF;
}

.errorlist {
  color:red;

}
ul.errorlist {
  /* display: inline-block; */
  list-style-type: none;
  padding: 10px 0;
}

ul.errorlist > li {
  text-transform: capitalize;

}