@charset "utf-8";
:root {
	--fc-non-business-color: hsla(0, 0%, 84%, .08); 
	--fc-today-bg-color: rgba(64, 38, 255, .08);
}

.fac_cal_wrap{min-width:340px; padding:30px; border:1px solid #ddd; margin-bottom:60px; border-radius:20px;}
/* full Calendar custom */
#calendar{font-size:15px;}
.fc-theme-standard .fc-scrollgrid{border:none;}
.fc-theme-standard td, .fc-theme-standard th{border:none;}
.fc .fc-scrollgrid thead .fc-col-header {border:1px solid #222; border-width: 1px 0;}

.fc-day-sat .fc-daygrid-day-top{color:#1A4DFF; opacity: 0.8;}
.fc-day-sun .fc-daygrid-day-top{color:#F73463; opacity: 0.8;}

.fc-event-time{padding:2px; border:1px solid #ddd; font-size:10px; line-height:100%; border-radius:3px; background:#fff;}
.fc .fc-col-header-cell{padding:15px 10px; font-size:1em; font-weight: 600;}

.fc-icon-chevron-left::before{content:"\f164"; font-family:boxicons !important; color:#fff;}
.fc-icon-chevron-right::before{content: "\f17e"; font-family:boxicons !important; color:#fff;}

.fc-direction-ltr .fc-daygrid-event .fc-event-time{white-space: nowrap;}
a.fc-event{padding:0; border-width:0 0 0 3px;}
.fc-daygrid-event{border-radius:2px;}
a.fc-event.fc-daygrid-dot-event{display:flex; flex-wrap: wrap; align-items: center; padding:10px 5px 10px 10px; border:1px solid #ddd; background:#f9f9f9; overflow:hidden;}
.fc-daygrid-dot-event .fc-event-title{flex-grow: 1; flex-shrink: 1; font-weight: 600; min-width:0; overflow:hidden;}
.fc-daygrid-event-dot{position:absolute; left:0; top:0; border:2px solid var(--fc-event-border-color); box-sizing: content-box; height:100%; margin:0; width:0; border-width:0 0 0 4px; border-radius:2px 0 0 2px;}

.fc-daygrid-block-event .fc-event-time,
.fc-daygrid-block-event .fc-event-title{padding:1px;}

.fc-h-event .fc-event-main{border:1px solid #ddd; border-radius:0 3px 3px 0; border-width: 1px 1px 1px 0; overflow:hidden;}
.fc-h-event .fc-event-title{background:#f9f9f9; padding:10px 5px; width:100%; color:#222; white-space: normal;}
.fc-disabled-day{opacity:0.3}

.fc .fc-toolbar-title{font-size:1.85em; font-weight:700; color:#222;}
.fc .fc-scroller::-webkit-scrollbar{display:none;}

.fc .fc-daygrid-body{position:relative; z-index: 1;}
.fc .fc-daygrid-body tr + tr{border-top:1px solid #ededed;}
.fc .fc-daygrid-day-frame{padding:10px;}
.fc .fc-daygrid-day-top{justify-content: center;}
.fc .fc-day-other .fc-daygrid-day-top{opacity:0.3;}

/*.fc .fc-daygrid-event{margin-top:3px; z-index: 6; overflow:hidden; background:#f9f9f9 !important;}*/

.custom-popover {position: absolute; z-index: 9999; min-height:210px; background: #fff; border: 1px solid #ccc; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); border-radius: 8px; font-size: 14px; min-width: 280px; max-width: 560px; max-height: 60vh; overflow-y: auto; transform: translate(-50%, -50%); animation: fadeIn 0.15s ease-out; }
.popover-header {font-weight: 500; font-size: 15px; color: #fff; padding:15px; background:var(--main_color); border-bottom:1px solid #ccc;}
.popover-item { padding: 6px 8px;}
.popover-item + .popover-item{border-top:1px solid rgba(0, 0, 0, 0.06);}
.popover-empty { color: #666; padding: 8px 0; text-align: center; margin-top:20%;}
.popover-close { position: absolute; right: 15px; top: 15px; border: none; background: transparent; cursor: pointer; }
.popover-close i { color: #fff; font-size: 18px; transition: color 0.2s; } 
.popover-close:hover i { color: #999; } 
.event-time{color:#666; font-size: 13px; font-weight: 300;}
.event-title{color:#333;}
.event-title > b{font-weight: 500;}

@media (max-width: 640px) {

.fc .fc-toolbar-title{font-size:1.425em;}
.fc .fc-view-harness{height:425px !important;}

}

@media (max-width: 425px) {
.fc .fc-toolbar-title{font-size:1.5em;}
}