#calendar {
  background-color: rgb(255, 255, 255);
  width: 100%;
  height: 1200px;
  margin-top: 40px;
  text-decoration: none;
  font-family: "Quicksand", sans-serif;
}
.modal-dialog {
  max-width: 700px; /* Asegúrate de que el modal tenga suficiente ancho */
  font-family: "Quicksand", sans-serif;
}
.modal-content{
  background: rgb(255,255,255);
  text-align: left;
  top: 160px;
  font-family: "Quicksand", sans-serif;
  border-radius: 0;
}
.modal-backdrop {
  background-color: #000000; /* Sin sombra */
  height: 1200px;
  top: 60px;
}
.modal-body{
  z-index: 2;
  background-color: white;
  padding: 30px;
}
.modal-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px; /* Espacio entre los botones */
}
#eventImage{
  display: none;
  z-index: 1;
  width: 100%;
  max-height: 300px;
  object-fit: cover;
  margin: 0;
  padding: 30px;
  border-radius: 10px !important;
}
.modal-footer .btn {
  flex: 1 0 auto;
}
#eventTitle{
  text-transform: uppercase;
  padding-bottom: 20px;
  font-weight: 700;
}

.fc-daygrid-day-number {
  color: inherit; /* para asegurar que el color sea el predeterminado del texto */
  text-decoration: none; /* para quitar el subrayado */
}

.fc-daygrid-day.fc-day-today {
  background-color: transparent; /* para quitar cualquier resaltado de color de fondo */
}

.btn-search {
  background-color: #3c3c3b !important;
  border-color: #3c3c3b !important;
  color: white !important;
}

/* Personalización de botones de FullCalendar */
.fc-button {
  background-color: #3c3c3b !important;
  border-color: #3c3c3b !important;
  color: white !important;
}
.fc-button:hover {
  background-color: #2a2a2a !important;
  border-color: #2a2a2a !important;
}
.fc-button:focus {
  box-shadow: 0 0 0 0.25rem rgba(60, 60, 59, 0.5) !important;
}

/* Botones de navegación */
.fc-prev-button,
.fc-next-button,
.fc-today-button {
  background-color: #3c3c3b !important;
  border-color: #3c3c3b !important;
  color: white !important;
}

