/** fullcalendar  **/
.fc-customButton-button
{
    border-color: blue !important;
    background-color: blue !important;
}
.fc{
    a {
        color: initial;
    }
}
/** 土曜日 **/
.fc-day-sat {
    .fc-col-header-cell-cushion, .fc-daygrid-day-number {
        color: blue;
    }
}
/** 日曜日 **/
.fc-day-sun{
    .fc-col-header-cell-cushion , .fc-daygrid-day-number{
        color: red;
    }
}


/*
i wish this required CSS was better documented :(
https://github.com/FezVrasta/popper.js/issues/674
derived from this CSS on this page: https://popper.js.org/tooltip-examples.html
*/

.popper, .tooltip {
  position: absolute;
  z-index: 9999;
  opacity: 1;
  background: #FFC107;
  color: black;
  width: 300px;
  border-radius: 1px;
  box-shadow: 0 0 2px rgba(0,0,0,0.5);
  padding: 3px;
  text-align: center;

}

.tooltip-inner {
  max-width: 300px;
  background-color: #efefef;
  color: #000000;
}