#calendar {
  max-width: 700px;
  margin: 0 auto;
 }
 
 .activeLink {
 font-weight: bold;
 color: #005592;
 }
 
 .activeDay {
 font-weight: bold;
 color: #005592;
 border-left: #005592 1px;
 border-top: #005592 1px;
 background-color:#FFFF40 !important;
 }

 .activeDay a {
 font-weight: bold;
 color: #005592; !important;
 }
 
 .activeDay td.fc-more-cell a.fc-more {
 color: #005592; !important;
 }
 
 
 .fc-day-grid-event .other-month {
    opacity: 0.3;
    filter: alpha(opacity=30); /* for IE */
 }
 
 .fc-state-custom-hide {
     display:none;
 }
 
  .ui-tooltip {
    background: #FFFFFF;
  }
  .arrow:after {
    background: #F3F3F3;
  }
  .ui-tooltip {
    padding: 10px 5px;
    color: black;
<!--    border-radius: 2px; -->
    font: 11px "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  }
  .arrow {
    width: 50px;
    height: 12px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -12px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
 border: 1px solid darkgrey;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
  
label { display: inline-block; padding: 5px; font: 12px "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; }
label > input[id="checkbox"]  { margin: -.5rem; cursor: pointer; opacity: 0; z-index: 666; }
label > input[id="checkbox"] + span  { display: inline-block; width: 10px; height: 10px; border: 1px solid #000; margin-right: .5rem; }
label > input[id="checkbox"]:checked + span { background-color: #FE2E9A; }

label > input[id="checkbox2"]  { margin: -.5rem; cursor: pointer; opacity: 0; z-index: 666; }
label > input[id="checkbox2"] + span  { display: inline-block; width: 10px; height: 10px; border: 1px solid #000; margin-right: .5rem; }
label > input[id="checkbox2"]:checked + span { background-color: #B5111B; }

label > input[id="checkbox3"]  { margin: -.5rem; cursor: pointer; opacity: 0; z-index: 666; }
label > input[id="checkbox3"] + span  { display: inline-block; width: 10px; height: 10px; border: 1px solid #000; margin-right: .5rem; }
label > input[id="checkbox3"]:checked + span { background-color: #9A5107; }

label > input[id="checkbox4"]  { margin: -.5rem; cursor: pointer; opacity: 0; z-index: 666; }
label > input[id="checkbox4"] + span  { display: inline-block; width: 10px; height: 10px; border: 1px solid #000; margin-right: .5rem; }
label > input[id="checkbox4"]:checked + span { background-color: #F47321; }

label > input[id="checkbox5"]  { margin: -.5rem; cursor: pointer; opacity: 0; z-index: 666; }
label > input[id="checkbox5"] + span  { display: inline-block; width: 10px; height: 10px; border: 1px solid #000; margin-right: .5rem; }
label > input[id="checkbox5"]:checked + span { background-color: #C3CE22; }

label > input[id="checkbox6"]  { margin: -.5rem; cursor: pointer; opacity: 0; z-index: 666; }
label > input[id="checkbox6"] + span  { display: inline-block; width: 10px; height: 10px; border: 1px solid #000; margin-right: .5rem; }
label > input[id="checkbox6"]:checked + span { background-color: #00A9CC; }

label > input[id="checkbox7"]  { margin: -.5rem; cursor: pointer; opacity: 0; z-index: 666; }
label > input[id="checkbox7"] + span  { display: inline-block; width: 10px; height: 10px; border: 1px solid #000; margin-right: .5rem; }
label > input[id="checkbox7"]:checked + span { background-color: #FDB813; }

label > input[id="checkbox8"]  { margin: -.5rem; cursor: pointer; opacity: 0; z-index: 666; }
label > input[id="checkbox8"] + span  { display: inline-block; width: 10px; height: 10px; border: 1px solid #000; margin-right: .5rem; }
label > input[id="checkbox8"]:checked + span { background-color: #8AA5CC; }

label > input[id="checkbox9"]  { margin: -.5rem; cursor: pointer; opacity: 0; z-index: 666; }
label > input[id="checkbox9"] + span  { display: inline-block; width: 10px; height: 10px; border: 1px solid #000; margin-right: .5rem; }
label > input[id="checkbox9"]:checked + span { background-color: #FFFF40; }

.tooltip{
    display: inline;
    position: relative;
}
/*
.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}

.tooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}
*/

legend {
  padding: 0.2em 0.5em;
  color:#005592;
  font-style:bold;
  font-size:90%;
  text-align:center;
  }