.mi-tabla th, .mi-tabla td {
  white-space: nowrap;
}

.box-perfil {
    position: relative;
    border-radius: 5px;
    background: #ffffff;
    border-top: 3px solid #ffffff;
    margin-bottom: 0px;
    width: 100%;
    box-shadow: 0 24px 54px rgba(0,0,0,.15), 0 4.5px 13.5px rgba(0,0,0,.08);
    /* animation: fadeIn 4s ease-out forwards; */
  }
  .box-sombra {
    box-shadow: 0 24px 54px rgba(0,0,0,.15), 0 4.5px 13.5px rgba(0,0,0,.08);
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  .fondo-box{
    background-color: #f0f5ff !important;
    /* background-color: #ecf0f5; */
  }
  .fondo-tabla{
    background-color: #FFFFFF;
  }
  /* Dar estilos a un atributo title con CSS */

  [data-title]:hover:after {
      opacity: 1;
      transition: all 0.1s ease 0.5s;
      visibility: visible;
  }
  [data-title]:after {
     /* font-family: Raleway; */

      content: attr(data-title);
      background-color: #333;
      color: #fff;
      font-size: 14px; 
      position: absolute;
      padding: 3px 20px;
      bottom: -1.6em;
      left: 100%;
      white-space: nowrap;
      box-shadow: 7px 7px 25px -7px rgba(0,0,0,0.75);
      opacity: 0;
      border: 1px solid #111111;
      z-index: 99999;
      visibility: hidden;
      border-radius: 4px;
      
  }
  [data-title] {
      position: relative;
  }

  /* Dar estilos label con CSS */

  .etiqueta {
    color: white;
    padding: 1px 8px;
    border-radius: 5px;
    font-size: 12px;
    /* font-family: Arial; */
  }
  .colorsuccess {background-color: #1BC5BD;} /* Green */
  .colorinfo {background-color: #3699FF;} /* Blue */
  .colorwarning {background-color: #FFA800;} /* Orange */
  .colordanger {background-color: #F64E60;} /* Red */ 
  .colorother {background-color: #e7e7e7; color: black;} /* Gray */ 
  .colorverde {background-color: #2ecc71;} /* verde */
  .colornaranja {background-color: #f1c40f; color: black;} /* naranja */

table,tbody,tr,td {
  vertical-align: middle !important; 
}


input[type=checkbox]
{
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  padding: 10px;
}



.badge-Success-Aldo {
  background-color: #eafff1; /* Fondo verde suave */ 
  border-radius: 5px; /* Esquinas redondeadas */
  border: 1px solid #0000;
  border-color: #17c65471 ;
  color: #17c653; /* Color del texto en verde */
  font-size:11px;
  font-family: 'Arial', sans-serif; /* Fuente sans-serif */
  font-weight: bold; /* Texto en negrita */
  padding: 3px 14px; /* Espaciado interno */
  display: inline-block; /* Mostrar como un elemento en línea */
  text-align: center; /* Centrar el texto */
}

.badge-Red-Aldo {
  background-color: #ffeef3; /* Fondo verde suave */ 
  border-radius: 5px; /* Esquinas redondeadas */
  border: 1px solid #0000;
  border-color:  #f8285a33; 
  color: #f8285a; /* Color del texto en verde */
  font-size:11px;
  font-family: 'Arial', sans-serif; /* Fuente sans-serif */
  font-weight: bold; /* Texto en negrita */
  padding: 3px 10px; /* Espaciado interno */
  display: inline-block; /* Mostrar como un elemento en línea */
  text-align: center; /* Centrar el texto */
}


/* marge abajo de la fila */
.row-margen-abajo {
  margin-bottom:8px;
}




/* Alterando todas las tablas */
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 1px 8px;
  line-height: 1.42857143;
  vertical-align: top;
  /* border-top: 1px solid #ddd; */
}


/* modal */

.modal-contenido {
  border-radius: 8px;
}
.modal-cabecera-estilo1 {
  background:#3c8dbc;
  color:#FFF; 
  border-radius: 7px 7px 0px 0px; 
  padding: 8px 15px;
}
.modal-cabecera-estilo2 {
  background:#f39c12 ;
  color:#000; 
  border-radius: 7px 7px 0px 0px; 
  padding: 8px 15px;
}







/* Estilos para el indicador de carga */



.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.animacion_cargando {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: rgba(0, 0, 0, 0.3); */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.animacion_cargando::after {
  content: '';
  border: 8px solid #f3f3f3;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.ventana {
  background-color: #fff;
  width: 600px;
  height: 200px;
  max-width: 100%;
  padding: 30px 50px;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  text-align: center;
  margin-left: 10%;
  margin-right: 10%;
}

.hoverTablatr tbody tr:hover {background-color: rgb(207, 231, 255);}


/* Calendario */

.fc-daygrid-day-number {
  /* font-weight: bold ; */
  color: #000000 ;
  font-size: 20px;
}
.fc-col-header-cell   {
  background-color: #ffffff; 
  font-weight: bold; 
}

.fc-col-header-cell a  {
  color: #000356 ;
  font-weight: bold; 
}

.fc .fc-button-primary {
  background-color: #4582ec;
  border-color: #4582ec;
  color: #ffffff;
}


.fc-event {
  /* background-color: #dfdfdf; 
  border-color: #d6d6d6;  */
  color: #000000 ;
}

.fc-event:hover {
  color: #000000 ;
}





.is-required:after {
  content: '*';
  margin-left: 3px;
  color: red;
  font-weight: bold;
}




/* modal-xl */

@media (min-width: 1000px) {
  .modal-xl {
    width: 1189px ;
  }
}


.tabla-estilo-1 thead th{
  vertical-align: middle !important;
  text-align: center !important;
}

.btnImgEstilo {
  cursor: pointer;
}