orbit_demo_new_old2/assets/stylesheets/template/modules/calendar.scss

@charset "utf-8";

@import "../initial";
.widget-calendar-2{
 .w-calendar-title{
    background:$theme-color-second!important;
  }
  .day{
    color:$theme-color-second!important;
  }
  .w-calendar-toggle div{
        background:$theme-color-second!important;
  }
}
.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{
  width: 100%!important;
  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{
      background-color:#ff7a00 !important;
      color: #fff !important;
      border:0!important;
 .fc-event-main{
      color: #333 !important;
      }
  }
}
.fc .fc-daygrid-event{
      margin-top: 4px;
}
.modal-content{
  box-shadow: 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f, 0 11px 15px -7px #00000033;
  border-radius: 8px;
  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;
  }
}
.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;
}
.fc-daygrid-dot-event{
  display:block !important;
}
.fc-daygrid-event-harness .fc-daygrid-event{
    background-color: #d3d3d3;
    font-size: 1em;
    padding: 5px;
}
.fc .fc-daygrid-more-link{
  font-size: 1em;
}
.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: xx-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;
  }
    // .form-group{
    //   .col-sm-4{
    //     float: left;
    //     width: 33.33333333%;
    //   }
    //   .col-sm-8{
    //     float: left;
    //     width: 66.66666667%;
    //   }
    // }
}
.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;
    display: block;
    border: 1px solid #fff;
  }
  position: absolute;
  top: 5em;
  right: 103%;
  // padding-left: 0.65em;
  // a{
  //   margin-top: -5.2em;
  //   margin-left: 5em;
  //   z-index: 100;
  //   position: relative;
  // }
  @media(max-width:820px){
    display: none!important;
  }
}
#hire_form{
  @media(min-width: 821px){
    min-width: 500px;
    height:-webkit-fill-available;
    transform: translateX(100%);
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: transform;
    -o-transition-property: transform;
    transition-property: transform;
    position: relative;
    float: right;
    display: none;
    z-index: 999;

    .form-group{
      margin-bottom: 0.5em;
    }
  }
  .control-label{
    @media(max-width: 820px){
      padding-left:0.9375em!important;
    }
  }
  // #pick_start_date{
  //   @media(min-width: 821px){
  //     margin-left: 0!important;
  //     margin-top: 1em;
  //   }
  // }
  // #pick_end_date{
  //   @media(min-width: 821px){
  //     margin-left: 0!important;
  //     margin-top: 1em;
  //   }
  // }

}
.hire-ken-click2{
  padding-top: 4em;
  top: 0;
  background: #fff;
  right: 0;
  width: 40%;
  transform: translateX(0%)!important;
  display:block!important;
}
.shadowblock{
  overflow-y: scroll !important;
  padding: 0;
  position: fixed;
  background: #333333b8;
  width: 100%;
  height: -webkit-fill-available;
  top: 0;
  z-index: 999;
  left: 0;
  #hire_form{
    @media(min-width: 821px){
      max-width: 580px;
      padding-right: 2em;
      padding-left: 2em;
    }
  }
}
.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;
}