.fc-prev-button:hover,
.fc-next-button:hover,
.fc-today-button:hover {
  background-color: #2a2a2a !important;
  border-color: #2a2a2a !important;
}
/* Estilo para los nombres de los días */
.fc-col-header-cell-cushion {
  color: inherit; /* Cambia el color al color por defecto */
  text-decoration: none; /* Elimina el subrayado */
}
/* Estilo para los eventos */
.fc-event {
  background-color: #3c3c3b !important;
  border: 1px solid #3c3c3b !important;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  color: white;
  padding: 5px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.fc-list-event:hover {
  background-color: black !important;
  color: #3c3c3b !important;
  text-decoration: none;
}

/* Estilo para botones */
.btn-warning{
  background-color: #F7921E;
  color: white;
  border: 1px solid #F7921E !important;
}
.btn-warning:hover{
  background-color: #ff8800;
  color: white;
  border: 1px solid #F7921E !important;
  text-decoration: none;
}
.btn-success {
  background-color: #95c11f;
  color: white;
  border: 1px solid #95c11f !important;
}
.btn-success:hover {
  background-color: #95c11f;
  color: white;
  border: 1px solid #95c11f !important;
  text-decoration: none;
}
.btn-primary {
  background-color: #95c11f;
  color: white;
  border: 1px solid #95c11f !important;
}
.btn-primary:hover {
  background-color: #95c11f;
  color: white;
  border: 1px solid #95c11f !important;
  text-decoration: none;
}
.btn-secondary{
  background-color: #5a5a5a!important;
  color: white;
  border: 1px solid #5a5a5a !important;
}
/* Estilo para los nombres de los días en la lista semanal */
.fc-list-day-cushion {
  color:#ff000000; /* Cambia el color al color por defecto */
  text-decoration: none; /* Elimina el subrayado */
  text-transform: uppercase; /* Convierte el texto a mayúsculas */
}

/* Estilo para las fechas en la lista semanal */
.fc-list-day-text {
  color: #2a2a2a; /* Cambia el color al color por defecto */
  text-decoration: none; /* Elimina el subrayado */
  text-transform: uppercase; /* Convierte el texto a mayúsculas */
}
.fc-day-today{
  background: rgba(255, 197, 130, 0.466);
  background: linear-gradient(0deg, rgba(255, 189, 114, 0.445) 0%, rgba(255,255,255,1) 37%); 
  color: #000000 !important; /* Color del texto */
}
.fc-header-toolbar .fc-toolbar-chunk:nth-child(2){
  font-size: 25px;
  font-weight: 400%;
}

.event-image-hover {
position: absolute;
display: none;
border: 1px solid #ddd;
padding: 5px;
background: white;
z-index: 1000;
max-width: 200px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.fc-event:hover .event-image-hover {
display: block;
}
a {
color: inherit; /* Mantiene el color actual del texto */
text-decoration: none; /* Elimina el subrayado */
}



@media (max-width: 768px) {
.fc-header-toolbar .fc-toolbar-chunk:nth-child(3) {
display: none;
}
.fc-list-day-cushion{
font-size: 15px;
}
#calendar{
padding: 0;
height: 1100px;
padding-top: 5%;
padding-right: 1%;
padding-left: 1%;
}

}

.box{
height: 100%;
display: flex;
justify-content: left;
align-items: left;
}


.container-4{

overflow: hidden;

width: 355px;

white-space: nowrap;

}
.container-4 input#search{

width: 355px;

height: 50px;

background: #3c3c3b;

border: none;

font-size: 12pt;

color: #fff;

padding-left: 15px;

-webkit-border-top-left-radius: 5px;

-webkit-border-bottom-left-radius: 5px;

-moz-border-radius-topleft: 5px;

-moz-border-radius-bottomleft: 5px;

border-top-left-radius: 5px;

border-bottom-left-radius: 5px;

}

.container-4 input#search::-webkit-input-placeholder {

color: #65737e;

}

.container-4 input#search:-moz-placeholder { /* Firefox 18- */

color: #65737e;  

}

.container-4 input#search::-moz-placeholder {  /* Firefox 19+ */

color: #65737e;  

}

.container-4 input#search:-ms-input-placeholder {  

color: #65737e;  

}
.container-4 button.icon{

-webkit-border-top-right-radius: 5px;

-webkit-border-bottom-right-radius: 5px;

-moz-border-radius-topright: 5px;

-moz-border-radius-bottomright: 5px;

border-top-right-radius: 5px;

border-bottom-right-radius: 5px;

border: none;

background: #F7921E;

height: 50px;

width: 50px;

color: #4f5b66;

opacity: 10;

font-size: 10pt;

z-index: 10;
position: absolute;
}



.container-4 input#search::placeholder {
color: #ffffff; /* Cambia este color por el que desees */
opacity: 1; /* Opcional: para asegurarte de que la opacidad es completa */
}
@media (max-width: 450px){
  .container-4{
    width: 400px;
  }
  .icon{
    left: 330px;
  }
}
@media (max-width: 390px){
  .container-4{
    width: 300px;
  }
  .icon{
    left: 280px;
  }
}
@media (max-width: 350px){
  .container-4{
    width: 250px;
  }
  .icon{
    left: 250px;
  }
}
@media (max-width: 300px){
  .container-4{
    width: 200px;
  }
  .icon{
    left: 180px;
  }
}
.highlight {
background-color: #F7921E !important; /* Resaltado para eventos gratuitos */
}

.highlight-paid {
background-color: #f44336 !important; /* Resaltado para eventos pagos */
}
.highlight-theater {
background-color: #4460ad !important; /* Resaltado para eventos de teatros */
}

