/* 여기에 light css 작성  */


.display-block {
    display: block !important;
}

.notice-row td {
    color: #DC3545 !important;
}
.notice-row {
    background-color: #f8f9fa;
}
.general-row {
    background-color: white;
    color: black;
}
.clickable-row {
    cursor: pointer;
}
.clickable-row:hover {
    background-color: #f1f1f1;
}
.new-badge {
    font-size: 0.65rem;
    padding: 0.2em 0.4em;
    vertical-align: middle;
}


/* 휴가*/

.half-day-buttons {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
  }
  .half-day-buttons .btn.active {
    border: 2px solid black;
  }
  .fc-daygrid-day-frame {
    min-height: 80px !important;
    max-height: 120px !important;
    overflow: hidden !important;
    padding-top: 25px !important;
  }
  .fc-daygrid-day-events {
    max-height: 100px !important;
    overflow-y: auto !important;
  }
  .fc-daygrid-event {
    position: absolute !important;
    height: 20px !important;
    width: 100% !important;
    left: 0 !important;
    margin: 2px 0 !important;
    padding: 0 !important;
    border-radius: 2px !important;
    border: none !important;
  }
  .fc-daygrid-event-harness {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    gap: 22px;
  }
  .fc-daygrid-event.half-day-am {
    width: 45% !important;
    left: 0 !important;
  }
  .fc-daygrid-event.half-day-pm {
    width: 45% !important;
    left: auto !important;
    right: 0 !important;
  }
  .fc-daygrid-event.full-day {
    width: 100% !important;
    left: 0 !important;
  }
  .fc-day-sun .fc-daygrid-day-number,
  .fc-col-header-cell:first-child .fc-col-header-cell-cushion {
    color: #ff4500 !important;
  }
  .fc-day-sat .fc-daygrid-day-number,
  .fc-col-header-cell:last-child .fc-col-header-cell-cushion {
    color: #6076e0 !important;
  }
  .fc-daygrid-day-number {
    position: absolute !important;
    top: 0px !important;
    left: 5px !important;
    text-align: left !important;
  }

  /* userList */

  .grayscaleImg {
    filter: grayscale(100%);
  }
  
  
   /* scrollbar 안보이게 */
  .scrollbar-none {
    scrollbar-width: none; 
  }