/* calendario menu clientes */
.fc-event, .fc-event:hover {
  color:black!important;
  text-decoration: none;
}
.fc .fc-list-event:hover td{
    background-color: transparent;
    color: black;
    border: none;
}
.fc-list-event-title, .fc-list-event-time, .fc-list-event-graphic{
  border: none!important;
}
/* .fc-theme-standard td, .fc-theme-standard th{
    border: none!important;
} */
.fc-event {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5)!important;
    border: none;
    transition:.1s ease-in-out;
    cursor: pointer;
  }
  .fc-event:hover {
    transform: scale(1.01);
    background-color: #7BC0E8;
  }

/* calendario dashboard */

#dashboard h1{
    font-size: 1.5em;
}
#dashboard h2{
    font-size: 1.2em;
}
#dashboard .fc .fc-toolbar.fc-header-toolbar button{
    font-size: 12px;
}
#dashboard #calendario-dashboard{
    height: 80%;
}
#dashboard .fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 1.5em;
    margin-bottom: 0.5em;
}
#dashboard #calendario-semanal-mensual{
    height: 80%;
}
#dashboard th{
    font-size: 12px;
}
 .fc .fc-scrollgrid-liquid {
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05);
}
.fc-listWeek-view{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05);
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}
/* Estiliza la barra de desplazamiento para ocultar las flechas y hacerla más fina */
#dashboard ::-webkit-scrollbar {
    width: 8px; /* Hace la barra de desplazamiento más fina */
  }
  
  /* Estiliza la pista de la barra de desplazamiento */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  /* Estiliza el pulgar de la barra de desplazamiento */
  #dashboard ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
  }
  
  /* Estiliza el pulgar de la barra de desplazamiento cuando se pasa el mouse */
  #dashboard ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  
  /* Oculta las flechas de la barra de desplazamiento */
  #dashboard ::-webkit-scrollbar-button {
    display: none;
  }
  /* modal info eventos dashboard */
#eventModalDashboard{
  top: 10%;
}
#eventModalDashboard .modal-header{
  background-color: #212529;
  color: white;
}
  #eventoDetallesModal .modal-header{
    background-color: #212529;
    color: white;
  }

  #eventoDetallesModal .btn-close, #eventModalDashboard .btn-close{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-x" viewBox="0 0 16 16"><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/></svg>');
    font-size: 2em;
}
#eventoDetallesModal .btn-close:hover, #eventModalDashboard .btn-close:hover {
  background-color: transparent;
  border: none;
}

  #eventoDetallesModal hr{
    background-color: #212529;
    border:1px solid;
    opacity: 1;
  }
  #dashboard button{
    background-color: #212529;
    color: white;
    box-shadow: none;
  }
  #dashboard button:hover{
    background-color: #dc3545; 
    border: 1px solid #dc3545;
  }
  .fc-list-day-cushion{
    background-color: #212529!important;
    color: white;
  }
  .fc-col-header {
    background-color: #212529!important;
    color: white;
  }