@charset "utf-8";

@import "../initial";

.w-calendar {
  width: 100%;
  position: relative;

  .widget-title {
    text-align: center;
    border: 0.0625em solid $theme-gray-subtle;
    margin: 0;
    padding: 0.5em 0;
  }

  th {
    background: $theme-color-main;
    color: $theme-white;
    text-align: center;
    font-size: 0.8125rem;
  }

  td {
    border: 0.0625em solid $theme-gray-subtle;
    text-align: center;
    font-size: 0.8125rem;
  }
}

.w-calendar-table {
  margin-bottom: 0;

  .w-calendar-today {
    background: $theme-color-main;
    color: $theme-white;
  }

  .w-calendar-event {
    background: $theme-color-third;
    color: $theme-white;
    cursor: pointer;
  }
}

.w-calendar-nav {
  a {
    position: absolute;
    top: 0.5em;
    left: 0.625em;
    color: $theme-color-main;
  }

  .w-calendar-nav-next {
    left: auto;
    right: 0.625em;
  }
}
#orbit_calendar{
  position: relative;
  margin-top: 1em;
  width: 100%!important;
  z-index: 0;
  table th{
    background-color: #fff;
    color: #333;
  }
}
.fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table{
  width: 100%!important;
}

.fc .fc-daygrid-day-top{
  justify-content: center;
}
.fc-daygrid-event-dot{
    display: none!important;
}

.fc-daygrid-event-harness{
  .mybooking{
        box-shadow: 0 1px 2px 1px #000000;
      // background-color:#ff7a00 !important;
      // color: #fff !important;
      // border:0!important;
      // .fc-event-time,.fc-event-title-container{
      //   color: #fff !important;
      // }
      // .fc-event-main-frame{
      //   color: #fff !important;
      // }
  }
}
.fc .fc-daygrid-event{
      margin-top: 4px;
}
.fc-timegrid-event-harness{
  .mybooking{
        box-shadow: 0 1px 2px 1px #000000;
      // background-color:#ff7a00 !important;
      // border:0!important;
      // .fc-event-main-frame{
      //   color: #fff !important;
      // }
  }
}
.fc-timegrid-slot-label-cushion{
      font-size:small;
}
.fc .fc-timegrid-slot-label{
  border:0;
}
.fc .fc-timegrid-slot{
      height: 0.5em !important;
}
.fc-direction-ltr .fc-timegrid-slot-label-frame{
  text-align:center!important;
}
.fc .fc-timegrid-axis-cushion, .fc .fc-timegrid-slot-label-cushion{
  padding: 0;
}
.fc .fc-timegrid-axis-frame{
  justify-content: center!important;
}
// .fc-timeGridWeek-view{
//   .fc-event-time{
//     display: none;
//   }
// }
  .fc-v-event .fc-event-main-frame{
    padding: 5px;
    color: #fff;
  }
  // .fc-timeGridWeek-view{
  //  .fc-scrollgrid-sync-table{
  //       display: none;
  //   }
  // }
  // td.fc-timegrid-axis.fc-scrollgrid-shrink{
  //       display: none;
  // }
// .fc .fc-timegrid-axis-frame{
//     display: none;
//   }
  // .fc .fc-timegrid-slot-label{
  //     display: none;
  // }

.fc-timegrid-event-harness{
  position:relative!important;
  inset: unset !important;
}
.fc-timegrid-event-harness > .fc-timegrid-event{
  position:relative!important;
  inset: unset !important;
  width: 100%;
  border: 0;
}
#hire_form label.col-sm-4.control-label{
  @media(max-width: $screen-xs){
        padding-left:0.9375em!important;
  }
}
.modal-content{
  box-shadow: 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f, 0 11px 15px -7px #00000033;
  border-radius: 8px;
  behavior: url("/assets/ie_support/PIE2/PIE.htc");
  border: 0;
}
.fc .fc-daygrid-day.fc-day-today{
  background-color:transparent!important;
  .fc-daygrid-day-number{
    color: #fff;
    background-color: #858585;
    border-radius: 0.65em;
    min-width: 2em;
    text-align: center;
  }
}
.calendar-modal .event_summary{
  font-size: 1.2em;
  letter-spacing: 1px;
}
.calendar-modal > .modal-content h3{
  font-weight: bold;
}
.fc .fc-daygrid-event-harness{
  font-weight: bold;
}
.fc .fc-daygrid-day-number{
      margin-top: 0.3em;
          color: inherit;
}
.fc .fc-col-header-cell-cushion{
            color: inherit;
}
.fc-daygrid-dot-event{
  display:block !important;
}
.fc-daygrid-event-harness .fc-daygrid-event{
    padding: 5px;
}

