@charset "UTF-8"; /* CSS Document */
/* 基本頁面排版 */
/*body {*/
/*    font-family: Arial, sans-serif;*/
/*    margin: 20px;*/
/*}*/

.custom-fc {
    max-width: 900px;
    margin: 0 auto;
}

/* Modal 覆蓋層 */
.custom-fc-modal-overlay {
    display: none;
    position: fixed;
    z-index: 9998;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

/* 自訂 Modal 的樣式 */
.custom-fc-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: 4px;
}

.custom-fc-modal h3 {
    margin-top: 0;
}

.custom-fc-modal label {
    display: block;
    margin-top: 10px;
}

.custom-fc-modal input, .custom-fc-modal textarea {
    width: 100%;
    padding: 6px;
    box-sizing: border-box;
    margin-top: 5px;
}

.custom-fc-modal .button-group {
    margin-top: 15px;
    text-align: right;
}

.custom-fc-modal button {
    padding: 6px 12px;
    margin-left: 5px;
}

.fc .fc-daygrid-day-top {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.holiday-cell {
    background-color: #FFF;
    /* 淡紅色背景 */
}

.fc th {
    /* background-color: #f6c8c8; */
    padding: 5px 0;
    border: none;
}

/* 單日事件樣式 */
.single-day-event {
    background-color: #3788d8;
    color: white;
    padding: 2px 4px;
    border-radius: 4px;
}
/*事件隱藏*/
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    display:none;
}
/*table設定*/
.fc-theme-standard .fc-scrollgrid {
    border:none;
}
.fc-theme-standard td,
.fc-theme-standard th {
    border:none;
}
.fc-theme-standard td {
    padding:2px;
}
/*沒有顯示日期*/
.noday .fc-daygrid-day-frame {
    background-color:#FFF !important;
    text-indent:-9999px;
}
.noday .fc-daygrid-day-frame:hover {
    cursor:auto;
}
/*平日開放租借*/
.fc-daygrid-day-frame {
    border-radius:5px;
    background-color: #e3bedb;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
/*週六日未開放*/
.holiday-cell .fc-daygrid-day-frame {
    background-color: #eee;
}
/*週六日未開放+禁用*/
.fc-daygrid-day-frame.disabled {
    pointer-events: none;
}
/*今天設定*/
.fc-day-today .fc-daygrid-day-frame {
    background-color: #824c75 !important;
    color: #FFF;
}
.fc .fc-daygrid-day.fc-day-today {
    background-color:#fff;
}
/*有租借案件+未開放*/
.case .fc-daygrid-day-frame {
    background-color: #eee;
    text-decoration:underline;
}
/*有租借案件*/
.hover .fc-daygrid-day-frame {
    text-decoration:underline;
}
/*依據篩選時段可供租借的日期*/
.filter .fc-daygrid-day-frame {
    background-color:#ffdbce;
}
/*可回覆案件，日曆上有紅點的日期即可查看*/
.fc-daygrid-day-frame span {
    position:absolute;
    width: 8px;
    height: 8px;
    background-color:#dc3545;
    border-radius:100%;
    right:4px;
	top:4px;
    border:1px solid #FFF;
}
/*滑鼠效果*/
.fc-daygrid-day-frame:hover {
    background-color: #824c75;
    color: #FFF;
    cursor:pointer;
    text-decoration:none;
}
/*按鈕*/
.fc .fc-button-primary {
    background-color: #824c75;
    border-color: #824c75;
}
.fc .fc-button-primary:disabled {
    background-color: #824c75;
    border-color: #824c75;
}