/*-----CALENDAR-----*/

.fc .fc-highlight {
    background: var(--fc-highlight-color);
	background-color: #D3FDDB !important;
}
.fc .fc-bg-event {
    opacity: var(--fc-bg-event-opacity);
    opacity: 0.7;
}

.fc .fc-toolbar.fc-header-toolbar {
	margin-bottom: 12px;
}

table.fc-scrollgrid-sync-table {
	width: 100% !important;
	height: 100% !important;
}
table.fc-col-header {
	width: 100% !important;
	height: 100% !important;
	
}
.fc-daygrid-body.fc-daygrid-body-unbalanced.fc-daygrid-body-natural {
	width: 100% !important;
	height: 100% !important;
	
}
table.fc-scrollgrid-sync-table {
	width: 100% !important;
	height: 100% !important;
	
}
.fc-daygrid-body.fc-daygrid-body-balanced {
	width: 100% !important;
	height: 100% !important;
	
}

.fc .fc-button-primary {
    color: #212529;
    background-color: #eff2f7;
    border-color: #eff2f7;
}
.fc .fc-button-primary:hover {
    background-color: var(--fc-button-hover-bg-color);
    border-color: var(--fc-button-hover-border-color);
    background-color: #d6ddea;
    border-color: #cdd6e6;
    color: #212529;
    background-color: #d6ddea;
    border-color: #cdd6e6;
}

.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
	color: #212529;
    background-color: #d6ddea;
    border-color: #cdd6e6;
}

.fc .fc-button-primary:disabled {
    background-color: var(--fc-button-bg-color);
    border-color: var(--fc-button-border-color);
    color: var(--fc-button-text-color);
}

.fc .fc-button-primary:disabled {
    background-color: var(--fc-button-bg-color);
    border-color: var(--fc-button-border-color);
    color: var(--fc-button-text-color);
	color: #212529;
    background-color: #d6ddea;
    border-color: #cdd6e6;
}

.fc-toolbar-title {
    text-transform: capitalize !important; /* Primera letra de cada palabra en mayúscula */
}

.fc-event {
    cursor: pointer;
}

.fc .fc-timegrid-body {
    width: 100% !important;
}

/*-----CALENDAR-----*/

.ctn-header{
	flex-direction: column;
	gap: 12px;
}

.ctn-btns{
	display: flex;
	gap: 4px;
}

.fc-daygrid-body.fc-daygrid-body-unbalanced {
	width: 100% !important;
	height: 100% !important;
}

.ctn-scheduling {
	white-space: revert;
}

.ctn-scheduling  .scheduling-item{
	width: 100%;
}

.ctn-scheduling .scheduling-item button,
.ctn-drop-scheduling button {
	height: 100%;
	background-color: transparent;
	border: 0;
	outline: 0;
	text-align: left;
	font-size: 16px;
}

.scheduling-item button.btn-drop-calendar{
	width: 100%;
	max-width: revert;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.calendar-drop .ctn-drop-scheduling{
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 8px;
}

.calendar-drop .ctn-drop-scheduling .title{
	font-size: 18px;
}

.calendar-drop .ctn-drop-scheduling .badge{
	width: fit-content;
}

.calendar-drop .ctn-drop-scheduling .description{
	font-size: 16px;
}

.calendar-drop .actions{
	display: flex;
	justify-content: end;
}

.calendar-drop .actions button,
.calendar-drop .actions a{
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 32px;
	max-width: 32px;
	min-height: 32px;
	max-height: 32px;
}

@media (max-width:768px) {
	
	.fc .fc-toolbar.fc-header-toolbar{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat(2, auto);
		grid-template-areas: "title title" "actions1 actions2";
		gap: 16px;
	}
	
	.fc .fc-toolbar.fc-header-toolbar div.fc-toolbar-chunk:nth-child(1){
		grid-area: actions1;
	}
	
	.fc .fc-toolbar.fc-header-toolbar div.fc-toolbar-chunk:nth-child(2){
		grid-area: title;
		width: fit-content;
		justify-self: center;
	}

	.fc .fc-toolbar.fc-header-toolbar div.fc-toolbar-chunk:nth-child(3){
		grid-area: actions2;
		justify-self: end;
	}

}

@media (max-width:480px) {

	.fc .fc-toolbar.fc-header-toolbar{
		grid-template-columns: 1fr;
		grid-template-rows: repeat(3, auto);
		grid-template-areas: "title" "actions1" "actions2";
	}

	.fc .fc-toolbar.fc-header-toolbar div.fc-toolbar-chunk:nth-child(1){
		display: flex;
		justify-content: space-between;
		width: 100%;
	}

	.fc .fc-toolbar.fc-header-toolbar div.fc-toolbar-chunk:nth-child(3),
	.fc .fc-toolbar.fc-header-toolbar div.fc-toolbar-chunk:nth-child(3) .fc-button-group{
		width: 100%;
	}

	.fc .fc-toolbar.fc-header-toolbar div.fc-toolbar-chunk:nth-child(2) h2{
		font-size: 20px;
	}

}