.calendar {
  background-color: #fff;
  margin: 0 auto;
  overflow: hidden;
  padding: 20px 20px;
  border: 1px solid #F6F7F9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.calendar.heatmap {
  border: 0px none; }
  .calendar.heatmap .legend {
    display: flex;
    margin-top: 20px; }
    .calendar.heatmap .legend .block {
      margin-right: 15px;
      display: flex;
      flex: 1 1 auto; }
      .calendar.heatmap .legend .block .color {
        border-radius: 50%;
        width: 15px;
        height: 15px; }
      .calendar.heatmap .legend .block .value {
        line-height: 1;
        padding: 3px 0 0 3px; }

.wr-reset {
  padding-top: 20px; }

.wr-grid {
  letter-spacing: -.31em;
  text-rendering: optimizespeed;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-align-content: flex-start;
  -webkit-align-content: flex-start;
  align-content: flex-start; }

.wr-grid .wr-col-cross[class*="wr-col"],
.wr-grid .wr-col-cross[class*="wr-header-col"] {
  background-color: #fff;
  border: none;
  cursor: default;
  pointer-event: none; }

.wr-grid .wr-col-weekday[class*="wr-col"],
.wr-grid .wr-col-weekday[class*="wr-header-col"] {
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 10px;
  padding: 1em 0;
  background-color: #fff;
  border: none;
  cursor: default;
  pointer-event: none; }

.wr-grid .wr-col-timeslot[class*="wr-col"],
.wr-grid .wr-col-timeslot[class*="wr-header-col"] {
  text-align: left;
  font-weight: 400;
  font-size: 10px;
  margin-top: -5px;
  padding: 0px 0px;
  background-color: #fff;
  border: 2px solid #fff;
  cursor: default;
  pointer-event: none; }

.wr-grid [class*="wr-col"],
.wr-grid [class*="wr-header-col"] {
  text-align: center;
  padding: 0em 0;
  height: 40px;
  background-color: #F6F7F9;
  border: 2px solid #fff; }

.heatmap .wr-grid [class*="wr-col"],
.heatmap .wr-grid [class*="wr-header-col"] {
  height: 26px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  border-left: 0 none; }

.heatmap .wr-grid .wr-slot {
  height: 13px; }

.wr-grid .wr-slot {
  height: 18px;
  cursor: pointer; }

.heatmap .wr-grid .wr-slot {
  cursor: auto; }

.wr-grid .wr-slot.active {
  background-color: #006098; }

.wr-col-1,
.wr-col-1-1,
.wr-col-1-7,
.wr-col-2-7,
.wr-col-3-7,
.wr-col-4-7,
.wr-col-5-7,
.wr-col-6-7,
.wr-col-7-7 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto; }

.wr-col-1-7 {
  width: 14.2857%;
  *width: 14.2547%; }

.wr-col-2-7 {
  width: 28.5714%;
  *width: 28.5404%; }

.wr-col-3-7 {
  width: 42.8571%;
  *width: 42.8261%; }

.wr-col-4-7 {
  width: 57.1429%;
  *width: 57.1119%; }

.wr-col-5-7 {
  width: 71.4286%;
  *width: 71.3976%; }

.wr-col-6-7 {
  width: 85.7143%;
  *width: 85.6833%; }

.wr-col-1,
.wr-col-1-1,
.wr-col-7-7 {
  width: 100%; }

@media screen and (min-width: 35.5em) {
  .wr-col-sm-1,
  .wr-col-sm-1-1,
  .wr-col-sm-1-7,
  .wr-col-sm-2-7,
  .wr-col-sm-3-7,
  .wr-col-sm-4-7,
  .wr-col-sm-5-7,
  .wr-col-sm-6-7,
  .wr-col-sm-7-7 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .wr-col-sm-1-7 {
    width: 14.2857%;
    *width: 14.2547%; }
  .wr-col-sm-2-7 {
    width: 28.5714%;
    *width: 28.5404%; }
  .wr-col-sm-3-7 {
    width: 42.8571%;
    *width: 42.8261%; }
  .wr-col-sm-4-7 {
    width: 57.1429%;
    *width: 57.1119%; }
  .wr-col-sm-5-7 {
    width: 71.4286%;
    *width: 71.3976%; }
  .wr-col-sm-6-7 {
    width: 85.7143%;
    *width: 85.6833%; }
  .wr-col-sm-1,
  .wr-col-sm-1-1,
  .wr-col-sm-7-7 {
    width: 100%; } }

@media screen and (min-width: 48em) {
  .wr-col-md-1,
  .wr-col-md-1-1,
  .wr-col-md-1-7,
  .wr-col-md-2-7,
  .wr-col-md-3-7,
  .wr-col-md-4-7,
  .wr-col-md-5-7,
  .wr-col-md-6-7,
  .wr-col-md-7-7 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .wr-col-md-1-7 {
    width: 14.2857%;
    *width: 14.2547%; }
  .wr-col-md-2-7 {
    width: 28.5714%;
    *width: 28.5404%; }
  .wr-col-md-3-7 {
    width: 42.8571%;
    *width: 42.8261%; }
  .wr-col-md-4-7 {
    width: 57.1429%;
    *width: 57.1119%; }
  .wr-col-md-5-7 {
    width: 71.4286%;
    *width: 71.3976%; }
  .wr-col-md-6-7 {
    width: 85.7143%;
    *width: 85.6833%; }
  .wr-col-md-1,
  .wr-col-md-1-1,
  .wr-col-md-7-7 {
    width: 100%; } }

@media screen and (min-width: 64em) {
  .wr-col-lg-1,
  .wr-col-lg-1-1,
  .wr-col-lg-1-7,
  .wr-col-lg-2-7,
  .wr-col-lg-3-7,
  .wr-col-lg-4-7,
  .wr-col-lg-5-7,
  .wr-col-lg-6-7,
  .wr-col-lg-7-7 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .wr-col-lg-1-7 {
    width: 14.2857%;
    *width: 14.2547%; }
  .wr-col-lg-2-7 {
    width: 28.5714%;
    *width: 28.5404%; }
  .wr-col-lg-3-7 {
    width: 42.8571%;
    *width: 42.8261%; }
  .wr-col-lg-4-7 {
    width: 57.1429%;
    *width: 57.1119%; }
  .wr-col-lg-5-7 {
    width: 71.4286%;
    *width: 71.3976%; }
  .wr-col-lg-6-7 {
    width: 85.7143%;
    *width: 85.6833%; }
  .wr-col-lg-1,
  .wr-col-lg-1-1,
  .wr-col-lg-7-7 {
    width: 100%; } }

@media screen and (min-width: 80em) {
  .wr-col-xl-1,
  .wr-col-xl-1-1,
  .wr-col-xl-1-7,
  .wr-col-xl-2-7,
  .wr-col-xl-3-7,
  .wr-col-xl-4-7,
  .wr-col-xl-5-7,
  .wr-col-xl-6-7,
  .wr-col-xl-7-7 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .wr-col-xl-1-7 {
    width: 14.2857%;
    *width: 14.2547%; }
  .wr-col-xl-2-7 {
    width: 28.5714%;
    *width: 28.5404%; }
  .wr-col-xl-3-7 {
    width: 42.8571%;
    *width: 42.8261%; }
  .wr-col-xl-4-7 {
    width: 57.1429%;
    *width: 57.1119%; }
  .wr-col-xl-5-7 {
    width: 71.4286%;
    *width: 71.3976%; }
  .wr-col-xl-6-7 {
    width: 85.7143%;
    *width: 85.6833%; }
  .wr-col-xl-1,
  .wr-col-xl-1-1,
  .wr-col-xl-7-7 {
    width: 100%; } }

/***********************************/
.wr-header-col-1,
.wr-header-col-1-1,
.wr-header-col-1-2,
.wr-header-col-1-4,
.wr-header-col-3-4,
.wr-header-col-1-8,
.wr-header-col-2-8,
.wr-header-col-3-8,
.wr-header-col-4-8,
.wr-header-col-5-8,
.wr-header-col-6-8,
.wr-header-col-7-8,
.wr-header-col-8-8 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto; }

