#calendar {background-color:#FFF; padding:40px;}

.calendario-sala {border:1px solid #ccc; padding:20px;}
.nome-sala {color:#1e4c7b; padding:0px 30px; margin-bottom:10px; font-weight:bold; font-size:30px;}
.swal2-title {color:#1e4c7b;}
#topo-swal {display:table; margin:0 auto; margin-bottom:10px;}
.nome-sala-2 {float:left; margin-right:40px; color:#545454; font-size:16px; margin-bottom:10px;}
.nome-sala-2 span {color:#545454; font-size:16px; font-weight:bold;}
.data-agendamento {float:left; color:#545454; font-weight:bold; font-size:16px; margin-bottom:10px;}
.data-agendamento #swal-data-agendamento {color:#666; font-weight:normal; font-size:16px;}
#swal-status {width:320px; border:1px solid #ccc; height:45px; color:#545454; font-size:16px; margin-top:5px; outline:none; padding:10px; background: #FFF; border-radius:3px;}
#swal-status-edit {width:320px; border:1px solid #ccc; height:45px; color:#545454; font-size:16px; margin-top:5px; outline:none; padding:10px; background: #FFF; border-radius:3px;}
#swal-horario {width:320px; border:1px solid #ccc; margin-top:5px;}
#swal-descricao {width:320px; border:1px solid #ccc; font-size:16px ;margin-top:5px;}

/* Estilos para eventos do FullCalendar */
.fc-event {
    background-color: transparent !important;
    border: none;
    color: black !important;
    padding: 5px;
    position: relative;
    display: block;
    max-width: 100%; /* Certifique-se de que o evento respeita a largura do bloco */
    white-space: normal; /* Permitir a quebra de linha */
    word-wrap: break-word; /* Quebrar palavras longas */
    overflow-wrap: break-word; /* Garante que palavras longas também quebrem */
    box-sizing: border-box; /* Inclui padding e border no cálculo de largura */
}

.fc .fc-baixarCronograma-button {
    background-color: #ff0000 !important;
    color: #fff !important;
    border: 1px solid #ff0000 !important;
    border-radius: 4px !important;
    font-weight: bold;
    box-shadow: 0 2px 6px rgba(30,76,123,0.12);
    transition: background 0.2s, color 0.2s;
}

.fc .fc-button-primary:hover,
.fc .fc-button-primary:focus {
    background-color: #17406b !important;
    color: #fff !important;
    border-color: #17406b !important;
}

/* Estilo do botão de exclusão */
.fc-event button {
    position: absolute;
    top: 0;
    right: 5px;
    display: none;
    color: white;
    background-color: red;
    border: none;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

/* Estilo ajustado para permitir o crescimento das células */
.fc-daygrid-day {
    height: auto !important; /* Altura automática das células */
    cursor:cell;
}

/* Define a altura mínima das células para evitar que fiquem muito pequenas */
.fc-daygrid-day-frame {
    min-height: auto !important; /* Ajuste a altura para auto, removendo valores fixos */
    height: auto !important;
    display: flex;
    flex-direction: column; /* Flex para organizar os eventos verticalmente */
    justify-content: flex-start; /* Alinhar eventos no topo */
}

/* Garante que o container do evento quebre a linha corretamente */
.fc-daygrid-event {
    white-space: normal; /* Permitir a quebra de linha no evento */
    word-wrap: break-word; /* Quebrar palavras longas */
    max-width: 100%; /* Respeitar a largura do container */
    overflow-wrap: break-word; /* Garante a quebra de palavras longas */
}

/* Garantir que o texto dentro do evento respeite o layout */
.fc-daygrid-event-dot .fc-event-title {
    white-space: normal; /* Permitir quebra de linha no título */
    overflow-wrap: break-word;
}

/* Ajustes para que a tabela cresça conforme o conteúdo */
.fc-daygrid-body {
    height: auto !important; /* Altura automática no corpo da tabela */
}

.fc-daygrid-day-top {
    height: auto !important;
    display: flex;
    justify-content: center; /* Centraliza o conteúdo no topo das células */
}

.fc-today-button {content: "Hoje";}

.fc-col-header-cell .fc-scrollgrid-sync-inner a {color:#FFF;}        
.fc-event-title {color:#000;}
.fc-toolbar-title {color:#718B8F; font-weight:bold;}
.fc-toolbar-title::first-letter {text-transform: uppercase;}
.fc-scrollgrid-sync-inner {background-color:#1e4c7b; padding:8px; color:#FFF;}
.fc-daygrid-day-number {color:#1e4c7b;}
.fc-day-past .fc-daygrid-day-frame {background-color:#FFF; color:#444;}
.fc-day-today .fc-daygrid-day-frame {background:transparent; color:#444;}
.fc-day-future .fc-daygrid-day-frame {background-color:#FFF; color:#444;}

/* ====== AJUSTES PARA O VISUAL DA SEMANA (timeGridWeek) ====== */

/* Cor do horário na lateral esquerda da semana */
.fc-timegrid-axis-cushion {
    color: #1e4c7b !important; /* Azul escuro para o horário */
    font-weight: bold;
    background: #f5f5f5;
    font-size: 15px;
    border-radius: 3px;
    padding: 2px 6px;
}

/* Cor do fundo das células da semana */
.fc-timegrid-slot {
    background: #fff !important;
}

/* Cor do texto dos eventos na semana */
.fc-timegrid-event .fc-event-title,
.fc-timegrid-event .fc-event-time {
    color: #000 !important;
}

/* Cor do fundo do evento na semana */
.fc-timegrid-event {
    background: #e6f0fa !important;
    border: 1px solid #1e4c7b !important;
    color: #000 !important;
}

/* Cor do horário atual na semana */
.fc-timegrid-now-indicator-line {
    background: #e74c3c !important;
}

/* Cor do cabeçalho dos dias na semana */
.fc-timegrid-col .fc-col-header-cell-cushion {
    color: #1e4c7b !important;
    font-weight: bold;
    font-size: 16px;
}

/* Cor do fundo do dia atual na semana */
.fc-timegrid-col.fc-day-today {
    background: #f0f8ff !important;
}

/* Cor do número do dia no cabeçalho da semana */
.fc-timegrid-col .fc-col-header-cell-cushion .fc-daygrid-day-number {
    color: #1e4c7b !important;
}

/* Cor do botão de hoje na semana */
.fc-timeGridWeek-button.fc-button-active,
.fc-timeGridWeek-button:focus {
    background: #1e4c7b !important;
    color: #fff !important;
    border-color: #1e4c7b !important;
}

/* Cor do botão de hoje quando não está ativo */
.fc-timeGridWeek-button {
    background: #fff !important;
    color: #1e4c7b !important;
    border-color: #1e4c7b !important;
}

/* Cor do horário na célula de evento da semana */
.fc-timegrid-event .fc-event-time {
    color: #1e4c7b !important;
    font-weight: bold;
}

/* Cor do horário na célula de evento da semana quando selecionado */
.fc-timegrid-event.fc-event-selected .fc-event-time {
    color: #e74c3c !important;
}

/* Cor do horário na célula de evento da semana quando hover */
.fc-timegrid-event:hover .fc-event-time {
    color: #e67e22 !important;
}

/** 
 * Garante que o horário e o nome do evento fiquem ao lado do "dot" (bolinha de cor) do FullCalendar.
 * Isso é feito ajustando o flex e a ordem dos elementos.
 */

/* Garante que o nome do evento não quebre e mostre reticências se for muito longo */
.fc-daygrid-event .fc-event-title,
.fc-timegrid-event .fc-event-title {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 200px !important; /* ajuste conforme necessário para o layout */
    display: inline-block !important;
    vertical-align: middle !important;
}

 
/* Para eventos no modo mês e semana, alinhar dot, horário e nome em linha */
.fc-daygrid-event-harness, 
.fc-timegrid-event-harness {
    display: flex !important;
    align-items: center !important;
}

/* Garante que o dot venha primeiro, seguido do horário e do nome */
.fc-daygrid-event-dot, 
.fc-timegrid-event-dot {
    order: 1;
    margin-right: 4px;
    margin-left: 0;
    vertical-align: middle;
}

/* Horário do evento vem logo após o dot */
.fc-daygrid-event .fc-event-time,
.fc-timegrid-event .fc-event-time {
    order: 2;
    margin-right: 2px;
    margin-left: 0;
    display: inline;
    vertical-align: middle;
}

/* Nome do evento vem depois do horário */
.fc-daygrid-event .fc-event-title,
.fc-timegrid-event .fc-event-title {
    order: 3;
    margin-left: 2px;
    display: inline;
    vertical-align: middle;
}

/* Remove quebras de linha e garante alinhamento */
.fc-daygrid-event .fc-event-title,
.fc-timegrid-event .fc-event-title,
.fc-daygrid-event .fc-event-time,
.fc-timegrid-event .fc-event-time {
    white-space: nowrap;
}

/* Ajuste para garantir que tudo fique em linha, inclusive em eventos compactos */
.fc-daygrid-event, .fc-timegrid-event {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

/* Exibe o nome do evento ao lado do horário no modo mês e semana */
.fc-daygrid-event .fc-event-time,
.fc-daygrid-event .fc-event-title,
.fc-timegrid-event .fc-event-time,
.fc-timegrid-event .fc-event-title {
    display: inline !important;
    vertical-align: middle;
    margin-right: 4px;
}

/* Remove quebra de linha entre horário e nome */
.fc-daygrid-event .fc-event-title,
.fc-timegrid-event .fc-event-title {
    margin-left: 2px;
}

/* Garante que o horário venha antes do nome */
.fc-daygrid-event .fc-event-time {
    order: 1;
}
.fc-daygrid-event .fc-event-title {
    order: 2;
}
.fc-timegrid-event .fc-event-time {
    order: 1;
}
.fc-timegrid-event .fc-event-title {
    order: 2;
}

/* Ajuste para evitar espaçamento extra */
.fc-daygrid-event .fc-event-title,
.fc-timegrid-event .fc-event-title {
    white-space: normal;
}

/* Estilo para o cabeçalho dos dias no modo mês */
.fc-daygrid-day-number {
    color: #1e4c7b !important;
    font-weight: bold;
    font-size: 16px;
}

/* Fundo do dia atual no modo mês */
.fc-daygrid-day.fc-day-today {
    background: #f0f8ff !important;
}

/* Cor do texto dos eventos no modo mês */
.fc-daygrid-event .fc-event-title {
    color: #1e4c7b !important;
    font-weight: 500;
}

/* Cor do horário do evento no modo mês */
.fc-daygrid-event .fc-event-time {
    color: #1e4c7b !important;
    font-weight: bold;
}

/* Cor do evento selecionado no modo mês */
.fc-daygrid-event.fc-event-selected,
.fc-daygrid-event:focus {
    background: #e6f2fa !important;
    border-color: #1e4c7b !important;
}

/* Hover nos eventos do mês */
.fc-daygrid-event:hover {
    background: #e0eaf6 !important;
    color: #1e4c7b !important;
}

/* Cor do botão de hoje no modo mês */
.fc-dayGridMonth-button.fc-button-active,
.fc-dayGridMonth-button:focus {
    background: #1e4c7b !important;
    color: #fff !important;
    border-color: #1e4c7b !important;
}

/* Cor do botão de hoje quando não está ativo no modo mês */
.fc-dayGridMonth-button {
    background: #fff !important;
    color: #1e4c7b !important;
    border-color: #1e4c7b !important;
}

/* Bordas das células do mês */
.fc-daygrid-day {
    border: 1px solid #e0e0e0 !important;
}

/* Cor do fundo dos finais de semana no mês */
.fc-day-sat, .fc-day-sun {
    background: #f8fafc !important;
}

/* Cor do cabeçalho do mês */
.fc-col-header-cell-cushion {
    color: #FFF !important;
    font-weight: bold;
    font-size: 15px;
}

/* ====== AJUSTES PARA O VISUAL DO DIA (timeGridDay) ====== */

/* Cor do horário na lateral esquerda do dia */
.fc-timegrid-axis-cushion {
    color: #1e4c7b !important;
    font-weight: bold;
    background: #f5f5f5;
    font-size: 15px;
    border-radius: 3px;
    padding: 2px 6px;
}

/* Cor do fundo das células do dia */
.fc-timegrid-slot {
    background: #fff !important;
}

/* Cor do texto dos eventos no dia */
.fc-timegrid-event .fc-event-title,
.fc-timegrid-event .fc-event-time {
    color: #000 !important;
}

/* Cor do fundo do evento no dia */
.fc-timegrid-event {
    background: #e6f2fa !important;
    border: 1px solid #1e4c7b !important;
    border-radius: 4px;
    padding: 4px 8px;
}

/* Hover nos eventos do dia */
.fc-timegrid-event:hover {
    background: #e0eaf6 !important;
    color: #1e4c7b !important;
}

/* Cor do botão de hoje no modo dia */
.fc-timeGridDay-button.fc-button-active,
.fc-timeGridDay-button:focus {
    background: #1e4c7b !important;
    color: #fff !important;
    border-color: #1e4c7b !important;
}

/* Cor do botão de hoje quando não está ativo no modo dia */
.fc-timeGridDay-button {
    background: #fff !important;
    color: #1e4c7b !important;
    border-color: #1e4c7b !important;
}

/* ====== AJUSTES PARA O VISUAL DA LISTA (listMonth) ====== */

/* Cor do fundo do cabeçalho da lista */
.fc-list-table .fc-list-day {
    background: #1e4c7b !important;
    color: #fff !important;
    font-weight: bold;
    font-size: 16px;
}

/* Cor do texto dos eventos na lista */
.fc-list-event-title, .fc-list-event-time {
    color: #1e4c7b !important;
    font-weight: bold;
}

/* Cor do fundo dos eventos na lista */
.fc-list-event {
    background: #e6f2fa !important;
    border-left: 4px solid #1e4c7b !important;
    border-radius: 3px;
    margin-bottom: 4px;
}

/* Hover nos eventos da lista */
.fc-list-event:hover {
    background: #e0eaf6 !important;
    color: #1e4c7b !important;
}

/* Cor do botão de hoje no modo lista */
.fc-listMonth-button.fc-button-active,
.fc-listMonth-button:focus {
    background: #1e4c7b !important;
    color: #fff !important;
    border-color: #1e4c7b !important;
}

/* Cor do botão de hoje quando não está ativo no modo lista */
.fc-listMonth-button {
    background: #fff !important;
    color: #1e4c7b !important;
    border-color: #1e4c7b !important;
}

.fc .fc-daygrid-day {
    background-color: #FFF !important;
}

.fc .dia-destaque .fc-daygrid-day-frame {
    background-color: #f7f3e8 !important;
}

.fc .dia-destaque {
    border: 2px solid #ccc !important;
    background-color: #f7f3e8 !important;
}

#calendar-projetos {
    padding: 15px;
    background: #fff; /* opcional */
    border-radius: 10px; /* opcional */
}

.fc-h-event {
    border:1px solid #ccc;
}