The Custom CSS box is NOT working

Hello. I have posted and reposted and checked and rechecked the following custom CSS code. But it doesn’t render on my live form. What am I doing wrong please? I am pasting the code in the “Custom Style” box under Settings

——

.ea-bootstrap .ui-datepicker .no-slots {
background-color: rgba(120, 35, 88, 1); }

.ea-bootstrap a {
color: #782358;
}

.ui-datepicker .ui-datepicker-current-day {
background-color: #782358;
}

.ea-bootstrap .time-value {
border: 2px solid #ccc;
padding: 5px;
}

.ea-bootstrap .btn-primary {
color: #fff;
background-color: #D9AC85;
border-color: #D9AC85;
}

.ea-bootstrap .btn-primary:hov {
color: #fff;
background-color: #782358;
border-color: #782358;
}

.ea-bootstrap .btn {
font-weight: bold;
}

The page I need help with: [log in to see the link]