/* Estilo para los botones de navegación */
/*.fc-prev-button, .fc-next-button {
    background-color: transparent !important;*/ /* Eliminar el fondo */
    /*color: #E0001B !important;*/ /* Cambiar el color de la flecha a rojo */
    /*border: none !important;*/ /* Eliminar el borde */
    /*width: auto !important;*/ /* Ajustar el tamaño automáticamente */
    /*height: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px !important;*/ /* Tamaño de la flecha */
    /*padding: 0 !important;
}*/

/* Cambiar el tamaño del texto del mes */
/*.fc-toolbar-title {
    font-size: 18px !important;
    font-weight: bold !important;
}*/

/* Alinear los botones de navegación a los lados del texto del mes */
/*.fc-toolbar-chunk:first-child {
    display: flex;
    justify-content: flex-start;
}

.fc-toolbar-chunk:last-child {
    display: flex;
    justify-content: flex-end;
}

.fc-icon {
    color: red !important;
}*/

/* Estilo para las celdas del calendario */
/*.fc-daygrid-day {
    border: 1px solid #fff !important;*/ /* Líneas de separación blancas */
    /*width: 10px !important;*/ /* Hacer las cajas más pequeñas */
    /*height: 10px !important;*/ /* Hacer las cajas cuadradas */
    /*display: flex !important;*/
    /*align-items: center !important;*/ /* Centrar verticalmente el número */
    /*justify-content: center !important;*/ /* Centrar horizontalmente el número */
    /*margin: 0 !important;*/ /* Eliminar el espaciado entre las celdas */
    /*box-sizing: border-box;*/ /* Asegurar que el tamaño incluya los bordes */
    /*background-color: transparent !important;*/ /* Fondo transparente */
/*}*/

/* Estilo para los números de los días */
/*.fc-daygrid-day-number {
    font-size: 12px !important;*/ /* Ajustar el tamaño del número */
    /*font-weight: bold !important;*/ /* Hacer el número más visible */
    /*color: #000 !important;*/ /* Color del número */
/*}*/

/* Eliminar el fondo de las celdas seleccionadas */
/*.fc-daygrid-day.fc-day-today {
    background-color: transparent !important;
}*/

/* Ajustar el contenedor del calendario */
/*.fc-daygrid {*/
    /*flex-grow: 1 !important;*/ /* Permitir que las filas crezcan para ocupar el espacio disponible */
    /*height: auto !important;*/
/*}*/

/* Estilo para los días destacados (ferias) */
/*.fc-daygrid-day.highlight {
    background-color: #E0001B !important;*/ /* Fondo rojo */
    /*color: #fff !important;*/ /* Texto blanco */
    /*border-radius: 4px !important;*/ /* Bordes ligeramente redondeados */
/*}*/

/* Eliminar la scrollbar del calendario */
/*#calendar {*/
    /*overflow: hidden !important;*/ /* Ocultar la scrollbar */
    /*height: 37vh !important;*/ /* Ocupar toda la altura de la ventana */
    /* height: 312px !important;*/
    /*width: 28.1vh !important;
    max-height: 100% !important;*/ /* Asegurar que no haya desbordamiento */
    /*width: 100% !important;*/
/*}

.fc-scroller {
    overflow: hidden !important;
}*/
/* Sobrescribir bordes del contenedor del calendario */
/*.fc {
    height: 100% !important;*/ /* Asegurar que el calendario ocupe toda la altura del contenedor */
    /*display: flex !important;
    flex-direction: column !important;
}*/

/* Sobrescribir bordes de las filas del calendario */
/*.fc-daygrid-day-frame {
    border: none !important;*/ /* Eliminar bordes internos */
    /*height: 36px !important;
}*/

/* Sobrescribir bordes de las celdas de los días */
/*.fc-daygrid-day {
    height: auto !important;*/ /* Ajustar automáticamente la altura de las celdas */
    /*min-height: 40px !important;*/ /* Establecer una altura mínima para las celdas */
    /*box-sizing: border-box;*/ /* Asegurar que el tamaño incluya los bordes */
/*}*/

/* Sobrescribir bordes de las celdas de los encabezados */
/*.fc-col-header-cell {
    border: 1px solid #fff !important;*/ /* Líneas de separación blancas */
/*}*/