.wr-header-col-1-8 {
  width: 12.5000%;
  *width: 12.4690%; }

.wr-header-col-1-4,
.wr-header-col-2-8 {
  width: 25%;
  *width: 24.9690%; }

.wr-header-col-3-8 {
  width: 37.5000%;
  *width: 37.4690%; }

.wr-header-col-1-2,
.wr-header-col-4-8 {
  width: 50%;
  *width: 49.9690%; }

.wr-header-col-5-8 {
  width: 62.5000%;
  *width: 62.4690%; }

.wr-header-col-3-4,
.wr-header-col-6-8 {
  width: 75%;
  *width: 74.9690%; }

.wr-header-col-7-8 {
  width: 87.5000%;
  *width: 87.4690%; }

.wr-header-col-1,
.wr-header-col-1-1,
.wr-header-col-8-8 {
  width: 100%; }

@media screen and (min-width: 35.5em) {
  .wr-header-col-sm-1,
  .wr-header-col-sm-1-1,
  .wr-header-col-sm-1-2,
  .wr-header-col-sm-1-4,
  .wr-header-col-sm-3-4,
  .wr-header-col-sm-1-8,
  .wr-header-col-sm-2-8,
  .wr-header-col-sm-3-8,
  .wr-header-col-sm-4-8,
  .wr-header-col-sm-5-8,
  .wr-header-col-sm-6-8,
  .wr-header-col-sm-7-8,
  .wr-header-col-sm-8-8 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .wr-header-col-sm-1-8 {
    width: 12.5000%;
    *width: 12.4690%; }
  .wr-header-col-sm-1-4,
  .wr-header-col-sm-2-8 {
    width: 25%;
    *width: 24.9690%; }
  .wr-header-col-sm-3-8 {
    width: 37.5000%;
    *width: 37.4690%; }
  .wr-header-col-sm-1-2,
  .wr-header-col-sm-4-8 {
    width: 50%;
    *width: 49.9690%; }
  .wr-header-col-sm-5-8 {
    width: 62.5000%;
    *width: 62.4690%; }
  .wr-header-col-sm-3-4,
  .wr-header-col-sm-6-8 {
    width: 75%;
    *width: 74.9690%; }
  .wr-header-col-sm-7-8 {
    width: 87.5000%;
    *width: 87.4690%; }
  .wr-header-col-sm-1,
  .wr-header-col-sm-1-1,
  .wr-header-col-sm-8-8 {
    width: 100%; } }

