.bpa-front-tabs .el-form-item__label .bpa-front-form-label {
    text-align: left !important;
}

.bpa-frontend-main-container .bpa-front--dt__calendar .vc-day {
    border: none !important;
    border-color: transparent !important;
    border-width: 0 !important;
    padding: 0 !important;
}

.bpa-frontend-main-container {
    border: none !important;
}

.bpa-frontend-main-container * {
    border: none !important;
}

.bpa-frontend-main-container .bpa-front-form-control--checkbox .el-checkbox__inner {
    border-color: var(--bpa-gt-gray-400) !important;
    border: 1px solid !important;
}


.bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt__ts-body--items .bpa-front--dt__ts-body--item {
    border: 1px solid #d9d9d9 !important;
    border-radius: 12px !important;
    margin-bottom: 12px;
}

.bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt__ts-body--items .bpa-front--dt__ts-body--item:hover {
    background-color: #F6F7F9;
}

.bpa-frontend-main-container .bpa-front-default-card {
    border: 1px solid var(--bpa-gt-gray-400) !important;
}

.bpa-frontend-main-container .bpa-front--dt__calendar .vc-week,
.bpa-frontend-main-container .bpa-front--dt__calendar .vc-weekdays {
    gap: 4px !important;
    display: grid !important;
    grid-template-columns: repeat(7, 62px) !important;
    justify-content: center !important;
}

.bpa-frontend-main-container .bpa-front--dt__calendar .vc-day .vc-day-content {
    width: 62px !important;
    height: 52px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #e6e9ee !important;
    color: var(--bpa-dt-black-400) !important;
    font-weight: 600 !important;
}

.bpa-frontend-main-container .bpa-front--dt__calendar .vc-day .vc-day-content:hover:not(.is-disabled) {
    border: 1px solid #000 !important;
}

.bpa-frontend-main-container .bpa-front--dt__calendar .vc-highlights {
    display: none !important;
}

.bpa-front-tabs .bpa-front--dt__calendar .vc-header,
.bpa-front--dt__wrapper .vc-header {
    border-bottom: 0 !important;
}

.bpa-front-tabs .bpa-front--dt__calendar .vc-arrows-container {
    justify-content: flex-end !important;
    gap: 10px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.bpa-front-tabs .bpa-front--dt__calendar .vc-arrow {
    width: 48px !important;
    height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    padding: 0 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}

.bpa-front-tabs .bpa-front--dt__calendar .vc-arrow:hover {
    background-color: #f0f1f3 !important;
    border: 1px solid #e2e5ea !important;
}

.bpa-front-tabs .bpa-front--dt__calendar .vc-arrow:hover .vc-svg-icon path {
    fill: #2b2f36 !important;
}


.bpa-front-tabs .bpa-front--dt__calendar .vc-arrow.is-disabled {
    pointer-events: auto !important;
    opacity: 1 !important;
}

.bpa-front-tabs .bpa-front--dt__calendar .vc-arrow.is-disabled:hover {
    background-color: #fefefe !important;
    border: 1px solid #e6e9ee !important;
    cursor: not-allowed !important;
}

.bpa-front-tabs .bpa-front--dt__calendar .vc-arrow.is-disabled:hover .vc-svg-icon path {
    fill: #b8bcc6 !important;
}


.bpa-frontend-main-container .bpa-front--dt__calendar .bpa-multi__day-select {
    background-color: transparent !important;
}

.bpa-frontend-main-container .bpa-front--dt__calendar .bpa-multi__day-select .vc-day-content {
    background-color: #292929 !important;
    color: var(--bpa-cl-white) !important;
}

.bpa-frontend-main-container .bpa-front--dt__calendar .bpa-multi__day-select .vc-day-content:hover {
    background-color: #404040 !important;
}

.bpa-frontend-main-container .bpa-front--dt__calendar .vc-day.is-today .vc-day-content {
    background-color: #e6e9ee !important;
    color: var(--bpa-dt-black-400) !important;
}

@media (max-width: 600px) {
    .bpa-frontend-main-container .bpa-front--dt__calendar {
        --ckm-cal-tile: clamp(40px, 10vw, 50px);
        --ckm-cal-gap: clamp(2px, 1vw, 4px);
    }

    .bpa-frontend-main-container .bpa-front--dt__calendar .vc-day .vc-day-content {
        width: var(--ckm-cal-tile) !important;
        height: calc(var(--ckm-cal-tile) + 2px) !important;
    }

    .bpa-frontend-main-container .bpa-front--dt__calendar .vc-week,
    .bpa-frontend-main-container .bpa-front--dt__calendar .vc-weekdays {
        gap: var(--ckm-cal-gap) !important;
        grid-template-columns: repeat(7, var(--ckm-cal-tile)) !important;
    }
}

@media (max-width: 360px) {
    .bpa-frontend-main-container .bpa-front--dt__calendar .vc-day .vc-day-content {
        width: 42px !important;
        height: 48px !important;
    }
}

.bpa-frontend-main-container .bpa-front--dt__calendar span.vc-day-content.vc-focusable.is-disabled::after {
    background-color: transparent !important;
}

.bpa-front-tabs .bpa-front--dt__calendar .vc-day .vc-highlights + .vc-day-content {
    color: #fff !important;
    background-color: black !important;
}
