/**
 * Booked Plugin
 */

body.handyman table.booked-calendar td {
    height: 80px !important;
}

body.handyman table.booked-calendar td > span {
    line-height: 79px !important;
}

body.handyman table.booked-calendar td {
    font-size: 14px;
    font-weight: 300;
}

body.handyman table.booked-calendar thead th .monthName {
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 0.2em;
    line-height: 19px;
    text-transform: none;
}

body.handyman table.booked-calendar th .monthName a {
    font-size: 14px;
    font-weight: 300;
    line-height: 19px;
    letter-spacing: normal;
    top: -5px;
}

body.handyman table.booked-calendar th .monthName a {
    color: rgba(255, 255, 255, 0.50);
}

body.handyman table.booked-calendar th .monthName a:hover {
    color: rgba(255, 255, 255, 0.90);
}

body.handyman table.booked-calendar tr.entryBlock td {
    padding: 45px;
}

body.handyman 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.handyman .booked-calendar-wrap .booked-appt-list h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    text-transform: uppercase;
}

body.handyman .booked-calendar-wrap .booked-appt-list .timeslot {
    border-color: #3c3d41;
}

body.handyman .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time {
    font-size: 14px;
    font-weight: 300;
    line-height: 2.1429;
}

body.handyman .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.handyman .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time {
    height: 79px;
    padding-top: 24px;
}
body.handyman .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people {
    height: 79px;
    padding-top: 9px;
    padding-right: 9px;
}

body.handyman table.booked-calendar button {
    letter-spacing: 0.2em;
}

body.handyman .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button,
body.handyman .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button:hover {
    border: none;
}

body.handyman table.booked-calendar .booked-appt-list .timeslot .timeslot-people button,
body.handyman .booked-calendar .booked-appt-list .timeslot .timeslot-people button {
    position: relative;
    height: 60px;
    border-radius: 30px;
    padding-right: 100px;
    padding-left: 40px;
}

body.handyman .booked-calendar .booked-appt-list .timeslot .timeslot-people button:after {
    content: '\f061';
    font-family: FontAwesome;
    font-size: 20px;
    text-align: center;
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 30px;
    position: absolute;
    top: 0;
    right: 0;
    background: #e2001a;
    color: #ffffff;
}


/* Gray Dark color */

body.handyman table.booked-calendar td .date .number,
body.handyman table.booked-calendar td.today.prev-date .date span,
body.handyman table.booked-calendar td.today.prev-date:hover .date span,
body.handyman table.booked-calendar button,
body.handyman table.booked-calendar .booked-appt-list .timeslot .timeslot-people button,
body.handyman .booked-calendar .booked-appt-list .timeslot .timeslot-people button,
.gray-dark-color {
    color: #292a2e;
}

body.handyman table.booked-calendar tr.entryBlock td,
body.handyman table.booked-calendar .booked-appt-list,
body.handyman .booked-calendar-wrap .booked-appt-list .timeslot:hover,
.gray-dark-color-bg {
    background: #292a2e;
}

body.handyman table.booked-calendar tr.days,
body.handyman table.booked-calendar tr.days th,
body.handyman #booked-profile-page .booked-tabs,
.gray-dark-color-bg-imp {
    background: #292a2e !important;
}

body table.booked-calendar tr.days th,
body #booked-profile-page .booked-tabs,
.gray-dark-color-bd-imp {
    border-color: #292a2e !important;
}

/* Gray color */

body.handyman table.booked-calendar tr.entryBlock td,
body.handyman table.booked-calendar .booked-appt-list,
body.handyman .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time,
body.handyman .booked-calendar-wrap .booked-appt-list h2 strong,
.gray-main-color {
    color: #999999;
}

body.handyman table.booked-calendar td.prev-date:hover .date span,
.gray-main-color-imp {
    color: #999999 !important;
}

/* White color */

body.handyman table.booked-calendar thead th,
body.handyman table.booked-calendar tbody td,
body.handyman table.booked-calendar td:hover .date span,
body.handyman table.booked-calendar tr.entryBlock,
body.handyman table.booked-calendar tr.week td.active,
body.handyman table.booked-calendar tr.week td.active .date,
body.handyman table.booked-calendar tr.week td.active:hover .date,
body.handyman table.booked-calendar tr.week td.active .date .number,
body.handyman .booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover,
body.handyman table.booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover,
body.handyman .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button[disabled],
body.handyman .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button[disabled]:hover,
body.handyman .booked-calendar-wrap .booked-appt-list h2,
.white-color {
    color: #ffffff;
}

body.handyman table.booked-calendar .booked-appt-list .timeslot .timeslot-people button,
.white-bg {
    background: #ffffff;
}

/* Accent color */

body.handyman table.booked-calendar td.prev-date:hover .date span,
body.handyman .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time i.fa,
body.handyman .booked-calendar-wrap .booked-appt-list .timeslot .spots-available.empty,
.accent-color {
    color: #e2001a;
}

body.handyman table.booked-calendar td.today.prev-date .date span,
.accent-color-imp {
    color: #e2001a /*!important*/;
}

/* Accent background color */

body.handyman table.booked-calendar thead th,
body.handyman table.booked-calendar tbody td,
body.handyman table.booked-calendar tr.entryBlock,
body.handyman table.booked-calendar tr.week td.active,
body.handyman table.booked-calendar tr.week td.active .date,
body.handyman table.booked-calendar tr.week td.active:hover .date,
body.handyman table.booked-calendar td:hover .date span,
.accent-bg-color {
    background: #e2001a;
}

body.handyman table.booked-calendar thead,
body.handyman table.booked-calendar thead th,
body.handyman table.booked-calendar td.today:hover .date span,
.accent-bg-color-imp {
    background: #e2001a /*!important*/;
}

/* Accent border color */

body.handyman table.booked-calendar th,
body.handyman table.booked-calendar td.today .date span,
body.handyman table.booked-calendar td.today:hover .date span,
.accent-bd-color {
    border-color: #e2001a /*!important*/;
}

body.handyman table.booked-calendar tr.week td.active {
    border-bottom-color: #e2001a;
}

/* Transparent background */

body.handyman table.booked-calendar tr.week td.active .date .number {
    background: transparent;
}

/* Gray Dark Alt color */

body.handyman table.booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover,
body.handyman .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button[disabled],
body.handyman .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button[disabled]:hover,
body.handyman .booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover,
.gray-dark-alt-color-bg-imp {
    background: #3f4043 !important;
}

@media (max-width: 721px) {
    body table.booked-calendar tr.entryBlock td {
        height: auto !important;
    }
}