.datepicker table tr td.disabled {
    color: #ccc;
    text-decoration: line-through;
}

.datepicker-dropdown {
    background-color: #FEFEFE !important;
}

.bsc-container {
}

.bsc-container .alert,
.bsc-confirmation *,
.bsc-loader span {
    font-size: 14px;
}

.bsc-filter__selection .form-group label {
    margin-top: 20px;
}

.bsc-progress {
    display: flex;
    flex-direction: row;
    border-radius: 10px;
    background-color: #EFEFEF;
    height: 85px;
    padding-left: 35px;
    padding-right: 35px;
}

.bsc-progress_item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% / 3);
    position: relative;
}

.bsc-progress_item::before {
    content: ' ';
    height: 1px;
    width: 100%;
    background-color: #ccc;
    position: absolute;
    left: 0;
    z-index: 1;
    top: calc(50% - 0.5px);
}

.bsc-progress_item.bsc-progress_item--active::before {
    background-color: #00E6A1;
}

.bsc-progress_item::after {
    content: ' ';
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #ccc;
    position: absolute;
    left: calc(50% - 10px);
    z-index: 2;
    top: calc(50% - 10px);
    background-color: #FFF;
    border: 2px solid #CCC;
}

.bsc-progress_item.bsc-progress_item--active::after {
    background-color: #02484D;
    border: 2px solid #00E6A1;
}

.bsc-progress_item span {
    font-size: 10px;
    margin-top: 45px;
}

.bsc-slot-item {
    display: flex;
    position: relative;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    height: 85px;
    border: 1px solid #00E6A1;
    margin-bottom: 15px;
    cursor: pointer;
}

.bsc-slot-item--empty,
.bsc-slot-item--booked {
    cursor: initial;
}

.bsc-slot-item--empty {
    background-color: #EFEFEF;
    border: 1px solid #ccc;
}

.bsc-slot-item--booked {
    background-color: #02484D !important;
}

.bsc-slot-item--booked .delete {
    position: absolute;
    top: 5px;
    right: 7px;
    outline: none;
    box-shadow: none;
}

.bsc-slot-item--booked * {
    color: #fff !important;
}

.bsc-slot-item--booked.focus {
    background-color: #00E6A1 !important;
    border: 1px solid #02484D;
}

.bsc-slot-item--booked.focus * {
    color: #02484D !important;
}


.bsc-slot-item--proccessing,
.bsc-slot-item:not(.bsc-slot-item--empty):not(.bsc-slot-item--booked):hover {
    background-color: #00E6A1 !important;
}

.bsc-slot-item:not(.bsc-slot-item--empty):not(.bsc-slot-item--booked):not(.bsc-slot-item--proccessing):hover .bsc-slot-item__available {
    display: none;
}

.bsc-slot-item:not(.bsc-slot-item--empty):not(.bsc-slot-item--booked):not(.bsc-slot-item--proccessing):hover .bsc-slot-item__book {
    display: block !important;
}

.bsc-slot-item.bsc-slot-item--booked .bsc-slot-item__available,
.bsc-slot-item.bsc-slot-item--proccessing .bsc-slot-item__available {
    display: none;
}

.bsc-slot-item.bsc-slot-item--booked .bsc-slot-item__booked {
    display: block !important;
}

.bsc-slot-item.bsc-slot-item--proccessing .bsc-slot-item__status {
    display: block !important;
}

.bsc-slot-item--isdeleting {
    background-color: #EFEFEF !important;
    border: 1px solid #02484D;
}

.bsc-slot-item--isdeleting * {
    color: #02484D !important;
    font-size: 14px;
}

.bsc-slot-item__time {
    font-size: 14px;
    font-weight: bold;
    color: #02484D;
}

.bsc-slot-item__book,
.bsc-slot-item__booked,
.bsc-slot-item__status {
    font-size: 12px;
    font-weight: bold;
}

.bsc-slot-item__book,
.bsc-slot-item__booked {
    text-transform: uppercase;
}

.bsc-slot-item__available {
    font-size: 12px;
}

.bsc-slot-item__available span {
    font-weight: bold;
    color: #02484D;
}

.bsc-confirmation,
.bsc-confirmation__controls {
    margin-top: 32px;
}

.bsc-confirmation span {
    font-weight: bold;
    color: #02484D;
}

.bsc-confirmation p {
    margin-bottom: 0;
}

.bsc-confirmation .btn {
    padding: 10px 20px;
    font-size: 14px;
}

.bsc-loader {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #ccc;
    margin-top: 8px;
}

.bsc-loader img {
    margin-right: 8px;
}