.pagination {
    text-align: center;
    margin: 1rem 0rem;
}

.page-indicator {
    border: 1px solid #ccc;
    padding: .5rem .7rem;
    margin: .7rem 0rem;
    font-size: .95rem;
}

.page-indicator:hover {
    border: 1px solid #ccc;
    padding: .5rem .7rem;
    margin: .7rem 0rem;
    font-size: .95rem;
    text-decoration: none;
    background: rgb(240,240,240);
}

.page-indicator.active {
    border: 1px solid #ccc;
    padding: .5rem .7rem;
    margin: .7rem 0rem;
    font-size: .95rem;
    background: rgb(220,220,223);
    color: #111;
}

table.small td {
    padding: .2rem .75rem;
}

table.small th {
    padding: .2rem .75rem;
}

.card-fichaje {
  width: 350px;                 /* Set width of cards */
  display: flex;                /* Children use Flexbox */
  flex-direction: column;       /* Rotate Axis */
  border: 1px solid #EF9A9A;    /* Set up Border */
  border-radius: 4px;           /* Slightly Curve edges */
  overflow: hidden;             /* Fixes the corners */
  margin: 5px;                  /* Add space between cards */
}

.card-header-fichaje {
  color: #D32F2F;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  border-bottom: 1px solid #EF9A9A;
  background-color: #FFEBEE;
  padding: 5px 10px;
}

.card-main-fichaje {
  display: flex;              /* Children use Flexbox */
  flex-direction: column;     /* Rotate Axis to Vertical */
  justify-content: center;    /* Group Children in Center */
  align-items: center;        /* Group Children in Center (on cross axis) */
  padding: 15px 0;            /* Add padding to the top/bottom */
}

.material-icons-fichaje {
  font-size: 36px;
  color: #D32F2F;
  margin-bottom: 5px;
}

.main-description-fichaje {
  color: #D32F2F;
  font-size: 12px;
  text-align: center;
  padding: 5px;    
}



.card-grid {
  /*background-color: dodgerblue;*/
  color: white;
  /*padding: 1rem;*/
  height: auto;
}

.cards-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.time_val_empty{
    border: 1px solid red !important;
}

#fichaje_map { width: 80%; height: 500px; margin: 20px auto; border-radius: 10px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); }
		.btn_fichaje_map { display: inline-block; padding: 10px 20px; margin: 10px; font-size: 16px; color: white; background-color: #007BFF; border: none; border-radius: 5px; cursor: pointer; transition: background 0.3s; }
		.btn_fichaje_map:hover { background-color: #0056b3; }
		.leaflet-editing-icon { background-color: #ff5722 !important; border-radius: 50%; width: 12px; height: 12px; border: 2px solid white; }
		.leaflet-interactive { stroke: #ff0000 !important; stroke-width: 3px !important; }