.appt-window-btn-selected {
outline: 0.3rem solid transparent !important;
color: #ffffff !important;
background-color: RGB(var(--now-button--primary--background-color,var(--now-color--primary-1,30,133,109))) !important;
border-color: RGB(var(--now-button--primary--background-color,var(--now-color--primary-1,30,133,109))) !important;
}
.appt-window-day-selected {
color: RGB(var(--now-button--primary--background-color,var(--now-color--primary-1,30,133,109))) !important;
}
.modal-footer {
padding-top: 1.5rem;
}
.appt-window-week-table .appt-window-week-table-cell .appt-window-week-table-cell-btn {
text-align: center;
max-width: 8.5rem;
margin-left: auto;
margin-right: auto;
}
button:focus {
outline: none;
border: 0.1rem solid RGB(var(--now-button--primary--background-color,var(--now-color--primary-1,30,133,109)));
-webkit-box-shadow: 0rem 0rem 0.5rem RGB(var(--now-button--primary--background-color,var(--now-color--primary-1,30,133,109)));
box-shadow: 0rem 0rem 0.5rem RGB(var(--now-button--primary--background-color,var(--now-color--primary-1,30,133,109)));
}

.appt-window-btn:focus {
outline: 0.3rem solid transparent !important;
}

/* Adding this for polaris theme on platform */

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
background-color: RGB(var(--now-button--primary--background-color,var(--now-color--primary-1,30,133,109)));
}


.datepicker .datepicker-switch {
width: 14.5rem;
color: RGB(var(--now-button--primary--background-color,var(--now-color--primary-1,30,133,109)));
}


.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
background-color: RGB(var(--now-button--primary--background-color,var(--now-color--primary-1,30,133,109)));
}

.appt-window-week-table .appt-window-week-table-title-cell {
border-left: 0.1rem solid #cbcbcb;
color: RGB(var(--now-form-field--color,var(--now-color_text--primary,var(--now-color--neutral-18,22,27,28))));
height: 2.5rem;
text-align: center;
position: relative;
}

.appt-window-no-appointments {
position: absolute;
z-index: 9;
height: 100%;
width: 99%;
top: 0rem;
color: RGB(var(--now-color_text--secondary, var(--now-color--neutral-12, 66, 80, 81)));
font-size: 1.3rem;
font-weight: normal;
text-align: center;
padding-top: 1.4rem;
}

.appt-window-btn{
color:RGB(var(--now-form-field--color,var(--now-color_text--primary,var(--now-color--neutral-18,22,27,28))));
}


.datepicker table tr td.active{
color:RGB(var(--now-button--primary--color,var(--now-color_text--primary-actionable,var(--now-color--neutral-0,255,255,255)))) !important;
}

.datepicker table tr td.today{
color:RGB(var(--now-button--primary--background-color,var(--now-color--primary-1,30,133,109)));
}

.appt-window-btn-selected{
color:RGB(var(--now-button--primary--color,var(--now-color_text--primary-actionable,var(--now-color--neutral-0,255,255,255)))) !important;
}

.appt-window-btn[disabled] {
background-color: ;
opacity: 1;
color: #485563;
border-color: transparent;
}