.calendar-box {
  border-color: #f6993c; }
  .calendar-box .index-calendar {
    position: relative;
    z-index: 2;
    margin-top: 5px; }
    .calendar-box .index-calendar .datepicker {
      width: 100%; }
      .calendar-box .index-calendar .datepicker table {
        width: 100%;
        margin: 0 auto; }
        .calendar-box .index-calendar .datepicker table tr td.disabled, .calendar-box .index-calendar .datepicker table tr td.disabled:hover {
          color: black; }
        .calendar-box .index-calendar .datepicker table tr td.old, .calendar-box .index-calendar .datepicker table tr td.old:hover, .calendar-box .index-calendar .datepicker table tr td.new, .calendar-box .index-calendar .datepicker table tr td.new:hover {
          color: #CCC !important;
          background: none !important; }
        .calendar-box .index-calendar .datepicker table tbody tr td.active {
          background: #ffca40;
          border: none;
          text-shadow: none;
          color: black; }
        .calendar-box .index-calendar .datepicker table tbody tr td.holiday {
          background: #57c0dc;
          color: white; }
      .calendar-box .index-calendar .datepicker .datepicker-switch {
        background: #828282;
        color: white; }
      .calendar-box .index-calendar .datepicker .prev, .calendar-box .index-calendar .datepicker .next {
        color: white; }
      .calendar-box .index-calendar .datepicker .prev {
        text-align: right;
        background: #828282; }
      .calendar-box .index-calendar .datepicker .next {
        text-align: left;
        background: #828282; }
  .calendar-box .calendar-container {
    overflow-y: scroll;
    margin-top: 2.5%!important;
    height: 40vw;}
@media (min-width: 425px) {
  .calendar-box .calendar-container {
    height: 52vw;
  }
}
@media (min-width: 576px) {
  .calendar-row{
    border: 5px solid grey;
  }
  .calendar-box .calendar-container {
    height: 240px;
  }
  .datepicker-inline {
    background: white;
    padding: 0;
  }
  .calendar-box .calendar-container {
    margin-top: 0 !important;
  }
}

@media (min-width: 768px){
  .calendar-box .calendar-container {
    height: 168px;
  }
}@media (min-width: 992px){
  .calendar-box .calendar-container {
    height: 232px;
  }
}@media (min-width: 1201px){
  .calendar-box .calendar-container {
    height: 255px;
  }
}@media (min-width: 1641px){
  .calendar-box .calendar-container {
    height: 259px;
  }
}


  .calendar-box .calendar-details {
    width: 100%;
    height: 100%;
    background: white;
    margin: 5px auto;
    margin-top: 0;
    padding: 0; }
    .calendar-box .calendar-details div {
      padding: 2px 4px 2px 7px;
      margin: 0 0; }
      .calendar-box .calendar-details div.holiday {
        border-left: #ab1d24 8px solid;
        border-bottom: 1px solid #d8e4e1; }
      .calendar-box .calendar-details div.event {
        border-left: #286090 8px solid;
        border-bottom: 1px solid #d8e4e1; }

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