@media screen and (max-width: 768px){
    .fc-toolbar.fc-header-toolbar{
        height: 110px;
    }
    .fc-header-toolbar .fc-toolbar-chunk{
        width: 100%;
        position: absolute;
        text-align: center;
    }
    .fc-header-toolbar .fc-toolbar-chunk:nth-child(1){
        top: 0;
        font-size: 15px;
    }
    .fc-header-toolbar .fc-toolbar-chunk:nth-child(3){
        top: 70px;
    }
    .fc-button{
        font-size: 12px !important;
    }
    .fc-button-group{
        margin: 0 !important;
    }
    .fc-view-harness{
     	height: 500px !important;
    }
    .fc-timegrid-slots{
        font-size: 12px;
    }
    .slotText{
        line-height: 3 !important;
        font-size: 12px;
    }
    .fc-event-title{
        font-size: 11px !important;
    }
    .dayCellIcon{
        font-size: 30px !important;
	}
    .fc-col-header-cell-cushion{
        font-size: 14px;
    }
}
@media screen and (min-width: 769px){
    .fc .fc-header-toolbar{
        margin: 0px 0px 15px 10px !important;
    }
}
.form__step fieldset{
    border: 1px solid #DDE2E5 !important;
}
.fc-button{
    float: left;
    font-size: 14px;
    min-height: 36px;
    background: none;
    font-weight: bold;
    border: 1px !important;
    line-height: normal !important;
    padding: 5px 15px !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    background-color: #0098DB !important;
    -webkit-transition-property: color,background,border !important;
    -moz-transition-property: color,background,border !important;
    transition-property: color,background,border !important;
}
.fc .fc-button .fc-icon{
    vertical-align: middle;
}
.fc .fc-daygrid-body-natural{
    display: none !important;
}
.fc-button:hover{
    background-color: #0fb6ff !important;
}
.fc-button[disabled]{
    background-color: #0098DB !important;
}
.fc .fc-button-primary:focus{
    box-shadow: none !important;
}
.fc .fc-daygrid-day-number{
    padding: 0 5px 0;
}
.fc-daygrid-day-number{
    font-size: 14px !important;
    font-weight: bold !important;
}
.l-margin-desktop-td,
.fc .fc-col-header,
.fc table{
    margin: 0px !important;
}
.fc-timegrid-col-events{
    width: 100%;
}
.fc td, .fc th{
    position: relative;
    padding: 0px !important;
}
.fc a,
.fc a:hover{
    color: #000000;
    font-family: Merriweather,serif;
    text-decoration: none !important;
}
.fc .fc-timegrid-slot-label-cushion{
    font-weight: bold;
    font-family: Merriweather,serif;
}
.fc .fc-timegrid-slot-label {
    height: 35px;
}
.unselectable{
    background: #A9A9A9 !important;
}
.selectable{
    background: #0098DB !important;
}
.selectable:hover{
    background: #0fb6ff !important;
}
.sDCTIndicator{
    line-height: 2;
    position: relative;
    font-family: Merriweather,serif;
}
.sDCTIndicator i{
    top: -3px;
    right: -46px;
    color: #ffd11a;
    font-size: 20px;
}
.sDCTIndicator sup{
    top: -10px;
    left: -2px;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-family: Merriweather,serif;
}
.dayCellIcon{
   	left: 0;
    right: 0;
    opacity: .15;
    position: absolute;
    font-size: 50px;
}
.noAvailable{
    background: #FF4D4D !important;
}
.otherMonth{
    background: #f6f6f6 !important;
}
.fullAppointments{
    background: #747678 !important;
}
.facilityClosed{
    background: #FF4D4D !important;
}
.fullAppointments:hover,
.facilityClosed:hover,
.availableNotSelectable:hover{
    cursor: not-allowed;
}
.availableNotSelectable{
    background: #6E97B8 !important;
}
.slotText{
    width: 100%;
    height: 100%;
    display: grid;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 1;
    position: absolute;
    text-align: center;        
    align-items: center;
    font-family: Merriweather,serif;
}
.smallText{
    font-size: 12px;
}
.fc-timegrid-event-harness{
	left: -2px !important;    
}
.fc-event:hover{
    background: #FFF000 !important;
}
.fc-event-time{
    display: none;
}
.fc-event-title{
    width: 100%;
    color: #000000;
    font-size: 14px;
    position: absolute;
    text-align: center;
    top: 5px !important;    
    display: grid;
    font-weight: 600;
    align-items: center;
}
.selectedEvent{
    height: 100%;
    border-bottom: 1px solid #FFFFFF !important;
    box-shadow: none !important;
}
.fc-daygrid-day-events{
    top: -1px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -2px;
}
.fc-daygrid-day-events{
    left: 0;
    top: -1px;
    width: 100%;
    height: 100%;
    position: absolute !important;;
}
.fc-daygrid-event-harness{
    width: 100%;
    height: 100%;
}
.selectedEventDay{
    top: 0;
    left: 0;
    margin: 0 !important;
    width: 100%;
    height: 100%;
    border-radius: 0;
    font-weight: bold;
    text-align: center;
    font-size: 15px;
    position: absolute !important;
    background: #FFFF66 !important;
}
.selectedEventDay p{
    width: 100%;
    margin: 0;
}
.selectedEventDay .fc-daygrid-event-dot{
    display: none;
}
.selectedEventDay .fc-event-title{
    height: 100%;
    text-align: center;
    top: 0 !important;
}

