:root {
--wpbc_timepicker-font-size: 15px;
--wpbc_timepicker-bg-color-opacity: 100%;
--wpbc_timepicker-bg-color: #FFF;
--wpbc_timepicker-text-color: #000;
--wpbc_timepicker-border-color: #d6d6d6;
--wpbc_timepicker-hover-bg-color: #fff;
--wpbc_timepicker-hover-text-color: #000;
--wpbc_timepicker-hover-border-color: #ffe7c7;
--wpbc_timepicker-hover-bg-color-opacity: var(--wpbc_timepicker-bg-color-opacity, 100%);
--wpbc_timepicker-selected-bg-color: #6b96ce;
--wpbc_timepicker-selected-text-color: #fff;
--wpbc_timepicker-selected-border-color: #7092bf;
--wpbc_timepicker-selected-bg-color-opacity: var(--wpbc_timepicker-bg-color-opacity, 100%);
--wpbc_timepicker-border-width: 1px;
--wpbc_timepicker-border-radius: 5px;
--wpbc_timepicker-padding: 0.15em 1em;
--wpbc_timepicker-margin: 0.25em 1em 0.25em 0;
} .wpbc_times_selector div {
padding: var(--wpbc_timepicker-padding);
margin: var(--wpbc_timepicker-margin);
box-shadow: none;
font-size: var(--wpbc_timepicker-font-size);
font-weight: 400;
text-align: center;
border-radius: var(--wpbc_timepicker-border-radius);
border: var(--wpbc_timepicker-border-width) solid var(--wpbc_timepicker-border-color);
color: var(--wpbc_timepicker-text-color);
background: rgb(from var(--wpbc_timepicker-bg-color) r g b / var(--wpbc_timepicker-bg-color-opacity));
} .wpbc_times_selector div:hover {
border: var(--wpbc_timepicker-border-width) solid var(--wpbc_timepicker-hover-border-color);
color: var(--wpbc_timepicker-hover-text-color);
background: rgb(from var(--wpbc_timepicker-hover-bg-color) r g b / var(--wpbc_timepicker-hover-bg-color-opacity));
} .wpbc_times_selector div.wpbc_time_selected {
border: var(--wpbc_timepicker-border-width) solid var(--wpbc_timepicker-selected-border-color);
color: var(--wpbc_timepicker-selected-text-color);
background: rgb(from var(--wpbc_timepicker-selected-bg-color) r g b / var(--wpbc_timepicker-selected-bg-color-opacity));
} .wpbc_times_selector div:not(.wpbc_time_selected):focus { border: var(--wpbc_timepicker-border-width) solid var(--wpbc_timepicker-selected-bg-color);
color: var(--wpbc_timepicker-hover-text-color);
background: rgb(from var(--wpbc_timepicker-hover-bg-color) r g b / var(--wpbc_timepicker-hover-bg-color-opacity));
} :root {
--wpbc_timepicker-font-size: 15px;
--wpbc_timepicker-bg-color: #4ec447;
--wpbc_timepicker-text-color: #399d34;
--wpbc_timepicker-border-color: #4ec447;
--wpbc_timepicker-bg-color-opacity: 10%;
--wpbc_timepicker-hover-bg-color: #4ec447;
--wpbc_timepicker-hover-text-color: #5cc857;
--wpbc_timepicker-hover-border-color: var(--wpbc_timepicker-hover-text-color);
--wpbc_timepicker-hover-bg-color-opacity: 5%;
--wpbc_timepicker-selected-bg-color: #3ea139;
--wpbc_timepicker-selected-text-color: #fff;
--wpbc_timepicker-selected-border-color: var(--wpbc_timepicker-selected-bg-color);
--wpbc_timepicker-selected-bg-color-opacity: 100%;
--wpbc_timepicker-border-width: 2px;
--wpbc_timepicker-border-radius: 5px;
--wpbc_timepicker-padding: 0.15em 1em;
--wpbc_timepicker-margin: 0.25em 1em 0.25em 0;
}