/* Sobrescribir bordes de las celdas de los eventos */
/*.fc-daygrid-event {
    border: none !important;*/ /* Eliminar bordes de los eventos */
/*}*/
/* Ajustar el encabezado del calendario */
/*.fc-col-header {
    flex-shrink: 0 !important;*/ /* Evitar que el encabezado se reduzca */
/*}

.fc-daygrid-day-events {
    min-height: 0 !important;
}*/
/* Eliminar el contorno gris al pulsar los botones de navegación */
/*.fc-prev-button:focus,
.fc-next-button:focus {
    outline: none !important;*/ /* Eliminar el contorno */
    /*box-shadow: none !important;*/ /* Eliminar cualquier sombra */
/*}

.fc-daygrid-day-top {
    height: 18px;
}

.custom-event-height {
    height: 15px !important;*/ /* Define la altura */
    /*line-height: 15px;*/ /* Ajusta el contenido */
    /*overflow: hidden;*/ /* Evita desbordamientos */
/*}*/


/*.fc-daygrid-event-harness {
    height: 18px;
}*/
/* Estilo para los días con feria */
/*.fc-daygrid-day-top.has-feria,
    .fc-daygrid-day-events.has-feria {
        background-color: #E0001B;*/ /* Rojo */
/*color: #fff;*/ /* Texto blanco */
/*}*/

/* Estilo para el hover en días con feria */
/*.fc-daygrid-day-top.has-feria:hover,
        .fc-daygrid-day-events.has-feria:hover {
            background-color: #fff;*/ /* Blanco */
/*color: #E0001B;*/ /* Texto rojo */
/*border: 2px solid #E0001B;*/ /* Contorno rojo */
/*}*/
/* Estilo para los días con feria */
/*.fc-daygrid-day.has-feria {
    background-color: #E0001B;*/ /* Rojo */
/*color: #fff;*/ /* Texto blanco */
/*}*/

/* Estilo para el hover en días con feria */
/*.fc-daygrid-day.has-feria:hover {
        background-color: #fff;*/ /* Blanco */
/*color: #E0001B;*/ /* Texto rojo */
/*border: 2px solid #E0001B;*/ /* Contorno rojo */
/*}*/

/* Reset */
.ui-datepicker,
.ui-datepicker table,
.ui-datepicker tr,
.ui-datepicker td,
.ui-datepicker th {
    margin: 0;
    padding: 0;
    border: none;
    font-family: 'Conv_SourceSansPro-Light';
    border-spacing: 0;
}

    .ui-datepicker table {
        width: 100%;
    }
/* Calendar Wrapper */
.ui-datepicker {
    display: none;
    width: 100% !important;
    /* width:200px; */
    padding: 0px;
    cursor: default;
    text-transform: capitalize;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    /*background: transparent;	*/
    background: white;
    /*-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;*/
    /*	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255, .1), inset 0px 1px 1px rgb(0,0,0);
	-moz-box-shadow: 0px 1px 1px rgba(255,255,255, .1), inset 0px 1px 1px rgb(0,0,0);
	box-shadow: 0px 1px 1px rgba(255,255,255, .1), inset 0px 1px 1px rgb(0,0,0);*/
}

.registerCalendar.ui-datepicker {
    display: none;
    width: 220px !important;
    padding: 0px;
    cursor: default;
    text-transform: capitalize;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background: white !important;
    /*-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;*/
    /*	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255, .1), inset 0px 1px 1px rgb(0,0,0);
	-moz-box-shadow: 0px 1px 1px rgba(255,255,255, .1), inset 0px 1px 1px rgb(0,0,0);
	box-shadow: 0px 1px 1px rgba(255,255,255, .1), inset 0px 1px 1px rgb(0,0,0);*/
}

/* Calendar Header */
.ui-datepicker-header {
    position: relative;
    background: none;
    border: none;
    padding-bottom: 0px;
    border-bottom: 0px solid #d6d6d6;
}

.ui-datepicker-title {
    text-align: center;
}

/* Month */
.ui-datepicker-month {
    position: relative;
    padding-right: 0px;
    color: #232222;
}

/*.ui-datepicker-month:before {
	display: block;
	position: absolute;
	top: 5px;
	right: 0;
	width: 5px;
	height: 5px;
	content: '';

	background: #a5cd4e;
	background: -moz-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a));
	background: -webkit-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);
	background: -o-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);
	background: -ms-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);
	background: linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}*/

