.labelEstado{    
    font-weight:600!important;
    font-size: 20px!important;
    margin-bottom: 0px!important;
}

.labelNumber{
    font-weight:600!important;
    font-size: 30px;
}

.labelPercent{
    padding-left:10px;
}

.labelHexagon{
    font-size: xx-large;
    color: white;
    font-weight: 600;
}

.colorHexagon{
    background: #33bbff!important;
}

.colorHexagon:before{
    border-bottom:25px solid#33bbff!important;
}

.colorHexagon:after{
    border-top :25px solid#33bbff!important;
}

.bordery {
    border: 1px solid rgb(90, 121, 230);
    padding: 10px;
    position: relative;
  }
  .bordery::after,
  .bordery::before {
    background-color: white;
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    width: 30px;
  }
  .bordery::after {
    bottom: -1px;
    right: -1px;
  }
  .bordery::before {
    top: -1px;
    left: -1px;
  }

  .metricDays{
    background-color: #FFF!important;
    color: black;
  }

  .round-icon {
    display: flex; /* Usa flexbox para centrar */
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    width: 40px; /* Tamaño del contenedor */
    height: 40px; /* Tamaño del contenedor */
    border-radius: 50%; /* Hace que el contenedor sea redondo */
  }
  .round-icon i {
    font-size: 24px; /* Tamaño del icono */
    color: white; /* Color del icono (puedes ajustarlo) */
  }

  .iconDiv{
    text-align: -webkit-right;
    padding-top: 13px;
  }

  .pr10{
    padding-right: 10px;
  }

  .pl10{
    padding-left: 10px;
  }

  .label-span-default{
    color: #676a6d;
  }

.profile-header .profile-stat .stat-item:after {
    background-color: #c1ced5; 
}

.hand{
  cursor: hand;
}