.fc-timegrid-axis{
  min-width: 10em;
}
.fc-dayGridMonth-view{
  @media(max-width: $screen-xs){
    td{
      height: 5em;
    }
  }
}
.fc-col-header-cell-cushion{
    @media(max-width: 768px){
      white-space: normal;
      text-align: justify;
      font-size: small;
      display: unset !important;
      padding: 0 !important;
    }
}

@media(max-width: $screen-xs){
    .fc .fc-scrollgrid-liquid{
      height: 26.5em!important;
    }
    .fc-view-harness{
      height: 26.5em!important;
    }
    .fc-timegrid-slot-label-cushion{
      width: 100%;
      text-align: left;
    }
}
@media(max-width:768px){
  .fc-daygrid-day-number{
        font-size: small;
  }
}
.has_event{
  background-color: $theme-color-second!important;
}
.createbooking{
  cursor: pointer;
  @media(max-width: 820px){
    display: none!important;
  }
}
.cancelbooking{
  .cancelbookingbtn{
    color: #fff;
    font-size: 1.2em;
    padding: 5px 12px;
    cursor: pointer;
    width: 2em;
    height: 2em;
    position: relative;
    border-radius: 2em;
    behavior: url("/assets/ie_support/PIE2/PIE.htc");
    display: block;
    border: 1px solid #fff;
  }
  position: absolute;
  top: 5em;
  right: 103%;
  @media(max-width:820px){
    display: none!important;
  }
}
.form-horizontal{
  @media(min-width:1025px){
    margin: auto;
    width: 60%;
  }
}
  .control-label{
    @media(max-width: 820px){
      padding-left:0.9375em!important;
    }
  }
.fc-popover-header{
  padding: 6px 12px!important;
  .fc-popover-close{
    font-size:1.5em!important;
  }
  .fc-popover-title{
    font-size: 1.2em!important;
  }
}
.modal-footer{
  a{
    color: #fff;
    background: #858585;
    font-size: 1em;
    &:hover{
      color: #fff;
      background: #333;
    }
  }
}
.fc .fc-timegrid-slot-minor{
  border-top: 0;
}
.fc-view-harness{
  height: auto!important;
}
.fc-timeGridDay-view{
  position: relative!important;
  span.fc-timegrid-axis-cushion.fc-scrollgrid-shrink-cushion.fc-scrollgrid-sync-inner{
    display: none;
  }
  .fc-timegrid-axis-frame{
    display: none;
  }
  .fc-scrollgrid-section-liquid{
    display: none;
  }
  .fc-timegrid-slot{
    border:0!important;
  }
  .fc-timegrid-slot:empty:before{
    position: absolute;
  }
  .fc-scroller-liquid-absolute{
    position: relative!important;
    @media(min-width:$screen-xs){
      overflow: unset !important;
    }
  }
    .fc-daygrid-day-frame{
      @media(min-width: $screen-xs){
          min-height: 7em!important;
      }
      @media(max-width: $screen-xs){
        min-height:24em !important;
      }
  }
  .fc-scrollgrid-section-liquid{
    display: none!important;
  }
    span.fc-timegrid-axis-cushion.fc-scrollgrid-shrink-cushion.fc-scrollgrid-sync-inner{
    display: none;
  }
  .fc-timegrid-axis-frame{
    display: none;
  }
  th.fc-timegrid-axis{
     display: none;
  }
  td.fc-timegrid-axis.fc-scrollgrid-shrink{
    display: none;
  }
}
.fc-timeGridWeek-view{
/*   table th{
    display: table-cell;
   }*/
/*  .fc-col-header {
    display: none;
  }*/
/*  .fc-timegrid-axis{
    display: none;
  }*/
  .fc-daygrid-day-frame{
      @media(min-width: $screen-xs){
          min-height: 7em!important;
      }
      @media(max-width: $screen-xs){
        min-height:24em !important;
      }
  }
  .fc-event-title{
      @media(max-width: $screen-xs){
        -webkit-line-clamp: 4!important;
      }
  }
/*  span.fc-timegrid-axis-cushion.fc-scrollgrid-shrink-cushion.fc-scrollgrid-sync-inner{
    display: none;
  }*/
/*  .fc-timegrid-axis-frame{
    display: none;
  }*/
  .fc-scrollgrid-section-liquid{
    display: none!important;
  }
      position: relative!important;
      .fc-timegrid-slot{
        border:0!important;
      }
      .fc-timegrid-slot:empty:before{
        position: absolute;
      }
  .fc-scroller-liquid-absolute{
    position: relative!important;
    @media(min-width:$screen-xs){
      overflow: unset !important;
    }
  }
.fc-timegrid-slot:empty:before{
  // @media(max-width: $screen-xs){
    height: 0.8em;
    position: relative;
    display: block;
  // }
  }
}
.fc-dayGridMonth-view{
  position: relative!important;
  .fc-scroller-liquid-absolute{
  position: relative!important;
  }
  .fc-scrollgrid-sync-table{
        height: 600px!important;
  }
}
.ui-widget-header{
  background: #000000!important;
  border-color: #000000!important;
  color: #fff !important;
}
.ui-state-default{
  background: #fff !important;
    border: 0 !important;
    text-align: center !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
  border: 0 !important;
  background: silver !important;
}
.ui-widget-header a{
  color: #fff!important;
}
.ui-widget-header .ui-icon{
  filter: brightness(500%);
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover, .ui-button.ui-state-active.hover-class{
  border: 0 !important;
  background: silver !important;
  color:#000!important;
}
.hidden_timepickerbtn{
  margin-left:0.5em;
  @media(max-width:$screen-xs){
    margin-left: 0;
    margin-top: 0.5em;
  }

}
#confirm_date{
  background: #000000;
  border-color: #000000;
  &:hover{
    opacity: .8;
  }
}
#cancel_date{
  background: #000000;
  border-color: #000000;
  &:hover{
    opacity: .8;
  }
}
  #hidden_timepicker{
    background: #f1f1f1;
    padding: 1.2em 0 0 0;
    border-radius: 0.5em;

  }
    .hidden_timepicker{
      display: flex;
      justify-content: center;
      align-items: center;
      @media(max-width:$screen-xs){
        display: grid;
        padding: 0 1em;
        justify-content: flex-start;
      }
    }
    .property_title{
      font-size: 1.2em;
      font-weight: bold;
    }
    .modal-header{
      .close{
        font-size: 2em;
        position: absolute;
        right: 0.5em;
      }
    }
