.activa{

  color: #ec5d94 !important;

  font-weight: 600 !important;

}



.sidebar-mini .sidebar-menu .active {

    box-shadow: 0 4px 8px #acb5f6 !important;

    background-color: #ec5d94 !important;

    color: #fff !important;

}



.oculto{

  display: none;

}



#GraficaSalidas {

  width: 100%;

  height: 500px;

  max-width: 100%;

}



.card{

  padding: 1% !important;

}



.ColorCard{

  border-top: 2px solid #0166b2;

}



.TituloCard{

  padding: 0.5rem 1rem;

  margin-bottom: 0;

}



.codigoqr {

  width:160px;

  height:160px;

  margin-top:15px;

}



.tamanoCheck{

  width: 25px; 

  height: 25px;

}



.CampoPerfil{

  line-height: 11px;

  width: 100px; 

  text-overflow: ellipsis; 

  overflow: hidden; 

  white-space: nowrap;

  text-align: center;

}



.cardDashboard{

  position: relative;

  display: flex;

  flex-direction: column;

  min-width: 0;

  word-wrap: break-word;

  background-color: #fff;

  background-clip: border-box;

  /* border: 1px solid rgba(0,0,0,.125); */

  border-radius: 0.375rem;

  box-shadow: 0 7px 14px 0 rgba(65,69,88,0.1),0 3px 6px 0 rgba(0,0,0,0.07);

  color: #FFF;

}



.IconoCards{

  position: absolute;

  right: 33px;

  font-size: 30px;

  top: 50px;

}



.chartdiv {

  width: 100%;

  height: 500px;

}



#carga {

    position: fixed;

    min-width: 100%;

    min-height: 100vh;

    z-index: 2000;

    background: rgba(255, 255, 255, 0.4);

    /*display: none;*/

}



#carga .container, #carga .container .row{

  height: 100vh;

}



#carga .col{

  background: #FFF;

  border-radius: 5px;

  padding: 10px 20px;

  box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);

}