/*
for css vars only.
these values are automatically known in all stylesheets.
the :root statement itself is only included in the common stylesheet.
this file is not processed by postcss when imported into the postcss-custom-properties plugin,
so only write standard css!

NOTE: for old browsers, will need to restart watcher after changing a variable
*/

:root {
  --fc-small-font-size: .85em;
  --fc-page-bg-color: #fff;
  --fc-neutral-bg-color: rgba(208, 208, 208, 0.3);
  --fc-neutral-text-color: #808080;
  --fc-border-color: #ddd;

  --fc-button-text-color: #fff;
  --fc-button-bg-color: #2C3E50;
  --fc-button-border-color: #2C3E50;
  --fc-button-hover-bg-color: #1e2b37;
  --fc-button-hover-border-color: #1a252f;
  --fc-button-active-bg-color: #1a252f;
  --fc-button-active-border-color: #151e27;

  --fc-event-bg-color: #3788d8;
  --fc-event-border-color: #3788d8;
  --fc-event-text-color: #fff;
  --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);

  --fc-more-link-bg-color: #d0d0d0;
  --fc-more-link-text-color: inherit;

  --fc-event-resizer-thickness: 8px;
  --fc-event-resizer-dot-total-width: 8px;
  --fc-event-resizer-dot-border-width: 1px;

  --fc-non-business-color: rgba(215, 215, 215, 0.3);
  --fc-bg-event-color: rgb(143, 223, 130);
  --fc-bg-event-opacity: 0.3;
  --fc-highlight-color: rgba(188, 232, 241, 0.3);
  --fc-today-bg-color: rgba(255, 220, 40, 0.15);
  --fc-now-indicator-color: red;
}
.fc-view{
	border-top:2px solid #43505d;
}
body .fc-col-header-cell{
	padding:20px 12px;
}
.fc-daygrid-day{
	background: #f3fbff;
}
.fc-daygrid-day.fc-day-sun,.fc-daygrid-day.fc-day-sat{
    background: #ffd8d8;
}
.fc .fc-scrollgrid {
    
    
     border-right-width: 1px !important;
}
.fc-daygrid-event{
    margin-right: 2px;
    background: var(--btn-st1-color) !important;
    border: none !important;
}
.fc .fc-daygrid-day-frame {
  min-height: 120px;
}



.scheduleList { 
	border-top:2px solid #43505d; flex-wrap:wrap;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	margin:0;
}
.scheduleList li {
  display:flex; 
  align-items: stretch;
  font-size:16px;
}
.scheduleList> li{
	border-bottom:1px solid #ddd;
}
.scheduleList>li>div{
	align-items:center;
  padding:12px 12px;
}
.scheduleList>li>div.contents{
  text-align: left;
}
.scheduleList li>div>*{
	margin:0;
	display: block;
	font-size:16px;
}
.scheduleList li>div.date {width:290px; background:#f9f9f9;}
.scheduleList li>div.contents {width:calc(100% - 290px); }
@media (max-width: 600px) {
  .fc .fc-daygrid-day-frame {
    min-height: 8dvb;
  }
  .scheduleList>li{
	display: block;
  }
  .scheduleList li>div.date {width:100%;}
	.scheduleList li>div.contents {width:100%; }
}