@import 'base.css';

/* https://www.figma.com/proto/XMwhCc3pW4uXCV27m7Uo5d/CAFM?page-id=0%3A1&node-id=1582-694&viewport=-49975%2C-25088%2C0.86&t=kQJ5biRW3vAhuqW8-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=139%3A3811 */
/* https://www.figma.com/design/XMwhCc3pW4uXCV27m7Uo5d/CAFM?node-id=1582-694&t=skyFkAaJCn3ThtVf-0 */
/* https://www.figma.com/design/XMwhCc3pW4uXCV27m7Uo5d/CAFM?node-id=2207-4017&t=t1KEAMdZtnARNL4W-0  ** new wala */ 

.fc {
  font-family: 'Helvetica LT Std', sans-serif;
}

/* Remove the left border from the first column */
.fc .fc-timegrid-axis {
  border: none !important;
}

/* Optional: Hide the full axis cell itself */
.fc .fc-timegrid-slot-label {
  display: none !important;
}

.fc .fc-scrollgrid-section-liquid>table>tbody>tr>td:first-child {
  display: none !important;
}

.fc-v-event {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  color: inherit !important;
}

.fc-direction-ltr .fc-timegrid-col-events {
  margin: 0px;
}

/* current date number round background color */

/* .fc .fc-day-today .fc-daygrid-day-number {
  color: white;
  background-color: gray;
  border-radius: 50%;
  margin: 5px;
  width: 28px;
  height: 28px;
}

.fc .fc-daygrid-day-number{
  text-align: center;
} */

/* month view cell height */
.fc-dayGridMonth-view .fc-daygrid-day-frame {
  min-height: 120px;
}


/* .calendar-wrapper .fc-dayGridMonth-view .fc-daygrid-day-frame {
  min-height: 70px !important;
  padding: 0px !important;
} */

.fc-day-today {
  background-color: white !important;
}

/* All day headers (Sun, Mon, Tue, etc.) */
.fc .fc-col-header-cell {
  background-color: #E2E2E2 !important;
  padding: 5px;
}

/* Current day's header only in week view */
.fc-timeGridWeek-view .fc-col-header-cell.fc-day-today {
  background-color: #E3DCC0 !important;
  /* color: black !important;  */
}

/* Optional: style the text color in headers */
.fc .fc-col-header-cell-cushion,
.fc .fc-toolbar-title,
.fc .fc-button {
  color: #919191 !important;
  font-size: 14px;
  font-weight: 500;
}

/* Red background for current day ONLY in month and year views */
.fc-daygrid-day.fc-day-today,
.fc-multimonth-day.fc-day-today {
  background-color: #E2E2E2 !important;
  color: #323232 !important;
  font-size: 14px;
  font-weight: 500;
}

.fc-theme-standard td,
.fc-theme-standard th {
  border: 1px solid #E2E2E2;
}

.fc-theme-standard .fc-scrollgrid {
  border: 1px solid #E2E2E2;
}

/* Remove ALL dotted/border lines from the time grid in week view */
.fc-timeGridWeek-view .fc-timegrid-slot,
.fc-timeGridWeek-view .fc-timegrid-slot-lane,
.fc-timeGridWeek-view .fc-timegrid-slot-label,
.fc-timeGridWeek-view .fc-scrollgrid {
  background-image: none !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  height: 1.7em;
}

.fc .fc-timegrid-slot-minor {
  border-top-style: hidden;
  /* remove dotted border*/
}


.fc .fc-cell-shaded,
.fc .fc-day-disabled {
  background-color: white;
}

/* .fc .fc-timegrid-slot{
  height: 2.5em;
} */

.fc-timegrid-event .fc-event-main {
  padding: 10px;
}

.fc-timeGridDay-view .fc-timegrid-slot {
  height: 2.6em;
}

.fc .fc-multimonth-multicol .fc-daygrid-more-link {
  background: #FFF4CC;
  border: none;
  padding: 3px 6px;
  border-radius: 4px;
  width: 65px;
  height: 21px;
  color: #9E7C1B;
  font-size: 12px;
  font-weight: 500;
}

.fc .fc-daygrid-more-link {
  background: #E2E2E2;
  border: none;
  padding: 4px 6px;
  border-radius: 4px;
  width: 70px;
  height: 25px;
  color: #716C5F;
  font-size: 14px;
  font-weight: 500;
}

.fc-daygrid-more-link:hover {
  background: #EBE9E1 !important;
}

.fc .fc-daygrid-body-balanced .fc-daygrid-day-events{
  left: unset;
}

/* Target the event element and remove default hover background */
.fc-event:hover {
  background-color: transparent !important;
  box-shadow: none !important;
}

.fc-direction-ltr .fc-daygrid-more-link {
  float: right;
}

.fc-daygrid-event {
  justify-content: flex-end !important; /* Right align inside cell */
}

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

.fc-popover {
  /* display: none !important; */
}

.fc .fc-popover{
  /* display: none !important; */
}