@media(max-width: $screen-xs){
/*  .fc-theme-standard td, .fc-theme-standard th{
    border:0!important;
  }*/
  .fc-timeGridWeek-view{
   .fc-scrollgrid-sync-table{

    }
  }
/*  .fc .fc-timegrid-axis-frame{
    display: none!important;
  }*/
  .fc .fc-timegrid-slot-label{
      display:none!important;
  }
}
#property-selector{
    @media(max-width:$screen-xs){
      .fc .fc-daygrid-body-natural .fc-daygrid-day-events{
        display: none!important;
      }
    .fc .fc-timegrid .fc-daygrid-body{
      display: none!important;
    }
    .fc-daygrid-day-events{
      display: none!important;
    }
    td.fc-timegrid-axis.fc-scrollgrid-shrink{
      display: none;
    }
  }
}
.fc-daygrid-day-bottom{
  a{
      color:$theme-color-main;
  }
}
.fc-daygrid-event-harness{
  a{
      color:$theme-color-main;
  }
}
table.fc-col-header{
  width:100%!important;
}
a.fc-daygrid-more-link.fc-more-link{
  display: block;
  padding: 0.5em;
  border-radius: 1em;
  box-shadow: 0 2px 6px #00000026;
  border: 0.0625em solid #00000033;
  @media(max-width: 768px){
    padding: 0.3em;
    font-size: .85em;
  }
}
.fc .fc-daygrid-more-link{
  font-size: 1.2em;
  font-weight: bold;
}
.fc-h-event .fc-event-title{
  display:-webkit-box!important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 3em;
}
.mybooking{
  &:after{
    content:"\f2bd"!important;
    position: relative!important;
    background: none!important;
    display: block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color: #fff;
/*    @media(min-width: $screen-xs){
      position: absolute;
      top: 2em;
      right: 1em;
    }*/
  }
}
.mybookinga{
      margin-bottom: 0.5em;
      a{
            font-size: 1em;
             font-weight: bold;
      }
}