.highlight-wine {
background-color: #8e44ad !important; /* Resaltado para eventos de teatros */
}

.fc-toolbar-title {
font-size: 24px; /* Cambia el tamaño de la fuente */
font-weight: bold; /* Cambia el grosor de la fuente */
color: #2c2d50; /* Cambia el color del texto */
text-transform: uppercase; /* Cambia el texto a mayúsculas */
letter-spacing: 1px; /* Espacio entre letras */
text-align: center; /* Asegura que el título esté centrado */
}

.btn-primary{
margin-left: 0.5%;
margin-right: 0.5%;
}
/* Transición para el color de fondo en los eventos */
.highlight, .highlight-paid, .highlight-theater, .highlight-wine  {
transition: background-color 0.5s ease, color 0.5s ease;
}


.btn-custom{
display: flex;
flex-wrap: wrap;
align-items: center;
padding-top: 5%;
margin-bottom: 5%;
}
.btn-primary{
margin-left: 0.5%;
margin-right: 0.5%;
}
/* Transición para el color de fondo en los eventos */
.highlight, .highlight-paid, .highlight-theater, .highlight-wine  {
transition: background-color 0.5s ease, color 0.5s ease;
}

.btn-custom span{
font-family: inherit;
font-size: 25px;
font-weight: 700;
color: #2c2d50;
padding-right: 1%;
}
.btn-info{
  color: white;
  background-color: #f44336;
  border-color: #f44336;
  width: 85px;
}
/* Colores iniciales (inactivos) */
.inactivo {
background-color: #95c11f;
}
.inactivo:hover {
background-color: #95c11f;
}
/* Colores activos específicos para cada botón */
.activo-gratis {
background-color: #F7921E;
}
.activo-gratis:hover {
background-color: #F7921E;
}

.activo-pagos {
background-color: #f44336;
}
.activo-pagos:hover {
background-color: #f44336;
}

.activo-teatros {
background-color: #4460ad;
}
.activo-teatros:hover {
background-color: #4460ad;
}

.activo-vino {
background-color: #8e44ad;
}
.activo-vino:hover {
background-color: #8e44ad;
}


.event-suspended {
    text-decoration: line-through;
    color: red; /* Opcional: cambiar color a rojo para mayor visibilidad */
  }


.toast-container{
  width: 300px;
  margin-left: 53%;
  margin-top: -25%;
}

.d-flex{
  background-color: #ffffff;
}
@media (max-width: 800px){
  .d-flex{
    background-color: #f44336;
    position: fixed;
    bottom: 300px;
    right: 20px;
  }
}
.modal-inicio{
  margin-top: -15px;
}
.modal-duracion{
  margin-top: -17px;
}

.btn-copy{
  width: 40px;
  height: 40px;
  background-color: #95c11f;
  padding-top: 1px;
  padding-left: 0;
  padding-right: 0;
}
.btn-copy:hover{
  width: 40px;
  height: 40px;
  background-color: #95c11f;
  padding-top: 1px;
  padding-left: 0;
  padding-right: 0;
}
.social-buttons {
  display: flex;
  justify-content: center;
  gap: 10px; /* Espaciado entre botones */
  margin-top: 10px;
}

.btn-social {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 20px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease;
  padding: 4%;
  fill: white;
  cursor: pointer;
}
@media (max-width: 400px){
  .social-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px; /* Espaciado entre botones */
    margin-top: 10px;
    padding: 3%;
  }
  .btn-social {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 20px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
    padding: 4%;
    fill: white;
    cursor: pointer;
  }
}
.fc table {
  border-collapse: collapse;
  border-spacing: 0px;
  font-size: 1em;
}
.fc-theme-standard .fc-list-day-cushion {
  background-color: #3c3c3b;
  font-size: 0.8rem;
  font-weight: 300;
}
.fc-list-day-text{
  color: white;
}
.fc-list-day-cushion {
  margin-top: 30px;
}