/* Year */
.ui-datepicker-year {
    padding-left: 4px;
    color: #232222;
}

/* Prev Next Month */
.ui-datepicker-prev,
.ui-datepicker-next {
    position: absolute;
    top: -2px;
    padding: 5px;
    cursor: pointer;
}

.ui-datepicker-prev {
    left: 0;
    padding-left: 0;
}

.ui-datepicker-next {
    right: 0;
    padding-right: 0;
}

    .ui-datepicker-prev span,
    .ui-datepicker-next span {
        display: block;
        width: 14px;
        height: 14px;
        text-indent: -9999px;
        background-image: url(../images/fletxes_calendari.png) !important;
    }

.ui-datepicker-prev span {
    background-position: 0px 0px;
}

.ui-datepicker-next span {
    background-position: -14px 0px;
}

.ui-datepicker-prev-hover {
    top: 2px !important;
    left: 2px !important;
    background: none;
}

.ui-datepicker-next-hover {
    top: 2px !important;
    right: 2px !important;
    background: none;
}

.ui-datepicker-prev-hover span {
    background-position: 0px -14px;
}

.ui-datepicker-next-hover span {
    background-position: -14px -14px;
}

/* Calendar "Days" */
.ui-datepicker-calendar th {
    padding-top: 8px;
    padding-bottom: 10px;
    font-family: 'Conv_SourceSansPro-Regular';
    text-align: center;
    font-weight: 600;
    color: #232222;
}

.ui-datepicker-calendar td {
    padding: 0 0px;
    text-align: center;
    line-height: 23px;
}

.ui-datepicker-calendar .ui-state-default {
    display: block;
    width: 100%;
    outline: none;
    text-decoration: none;
    color: #4d534f;
    font-weight: normal;
    /*border-radius:2px;*/
    border: 1px solid #f5f5f0;
    /*border: 1px solid #dcdcdc;*/
}

/* Day Active State*/
.ui-datepicker-calendar .ui-datepicker-today .ui-state-active {
    color: #fff;
    border-color: #dcdcdc;
    background: gray;
}

.highlight a.ui-state-default {
    color: #ffffff;
    background: #b40000;
}

.ui-datepicker-calendar .ui-state-default {
    background: none;
    text-align: center
}

.ui-datepicker-header .ui-state-hover {
    background: none;
    border: none;
}
/* Other Months Days*/
.ui-datepicker-other-month .ui-state-default {
    color: #565656;
    display: none;
}

#calendar {
    width: 100% !important;
}

.ui-datepicker-calendar .ui-state-default:hover {
    /*background: rgba(77,9,36,1); background: -moz-linear-gradient(left, rgba(77,9,36,1) 0%, rgba(127,0,28,1) 34%, rgba(168,0,28,1) 50%, rgba(212,0,28,1) 71%, rgba(212,0,28,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(77,9,36,1)), color-stop(34%, rgba(127,0,28,1)), color-stop(50%, rgba(168,0,28,1)), color-stop(71%, rgba(212,0,28,1)), color-stop(100%, rgba(212,0,28,1)));background: -webkit-linear-gradient(left, rgba(77,9,36,1) 0%, rgba(127,0,28,1) 34%, rgba(168,0,28,1) 50%, rgba(212,0,28,1) 71%, rgba(212,0,28,1) 100%);background: -o-linear-gradient(left, rgba(77,9,36,1) 0%, rgba(127,0,28,1) 34%, rgba(168,0,28,1) 50%, rgba(212,0,28,1) 71%, rgba(212,0,28,1) 100%);background: -ms-linear-gradient(left, rgba(77,9,36,1) 0%, rgba(127,0,28,1) 34%, rgba(168,0,28,1) 50%, rgba(212,0,28,1) 71%, rgba(212,0,28,1) 100%);background: linear-gradient(to right, rgba(77,9,36,1) 0%, rgba(127,0,28,1) 34%, rgba(168,0,28,1) 50%, rgba(212,0,28,1) 71%, rgba(212,0,28,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d0924', endColorstr='#d4001c', GradientType=1 );*/
    color: #b40000;
    background: none;
    border: 1px solid #b40000;
}