﻿.business-hours input.datepickerinput {
    max-width: 100px;
}

.business-hours .date-row, 
.business-hours .time-row {
    margin-bottom: 1em;
}

    .business-hours .date-row:not(:first-child), 
    .business-hours .time-row {
        border-top: 1px solid #e4e4e7;
        padding-top: 1em;
    }

.business-hours label {
    padding: 0.5em;
}

.business-hours .umb-toggle__toggle {
    margin-top: 0.5em;
}

.business-hours button[role=checkbox] {
    margin-bottom: 0.5em;
}

    .business-hours button[role=checkbox] > .umb-toggle__toggle {
        margin-top: 0;
    }


.business-hours .ui-row {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    width: max-content;
    justify-content: space-between;
}

.business-hours .ui-textarea {
    min-width: 500px;
    margin-bottom: .5rem;
}

.business-hours .add-hours-btn {
    min-width: 500px;
    width: max-content;
}

.business-hours .hours-open,
.business-hours .hours-closed {
    font-weight: bold;
}

.business-hours .hours-open {
    color: #008000;
}

.business-hours .hours-closed {
    color: #FF0000;
}

.business-hours .special-date-row {
    width: max-content;
}
