body.beautyagency .booked-calendar-wrap {
margin: 0;
}
body.beautyagency .booked-calendar-wrap .booked-calendar {
border-collapse: collapse;
}
body.beautyagency table.booked-calendar td {
height: 80px !important;
}
body.beautyagency table.booked-calendar td > span {
line-height: 79px !important;
}
body.beautyagency table.booked-calendar td {
font-size: 14px;
font-weight: 300;
}
body.beautyagency table.booked-calendar thead th .monthName {
font-size: 30px;
font-weight: 300;
letter-spacing: 0.2em;
line-height: 1;
text-transform: none;
}
body.beautyagency table.booked-calendar th .monthName a {
font-size: 14px;
font-weight: 300;
line-height: 19px;
letter-spacing: normal;
top: -5px;
}
body.beautyagency table.booked-calendar th a.page-left > i,
body.beautyagency table.booked-calendar th a.page-right > i {
display: none;
}
body.beautyagency table.booked-calendar th a.page-left:after,
body.beautyagency table.booked-calendar th a.page-right:after {
font-family: FontAwesome;
position: absolute;
top: 10px;
font-size: 16px;
content: ' ';
}
body.beautyagency table.booked-calendar th a.page-left:after {
content: '\f053';
left: 20px;
}
body.beautyagency table.booked-calendar th a.page-right:after {
content: '\f054';
right: 20px;
}
body.beautyagency table.booked-calendar tr.entryBlock td {
padding: 36px 40px 24px;
}
body.beautyagency table.booked-calendar .booked-appt-list {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 0;
}
body.beautyagency .booked-calendar-wrap .booked-appt-list h2 {
font-size: 20px;
font-weight: 300;
line-height: 1.5;
text-align: left;
text-transform: unset;
}
body.beautyagency .booked-calendar-wrap .booked-appt-list h2 strong {
font-weight: 500;
}
body.beautyagency .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time {
font-size: 14px;
font-weight: 300;
line-height: 2.1429;
}
body.beautyagency .booked-calendar-wrap .booked-appt-list .timeslot .spots-available {
font-size: 14px;
font-weight: 300;
line-height: 2.1429;
text-transform: none;
float: right;
width: 50%;
}
body.beautyagency table.booked-calendar thead th .monthName {
font-weight: 100;
}
body.beautyagency .booked-calendar-wrap .booked-appt-list .timeslot {
border-left: 0 !important;
border-right: 0 !important;
border-bottom: 0 !important;
}
body.beautyagency .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time {
height: 50px;
padding-top: 10px;
}
body.beautyagency .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people {
height: 50px !important;
padding-top: 6px !important;
padding-right: 0 !important;
}
body.beautyagency .booked-calendar-wrap .booked-appt-list .timeslot button {
width: 100%;
max-width: 160px;
letter-spacing: 0;
}
body.beautyagency .booked-modal .bm-window,
body.beautyagency .booked-modal .bm-window p.booked-title-bar,
body.beautyagency .booked-modal .bm-window .booked-scrollable {
border-radius: 0;
}
body.beautyagency .booked-modal .bm-window b,
body.beautyagency .booked-modal .bm-window strong {
font-weight: 500;
}
body.beautyagency .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button,
body.beautyagency .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button:hover {
border: none;
}
body.beautyagency table.booked-calendar .booked-appt-list .timeslot .timeslot-people button,
body.beautyagency .booked-calendar .booked-appt-list .timeslot .timeslot-people button {
position: relative;
height: 40px;
border-radius: 0;
padding-right: 12px;
padding-left: 12px;
}
body.beautyagency .booked-modal .bm-window .close {
opacity: 0.5;
top: 10px;
}
body.beautyagency .booked-modal .bm-window .close:hover {
opacity: 0.9;
}
body.beautyagency .booked-modal input.button-primary[type="submit"]:hover {
opacity: 0.5;
}
body.beautyagency table.booked-calendar td.today .date .number {
line-height: 45px;
}
body.beautyagency table.booked-calendar tr.days th {
border-width: 0 !important;
} body.beautyagency table.booked-calendar tr.week td.active .date .number {
background: transparent;
}
body.beautyagency table.booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover,
body.beautyagency .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button[disabled],
body.beautyagency .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button[disabled]:hover,
body.beautyagency .booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover,
.gray-dark-alt-color-bg-imp {
background: transparent !important;
}
@media (max-width: 721px) {
body.beautyagency table.booked-calendar tr.entryBlock td {
height: auto !important;
}
body.beautyagency .booked-calendar-wrap table.booked-calendar tr.week td.active .date,
body.beautyagency table.booked-calendar th a.page-right::after {
right: 0;
}
body.beautyagency table.booked-calendar th a.page-left::after {
left: 0;
}
body.beautyagency table.booked-calendar td.today .date .number {
line-height: 25px;
}
body.beautyagency .booked-calendar-wrap .booked-appt-list .timeslot button {
width: auto;
max-width: 100%;
}
}
@media screen and (max-width: 1100px) {
body.beautyagency table.booked-calendar td.today .date .number {
line-height: 25px;
}
}