@media screen and (min-width: 48em) {
  .wr-header-col-md-1,
  .wr-header-col-md-1-1,
  .wr-header-col-md-1-2,
  .wr-header-col-md-1-4,
  .wr-header-col-md-3-4,
  .wr-header-col-md-1-8,
  .wr-header-col-md-2-8,
  .wr-header-col-md-3-8,
  .wr-header-col-md-4-8,
  .wr-header-col-md-5-8,
  .wr-header-col-md-6-8,
  .wr-header-col-md-7-8,
  .wr-header-col-md-8-8 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .wr-header-col-md-1-8 {
    width: 12.5000%;
    *width: 12.4690%; }
  .wr-header-col-md-1-4,
  .wr-header-col-md-2-8 {
    width: 25%;
    *width: 24.9690%; }
  .wr-header-col-md-3-8 {
    width: 37.5000%;
    *width: 37.4690%; }
  .wr-header-col-md-1-2,
  .wr-header-col-md-4-8 {
    width: 50%;
    *width: 49.9690%; }
  .wr-header-col-md-5-8 {
    width: 62.5000%;
    *width: 62.4690%; }
  .wr-header-col-md-3-4,
  .wr-header-col-md-6-8 {
    width: 75%;
    *width: 74.9690%; }
  .wr-header-col-md-7-8 {
    width: 87.5000%;
    *width: 87.4690%; }
  .wr-header-col-md-1,
  .wr-header-col-md-1-1,
  .wr-header-col-md-8-8 {
    width: 100%; } }

@media screen and (min-width: 64em) {
  .wr-header-col-lg-1,
  .wr-header-col-lg-1-1,
  .wr-header-col-lg-1-2,
  .wr-header-col-lg-1-4,
  .wr-header-col-lg-3-4,
  .wr-header-col-lg-1-8,
  .wr-header-col-lg-2-8,
  .wr-header-col-lg-3-8,
  .wr-header-col-lg-4-8,
  .wr-header-col-lg-5-8,
  .wr-header-col-lg-6-8,
  .wr-header-col-lg-7-8,
  .wr-header-col-lg-8-8 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .wr-header-col-lg-1-8 {
    width: 12.5000%;
    *width: 12.4690%; }
  .wr-header-col-lg-1-4,
  .wr-header-col-lg-2-8 {
    width: 25%;
    *width: 24.9690%; }
  .wr-header-col-lg-3-8 {
    width: 37.5000%;
    *width: 37.4690%; }
  .wr-header-col-lg-1-2,
  .wr-header-col-lg-4-8 {
    width: 50%;
    *width: 49.9690%; }
  .wr-header-col-lg-5-8 {
    width: 62.5000%;
    *width: 62.4690%; }
  .wr-header-col-lg-3-4,
  .wr-header-col-lg-6-8 {
    width: 75%;
    *width: 74.9690%; }
  .wr-header-col-lg-7-8 {
    width: 87.5000%;
    *width: 87.4690%; }
  .wr-header-col-lg-1,
  .wr-header-col-lg-1-1,
  .wr-header-col-lg-8-8 {
    width: 100%; } }

@media screen and (min-width: 80em) {
  .wr-header-col-xl-1,
  .wr-header-col-xl-1-1,
  .wr-header-col-xl-1-2,
  .wr-header-col-xl-1-4,
  .wr-header-col-xl-3-4,
  .wr-header-col-xl-1-8,
  .wr-header-col-xl-2-8,
  .wr-header-col-xl-3-8,
  .wr-header-col-xl-4-8,
  .wr-header-col-xl-5-8,
  .wr-header-col-xl-6-8,
  .wr-header-col-xl-7-8,
  .wr-header-col-xl-8-8 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto; }
  .wr-header-col-xl-1-8 {
    width: 12.5000%;
    *width: 12.4690%; }
  .wr-header-col-xl-1-4,
  .wr-header-col-xl-2-8 {
    width: 25%;
    *width: 24.9690%; }
  .wr-header-col-xl-3-8 {
    width: 37.5000%;
    *width: 37.4690%; }
  .wr-header-col-xl-1-2,
  .wr-header-col-xl-4-8 {
    width: 50%;
    *width: 49.9690%; }
  .wr-header-col-xl-5-8 {
    width: 62.5000%;
    *width: 62.4690%; }
  .wr-header-col-xl-3-4,
  .wr-header-col-xl-6-8 {
    width: 75%;
    *width: 74.9690%; }
  .wr-header-col-xl-7-8 {
    width: 87.5000%;
    *width: 87.4690%; }
  .wr-header-col-xl-1,
  .wr-header-col-xl-1-1,
  .wr-header-col-xl-8-8 {
    width: 100%; } }