@import url('https://cdn.jsdelivr.net/npm/vanilla-calendar-pro@3.1.0/styles/layout.css');

[data-vc-theme='cpt-custom'].vc {
    --tw-bg-opacity: 1;
    overflow: hidden;
}
#mainSearch [data-vc-theme='cpt-custom'].vc{
    padding: 0 !important;
}
#scheduleList [data-vc-theme='cpt-custom'].vc{
    padding: 0 !important;
}
[data-vc-theme='cpt-custom'].vc[data-vc-input] {
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.14);
}

[data-vc-theme='cpt-custom'].vc [tabindex="0"]:focus-visible,
[data-vc-theme='cpt-custom'].vc button:focus-visible,
[data-vc-theme='cpt-custom'].vc:focus-visible {
    outline-color: var(--cpt-primary);
}

[data-vc-theme='cpt-custom'] .vc-arrow {
    background-color: transparent;
}

[data-vc-theme='cpt-custom'] .vc-arrow:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzIxMzQ1NyIgZD0iTTEyIDE2Yy0uMyAwLS41LS4xLS43LS4zbC02LTZjLS40LS40LS40LTEgMC0xLjRzMS0uNCAxLjQgMGw1LjMgNS4zIDUuMy01LjNjLjQtLjQgMS0uNCAxLjQgMHMuNCAxIDAgMS40bC02IDZjLS4yLjItLjQuMy0uNy4zIi8+PC9zdmc+");
    content: var(--tw-content);
}

@media (hover: hover) and (pointer: fine) {
    [data-vc-theme='cpt-custom'] .vc-arrow:hover:before {
        opacity: 0.6;
    }
}

[data-vc-theme='cpt-custom'] .vc-header__content,
[data-vc-theme='cpt-custom'] .vc-month,
[data-vc-theme='cpt-custom'] .vc-year {
    color: #111827;
}

[data-vc-theme='cpt-custom'] .vc-month:disabled,
[data-vc-theme='cpt-custom'] .vc-year:disabled {
    color: #94a3b8;
    opacity: 0.9;
}

@media (hover: hover) and (pointer: fine) {
    [data-vc-theme='cpt-custom'] .vc-month:hover,
    [data-vc-theme='cpt-custom'] .vc-year:hover {
        color: var(--cpt-primary);
    }
}

[data-vc-theme='cpt-custom'] .vc-months__month,
[data-vc-theme='cpt-custom'] .vc-years__year {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
    color: #111827;
}

@media (hover: hover) and (pointer: fine) {
    [data-vc-theme='cpt-custom'] .vc-months__month:hover,
    [data-vc-theme='cpt-custom'] .vc-years__year:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(229 241 255 / var(--tw-bg-opacity));
        color: var(--cpt-primary);
    }
}

[data-vc-theme='cpt-custom'] .vc-months__month[data-vc-months-month-selected],
[data-vc-theme='cpt-custom'] .vc-years__year[data-vc-years-year-selected] {
    --tw-bg-opacity: 1;
    background-color: rgb(22 119 255 / var(--tw-bg-opacity));
    color: #fff;
}

[data-vc-theme='cpt-custom'] .vc-week-number,
[data-vc-theme='cpt-custom'] .vc-week-numbers__title,
[data-vc-theme='cpt-custom'] .vc-week__day {
    color: #475569;
}

[data-vc-theme='cpt-custom'] button.vc-week__day[data-vc-week-day-off],
[data-vc-theme='cpt-custom'] .vc-week__day[data-vc-week-day-off] {
    color: #ef4444;
}

[data-vc-theme='cpt-custom'] .vc-date__btn {
    height: 52px;
    font-size: 1rem;
    font-weight: 500;
    background-color: transparent;
    flex-direction: column;
    gap: 1px;
    --vc-date-content: '';
}

[data-vc-theme='cpt-custom'] .vc-date__btn::after {
    content: var(--vc-date-content, '');
    font-size: 10px;
    opacity: .7;
}

[data-vc-theme='cpt-custom'] .vc-date[data-vc-date-disabled] .vc-date__btn {
    opacity: 0.5;
    text-decoration: line-through;
}

@media (hover: hover) and (pointer: fine) {
    [data-vc-theme='cpt-custom'] .vc-date__btn:hover {
        background-color: #f1f5f9;
    }
}

[data-vc-theme='cpt-custom'] .vc-date[data-vc-date-today] .vc-date__btn {
    color: var(--cpt-primary);
    position: relative;
}
[data-vc-theme='cpt-custom'] .vc-date[data-vc-date-today] .vc-date__btn::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: currentColor;
}

[data-vc-theme='cpt-custom'] .vc-date[data-vc-date-hover] .vc-date__btn {
    background-color: var(--cpt-primary-bg);
}

[data-vc-theme='cpt-custom'] .vc-date[data-vc-date-hover='first'] .vc-date__btn,
[data-vc-theme='cpt-custom'] .vc-date[data-vc-date-hover='last'] .vc-date__btn {
    background-color: var(--cpt-primary-disable);
}

[data-vc-theme='cpt-custom'] .vc-date[data-vc-date-selected] .vc-date__btn {
    background-color: var(--cpt-primary);
    color: #fff;
    text-decoration: none !important;
    opacity: 1 !important;
}

[data-vc-date][data-vc-date-selected=middle] [data-vc-date-btn]{
    background-color: var(--cpt-primary-bg) !important;
    color: var(--cpt-primary) !important;
}

[data-vc-theme='cpt-custom'] .vc-date[data-vc-date-selected][data-vc-date-month='prev'] .vc-date__btn,
[data-vc-theme='cpt-custom'] .vc-date[data-vc-date-selected][data-vc-date-month='next'] .vc-date__btn {
    background-color: var(--cpt-primary-bg);
    color: var(--cpt-primary);
}

[data-vc-theme='cpt-custom'] .vc-date[data-vc-date-holiday] .vc-date__btn{
    color: var(--cpt-danger);
}

[data-vc-theme='cpt-custom'] .vc-date[data-vc-date-weekend] .vc-date__btn{
    color: var(--cpt-danger);
}

[data-vc-theme='cpt-custom'] .vc-date[data-vc-date-month='prev'] .vc-date__btn,
[data-vc-theme='cpt-custom'] .vc-date[data-vc-date-month='next'] .vc-date__btn{
    color: var(--cpt-secondary);
}

[data-vc-theme='cpt-custom'] .vc-date.vc-date-month-start .vc-date__btn { font-size: 0.875rem; }

[data-vc-theme='cpt-custom'] .vc-date[data-vc-date-weekend][data-vc-date-selected] .vc-date__btn,
[data-vc-theme='cpt-custom'] .vc-date[data-vc-date-holiday][data-vc-date-selected] .vc-date__btn {
    color: #fff;
}

[data-vc-theme='cpt-custom'] .vc-date__popup {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    color: #111827;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.14);
}

[data-vc-theme='cpt-custom'] .vc-date-range-tooltip {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
    color: #475569;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.12);
}

[data-vc-theme='cpt-custom'] .vc-time {
    border-color: #d8e1ea;
}

[data-vc-theme='cpt-custom'] .vc-time__hour input,
[data-vc-theme='cpt-custom'] .vc-time__minute input {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
    color: #111827;
}

[data-vc-theme='cpt-custom'] .vc-time__keeping {
    color: #475569;
}

[data-vc-theme='cpt-custom'] .vc-time__range input {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
