.legend-element {
    display: flex;
    align-items: center;
}
.inline-availability-legend {
    display: flex;
    align-items: center;
    justify-content: center;
}
.inline-availability-legend .color-box {
    height: 15px;
    width: 15px;
    display: inline-block;
}

.pre_option_classCovered.border-red-flexi-pre-booking
{
  border: 1px solid #ff0000!important;
}

.pre_option_teacherCovered.border-red-flexi-pre-booking
{
  border: 1px solid #ff0000!important;
}

.inline-availability-legend .available-color {
    background: #59E817;
}
.inline-availability-legend .booked-color {
    background: #4CAAD8;
}

.inline-availability-legend .bookedexternally-color {
    background-color: #23698C;
}

.inline-availability-legend .haventindicated-color {
    background: #FFA500;
}
.inline-availability-legend .unavailable-color {
    background: #CC3430;
}
.inline-availability-legend .text {
    display: inline-block;
    font-size: 12px;
    margin-left: 5px;
    margin-right: 20px;
}
.availability-inline-calendar .controls {
    font-size: 13px;
}
.availability-inline-calendar .controls a:hover {
    text-decoration: none;
}
.availability-inline-calendar {
    height: 140px;
    width: 100%!important;
}
.inline-availability-header-templates {
    display: none;
}
.inline-availability-header,
.inline-availability-grid {
    display: flex;
    align-items: center;
}
.inline-availability-header .cell {
    flex-grow: 1;
    font-size: 12px;
    padding: 5px;
    text-align: center;
}
.inline-availability-grid .inline-cell {
    /*flex-basis: 25em;*/
    flex-grow: 1;
    height: 45px;
    text-align: center;
    margin: 1px;
    font-size: 14px;
    background: rgb(242, 242, 242);
    overflow: hidden;
}
.inline-availability-grid .interval {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 90%;
}
.inline-availability-header .cell .date {
    font-weight: bold;
    font-size: 14px;
}

a.show-more-caret {
    font-size: 14px !important;
}

.show-more-caret:after {
    font-family: FontAwesome;
    content: "\f107";
}

.show-more-caret[aria-expanded="true"]:after {
    content: "\f106";
}