.infoBox{
  position:relative;
  padding:15px;
  margin:1em 0 3em;
  color:#fff;
  background:#075698; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
  background:-moz-linear-gradient(#2e88c4, #075698);
  background:-o-linear-gradient(#2e88c4, #075698);
  background:linear-gradient(#2e88c4, #075698);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  font-size:13px;
}

#chart {
  height: 600px;
}

.node rect {
  cursor: move;
  fill-opacity: .9;
  shape-rendering: crispEdges;
}

.node text {
  pointer-events: none;
  text-shadow: 0 1px 0 #fff;
}

.link {
  fill: none;
  stroke: #000;
  stroke-opacity: .2;
}

.link:hover {
  stroke-opacity: .5;
}.infoBox{
  position:relative;
  padding:15px;
  margin:1em 0 3em;
  color:#fff;
  background:#075698; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
  background:-moz-linear-gradient(#2e88c4, #075698);
  background:-o-linear-gradient(#2e88c4, #075698);
  background:linear-gradient(#2e88c4, #075698);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  font-size:13px;
}

#chart {
  height: 600px;
}

.node rect {
  cursor: move;
  fill-opacity: .9;
  shape-rendering: crispEdges;
}

.node text {
  pointer-events: none;
  text-shadow: 0 1px 0 #fff;
}

.link {
  fill: none;
  stroke: #000;
  stroke-opacity: .2;
}

.link:hover {
  stroke-opacity: .5;
}/* Constants */
.heatmap-error {
  text-align: center;
  font-family: abelregular;
  font-size: 20px;
  color: #6d6e70;
  padding: 10px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.hmw-day-empty {
  background-color: #f5f5f5;
}
.hmw-day-grayout {
  background-color: #e6e6e6;
}
.hmw-day-light {
  fill: #ffffff;
}
.hmw-day-dark {
  fill: #005a6e;
}
/* Classic view (monthly) basic elements mixins */
/* Week View (weekly) basic elements mixins */
/* Year label mixins */
.hmm-year-label-14 .hmw-year-label {
  font-family: abelregular;
  font-size: 14px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmm-year-label-14 .hmw-year-label.hover,
.hmm-year-label-14 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmm-year-label-15 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmm-year-label-15 .hmw-year-label.hover,
.hmm-year-label-15 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmm-year-label-18 .hmw-year-label {
  font-family: abelregular;
  font-size: 18px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmm-year-label-18 .hmw-year-label.hover,
.hmm-year-label-18 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmm-year-label-22 .hmw-year-label {
  font-family: abelregular;
  font-size: 22px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmm-year-label-22 .hmw-year-label.hover,
.hmm-year-label-22 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
/* HORIZONTAL LAYOUTS */
.hmw-horizontal {
  /* Classic view, horizontal */
  /* Week view, horizontal */
}
.hmw-horizontal.hmw-monthly {
  /* One month, classic view, horizontal */
  /* Quarter, classic view, horizontal */
  /* Half-Year, classic view, horizontal */
  /* Year, classic view, horizontal */
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-150 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 10px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-150 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-150 .hmw-day-cell {
  width: 12px;
  height: 12px;
  border-width: 0;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-150 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-150 .hmw-weekday {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-150 .hmw-month {
  visibility: visible;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-150 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-150 .hmw-year-label.hover,
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-150 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-150 .hmw-month-label {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-210 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 7px;
  padding-bottom: 11px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "full";
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-210 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-210 .hmw-day-cell {
  width: 24px;
  height: 24px;
  border-width: 0;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-210 .hmw-day-label {
  font-size: 11px;
  font-family: ubuntulight, sans-serif;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-210 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 11px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-210 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-210 .hmw-month {
  visibility: visible;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-210 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-210 .hmw-year-label.hover,
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-210 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-210 .hmw-month-label {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-320 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 13px;
  padding-bottom: 15px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "full";
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-320 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-320 .hmw-day-cell {
  width: 36px;
  height: 36px;
  border-width: 0;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-320 .hmw-day-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-320 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 13px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-320 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-320 .hmw-month {
  visibility: visible;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-320 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-320 .hmw-year-label.hover,
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-320 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-320 .hmw-month-label {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-430 .hmw-month-label {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-430 .hmw-day-cell {
  width: 50px;
  height: 50px;
  border-width: 0;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-430 .hmw-day-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-430 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 22px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-430 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-430 .hmw-month {
  visibility: visible;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-430 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-430 .hmw-year-label.hover,
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-430 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-430 .hmw-month-label {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-600 .hmw-month-label {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-600 .hmw-day-cell {
  width: 70px;
  height: 70px;
  border-width: 0;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-600 .hmw-day-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  bottom: 9px;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-600 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 30px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-600 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-600 .hmw-month {
  visibility: visible;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-600 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-600 .hmw-year-label.hover,
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-600 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-600 .hmw-month-label {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-820 .hmw-month-label {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-820 .hmw-day-cell {
  width: 100px;
  height: 100px;
  border-width: 0;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-820 .hmw-day-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  bottom: 14px;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-820 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 50px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-820 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-820 .hmw-month {
  visibility: visible;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-820 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-820 .hmw-year-label.hover,
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-820 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-month.hmw-min-width-820 .hmw-month-label {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-150 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 6px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-150 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-150 .hmw-day-cell {
  width: 5px;
  height: 5px;
  border-width: 0;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-150 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-150 .hmw-weekday {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-150 .hmw-month {
  margin-left: 11px;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-150 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-150 .hmw-year-label.hover,
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-150 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-230 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 8px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-230 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-230 .hmw-day-cell {
  width: 9px;
  height: 9px;
  border-width: 0;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-230 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-230 .hmw-weekday {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-230 .hmw-month {
  margin-left: 13px;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-230 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-230 .hmw-year-label.hover,
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-230 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-320 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 10px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-320 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-320 .hmw-day-cell {
  width: 12px;
  height: 12px;
  border-width: 0;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-320 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-320 .hmw-weekday {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-320 .hmw-month {
  margin-left: 20px;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-320 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-320 .hmw-year-label.hover,
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-320 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-440 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 8px;
  padding-bottom: 6px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-440 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-440 .hmw-day-cell {
  width: 16px;
  height: 16px;
  border-width: 0;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-440 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-440 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 8px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-440 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-440 .hmw-month {
  margin-left: 31px;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-440 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-440 .hmw-year-label.hover,
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-440 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-650 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 7px;
  padding-bottom: 11px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "full";
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-650 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-650 .hmw-day-cell {
  width: 24px;
  height: 24px;
  border-width: 0;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-650 .hmw-day-label {
  font-size: 11px;
  font-family: ubuntulight, sans-serif;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-650 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 11px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-650 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-650 .hmw-month {
  margin-left: 47px;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-650 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-650 .hmw-year-label.hover,
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-650 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-880 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 13px;
  padding-bottom: 15px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "full";
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-880 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-880 .hmw-day-cell {
  width: 36px;
  height: 36px;
  border-width: 0;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-880 .hmw-day-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-880 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 13px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-880 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-880 .hmw-month {
  margin-left: 34px;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-880 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-880 .hmw-year-label.hover,
.hmw-horizontal.hmw-monthly.hmw-quarter.hmw-min-width-880 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-150 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 6px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-150 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-150 .hmw-day-cell {
  width: 5px;
  height: 5px;
  border-width: 0;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-150 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-150 .hmw-weekday {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-150 .hmw-month {
  margin-left: 11px;
  margin-bottom: 17px;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-150 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-150 .hmw-year-label.hover,
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-150 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-230 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 8px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-230 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-230 .hmw-day-cell {
  width: 9px;
  height: 9px;
  border-width: 0;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-230 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-230 .hmw-weekday {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-230 .hmw-month {
  margin-left: 13px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-230 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-230 .hmw-year-label.hover,
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-230 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-320 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 10px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-320 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-320 .hmw-day-cell {
  width: 12px;
  height: 12px;
  border-width: 0;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-320 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-320 .hmw-weekday {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-320 .hmw-month {
  margin-left: 20px;
  margin-bottom: 29px;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-320 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-320 .hmw-year-label.hover,
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-320 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-440 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 8px;
  padding-bottom: 6px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-440 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-440 .hmw-day-cell {
  width: 16px;
  height: 16px;
  border-width: 0;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-440 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-440 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 8px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-440 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-440 .hmw-month {
  margin-left: 31px;
  margin-bottom: 33px;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-440 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-440 .hmw-year-label.hover,
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-440 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-650 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 7px;
  padding-bottom: 11px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "full";
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-650 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-650 .hmw-day-cell {
  width: 24px;
  height: 24px;
  border-width: 0;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-650 .hmw-day-label {
  font-size: 11px;
  font-family: ubuntulight, sans-serif;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-650 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 11px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-650 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-650 .hmw-month {
  margin-left: 47px;
  margin-bottom: 50px;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-650 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-650 .hmw-year-label.hover,
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-650 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-880 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 13px;
  padding-bottom: 15px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "full";
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-880 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-880 .hmw-day-cell {
  width: 36px;
  height: 36px;
  border-width: 0;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-880 .hmw-day-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-880 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 13px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-880 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-880 .hmw-month {
  margin-left: 34px;
  margin-bottom: 66px;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-880 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-880 .hmw-year-label.hover,
.hmw-horizontal.hmw-monthly.hmw-half-year.hmw-min-width-880 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-230 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 5px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-230 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-230 .hmw-day-cell {
  width: 4px;
  height: 4px;
  border-width: 0;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-230 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-230 .hmw-weekday {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-230 .hmw-month {
  margin-left: 9px;
  margin-bottom: 13px;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-230 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-230 .hmw-year-label.hover,
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-230 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-360 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 7px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-360 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-360 .hmw-day-cell {
  width: 7px;
  height: 7px;
  border-width: 0;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-360 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-360 .hmw-weekday {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-360 .hmw-month {
  margin-left: 9px;
  margin-bottom: 22px;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-360 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-360 .hmw-year-label.hover,
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-360 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-480 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 8px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-480 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-480 .hmw-day-cell {
  width: 9px;
  height: 9px;
  border-width: 0;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-480 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-480 .hmw-weekday {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-480 .hmw-month {
  margin-left: 15px;
  margin-bottom: 36px;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-480 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-480 .hmw-year-label.hover,
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-480 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-650 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 10px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-650 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-650 .hmw-day-cell {
  width: 12px;
  height: 12px;
  border-width: 0;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-650 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-650 .hmw-weekday {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-650 .hmw-month {
  margin-left: 20px;
  margin-bottom: 43px;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-650 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-650 .hmw-year-label.hover,
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-650 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-880 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 8px;
  padding-bottom: 6px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-880 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-880 .hmw-day-cell {
  width: 16px;
  height: 16px;
  border-width: 0;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-880 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-880 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 8px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-880 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-880 .hmw-month {
  margin-left: 28px;
  margin-bottom: 34px;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-880 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-880 .hmw-year-label.hover,
.hmw-horizontal.hmw-monthly.hmw-year.hmw-min-width-880 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly {
  /* One month, week view, horizontal*/
  /* Quarter, week view, horizontal */
  /* Half-Year, week view, horizontal */
  /* Year, week view, horizontal */
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-150 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 9px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-150 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-150 .hmw-day-cell {
  width: 9px;
  height: 9px;
  border-width: 1px;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-150 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-150 .hmw-weekday {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-150 .hmw-month {
  visibility: visible;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-150 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-150 .hmw-year-label.hover,
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-150 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-150 .hmw-month-label {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-210 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 9px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-210 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-210 .hmw-day-cell {
  width: 14px;
  height: 14px;
  border-width: 1px;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-210 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-210 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  width: 42px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-210 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-210 .hmw-month {
  visibility: visible;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-210 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-210 .hmw-year-label.hover,
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-210 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-210 .hmw-month-label {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-320 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 15px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-320 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-320 .hmw-day-cell {
  width: 18px;
  height: 18px;
  border-width: 1px;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-320 .hmw-day-label {
  font-size: 11px;
  font-family: ubuntulight, sans-serif;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-320 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  width: 47px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-320 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-320 .hmw-month {
  visibility: visible;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-320 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-320 .hmw-year-label.hover,
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-320 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-320 .hmw-month-label {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-430 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 19px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "full";
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-430 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-430 .hmw-day-cell {
  width: 26px;
  height: 26px;
  border-width: 1px;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-430 .hmw-day-label {
  font-size: 11px;
  font-family: ubuntulight, sans-serif;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-430 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  width: 54px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-430 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-430 .hmw-month {
  visibility: visible;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-430 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-430 .hmw-year-label.hover,
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-430 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-430 .hmw-month-label {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-600 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 22px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "full";
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-600 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-600 .hmw-day-cell {
  width: 32px;
  height: 32px;
  border-width: 1px;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-600 .hmw-day-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-600 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  width: 54px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-600 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-600 .hmw-month {
  visibility: visible;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-600 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-600 .hmw-year-label.hover,
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-600 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-600 .hmw-month-label {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-820 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 35px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "full";
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-820 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-820 .hmw-day-cell {
  width: 48px;
  height: 48px;
  border-width: 1px;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-820 .hmw-day-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-820 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  width: 62px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-820 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-820 .hmw-month {
  visibility: visible;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-820 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-820 .hmw-year-label.hover,
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-820 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-month.hmw-min-width-820 .hmw-month-label {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-150 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 7px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-150 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-150 .hmw-day-cell {
  width: 6px;
  height: 6px;
  border-width: 1px;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-150 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-150 .hmw-weekday {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-150 .hmw-month {
  visibility: visible;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-150 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-150 .hmw-year-label.hover,
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-150 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-190 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 9px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-190 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-190 .hmw-day-cell {
  width: 9px;
  height: 9px;
  border-width: 1px;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-190 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-190 .hmw-weekday {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-190 .hmw-month {
  visibility: visible;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-190 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-190 .hmw-year-label.hover,
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-190 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-320 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 15px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-320 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-320 .hmw-day-cell {
  width: 18px;
  height: 18px;
  border-width: 1px;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-320 .hmw-day-label {
  font-size: 11px;
  font-family: ubuntulight, sans-serif;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-320 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  width: 47px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-320 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-320 .hmw-month {
  visibility: visible;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-320 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-320 .hmw-year-label.hover,
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-320 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-450 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 19px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "full";
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-450 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-450 .hmw-day-cell {
  width: 26px;
  height: 26px;
  border-width: 1px;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-450 .hmw-day-label {
  font-size: 11px;
  font-family: ubuntulight, sans-serif;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-450 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  width: 54px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-450 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-450 .hmw-month {
  visibility: visible;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-450 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-450 .hmw-year-label.hover,
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-450 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-530 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 22px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "full";
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-530 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-530 .hmw-day-cell {
  width: 32px;
  height: 32px;
  border-width: 1px;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-530 .hmw-day-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-530 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  width: 54px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-530 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-530 .hmw-month {
  visibility: visible;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-530 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-530 .hmw-year-label.hover,
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-530 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-760 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 35px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "full";
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-760 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-760 .hmw-day-cell {
  width: 48px;
  height: 48px;
  border-width: 1px;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-760 .hmw-day-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-760 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  width: 62px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-760 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-760 .hmw-month {
  visibility: visible;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-760 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-760 .hmw-year-label.hover,
.hmw-horizontal.hmw-weekly.hmw-quarter.hmw-min-width-760 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-150 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 5px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "dec";
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-150 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-150 .hmw-day-cell {
  width: 4px;
  height: 4px;
  border-width: 1px;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-150 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-150 .hmw-weekday {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-150 .hmw-month {
  visibility: visible;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-150 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-150 .hmw-year-label.hover,
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-150 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-210 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 7px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-210 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-210 .hmw-day-cell {
  width: 6px;
  height: 6px;
  border-width: 1px;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-210 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-210 .hmw-weekday {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-210 .hmw-month {
  visibility: visible;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-210 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-210 .hmw-year-label.hover,
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-210 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-310 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 9px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-310 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-310 .hmw-day-cell {
  width: 9px;
  height: 9px;
  border-width: 1px;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-310 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-310 .hmw-weekday {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-310 .hmw-month {
  visibility: visible;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-310 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-310 .hmw-year-label.hover,
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-310 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-440 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 9px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-440 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-440 .hmw-day-cell {
  width: 14px;
  height: 14px;
  border-width: 1px;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-440 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-440 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  width: 42px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-440 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-440 .hmw-month {
  visibility: visible;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-440 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-440 .hmw-year-label.hover,
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-440 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-550 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 15px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-550 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-550 .hmw-day-cell {
  width: 18px;
  height: 18px;
  border-width: 1px;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-550 .hmw-day-label {
  font-size: 11px;
  font-family: ubuntulight, sans-serif;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-550 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  width: 47px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-550 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-550 .hmw-month {
  visibility: visible;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-550 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-550 .hmw-year-label.hover,
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-550 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-770 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 19px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "full";
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-770 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-770 .hmw-day-cell {
  width: 26px;
  height: 26px;
  border-width: 1px;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-770 .hmw-day-label {
  font-size: 11px;
  font-family: ubuntulight, sans-serif;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-770 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  width: 54px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-770 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-770 .hmw-month {
  visibility: visible;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-770 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-770 .hmw-year-label.hover,
.hmw-horizontal.hmw-weekly.hmw-half-year.hmw-min-width-770 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-150 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 5px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "dec";
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-150 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-150 .hmw-day-cell {
  width: 3px;
  height: 3px;
  border-width: 1px;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-150 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-150 .hmw-weekday {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-150 .hmw-month {
  margin-bottom: 10px;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-150 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-150 .hmw-year-label.hover,
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-150 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-220 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 7px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-220 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-220 .hmw-day-cell {
  width: 6px;
  height: 6px;
  border-width: 1px;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-220 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-220 .hmw-weekday {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-220 .hmw-month {
  margin-bottom: 10px;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-220 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-220 .hmw-year-label.hover,
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-220 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-330 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 9px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-330 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-330 .hmw-day-cell {
  width: 9px;
  height: 9px;
  border-width: 1px;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-330 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-330 .hmw-weekday {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-330 .hmw-month {
  margin-bottom: 16px;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-330 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-330 .hmw-year-label.hover,
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-330 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-460 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 9px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-460 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-460 .hmw-day-cell {
  width: 14px;
  height: 14px;
  border-width: 1px;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-460 .hmw-day-label {
  display: none;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-460 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  width: 42px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-460 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-460 .hmw-month {
  margin-bottom: 21px;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-460 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-460 .hmw-year-label.hover,
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-460 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-560 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 15px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-560 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-560 .hmw-day-cell {
  width: 18px;
  height: 18px;
  border-width: 1px;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-560 .hmw-day-label {
  font-size: 11px;
  font-family: ubuntulight, sans-serif;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-560 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  width: 47px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-560 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-560 .hmw-month {
  margin-bottom: 23px;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-560 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-560 .hmw-year-label.hover,
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-560 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-780 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 19px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "full";
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-780 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-780 .hmw-day-cell {
  width: 26px;
  height: 26px;
  border-width: 1px;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-780 .hmw-day-label {
  font-size: 11px;
  font-family: ubuntulight, sans-serif;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-780 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  width: 54px;
  fill: #2c3342;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-780 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-780 .hmw-month {
  margin-bottom: 48px;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-780 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-780 .hmw-year-label.hover,
.hmw-horizontal.hmw-weekly.hmw-year.hmw-min-width-780 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
/* VERTICAL LAYOUTS */
.hmw-vertical {
  /* Classic view */
  /* Week view */
}
.hmw-vertical.hmw-monthly {
  /* Quarter, classic view, vertical*/
  /* Half-Year, classic view, vertical */
  /* Year, classic view, vertical */
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-151 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 6px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-151 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-151 .hmw-day-cell {
  width: 5px;
  height: 5px;
  border-width: 0;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-151 .hmw-day-label {
  display: none;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-151 .hmw-weekday {
  display: none;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-151 .hmw-month-label {
  content: "short";
  font-size: 13px;
  width: 28px;
  font-family: ubuntulight, sans-serif;
  color: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-151 .hmw-month {
  margin-bottom: 11px;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-151 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-151 .hmw-year-label.hover,
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-151 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-220 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 8px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-220 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-220 .hmw-day-cell {
  width: 9px;
  height: 9px;
  border-width: 0;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-220 .hmw-day-label {
  display: none;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-220 .hmw-weekday {
  display: none;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-220 .hmw-month-label {
  content: "short";
  font-size: 13px;
  width: 35px;
  font-family: ubuntulight, sans-serif;
  color: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-220 .hmw-month {
  margin-bottom: 15px;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-220 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-220 .hmw-year-label.hover,
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-220 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-340 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 10px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-340 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-340 .hmw-day-cell {
  width: 12px;
  height: 12px;
  border-width: 0;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-340 .hmw-day-label {
  display: none;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-340 .hmw-weekday {
  display: none;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-340 .hmw-month {
  margin-bottom: 18px;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-340 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-340 .hmw-year-label.hover,
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-340 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-490 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 8px;
  padding-bottom: 6px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-490 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-490 .hmw-day-cell {
  width: 16px;
  height: 16px;
  border-width: 0;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-490 .hmw-day-label {
  display: none;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-490 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 8px;
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-490 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-490 .hmw-month {
  margin-bottom: 25px;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-490 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-490 .hmw-year-label.hover,
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-490 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-650 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 7px;
  padding-bottom: 11px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "full";
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-650 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-650 .hmw-day-cell {
  width: 24px;
  height: 24px;
  border-width: 0;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-650 .hmw-day-label {
  font-size: 11px;
  font-family: ubuntulight, sans-serif;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-650 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 11px;
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-650 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-650 .hmw-month {
  margin-bottom: 32px;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-650 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-650 .hmw-year-label.hover,
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-650 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-870 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 13px;
  padding-bottom: 15px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "full";
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-870 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-870 .hmw-day-cell {
  width: 36px;
  height: 36px;
  border-width: 0;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-870 .hmw-day-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-870 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 13px;
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-870 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-870 .hmw-month {
  margin-bottom: 45px;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-870 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-870 .hmw-year-label.hover,
.hmw-vertical.hmw-monthly.hmw-quarter.hmw-min-height-870 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-151 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 6px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-151 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-151 .hmw-day-cell {
  width: 5px;
  height: 5px;
  border-width: 0;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-151 .hmw-day-label {
  display: none;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-151 .hmw-weekday {
  display: none;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-151 .hmw-month-label {
  content: "short";
  font-size: 13px;
  width: 28px;
  font-family: ubuntulight, sans-serif;
  color: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-151 .hmw-month {
  margin-left: 10px;
  margin-bottom: 9px;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-151 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-151 .hmw-year-label.hover,
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-151 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-220 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 8px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-220 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-220 .hmw-day-cell {
  width: 9px;
  height: 9px;
  border-width: 0;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-220 .hmw-day-label {
  display: none;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-220 .hmw-weekday {
  display: none;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-220 .hmw-month-label {
  content: "short";
  font-size: 13px;
  width: 35px;
  font-family: ubuntulight, sans-serif;
  color: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-220 .hmw-month {
  margin-left: 10px;
  margin-bottom: 15px;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-220 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-220 .hmw-year-label.hover,
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-220 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-340 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 10px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-340 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-340 .hmw-day-cell {
  width: 12px;
  height: 12px;
  border-width: 0;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-340 .hmw-day-label {
  display: none;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-340 .hmw-weekday {
  display: none;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-340 .hmw-month {
  margin-left: 24px;
  margin-bottom: 16px;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-340 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-340 .hmw-year-label.hover,
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-340 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-490 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 8px;
  padding-bottom: 6px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-490 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-490 .hmw-day-cell {
  width: 16px;
  height: 16px;
  border-width: 0;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-490 .hmw-day-label {
  display: none;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-490 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 8px;
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-490 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-490 .hmw-month {
  margin-left: 26px;
  margin-bottom: 23px;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-490 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-490 .hmw-year-label.hover,
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-490 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-650 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 7px;
  padding-bottom: 11px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "full";
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-650 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-650 .hmw-day-cell {
  width: 24px;
  height: 24px;
  border-width: 0;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-650 .hmw-day-label {
  font-size: 11px;
  font-family: ubuntulight, sans-serif;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-650 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 11px;
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-650 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-650 .hmw-month {
  margin-left: 46px;
  margin-bottom: 31px;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-650 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-650 .hmw-year-label.hover,
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-650 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-870 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 13px;
  padding-bottom: 15px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "full";
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-870 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-870 .hmw-day-cell {
  width: 36px;
  height: 36px;
  border-width: 0;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-870 .hmw-day-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-870 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 13px;
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-870 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-870 .hmw-month {
  margin-left: 54px;
  margin-bottom: 43px;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-870 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-870 .hmw-year-label.hover,
.hmw-vertical.hmw-monthly.hmw-half-year.hmw-min-height-870 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-150 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 4px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "dec";
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-150 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-150 .hmw-day-cell {
  width: 3px;
  height: 3px;
  border-width: 0;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-150 .hmw-day-label {
  display: none;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-150 .hmw-weekday {
  display: none;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-150 .hmw-month-label {
  content: "dec";
  font-size: 13px;
  width: 17px;
  font-family: ubuntulight, sans-serif;
  color: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-150 .hmw-month {
  margin-left: 6px;
  margin-bottom: 10px;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-150 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-150 .hmw-year-label.hover,
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-150 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-260 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 6px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-260 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-260 .hmw-day-cell {
  width: 5px;
  height: 5px;
  border-width: 0;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-260 .hmw-day-label {
  display: none;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-260 .hmw-weekday {
  display: none;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-260 .hmw-month {
  margin-left: 10px;
  margin-bottom: 8px;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-260 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-260 .hmw-year-label.hover,
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-260 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-380 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 8px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-380 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-380 .hmw-day-cell {
  width: 9px;
  height: 9px;
  border-width: 0;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-380 .hmw-day-label {
  display: none;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-380 .hmw-weekday {
  display: none;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-380 .hmw-month {
  margin-left: 21px;
  margin-bottom: 12px;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-380 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-380 .hmw-year-label.hover,
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-380 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-480 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 10px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-480 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-480 .hmw-day-cell {
  width: 12px;
  height: 12px;
  border-width: 0;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-480 .hmw-day-label {
  display: none;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-480 .hmw-weekday {
  display: none;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-480 .hmw-month {
  margin-left: 26px;
  margin-bottom: 23px;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-480 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-480 .hmw-year-label.hover,
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-480 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-690 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 8px;
  padding-bottom: 6px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-690 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-690 .hmw-day-cell {
  width: 16px;
  height: 16px;
  border-width: 0;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-690 .hmw-day-label {
  display: none;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-690 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 8px;
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-690 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-690 .hmw-month {
  margin-left: 30px;
  margin-bottom: 39px;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-690 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-690 .hmw-year-label.hover,
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-690 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-940 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 7px;
  padding-bottom: 11px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "full";
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-940 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-940 .hmw-day-cell {
  width: 24px;
  height: 24px;
  border-width: 0;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-940 .hmw-day-label {
  font-size: 11px;
  font-family: ubuntulight, sans-serif;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-940 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 11px;
  fill: #2c3342;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-940 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-940 .hmw-month {
  margin-left: 47px;
  margin-bottom: 53px;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-940 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-940 .hmw-year-label.hover,
.hmw-vertical.hmw-monthly.hmw-year.hmw-min-height-940 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-weekly {
  /* Year, week view, vertical (currently only year domain are for vertical view) */
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-151 .hmw-month-label {
  display: none;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-151 .hmw-day-cell {
  width: 2px;
  height: 2px;
  border-width: 1px;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-151 .hmw-day-label {
  display: none;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-151 .hmw-weekday {
  display: none;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-151 .hmw-month {
  margin-bottom: 5px;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-151 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-151 .hmw-year-label.hover,
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-151 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-230 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 5px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "dec";
  fill: #2c3342;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-230 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-230 .hmw-day-cell {
  width: 4px;
  height: 4px;
  border-width: 1px;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-230 .hmw-day-label {
  display: none;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-230 .hmw-weekday {
  display: none;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-230 .hmw-month {
  margin-bottom: 13px;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-230 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-230 .hmw-year-label.hover,
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-230 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-350 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 9px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-350 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-350 .hmw-day-cell {
  width: 9px;
  height: 9px;
  border-width: 1px;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-350 .hmw-day-label {
  display: none;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-350 .hmw-weekday {
  display: none;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-350 .hmw-month {
  margin-bottom: 16px;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-350 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-350 .hmw-year-label.hover,
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-350 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-470 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 9px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-470 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-470 .hmw-day-cell {
  width: 14px;
  height: 14px;
  border-width: 1px;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-470 .hmw-day-label {
  display: none;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-470 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  width: 42px;
  fill: #2c3342;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-470 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-470 .hmw-month {
  margin-bottom: 13px;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-470 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-470 .hmw-year-label.hover,
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-470 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-610 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 15px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "short";
  fill: #2c3342;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-610 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-610 .hmw-day-cell {
  width: 18px;
  height: 18px;
  border-width: 1px;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-610 .hmw-day-label {
  font-size: 11px;
  font-family: ubuntulight, sans-serif;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-610 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  width: 47px;
  fill: #2c3342;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-610 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-610 .hmw-month {
  margin-bottom: 28px;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-610 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-610 .hmw-year-label.hover,
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-610 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-820 .hmw-month-label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  margin-bottom: 19px;
  /* hack! we store month label view type in content property to get access to it outside */
  content: "full";
  fill: #2c3342;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-820 .hmw-month-label:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-820 .hmw-day-cell {
  width: 26px;
  height: 26px;
  border-width: 1px;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-820 .hmw-day-label {
  font-size: 11px;
  font-family: ubuntulight, sans-serif;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-820 .hmw-weekday {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  width: 54px;
  fill: #2c3342;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-820 .hmw-weekday:hover {
  fill: #808080;
  pointer-events: all;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-820 .hmw-month {
  margin-bottom: 30px;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-820 .hmw-year-label {
  font-family: abelregular;
  font-size: 15px;
  fill: #2c3342;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-820 .hmw-year-label.hover,
.hmw-vertical.hmw-weekly.hmw-year.hmw-min-height-820 .hmw-year-label:hover {
  fill: #808080;
  pointer-events: all;
}
/* WIDGET */
.heatmap-widget-content div.chart {
  position: relative;
}
.heatmap-month-label {
  fill: #2c3342;
  font-family: ubuntulight, sans-serif;
}
.heatmap-empty-cell {
  fill: #f8f8f8;
}
/* STYLER */
/* TOOLTIP */
.heatmap-tooltip-content {
  font-size: 15px;
  font-family: abelregular;
  fill: #2c3342;
}
.heatmap-tooltip-value-name {
  margin-top: 3px;
}
.heatmap-tooltip-value {
  margin-top: 3px;
  fill: #56535b;
}
.heatmap-tooltip-date {
  padding-top: 8px;
  margin-top: 5px;
  border-top: 1px solid #e6e6e6;
  font-family: ubuntulight, sans-serif;
  font-size: 12px;
}
.heatmap-pagination {
  background: transparent;
  text-align: center;
  padding: 0;
  z-index: 0;
}
.heatmap-pagination button {
  border: 0;
  padding: 0;
  margin: 0;
  height: 24px;
  width: 24px;
  background-image: url("/plugins/heatmapWidget/resources/images/sprite-pager-24.png");
  background-color: transparent;
  color: transparent;
  cursor: pointer;
  cursor: hand;
}
.heatmap-pagination button.heatmap-pagination-prev-month {
  background-position: -48px 0;
}
.heatmap-pagination button.heatmap-pagination-prev-month:hover {
  background-position: -48px -24px;
}
.heatmap-pagination button.heatmap-pagination-next-month {
  background-position: -72px 0;
}
.heatmap-pagination button.heatmap-pagination-next-month:hover {
  background-position: -72px -24px;
}
.heatmap-pagination button.heatmap-pagination-first-month {
  background-position: 0 0;
}
.heatmap-pagination button.heatmap-pagination-first-month:hover {
  background-position: 0 -24px;
}
.heatmap-pagination button.heatmap-pagination-last-month {
  background-position: -120px 0;
}
.heatmap-pagination button.heatmap-pagination-last-month:hover {
  background-position: -120px -24px;
}
.heatmap-pagination button.heatmap-pagination-prev-page {
  background-position: -24px 0;
}
.heatmap-pagination button.heatmap-pagination-prev-page:hover {
  background-position: -24px -24px;
}
.heatmap-pagination button.heatmap-pagination-next-page {
  background-position: -96px 0;
}
.heatmap-pagination button.heatmap-pagination-next-page:hover {
  background-position: -96px -24px;
}
.heatmap-pagination button:focus,
.heatmap-pagination button:active {
  outline: 0;
  outline-style: none;
  outline-width: 0;
}
.heatmap-pagination button.disabled {
  opacity: .5;
}
.heatmap-pagination button.disabled.heatmap-pagination-prev-month:hover {
  background-position: -48px 0;
}
.heatmap-pagination button.disabled.heatmap-pagination-next-month:hover {
  background-position: -72px 0;
}
.heatmap-pagination button.disabled.heatmap-pagination-first-month:hover {
  background-position: 0 0;
}
.heatmap-pagination button.disabled.heatmap-pagination-last-month:hover {
  background-position: -120px 0;
}
.heatmap-pagination button.disabled.heatmap-pagination-prev-page:hover {
  background-position: -24px 0;
}
.heatmap-pagination button.disabled.heatmap-pagination-next-page:hover {
  background-position: -96px 0;
}
.heatmap-pagination.small button {
  height: 16px;
  width: 16px;
  background-image: url("/plugins/heatmapWidget/resources/images/sprite-pager-16.png");
  cursor: pointer;
  cursor: hand;
}
.heatmap-pagination.small button.heatmap-pagination-prev-month {
  background-position: -32px 0;
}
.heatmap-pagination.small button.heatmap-pagination-prev-month:hover {
  background-position: -32px -16px;
}
.heatmap-pagination.small button.heatmap-pagination-next-month {
  background-position: -48px 0;
}
.heatmap-pagination.small button.heatmap-pagination-next-month:hover {
  background-position: -48px -16px;
}
.heatmap-pagination.small button.heatmap-pagination-first-month {
  background-position: 0 0;
}
.heatmap-pagination.small button.heatmap-pagination-first-month:hover {
  background-position: 0 -16px;
}
.heatmap-pagination.small button.heatmap-pagination-last-month {
  background-position: -80px 0;
}
.heatmap-pagination.small button.heatmap-pagination-last-month:hover {
  background-position: -80px -16px;
}
.heatmap-pagination.small button.heatmap-pagination-prev-page {
  background-position: -16px 0;
}
.heatmap-pagination.small button.heatmap-pagination-prev-page:hover {
  background-position: -16px -16px;
}
.heatmap-pagination.small button.heatmap-pagination-next-page {
  background-position: -64px 0;
}
.heatmap-pagination.small button.heatmap-pagination-next-page:hover {
  background-position: -64px -16px;
}
.heatmap-pagination.small button.disabled {
  opacity: .5;
}
.heatmap-pagination.small button.disabled.heatmap-pagination-prev-month:hover {
  background-position: -32px 0;
}
.heatmap-pagination.small button.disabled.heatmap-pagination-next-month:hover {
  background-position: -48px 0;
}
.heatmap-pagination.small button.disabled.heatmap-pagination-first-month:hover {
  background-position: 0 0;
}
.heatmap-pagination.small button.disabled.heatmap-pagination-last-month:hover {
  background-position: -80px 0;
}
.heatmap-pagination.small button.disabled.heatmap-pagination-prev-page:hover {
  background-position: -16px 0;
}
.heatmap-pagination.small button.disabled.heatmap-pagination-next-page:hover {
  background-position: -64px 0;
}
.heatmap-pagination.single button.heatmap-pagination-next-page,
.heatmap-pagination.single button.heatmap-pagination-prev-page {
  display: none;
}
/* heatmap domain selector */
.heatmap-domain-host {
  padding: 0 7px 0 8px;
  margin-top: 15px;
}
.heatmap-selected-domain-caption {
  height: 27px;
  background: #ffffff;
  margin-top: 1px;
  margin-right: 1px;
  text-align: center;
  padding-top: 5px;
}
.heatmap-domain-item {
  width: 55px;
  height: 55px;
  margin-right: 1px;
  display: inline-block;
  vertical-align: top;
  background-color: #ffffff;
  cursor: pointer;
  cursor: hand;
}
.heatmap-domain-item:nth-last-child(2) {
  margin-right: 0;
  width: 56px;
}
.heatmap-domain-image {
  width: 25px;
  height: 25px;
  margin: 0 auto;
  margin-top: 15px;
  background-image: url("/plugins/heatmapWidget/resources/images/sprite-months.png");
  background-repeat: no-repeat;
}
.heatmap-domain-image[image-type$="month"] {
  background-position: 0 1px;
}
.heatmap-domain-image[image-type$="quarter"] {
  background-position: 0 -24px;
}
.heatmap-domain-image[image-type$="-year"] {
  background-position: 0 -48px;
}
.heatmap-domain-image[image-type$="/year"] {
  background-position: 0 -74px;
}
.heatmap-domain-item.selected .heatmap-domain-image[image-type$="month"],
.heatmap-domain-item:hover .heatmap-domain-image[image-type$="month"] {
  background-position: -25px 1px;
}
.heatmap-domain-item.selected .heatmap-domain-image[image-type$="quarter"],
.heatmap-domain-item:hover .heatmap-domain-image[image-type$="quarter"] {
  background-position: -25px -24px;
}
.heatmap-domain-item.selected .heatmap-domain-image[image-type$="-year"],
.heatmap-domain-item:hover .heatmap-domain-image[image-type$="-year"] {
  background-position: -25px -48px;
}
.heatmap-domain-item.selected .heatmap-domain-image[image-type$="/year"],
.heatmap-domain-item:hover .heatmap-domain-image[image-type$="/year"] {
  background-position: -25px -74px;
}
/* heatmap view selector */
.heatmap-view-host {
  padding: 0 7px 0 8px;
  margin-top: 15px;
}
.heatmap-selected-view-caption {
  margin-top: 5px;
  text-align: center;
}
.heatmap-view-item {
  width: 110px;
  height: 65px;
  margin-right: 1px;
  display: inline-block;
  vertical-align: top;
  background-color: #ffffff;
  cursor: pointer;
  cursor: hand;
}
.heatmap-view-item:nth-last-child(1) {
  width: 111px;
}
.heatmap-view-image {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  background-image: url("/plugins/heatmapWidget/resources/images/sprite-types.png");
  background-repeat: no-repeat;
}
.heatmap-view-image[image-type$="monthly"] {
  background-position: 0 0;
}
.heatmap-view-image[image-type$="weekly"] {
  background-position: 0 -40px;
}
.heatmap-view-item.selected .heatmap-view-image[image-type$="monthly"],
.heatmap-view-item:hover .heatmap-view-image[image-type$="monthly"] {
  background-position: -40px 0;
}
.heatmap-view-item.selected .heatmap-view-image[image-type$="weekly"],
.heatmap-view-item:hover .heatmap-view-image[image-type$="weekly"] {
  background-position: -40px -40px;
}
.heatmap-selection-element {
  cursor: pointer;
  cursor: hand;
  z-index: 100;
}
.heatmap-selection-element:hover {
  fill: #808080;
  pointer-events: all;
}
/* Constants */
.sunburst-widget-content {
  display: table;
  /* LEGEND */
}
.sunburst-widget-content .sunburst-legend.left,
.sunburst-widget-content .sunburst-legend.right {
  vertical-align: middle;
  display: table-cell;
  margin: 0;
  text-align: left;
}
.sunburst-widget-content .sb-center-wrapper {
  position: absolute;
}
.sunburst-widget-content .sb-center-wrapper .sb-center {
  text-align: center;
}
.sunburst-widget-content .sb-center-wrapper .sb-center * {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sunburst-widget-content .sb-center-wrapper .sb-center > div {
  width: 100%;
  position: absolute;
}
.sunburst-widget-content .sb-center-wrapper .sb-center .line {
  width: 120px;
  border-bottom: 1px solid #bebebe;
}
.sunburst-widget-content .sb-center-wrapper .sb-indicator {
  padding: 0 10px;
}
.sunburst-widget-content .sb-center-wrapper .sb-indicator .sb-value {
  font-size: 24px;
  line-height: 24px;
  color: #56535b;
  margin-top: 10px;
}
.sunburst-widget-content .sb-center-wrapper .sb-indicator .sb-title {
  font-size: 20px;
  line-height: 20px;
  font-family: abelregular;
  color: #999999;
}
.sunburst-widget-content .sb-center-wrapper .sb-indicator .sb-no-data {
  color: #6d6e70;
}
.sunburst-widget-content .sb-member {
  font-size: 24px;
  font-family: abelregular;
}
.sunburst-widget-content .sb-value,
.sunburst-widget-content .sb-root-value,
.sunburst-widget-content .sb-value-title,
.sunburst-widget-content .sb-contribution-to-parent,
.sunburst-widget-content .sb-contr-total {
  font-size: 13px;
  line-height: 13px;
  font-family: ubuntulight, sans-serif;
  color: #000000;
}
.sunburst-widget-content .sb-root-value {
  font-size: 25px;
}
.sunburst-widget-content .sb-root-measure {
  font-size: 20px;
  color: #6d6e70;
}
.sunburst-widget-content .sb-value-title {
  color: #6d6e70;
}
.sunburst-widget-content .sb-font-22 {
  font-size: 22px;
  line-height: 22px;
  display: block;
}
.sunburst-widget-content .sb-contribution {
  font-size: 36px;
  color: #2c3342;
  font-family: abelregular;
}
.sunburst-widget-content .sb-contr-total {
  color: #6d6e70;
}
.sunburst-widget-content .sb-parent {
  color: #6d6e70;
}
.sunburst-widget-content .sb-value-line,
.sunburst-widget-content .sb-root-line,
.sunburst-widget-content .sb-contribution-to-parent-line {
  stroke: #bebebe;
  stroke-width: 1px;
}
.sunburst-widget-content .sb-no-data {
  font-family: ubuntulight, sans-serif;
  font-size: 20px;
  fill: #56535b;
}
.sunburst-widget-content .sb-indicator .sb-value {
  font-size: 24px;
  fill: #56535b;
}
.sunburst-widget-content .sb-indicator .sb-title {
  font-size: 20px;
  font-family: abelregular;
  fill: #999999;
}
.sunburst-widget-content .sb-hidden,
.sunburst-widget-content .sb-hide {
  display: none;
}
.sunburst-widget-content .sequence {
  height: 40px;
}
.sunburst-widget-content .chart {
  position: relative;
  font-size: 0;
}
.sunburst-widget-content .chart svg {
  position: relative;
}
.sunburst-widget-content .sb-center-circle {
  cursor: inherit;
}
.sunburst-widget-content .inline-block {
  display: inline-block;
}
.sunburst-widget-content .sunburst-legend {
  white-space: nowrap;
  text-align: center;
  padding: 27px 27px 23px 27px;
}
.sunburst-widget-content .sunburst-legend.text-left {
  text-align: left;
}
.sunburst-widget-content .sunburst-legend.top {
  padding-bottom: 0;
}
.sunburst-widget-content .sunburst-legend.bottom {
  padding-top: 0;
}
.sunburst-widget-content .sunburst-legend.left {
  white-space: normal;
  padding-left: 20px;
  padding-right: 10px;
}
.sunburst-widget-content .sunburst-legend.right {
  white-space: normal;
  padding-left: 0px;
}
.sunburst-widget-content .sunburst-legend.top .sunburst-legend-item,
.sunburst-widget-content .sunburst-legend.bottom .sunburst-legend-item {
  display: inline;
}
.sunburst-widget-content .sunburst-legend .break-on:after {
  content: "\A";
  white-space: pre;
}
.sunburst-widget-content .sunburst-legend .break-none:after {
  content: "";
  white-space: normal;
}
.sunburst-widget-content .sunburst-legend .sunburst-legend-item {
  padding: 0px 5px 0px 3px;
}
.sunburst-widget-content .sunburst-legend .sunburst-legend-item .sunburst-square {
  width: 12px;
  height: 12px;
}
.sunburst-widget-content .sunburst-legend .sunburst-legend-item .dim-color,
.sunburst-widget-content .sunburst-legend .sunburst-legend-item .dim-name {
  display: inline-block;
}
.sunburst-widget-content .sunburst-legend .sunburst-legend-item .dim-name {
  box-sizing: border-box;
  color: #56535b;
  cursor: default;
  display: inline;
  font-family: ubuntulight, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: auto;
  line-height: normal;
  text-align: left;
  white-space: nowrap;
  width: auto;
}
.sunburst-widget-content .sunburst-legend .sunburst-legend-item .dim-color {
  margin: 0px 6px -1px 0px;
}
/* STYLER */
.sunburst-host .sunburst-title {
  display: inline-block;
  margin: 2px 0px 5px 6px;
  color: #2c3342;
  font-family: abelregular;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-size: 15px;
}
/* TOOLTIP */
.sunburst-tooltip {
  width: 210px;
  opacity: 0;
}
.sunburst-tooltip .white .sunburst-node-wrapper:last-child,
.sunburst-tooltip .white .tooltip-bottom {
  background-color: #ffffff;
}
.sunburst-tooltip .white .tooltip-bottom .tooltip-bottom-wrapper > div {
  border-top: 1px solid #DDD;
}
.sunburst-tooltip .tipper-content {
  margin: 0;
}
.sunburst-tooltip .tipper-content .sunburst-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
}
.sunburst-tooltip .sb-table {
  display: table;
  width: 100%;
}
.sunburst-tooltip .sb-table > div {
  display: table-cell;
}
.sunburst-tooltip .sunburst-node-wrapper {
  padding: 0 4px 0 4px;
}
.sunburst-tooltip .sunburst-node-wrapper:last-child {
  background: #f2f2f2;
}
.sunburst-tooltip .sunburst-node-wrapper:last-child .sunburst-node {
  border: none;
  color: #6d6e70;
}
.sunburst-tooltip .sunburst-node-wrapper:last-child .arrow-box {
  display: none;
}
.sunburst-tooltip .sunburst-node-wrapper .sunburst-node {
  border-bottom: 1px solid #AAA;
  font-size: 16px;
  line-height: 16px;
  font-family: abelregular;
  color: #A0A0A0;
  padding: 7px 4px;
}
.sunburst-tooltip .sunburst-node-wrapper .sunburst-node .measure-value {
  padding: 0px 0px 0px 4px;
}
.sunburst-tooltip .sunburst-node-wrapper .sunburst-node .measure-title,
.sunburst-tooltip .sunburst-node-wrapper .sunburst-node .measure-value,
.sunburst-tooltip .sunburst-node-wrapper .sunburst-node .measure-color {
  padding-top: 1px;
  vertical-align: top;
}
.sunburst-tooltip .sunburst-node-wrapper .sunburst-node .measure-color {
  width: 14px;
  padding-top: 2px;
  margin: 2px 4px 2px 4px;
}
.sunburst-tooltip .sunburst-node-wrapper .sunburst-node .measure-value {
  float: right;
}
.sunburst-tooltip .sunburst-node-wrapper .sunburst-node .measure-value,
.sunburst-tooltip .sunburst-node-wrapper .sunburst-node .measure-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 95px;
}
.sunburst-tooltip .sunburst-node-wrapper .sunburst-node .measure-title {
  white-space: normal;
  padding: 1px 4px 0px 4px;
}
.sunburst-tooltip .sunburst-node-wrapper .sunburst-node .arrow-box {
  position: relative;
  background: #ffffff;
  border-bottom: 1px solid #e6e6e6;
  width: 9px;
  left: 131px;
  top: 8px;
}
.sunburst-tooltip .sunburst-node-wrapper .sunburst-node .arrow-box:after,
.sunburst-tooltip .sunburst-node-wrapper .sunburst-node .arrow-box:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.sunburst-tooltip .sunburst-node-wrapper .sunburst-node .arrow-box:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 8px 11px 11px 11px;
  margin-left: -8px;
}
.sunburst-tooltip .sunburst-node-wrapper .sunburst-node .arrow-box:before {
  border-color: rgba(136, 136, 136, 0);
  border-top-color: #888;
  border-width: 9px 12px 12px 12px;
  margin-left: -9px;
}
.sunburst-tooltip .tooltip-bottom {
  font-size: 12px;
  line-height: 12px;
  font-family: ubuntulight, sans-serif;
  background: #f2f2f2;
  color: #999999;
}
.sunburst-tooltip .tooltip-bottom .tooltip-bottom-wrapper {
  padding: 0 4px 0 4px;
}
.sunburst-tooltip .tooltip-bottom .tooltip-bottom-wrapper > div {
  width: 100%;
  padding: 8px 0px 7px 24px;
  border-top: 1px solid #ffffff;
}
.sunburst-tooltip .tooltip-bottom .tooltip-bottom-wrapper:first-child > div {
  padding: 6px 0px 6px 24px;
}
.sunburst-tooltip .tooltip-bottom .tooltip-bottom-wrapper div div {
  display: inline;
}
.sunburst-tooltip .tooltip-bottom .tooltip-bottom-wrapper > div > div:first-child {
  font-size: 15px;
  line-height: 15px;
  font-family: abelregular;
  padding-right: 3px;
}
.tablewidget-widget-content table.dataTable.dtr-inline.collapsed tbody td:first-child,
.tablewidget-widget-content table.dataTable.dtr-inline.collapsed tbody th:first-child {
  position: relative;
  padding-left: 30px;
}
.tablewidget-widget-content table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
.tablewidget-widget-content table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
  top: 4px;
  left: 4px;
  height: 16px;
  width: 16px;
  display: block;
  position: absolute;
  cursor: pointer;
  color: white;
  text-align: center;
  line-height: 14px;
  box-sizing: content-box;
  content: '';
  background-image: url('tableWidget/resources/images/arrow_sprite_16.png');
  background-repeat: no-repeat;
  background-size: 16px 32px;
  background-position: right top;
  transform: rotate(-90deg);
}
.tablewidget-widget-content table.dataTable.dtr-inline.collapsed tbody td:first-child.dataTables_empty:before,
.tablewidget-widget-content table.dataTable.dtr-inline.collapsed tbody th:first-child.dataTables_empty:before {
  display: none;
}
.tablewidget-widget-content table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
.tablewidget-widget-content table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
  content: '';
  transform: rotate(0deg);
}
.tablewidget-widget-content table.dataTable.dtr-inline.collapsed tbody tr.child td:before {
  display: none;
}
.tablewidget-widget-content table.dataTable.dtr-column tbody td.control,
.tablewidget-widget-content table.dataTable.dtr-column tbody th.control {
  position: relative;
  cursor: pointer;
}
.tablewidget-widget-content table.dataTable.dtr-column tbody td.control:before,
.tablewidget-widget-content table.dataTable.dtr-column tbody th.control:before {
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  color: white;
  text-align: center;
  line-height: 14px;
  box-sizing: content-box;
  content: '';
  background-image: url('tableWidget/resources/images/arrow_sprite_16.png');
  background-repeat: no-repeat;
  background-size: 16px 32px;
  background-position: right top;
  transform: rotate(-90deg);
}
.tablewidget-widget-content table.dataTable.dtr-column tbody tr.parent td.control:before,
.tablewidget-widget-content table.dataTable.dtr-column tbody tr.parent th.control:before {
  content: '';
  transform: rotate(0deg);
}
.tablewidget-widget-content table.dataTable tr.child {
  padding: 0.5em 1em;
}
.tablewidget-widget-content table.dataTable tr.child:hover {
  background: transparent !important;
}
.tablewidget-widget-content table.dataTable tr.child ul {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.tablewidget-widget-content table.dataTable tr.child ul li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
  white-space: nowrap;
}
.tablewidget-widget-content table.dataTable tr.child ul li:first-child {
  padding-top: 0;
}
.tablewidget-widget-content table.dataTable tr.child ul li:last-child {
  border-bottom: none;
}
/* Constants */
/* Mixins */
.scroll-overlay,
.tablewidget-widget-content .tw-table-container .dataTables_scroll:after {
  content: '';
  width: 17px;
  height: 100%;
  background: #FFF;
  position: absolute;
  top: 0;
  right: 0;
}
/* WIDGET */
.tablewidget-widget-content {
  overflow: hidden;
  height: 100%;
  padding: 8px 0 8px 8px;
  background: #ffffff;
  font-family: ubuntulight, sans-serif;
}
.tablewidget-widget-content .dataTables_wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.tablewidget-widget-content .dataTables_wrapper:nth-child(2) {
  visibility: hidden;
}
.tablewidget-widget-content .DTS_Loading:after {
  content: '';
  margin: 0 auto;
  top: 50%;
  bottom: 0;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 48px;
  width: 48px;
  z-index: 3;
  font-size: 0;
  text-indent: 9999px;
  position: absolute;
  background: #DDD;
  opacity: 0.45;
  transition: opacity 0.5s ease-in;
  background: url(/resources/vivid/images/widget-loader.gif) center center no-repeat;
}
.tablewidget-widget-content .tw-table-container.DTS_Loading {
  top: inherit;
}
.tablewidget-widget-content .tw-table-container .dataTables_scroll {
  overflow: hidden;
}
.tablewidget-widget-content .tw-table-container .dataTables_scroll:after {
  z-index: 2;
}
.tablewidget-widget-content .tw-table-container .dataTables_scroll:hover:after {
  z-index: 0;
}
.tablewidget-widget-content .tw-table-container .dataTables_scroll .dataTables_scrollHead {
  position: relative;
  overflow: scroll !important;
  overflow-x: hidden !important;
}
.tablewidget-widget-content .tw-table-container .dataTables_scroll .dataTables_scrollBody {
  position: relative;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  z-index: 1;
}
.tablewidget-widget-content .tw-table-container .dataTables_scroll .dataTables_scrollBody th * {
  display: none;
  font-size: 0;
}
.tablewidget-widget-content .tw-table-container .dataTables_scroll .dataTables_scrollBody th:before {
  content: normal;
}
.tablewidget-widget-content .tw-table-container .dataTables_scroll .dataTables_scrollBody .tw-sort-head {
  display: none !important;
}
.tablewidget-widget-content .tw-table-container .dataTables_scroll:hover .dataTables_scrollBody {
  overflow-x: auto !important;
  overflow-y: auto !important;
  z-index: 3;
}
.tablewidget-widget-content .tw-no-data {
  font-family: ubuntulight, sans-serif;
  font-size: 20px;
  color: #565656;
  width: 143px;
  height: 25px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.tablewidget-widget-content .tw-col-resize {
  display: block;
  position: absolute;
  width: 2px;
  height: 22px;
  top: 1px;
  right: 0;
  cursor: col-resize;
}
.tablewidget-widget-content .wordwrap-headers table thead tr th {
  text-overflow: ellipsis;
  word-wrap: normal;
  white-space: normal;
  overflow: hidden;
}
.tablewidget-widget-content .wordwrap-rows table tbody tr td {
  text-overflow: ellipsis;
  word-wrap: normal;
  white-space: normal;
  overflow: hidden;
}
.tablewidget-widget-content .borders-grid table thead tr:last-child th {
  border-top: none;
}
.tablewidget-widget-content .borders-grid table thead tr:last-child th:first-child {
  border-left: none;
}
.tablewidget-widget-content .borders-grid table thead tr:last-child th:last-child {
  border-right: none;
}
.tablewidget-widget-content .borders-grid table tbody tr:last-child td {
  border-bottom: none;
}
.tablewidget-widget-content .borders-grid table tbody tr td:first-child {
  border-left: none;
}
.tablewidget-widget-content .borders-grid table tbody tr td:last-child {
  border-right: none;
}
.tablewidget-widget-content .borders-rows table tbody tr td:not(:first-child) {
  border-left: none;
}
.tablewidget-widget-content .borders-columns table tbody tr:not(:last-child) td {
  border-bottom: none;
}
.tablewidget-widget-content .borders-columns table tbody tr.child td,
.tablewidget-widget-content .borders-columns table tbody tr.parent td {
  border-bottom: 1px solid #E6E6E6;
}
.tablewidget-widget-content .colors-headers table thead tr {
  background-color: #f8f8f8;
}
.tablewidget-widget-content div.colors-rows:not(.colors-columns) table tbody tr:nth-child(even):not(.child) {
  background-color: #f8f8f8;
}
.tablewidget-widget-content div.colors-rows:not(.colors-columns) table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}
.tablewidget-widget-content div.colors-columns:not(.colors-rows) table tbody tr td:nth-child(even) {
  background-color: #f8f8f8;
}
.tablewidget-widget-content div.colors-columns:not(.colors-rows) table tbody tr td:nth-child(odd) {
  background-color: #ffffff;
}
.tablewidget-widget-content .colors-columns.colors-rows table tbody tr:nth-child(even) {
  background-color: #f8f8f8;
}
.tablewidget-widget-content .colors-columns.colors-rows table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}
.tablewidget-widget-content .colors-columns.colors-rows table tbody td:nth-child(even) {
  background-color: #f8f8f8 !important;
}
.tablewidget-widget-content .hide-info .dataTables_paginate > span,
.tablewidget-widget-content .hide-info .dataTables_info {
  display: none;
}
.tablewidget-widget-content .width-window .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}
.tablewidget-widget-content .width-window .dataTables_scroll:hover .dataTables_scrollBody {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  z-index: 3;
}
.tablewidget-widget-content .width-window:not(.tw-webkit) .dataTables_scroll:after {
  content: normal !important;
  display: none !important;
}
.tablewidget-widget-content .width-window:not(.tw-webkit) .dataTables_scroll .dataTables_scrollHead {
  overflow: hidden !important;
}
.tablewidget-widget-content .width-window:not(.tw-webkit) .dataTables_scroll .dataTables_scrollBody {
  top: 0;
}
.tablewidget-widget-content .tw-webkit .dataTables_scroll:after {
  width: 8px;
}
.tablewidget-widget-content .tw-webkit .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.tablewidget-widget-content .tw-webkit .dataTables_scroll:hover .dataTables_scrollBody {
  overflow-x: auto !important;
  overflow-y: auto !important;
  z-index: 3;
}
.tablewidget-widget-content .tw-webkit.width-window .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.tablewidget-widget-content .tw-webkit.width-window .dataTables_scroll:hover .dataTables_scrollBody {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  z-index: 3;
}
.tablewidget-widget-content .tw-ff .dataTables_scroll .dataTables_scrollBody {
  top: -7px;
}
.tablewidget-widget-content table.cell-overflow-hidden th,
.tablewidget-widget-content table.cell-overflow-hidden td {
  overflow: hidden;
}
.tablewidget-widget-content table.visibility-hidden {
  visibility: hidden;
}
.tablewidget-widget-content table,
.tablewidget-widget-content table.dataTable {
  width: 100%;
  clear: both;
  border-collapse: separate;
  table-layout: fixed;
  border-spacing: 0;
}
.tablewidget-widget-content table thead tr th,
.tablewidget-widget-content table.dataTable thead tr th {
  font-weight: normal;
  text-align: left;
  position: relative;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
}
.tablewidget-widget-content table thead tr th:hover .tw-sort-head,
.tablewidget-widget-content table.dataTable thead tr th:hover .tw-sort-head {
  display: inline-block;
}
.tablewidget-widget-content table thead tr th.sorted .tw-sort-head,
.tablewidget-widget-content table.dataTable thead tr th.sorted .tw-sort-head {
  display: inline-block;
  background: url('tableWidget/resources/images/arrow_sprite_16.png') no-repeat right -16px;
}
.tablewidget-widget-content table thead tr th.sorted .tw-sort-head.asc:hover,
.tablewidget-widget-content table.dataTable thead tr th.sorted .tw-sort-head.asc:hover {
  -webkit-transform: rotate(0deg);
  -khtml-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.tablewidget-widget-content table thead tr th.sorted .tw-sort-head.desc:hover,
.tablewidget-widget-content table.dataTable thead tr th.sorted .tw-sort-head.desc:hover {
  -webkit-transform: rotate(180deg);
  -khtml-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.tablewidget-widget-content table thead tr th .tw-sort-head,
.tablewidget-widget-content table.dataTable thead tr th .tw-sort-head {
  -webkit-transform: rotate(180deg);
  -khtml-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  position: absolute;
  top: calc(100% - 20px);
  right: 6px;
  cursor: pointer;
  background: url('tableWidget/resources/images/arrow_sprite_16.png') no-repeat right top;
  background-size: 16px 32px;
  height: 16px;
  width: 16px;
  float: right;
  display: none;
}
.tablewidget-widget-content table thead tr th .tw-sort-head:hover,
.tablewidget-widget-content table.dataTable thead tr th .tw-sort-head:hover {
  background: url('tableWidget/resources/images/arrow_sprite_16.png') no-repeat right -16px;
}
.tablewidget-widget-content table thead tr th .tw-sort-head.asc,
.tablewidget-widget-content table.dataTable thead tr th .tw-sort-head.asc {
  -webkit-transform: rotate(180deg);
  -khtml-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.tablewidget-widget-content table thead tr th .tw-sort-head.desc,
.tablewidget-widget-content table.dataTable thead tr th .tw-sort-head.desc {
  -webkit-transform: rotate(0deg);
  -khtml-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.tablewidget-widget-content table thead tr th:first-child,
.tablewidget-widget-content table.dataTable thead tr th:first-child {
  border-left: 1px solid #CCCCCC;
}
.tablewidget-widget-content table thead tr th:last-child,
.tablewidget-widget-content table.dataTable thead tr th:last-child {
  border-right: 1px solid #CCCCCC;
}
.tablewidget-widget-content table thead tr th .grip,
.tablewidget-widget-content table.dataTable thead tr th .grip {
  height: 25px;
  width: 2px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: col-resize;
}
.tablewidget-widget-content table tr.child,
.tablewidget-widget-content table.dataTable tr.child {
  padding-bottom: 0;
}
.tablewidget-widget-content table tr.child td,
.tablewidget-widget-content table.dataTable tr.child td {
  padding: 8px 10px 3px 0;
}
.tablewidget-widget-content table tr.child td ul,
.tablewidget-widget-content table.dataTable tr.child td ul {
  width: 100%;
  display: initial;
}
.tablewidget-widget-content table tr.child td ul li,
.tablewidget-widget-content table.dataTable tr.child td ul li {
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 5px 0;
  border: none;
  width: 100%;
}
.tablewidget-widget-content table tr.child td ul li span,
.tablewidget-widget-content table.dataTable tr.child td ul li span {
  font-family: ubuntulight, sans-serif;
  position: relative;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 50%;
  height: 14px;
  font-size: 13px;
}
.tablewidget-widget-content table tr.child td ul li span.dtr-title,
.tablewidget-widget-content table.dataTable tr.child td ul li span.dtr-title {
  color: #737373;
  width: auto;
  float: left;
  max-width: calc(97%);
}
.tablewidget-widget-content table tr.child td ul li span.dtr-data,
.tablewidget-widget-content table.dataTable tr.child td ul li span.dtr-data {
  width: 50%;
  color: #2c3342;
}
.tablewidget-widget-content table tr.child td ul li span.tw-title-wrapper,
.tablewidget-widget-content table.dataTable tr.child td ul li span.tw-title-wrapper {
  width: 50%;
  max-width: 140px;
  padding-right: 10px;
}
.tablewidget-widget-content table tr.child td ul li span.tw-colon,
.tablewidget-widget-content table.dataTable tr.child td ul li span.tw-colon {
  width: 3px;
  float: left;
  color: #737373;
}
.tablewidget-widget-content table tr.even,
.tablewidget-widget-content table.dataTable tr.even {
  background-color: #F8F8F8;
}
.tablewidget-widget-content table tr.odd,
.tablewidget-widget-content table.dataTable tr.odd {
  background-color: #FFFFFF;
}
.tablewidget-widget-content table tr:not(.white).odd td.even,
.tablewidget-widget-content table.dataTable tr:not(.white).odd td.even {
  background-color: #FFFFFF;
}
.tablewidget-widget-content table tr td.even,
.tablewidget-widget-content table.dataTable tr td.even {
  background-color: #F8F8F8;
}
.tablewidget-widget-content table tr td.odd,
.tablewidget-widget-content table.dataTable tr td.odd {
  background-color: #FFFFFF;
}
.tablewidget-widget-content table tr td,
.tablewidget-widget-content table.dataTable tr td,
.tablewidget-widget-content table tr th,
.tablewidget-widget-content table.dataTable tr th {
  -webkit-transform: translateZ(0);
  -webkit-transform: scale3d(1, 1, 1);
  vertical-align: top;
  color: #2c3342;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 5px 8px 0 8px;
  font-family: ubuntulight, sans-serif;
  font-size: 13px;
  height: 26px;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
}
.tablewidget-widget-content table tr td:first-child,
.tablewidget-widget-content table.dataTable tr td:first-child,
.tablewidget-widget-content table tr th:first-child,
.tablewidget-widget-content table.dataTable tr th:first-child {
  border-left: 1px solid #e6e6e6;
}
.tablewidget-widget-content table tr td:last-child,
.tablewidget-widget-content table.dataTable tr td:last-child,
.tablewidget-widget-content table tr th:last-child,
.tablewidget-widget-content table.dataTable tr th:last-child {
  border-right: 1px solid #e6e6e6;
}
.tablewidget-widget-content table tr th,
.tablewidget-widget-content table.dataTable tr th {
  padding: 4px 22px 4px 8px;
  vertical-align: bottom;
}
.tablewidget-widget-content .dataTables_info,
.tablewidget-widget-content .dataTables_paginate {
  position: absolute;
  bottom: -4px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #FFFFFF;
}
.tablewidget-widget-content .dataTables_info {
  font-family: ubuntulight, sans-serif;
  z-index: 3;
  font-size: 13px;
  margin: 4px 15px 0 10px;
  right: 0;
}
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate {
  left: 0;
  text-align: right;
  margin: 4px 10px 0 10px;
}
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate span > span {
  padding-right: 6px;
}
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .first,
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .last,
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .previous,
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .next {
  font-size: 0 !important;
  text-indent: 9999px;
  width: 16px;
  height: 16px;
}
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .first.disabled,
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .last.disabled,
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .previous.disabled,
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .next.disabled {
  opacity: 0.5;
}
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .first,
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .last,
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .next {
  margin: 0 !important;
}
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .first,
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .last {
  background: url('../resources/pivot/images/pager-double.png') no-repeat;
}
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .previous,
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .next {
  background: url('../resources/pivot/images/pager-single.png') no-repeat;
}
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .first,
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .previous {
  background-position: 0 -32px;
}
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .first:hover:not(.disabled),
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .previous:hover:not(.disabled) {
  background-position: 0 0;
}
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .last,
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .next {
  background-position: 0 -48px;
}
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .last:hover:not(.disabled),
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .next:hover:not(.disabled) {
  background-position: 0 -16px;
}
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #ACACAC !important;
  margin-right: 6px;
  line-height: 16px;
  vertical-align: middle;
  font-family: ubuntulight, sans-serif;
  font-size: 13px;
}
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #272A34 !important;
}
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #ACACAC !important;
}
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #272A34 !important;
}
.tablewidget-widget-content .dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
}
/* Export layout hack */
.export-layout-feed .tablewidget-widget-content .tw-table-container .dataTables_scroll .dataTables_scrollHead,
.export-layout-as-is .tablewidget-widget-content .tw-table-container .dataTables_scroll .dataTables_scrollHead,
.reporting-widget-layout .tablewidget-widget-content .tw-table-container .dataTables_scroll .dataTables_scrollHead {
  overflow: hidden !important;
}
.export-layout-feed .tablewidget-widget-content .tw-table-container .dataTables_scroll .dataTables_scrollBody,
.export-layout-as-is .tablewidget-widget-content .tw-table-container .dataTables_scroll .dataTables_scrollBody,
.reporting-widget-layout .tablewidget-widget-content .tw-table-container .dataTables_scroll .dataTables_scrollBody {
  overflow: hidden !important;
}
.export-layout-feed .tablewidget-widget-content .tw-table-container .dataTables_scroll:after,
.export-layout-as-is .tablewidget-widget-content .tw-table-container .dataTables_scroll:after,
.reporting-widget-layout .tablewidget-widget-content .tw-table-container .dataTables_scroll:after {
  content: none !important;
  display: none !important;
}
/* STYLER */
.tablewidget-styler-content .tablewidget-borders-host {
  padding: 0 7px 0 8px;
  margin-top: 15px;
}
.tablewidget-styler-content .tablewidget-selected-borders-caption {
  height: 27px;
  background: #fff;
  margin-top: 1px;
  margin-right: 1px;
  text-align: center;
  padding-top: 5px;
}
.tablewidget-styler-content .tablewidget-borders-item {
  width: 55px;
  height: 55px;
  margin-right: 1px;
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  cursor: pointer;
  cursor: hand;
}
.tablewidget-styler-content .tablewidget-borders-item:nth-last-child(2) {
  margin-right: 0;
  width: 56px;
}
.tablewidget-styler-content .tablewidget-borders-image {
  width: 25px;
  height: 25px;
  margin: 0 auto;
  margin-top: 15px;
  background-image: url("/plugins/tableWidget/resources/images/sprite-borders.png");
  background-repeat: no-repeat;
}
.tablewidget-styler-content .tablewidget-borders-image[image-type$="all"] {
  background-position: 0 1px;
}
.tablewidget-styler-content .tablewidget-borders-image[image-type$="grid"] {
  background-position: 0 -24px;
}
.tablewidget-styler-content .tablewidget-borders-image[image-type$="rows"] {
  background-position: 0 -48px;
}
.tablewidget-styler-content .tablewidget-borders-image[image-type$="columns"] {
  background-position: 0 -74px;
}
.tablewidget-styler-content .tablewidget-borders-item.selected .tablewidget-borders-image[image-type$="all"],
.tablewidget-styler-content .tablewidget-borders-item:hover .tablewidget-borders-image[image-type$="all"] {
  background-position: -25px 1px;
}
.tablewidget-styler-content .tablewidget-borders-item.selected .tablewidget-borders-image[image-type$="grid"],
.tablewidget-styler-content .tablewidget-borders-item:hover .tablewidget-borders-image[image-type$="grid"] {
  background-position: -25px -24px;
}
.tablewidget-styler-content .tablewidget-borders-item.selected .tablewidget-borders-image[image-type$="rows"],
.tablewidget-styler-content .tablewidget-borders-item:hover .tablewidget-borders-image[image-type$="rows"] {
  background-position: -25px -48px;
}
.tablewidget-styler-content .tablewidget-borders-item.selected .tablewidget-borders-image[image-type$="columns"],
.tablewidget-styler-content .tablewidget-borders-item:hover .tablewidget-borders-image[image-type$="columns"] {
  background-position: -25px -74px;
}
/* TOOLTIP */
/* Constants */
/* WIDGET */
.ruler-parent {
  overflow: hidden;
  height: 0;
  position: absolute;
  visibility: hidden;
  white-space: nowrap;
  font-size: 14px;
  font-family: abelregular;
}
.ruler-child {
  overflow: hidden;
  height: 0;
  position: absolute;
  visibility: hidden;
  white-space: nowrap;
  font-family: ubuntulight, sans-serif;
  font-size: 13px !important;
}
.ruler-legend {
  overflow: hidden;
  height: 0;
  position: absolute;
  visibility: hidden;
  box-sizing: border-box;
  cursor: default;
  font-family: ubuntulight, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
  text-align: left;
  white-space: nowrap;
}
.treemap-widget-content {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  outline: 0;
  margin: 0;
  padding: 0;
  /* LEGEND */
}
.treemap-widget-content .tm-hidden,
.treemap-widget-content .tm-hide {
  display: none;
}
.treemap-widget-content .treemap-html {
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.treemap-widget-content .treemap-html div {
  position: absolute;
}
.treemap-widget-content .treemap-html.tm-has-selection .child.rect {
  border-color: #d7d7d7;
}
.treemap-widget-content .treemap-html .tm-no-data {
  font-family: abelregular;
  font-size: 20px;
  color: #6d6e70;
  text-overflow: ellipsis;
  overflow: hidden;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative !important;
  text-align: center;
}
.treemap-widget-content .treemap-html .label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  cursor: default;
}
.treemap-widget-content .treemap-html .rect {
  height: 23px;
}
.treemap-widget-content .treemap-html .child.label {
  font-size: 13px;
  font-family: ubuntulight, sans-serif;
  padding: 0 9px;
  text-align: right;
}
.treemap-widget-content .treemap-html .child.rect {
  border-bottom: 1px solid #4d4d4d;
  border-right: 1px solid #4d4d4d;
}
.treemap-widget-content .treemap-html .child.tm-no-right-border {
  border-right: none;
}
.treemap-widget-content .treemap-html .child.tm-no-bottom-border {
  border-bottom: none;
}
.treemap-widget-content .treemap-html .child.tm-hidden {
  display: block;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: 9999px;
  padding: 0;
}
.treemap-widget-content .treemap-html .parent.label {
  padding: 3px 6px 0 6px;
  color: #2c3342;
  font-size: 14px;
  font-family: abelregular;
  text-align: center;
}
.treemap-widget-content .treemap-html .parent.label.first {
  background-color: #e6e6e6;
}
.treemap-widget-content .treemap-html .parent.label.first:hover {
  background-color: #eeeeee !important;
}
.treemap-widget-content .treemap-html .parent.label.second {
  padding: 2px 5px 0 5px;
  background-color: #ffffff;
}
.treemap-widget-content .treemap-html .parent.label.second:hover {
  background-color: #f5f5f5 !important;
}
.treemap-widget-content .treemap-html .parent.label.second.tm-hidden {
  display: block;
  width: 0 !important;
  height: 0 !important;
  padding: 0;
  background: transparent !important;
  border-style: solid;
  border-width: 8px 8px 0 0;
  border-color: #ffffff transparent transparent transparent;
}
.treemap-widget-content .treemap-html .parent.label.second.tm-hidden:hover {
  border-color: #f5f5f5 transparent transparent transparent;
}
.treemap-widget-content .treemap-legend.left,
.treemap-widget-content .treemap-legend.right {
  vertical-align: middle;
  display: table-cell;
  margin: 0;
  text-align: left;
}
.treemap-widget-content .treemap-legend {
  white-space: nowrap;
  text-align: center;
  padding: 7px 27px;
}
.treemap-widget-content .treemap-legend.text-left {
  text-align: left;
}
.treemap-widget-content .treemap-legend.top {
  padding-bottom: 0;
}
.treemap-widget-content .treemap-legend.bottom {
  padding-top: 0;
}
.treemap-widget-content .treemap-legend.left {
  padding-left: 22px;
  padding-right: 14px;
}
.treemap-widget-content .treemap-legend.right {
  padding-left: 16px;
  padding-right: 26px;
}
.treemap-widget-content .treemap-legend.top .treemap-legend-item,
.treemap-widget-content .treemap-legend.bottom .treemap-legend-item {
  display: inline;
}
.treemap-widget-content .treemap-legend .break-on:after {
  content: "\A";
  white-space: pre;
}
.treemap-widget-content .treemap-legend .break-none:after {
  content: "";
  white-space: normal;
}
.treemap-widget-content .treemap-legend .treemap-legend-item {
  padding: 0px 5px 0px 3px;
}
.treemap-widget-content .treemap-legend .treemap-legend-item .treemap-square {
  width: 12px;
  height: 12px;
}
.treemap-widget-content .treemap-legend .treemap-legend-item .dim-color,
.treemap-widget-content .treemap-legend .treemap-legend-item .dim-name {
  display: inline-block;
}
.treemap-widget-content .treemap-legend .treemap-legend-item .dim-name {
  box-sizing: border-box;
  color: #56535b;
  cursor: default;
  display: inline;
  font-family: ubuntulight, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: auto;
  line-height: normal;
  text-align: left;
  white-space: nowrap;
  width: auto;
}
.treemap-widget-content .treemap-legend .treemap-legend-item .dim-color {
  margin: 0px 6px -1px 0px;
}
/* Export layout hack */
.export-layout-feed .treemap-widget-content .treemap-html .parent.label.second,
.export-layout-as-is .treemap-widget-content .treemap-html .parent.label.second {
  margin-left: -1px;
  margin-top: -1px;
}
/* STYLER */
.treemap-styler-content .treemap-title {
  display: inline-block;
  margin: 2px 0px 5px 6px;
  color: #2c3342;
  font-family: abelregular;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-size: 15px;
}
/* TOOLTIP */
.treemap-tooltip-content {
  min-width: 210px;
  width: 210px;
  background: #ffffff;
}
.treemap-tooltip-content .white .treemap-node-wrapper:last-child,
.treemap-tooltip-content .white .treemap-node-wrapper:last-child .treemap-node,
.treemap-tooltip-content .white .tooltip-others-wrapper,
.treemap-tooltip-content .white .tooltip-bottom {
  background-color: #ffffff;
}
.treemap-tooltip-content .white .tooltip-bottom .tooltip-bottom-wrapper > div,
.treemap-tooltip-content .white .tooltip-others-wrapper > div {
  border-top: 1px solid #DDD;
}
.treemap-tooltip-content .tipper-content {
  margin: 0;
}
.treemap-tooltip-content .treemap-node-wrapper {
  padding: 0 4px 0 4px;
}
.treemap-tooltip-content .treemap-node-wrapper:first-child {
  -webkit-border-radius: 5px 5px 0 0;
  -khtml-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.treemap-tooltip-content .treemap-node-wrapper:last-child {
  background: #f2f2f2;
}
.treemap-tooltip-content .treemap-node-wrapper:last-child .treemap-node {
  border: none;
  color: #6d6e70;
}
.treemap-tooltip-content .treemap-node-wrapper:last-child .arrow-box {
  display: none;
}
.treemap-tooltip-content .treemap-node-wrapper .treemap-node {
  border-bottom: 1px solid #DDD;
  font-size: 16px;
  line-height: 16px;
  font-family: abelregular;
  color: #A0A0A0;
  padding: 8px 4px;
}
.treemap-tooltip-content .treemap-node-wrapper .treemap-node .measure-title,
.treemap-tooltip-content .treemap-node-wrapper .treemap-node .measure-value {
  padding: 0px 4px 0px 4px;
  display: inline-block;
  vertical-align: top;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
  max-width: 95px;
}
.treemap-tooltip-content .treemap-node-wrapper .treemap-node .measure-value {
  float: right;
}
.treemap-tooltip-content .treemap-node-wrapper .treemap-node .arrow-box {
  position: relative;
  background: #ffffff;
  border-bottom: 1px solid #e6e6e6;
  width: 9px;
  left: 70%;
  top: 9px;
}
.treemap-tooltip-content .treemap-node-wrapper .treemap-node .arrow-box:after,
.treemap-tooltip-content .treemap-node-wrapper .treemap-node .arrow-box:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.treemap-tooltip-content .treemap-node-wrapper .treemap-node .arrow-box:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 8px 11px 11px 11px;
  margin-left: -8px;
}
.treemap-tooltip-content .treemap-node-wrapper .treemap-node .arrow-box:before {
  border-color: rgba(136, 136, 136, 0);
  border-top-color: #CCCCCC;
  border-width: 9px 12px 12px 12px;
  margin-left: -9px;
}
.treemap-tooltip-content .tooltip-bottom {
  font-size: 12px;
  line-height: 12px;
  font-family: ubuntulight, sans-serif;
  color: #999999;
  background: #f2f2f2;
  -webkit-border-radius: 0 0 5px 5px;
  -khtml-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.treemap-tooltip-content .tooltip-bottom .bottom-color {
  color: #6d6e70;
}
.treemap-tooltip-content .tooltip-bottom .bottom-text {
  padding-right: 25px;
  line-height: 16px;
}
.treemap-tooltip-content .tooltip-bottom .tooltip-bottom-wrapper {
  padding: 0 4px 0 4px;
}
.treemap-tooltip-content .tooltip-bottom .tooltip-bottom-wrapper > div {
  padding: 6px 0px 5px 8px;
  border-top: 1px solid #ffffff;
}
.treemap-tooltip-content .tooltip-bottom .tooltip-bottom-wrapper div div {
  display: inline-block;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 140px;
  vertical-align: top;
}
.treemap-tooltip-content .tooltip-bottom .tooltip-bottom-wrapper > div > div:first-child {
  font-size: 15px;
  line-height: 15px;
  font-family: abelregular;
  padding-right: 5px;
}
.treemap-tooltip-content .tooltip-others-wrapper {
  font-size: 11px;
  padding: 0 4px 8px 4px;
  color: #999;
  background-color: #f2f2f2;
}
.treemap-tooltip-content .tooltip-others-wrapper > div {
  padding: 4px 8px 0 8px;
  border-top: 1px solid #ffffff;
}
.treemap-tooltip-content .tooltip-others-wrapper > div .tooltip-others-member {
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-top: 3px;
}
.treemap-tooltip-content .tooltip-others-wrapper > div .tooltip-others-more {
  padding-top: 6px;
}
