#ppservices input[type="radio"]:not(:checked) + label .btn-toggle-active,
#ppservices-warranty input[type="radio"]:not(:checked) + label .btn-toggle-active
{
    display: none;
}

#ppservices input[type="radio"]:checked + label .btn-toggle-active,
#ppservices-warranty input[type="radio"]:checked + label .btn-toggle-active {
    display: block;
}
#ppservices input[type="radio"]:checked + label .btn-toggle-inactive,
#ppservices-warranty input[type="radio"]:checked + label .btn-toggle-inactive {
    display: none;
}
#ppservices input[type="radio"]:checked + label,
#ppservices-warranty input[type="radio"]:checked + label,
#day-selector .date-grid .active,
#timeBlock.time-grid .active button
{
    background-color: #6A31F7;
    color: white;
}
#timeBlock.time-grid .active button {
    border-color: black;
}
#day-selector .date-grid,
#day-selector.calendar,
#timeBlock.time-grid{
    cursor: pointer;
}

#day-selector .date-grid .disabled,
#day-selector.calendar .disabled,
#timeBlock.time-grid .disabled button {
    cursor: not-allowed;
}
#day-selector .date-grid .header,
#day-selector .date-grid .header p
{
    cursor: default;
}

#day-selector .date-grid .disabled,
#day-selector.calendar .disabled,
#timeBlock.time-grid .disabled button
{
    --tw-text-opacity: 1;
    color: rgb(158 157 157 / var(--tw-text-opacity));
}
#timeBlock.time-grid .disabled button {
    background-color: #F0EEEE;
    border-color: #F0EEEE;
}
#day-selector .date-grid li {
    max-width: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    width: 100%;
}

#ppservices .alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: .25rem;
}
#ppservices .alert.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
#ppservices .alert.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

#ppservices .calendar .navigation .past:not(.disabled):hover,
#ppservices .calendar .navigation .future:hover {
    background-color: #6A31F7;
    color: white;
}