#time-calendar-holder,
.custom-time-calendar-holder {
  /*.table .row .cell.active span{color:#fff!important;background-color:$accent-color}*/
  /*.header [data-action]>i:before,.header [data-action]>i:after{top:50%;margin-top:-1px;content:'';position:absolute;height:2px;width:20px;border-top:2px solid;border-radius:2px}*/
  /*.header [data-action*="prev"]>i:before,.header [data-action*="prev"]>i:after{left:0}
  .header [data-action*="prev"]>i:before{top:2px;transform:rotate(-45deg)}
  .header [data-action*="prev"]>i:after{top:auto;bottom:2px;transform:rotate(45deg)}
  .header [data-action*="next"]>i:before,.header [data-action*="next"]>i:after{right:0}
  .header [data-action*="next"]>i:before{top:auto;bottom:2px;transform:rotate(-45deg)}
  .header [data-action*="next"]>i:after{top:2px;transform:rotate(45deg)}*/
  /*.cell.active .is-accounted-for {
    > div {
      color: #000;
    }
  }*/
}
#time-calendar-holder *,
.custom-time-calendar-holder * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#time-calendar-holder .pull-left,
.custom-time-calendar-holder .pull-left {
  float: left;
}
#time-calendar-holder .pull-right,
.custom-time-calendar-holder .pull-right {
  float: right;
}
#time-calendar-holder .clearfix:after, #time-calendar-holder .clearfix:before,
.custom-time-calendar-holder .clearfix:after,
.custom-time-calendar-holder .clearfix:before {
  content: "";
  display: table;
}
#time-calendar-holder .clearfix:after,
.custom-time-calendar-holder .clearfix:after {
  clear: both;
  display: block;
}
#time-calendar-holder .calendar, #time-calendar-holder .calendar2,
.custom-time-calendar-holder .calendar,
.custom-time-calendar-holder .calendar2 {
  width: 100%;
  max-width: 471px;
  font-size: 100%;
  margin: 25px auto 25px auto;
  perspective: 1000px;
  cursor: default;
  position: relative;
}
#time-calendar-holder .calendar .header, #time-calendar-holder .calendar2 .header,
.custom-time-calendar-holder .calendar .header,
.custom-time-calendar-holder .calendar2 .header {
  height: 72px;
  position: relative;
  color: #fff;
}
#time-calendar-holder .calendar .header .text, #time-calendar-holder .calendar2 .header .text,
.custom-time-calendar-holder .calendar .header .text,
.custom-time-calendar-holder .calendar2 .header .text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #8bb4b4;
  padding: 0px;
  transform: rotateX(90deg);
  transform-origin: bottom;
  backface-visibility: hidden;
  transition: 0.4s ease-in-out 0s;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  opacity: 0;
  border-radius: 7px;
}
#time-calendar-holder .calendar .header .text > span, #time-calendar-holder .calendar2 .header .text > span,
.custom-time-calendar-holder .calendar .header .text > span,
.custom-time-calendar-holder .calendar2 .header .text > span {
  text-align: center;
  padding: 26px;
  display: block;
}
#time-calendar-holder .calendar .header.active .text, #time-calendar-holder .calendar2 .header.active .text,
.custom-time-calendar-holder .calendar .header.active .text,
.custom-time-calendar-holder .calendar2 .header.active .text {
  transform: rotateX(0deg);
  opacity: 1;
}
#time-calendar-holder .months,
.custom-time-calendar-holder .months {
  width: 100%;
  height: 280px;
  position: relative;
}
#time-calendar-holder .months .hr,
.custom-time-calendar-holder .months .hr {
  height: 1px;
  margin: 15px 0;
  background: #ccc;
}
#time-calendar-holder .month,
.custom-time-calendar-holder .month {
  padding: 15px;
  width: inherit;
  height: inherit;
  background: #fff;
  position: absolute;
  backface-visibility: hidden;
  transition: all 0.4s ease-in-out 0s;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  border-radius: 7px;
  overflow-x: auto;
  overflow-y: hidden;
}
#time-calendar-holder .months[data-flow=left] .month,
.custom-time-calendar-holder .months[data-flow=left] .month {
  transform: rotateY(-180deg);
}
#time-calendar-holder .months[data-flow=right] .month,
.custom-time-calendar-holder .months[data-flow=right] .month {
  transform: rotateY(180deg);
}
#time-calendar-holder .table,
.custom-time-calendar-holder .table {
  width: 100%;
  font-size: 10px;
  font-weight: 400;
  display: table;
}
#time-calendar-holder .table .row,
.custom-time-calendar-holder .table .row {
  display: table-row;
}
#time-calendar-holder .table .row.head,
.custom-time-calendar-holder .table .row.head {
  color: #000;
  text-transform: uppercase;
}
#time-calendar-holder .table .row .cell,
.custom-time-calendar-holder .table .row .cell {
  width: 12.5%;
  padding: 5px;
  text-align: center;
  display: table-cell;
}
#time-calendar-holder .table .row .cell.disable,
.custom-time-calendar-holder .table .row .cell.disable {
  color: #ccc;
}
#time-calendar-holder .table .row .cell span,
.custom-time-calendar-holder .table .row .cell span {
  display: block;
  width: 100%;
  height: 28px;
  line-height: 28px;
  border-radius: 7px;
  transition: color, background 0.4s ease-in-out 0s;
}
#time-calendar-holder .table .row .cell a,
.custom-time-calendar-holder .table .row .cell a {
  position: relative;
  text-decoration: none;
  color: #000;
  display: block;
  width: 100%;
  height: 100%;
}
#time-calendar-holder .table .row .cell.disable a,
.custom-time-calendar-holder .table .row .cell.disable a {
  color: #ccc !important;
}
#time-calendar-holder .table .row .cell.cell-week a,
.custom-time-calendar-holder .table .row .cell.cell-week a {
  color: #ccc;
  font-weight: normal;
}
#time-calendar-holder .table .row .cell.active span,
.custom-time-calendar-holder .table .row .cell.active span {
  color: #000 !important;
  background-color: rgba(192, 209, 221, 0.5);
}
#time-calendar-holder .months .month[data-active=true],
.custom-time-calendar-holder .months .month[data-active=true] {
  transform: rotateY(0);
}
#time-calendar-holder .header [data-action],
.custom-time-calendar-holder .header [data-action] {
  color: inherit;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  z-index: 1;
  opacity: 0;
  transition: all 0.4s ease-in-out 0s;
}
#time-calendar-holder .header [data-action] > i,
.custom-time-calendar-holder .header [data-action] > i {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -10px;
  margin-left: -10px;
}
#time-calendar-holder .header [data-action*=prev],
.custom-time-calendar-holder .header [data-action*=prev] {
  left: 15px;
}
#time-calendar-holder .header [data-action*=next],
.custom-time-calendar-holder .header [data-action*=next] {
  right: 15px;
}
#time-calendar-holder .table .row .cell:first-of-type,
.custom-time-calendar-holder .table .row .cell:first-of-type {
  border-right: 1px #ececec solid;
}
#time-calendar-holder .table .row .cell:first-of-type a,
.custom-time-calendar-holder .table .row .cell:first-of-type a {
  color: #8bb4b4;
}
#time-calendar-holder .table .row .cell.with-content span,
.custom-time-calendar-holder .table .row .cell.with-content span {
  /*color: #fff;*/
  background-color: #ececec;
}
#time-calendar-holder .calendar .header .text > span > span,
#time-calendar-holder .calendar2 .header .text > span > span,
.custom-time-calendar-holder .calendar .header .text > span > span,
.custom-time-calendar-holder .calendar2 .header .text > span > span {
  position: relative;
}
#time-calendar-holder .calendar .header .text > span > span select,
#time-calendar-holder .calendar2 .header .text > span > span select,
.custom-time-calendar-holder .calendar .header .text > span > span select,
.custom-time-calendar-holder .calendar2 .header .text > span > span select {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
}
#time-calendar-holder .calendar .header .text > span > span:first-of-type select,
#time-calendar-holder .calendar2 .header .text > span > span:first-of-type select,
.custom-time-calendar-holder .calendar .header .text > span > span:first-of-type select,
.custom-time-calendar-holder .calendar2 .header .text > span > span:first-of-type select {
  right: 0px;
}
#time-calendar-holder .calendar .header .text > span > span:last-of-type select,
#time-calendar-holder .calendar2 .header .text > span > span:last-of-type select,
.custom-time-calendar-holder .calendar .header .text > span > span:last-of-type select,
.custom-time-calendar-holder .calendar2 .header .text > span > span:last-of-type select {
  left: 0px;
}
#time-calendar-holder .header [data-action] i,
.custom-time-calendar-holder .header [data-action] i {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  display: block;
  padding: 3px;
}
#time-calendar-holder .header [data-action*=prev] i,
.custom-time-calendar-holder .header [data-action*=prev] i {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
#time-calendar-holder .header [data-action*=next] i,
.custom-time-calendar-holder .header [data-action*=next] i {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#time-calendar-holder .header.active [data-action],
.custom-time-calendar-holder .header.active [data-action] {
  opacity: 1;
}
#time-calendar-holder [data-theme=jan],
.custom-time-calendar-holder [data-theme=jan] {
  background-color: #90CAF9;
}
#time-calendar-holder [data-theme=jan] .row.head,
.custom-time-calendar-holder [data-theme=jan] .row.head {
  color: #1E88E5;
}
#time-calendar-holder [data-theme=jan] .header .text,
#time-calendar-holder [data-theme=jan] .table .row .cell.active span,
.custom-time-calendar-holder [data-theme=jan] .header .text,
.custom-time-calendar-holder [data-theme=jan] .table .row .cell.active span {
  background-color: #1E88E5;
}
#time-calendar-holder [data-theme=feb],
.custom-time-calendar-holder [data-theme=feb] {
  background-color: #81D4FA;
}
#time-calendar-holder [data-theme=feb] .row.head,
.custom-time-calendar-holder [data-theme=feb] .row.head {
  color: #039BE5;
}
#time-calendar-holder [data-theme=feb] .header .text,
#time-calendar-holder [data-theme=feb] .table .row .cell.active span,
.custom-time-calendar-holder [data-theme=feb] .header .text,
.custom-time-calendar-holder [data-theme=feb] .table .row .cell.active span {
  background-color: #039BE5;
}
#time-calendar-holder [data-theme=mar],
.custom-time-calendar-holder [data-theme=mar] {
  background-color: #80CBC4;
}
#time-calendar-holder [data-theme=mar] .row.head,
.custom-time-calendar-holder [data-theme=mar] .row.head {
  color: #00897B;
}
#time-calendar-holder [data-theme=mar] .header .text,
#time-calendar-holder [data-theme=mar] .table .row .cell.active span,
.custom-time-calendar-holder [data-theme=mar] .header .text,
.custom-time-calendar-holder [data-theme=mar] .table .row .cell.active span {
  background-color: #00897B;
}
#time-calendar-holder [data-theme=apr],
.custom-time-calendar-holder [data-theme=apr] {
  background-color: #C5E1A5;
}
#time-calendar-holder [data-theme=apr] .row.head,
.custom-time-calendar-holder [data-theme=apr] .row.head {
  color: #7CB342;
}
#time-calendar-holder [data-theme=apr] .header .text,
#time-calendar-holder [data-theme=apr] .table .row .cell.active span,
.custom-time-calendar-holder [data-theme=apr] .header .text,
.custom-time-calendar-holder [data-theme=apr] .table .row .cell.active span {
  background-color: #7CB342;
}
#time-calendar-holder [data-theme=may],
.custom-time-calendar-holder [data-theme=may] {
  background-color: #FFE082;
}
#time-calendar-holder [data-theme=may] .row.head,
.custom-time-calendar-holder [data-theme=may] .row.head {
  color: #FFB300;
}
#time-calendar-holder [data-theme=may] .header .text,
#time-calendar-holder [data-theme=may] .table .row .cell.active span,
.custom-time-calendar-holder [data-theme=may] .header .text,
.custom-time-calendar-holder [data-theme=may] .table .row .cell.active span {
  background-color: #FFB300;
}
#time-calendar-holder [data-theme=jun],
.custom-time-calendar-holder [data-theme=jun] {
  background-color: #FFAB91;
}
#time-calendar-holder [data-theme=jun] .row.head,
.custom-time-calendar-holder [data-theme=jun] .row.head {
  color: #F4511E;
}
#time-calendar-holder [data-theme=jun] .header .text,
#time-calendar-holder [data-theme=jun] .table .row .cell.active span,
.custom-time-calendar-holder [data-theme=jun] .header .text,
.custom-time-calendar-holder [data-theme=jun] .table .row .cell.active span {
  background-color: #F4511E;
}
#time-calendar-holder [data-theme=jul],
.custom-time-calendar-holder [data-theme=jul] {
  background-color: #CE93D8;
}
#time-calendar-holder [data-theme=jul] .row.head,
.custom-time-calendar-holder [data-theme=jul] .row.head {
  color: #8E24AA;
}
#time-calendar-holder [data-theme=jul] .header .text,
#time-calendar-holder [data-theme=jul] .table .row .cell.active span,
.custom-time-calendar-holder [data-theme=jul] .header .text,
.custom-time-calendar-holder [data-theme=jul] .table .row .cell.active span {
  background-color: #8E24AA;
}
#time-calendar-holder [data-theme=aug],
.custom-time-calendar-holder [data-theme=aug] {
  background-color: #B39DDB;
}
#time-calendar-holder [data-theme=aug] .row.head,
.custom-time-calendar-holder [data-theme=aug] .row.head {
  color: #5E35B1;
}
#time-calendar-holder [data-theme=aug] .header .text,
#time-calendar-holder [data-theme=aug] .table .row .cell.active span,
.custom-time-calendar-holder [data-theme=aug] .header .text,
.custom-time-calendar-holder [data-theme=aug] .table .row .cell.active span {
  background-color: #5E35B1;
}
#time-calendar-holder [data-theme=sep],
.custom-time-calendar-holder [data-theme=sep] {
  background-color: #EF9A9A;
}
#time-calendar-holder [data-theme=sep] .row.head,
.custom-time-calendar-holder [data-theme=sep] .row.head {
  color: #E53935;
}
#time-calendar-holder [data-theme=sep] .header .text,
#time-calendar-holder [data-theme=sep] .table .row .cell.active span,
.custom-time-calendar-holder [data-theme=sep] .header .text,
.custom-time-calendar-holder [data-theme=sep] .table .row .cell.active span {
  background-color: #E53935;
}
#time-calendar-holder [data-theme=oct],
.custom-time-calendar-holder [data-theme=oct] {
  background-color: #CE93D8;
}
#time-calendar-holder [data-theme=oct] .row.head,
.custom-time-calendar-holder [data-theme=oct] .row.head {
  color: #8E24AA;
}
#time-calendar-holder [data-theme=oct] .header .text,
#time-calendar-holder [data-theme=oct] .table .row .cell.active span,
.custom-time-calendar-holder [data-theme=oct] .header .text,
.custom-time-calendar-holder [data-theme=oct] .table .row .cell.active span {
  background-color: #8E24AA;
}
#time-calendar-holder [data-theme=nov],
.custom-time-calendar-holder [data-theme=nov] {
  background-color: #BCAAA4;
}
#time-calendar-holder [data-theme=nov] .row.head,
.custom-time-calendar-holder [data-theme=nov] .row.head {
  color: #6D4C41;
}
#time-calendar-holder [data-theme=nov] .header .text,
#time-calendar-holder [data-theme=nov] .table .row .cell.active span,
.custom-time-calendar-holder [data-theme=nov] .header .text,
.custom-time-calendar-holder [data-theme=nov] .table .row .cell.active span {
  background-color: #6D4C41;
}
#time-calendar-holder [data-theme=dec],
.custom-time-calendar-holder [data-theme=dec] {
  background-color: #B0BEC5;
}
#time-calendar-holder [data-theme=dec] .row.head,
.custom-time-calendar-holder [data-theme=dec] .row.head {
  color: #546E7A;
}
#time-calendar-holder [data-theme=dec] .header .text,
#time-calendar-holder [data-theme=dec] .table .row .cell.active span,
.custom-time-calendar-holder [data-theme=dec] .header .text,
.custom-time-calendar-holder [data-theme=dec] .table .row .cell.active span {
  background-color: #546E7A;
}
#time-calendar-holder .is-accounted-for,
#time-calendar-holder .is-not-accounted-for,
#time-calendar-holder .is-extra,
.custom-time-calendar-holder .is-accounted-for,
.custom-time-calendar-holder .is-not-accounted-for,
.custom-time-calendar-holder .is-extra {
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  /*top: 2px;
  right: 2px;*/
  top: 1px;
  right: 0px;
  border-radius: 10px;
}
#time-calendar-holder .is-accounted-for > div,
#time-calendar-holder .is-not-accounted-for > div,
#time-calendar-holder .is-extra > div,
.custom-time-calendar-holder .is-accounted-for > div,
.custom-time-calendar-holder .is-not-accounted-for > div,
.custom-time-calendar-holder .is-extra > div {
  position: absolute;
  font-size: 10px;
  line-height: 10px;
  top: 100%;
  /*left: 0px;*/
  left: 50%;
  transform: translate(-50%, 0%);
  margin-top: 3px;
  font-weight: 700;
}
#time-calendar-holder .is-not-accounted-for,
.custom-time-calendar-holder .is-not-accounted-for {
  background-color: #ff5050;
}
#time-calendar-holder .is-not-accounted-for > div,
.custom-time-calendar-holder .is-not-accounted-for > div {
  color: #ff5050;
}
#time-calendar-holder .header .is-accounted-for,
#time-calendar-holder .header .is-not-accounted-for,
#time-calendar-holder .header .is-extra,
.custom-time-calendar-holder .header .is-accounted-for,
.custom-time-calendar-holder .header .is-not-accounted-for,
.custom-time-calendar-holder .header .is-extra {
  top: -5px;
  right: -25px;
}
#time-calendar-holder .is-accounted-for,
.custom-time-calendar-holder .is-accounted-for {
  background-color: #2b9f26;
}
#time-calendar-holder .is-accounted-for > div,
.custom-time-calendar-holder .is-accounted-for > div {
  color: #2b9f26;
}
#time-calendar-holder .is-extra,
.custom-time-calendar-holder .is-extra {
  background-color: #d99636;
}
#time-calendar-holder .is-extra > div,
.custom-time-calendar-holder .is-extra > div {
  color: #d99636;
}

.custom-time-calendar-holder {
  height: 200px;
}
.custom-time-calendar-holder .months {
  height: auto;
}
.custom-time-calendar-holder .table .row .cell:first-of-type {
  border-right: 0px;
}
.custom-time-calendar-holder .table .row .cell:first-of-type a {
  color: #000;
}
.custom-time-calendar-holder .disable a {
  cursor: default !important;
}

@media only screen and (max-width: 768px) {
  #time-calendar-holder .is-accounted-for,
#time-calendar-holder .is-not-accounted-for,
#time-calendar-holder .is-extra,
.custom-time-calendar-holder .is-accounted-for,
.custom-time-calendar-holder .is-not-accounted-for,
.custom-time-calendar-holder .is-extra {
    width: 8px;
    height: 8px;
    top: 9px;
    right: -5px;
    font-size: 5px;
  }

  #time-calendar-holder .is-accounted-for > div,
#time-calendar-holder .is-not-accounted-for > div,
#time-calendar-holder .is-extra > div,
.custom-time-calendar-holder .is-accounted-for > div,
.custom-time-calendar-holder .is-not-accounted-for > div,
.custom-time-calendar-holder .is-extra > div {
    font-size: 8px;
  }
}

/*# sourceMappingURL=calendar.css.map */