Hello, I changed the color of the time selection but now when selected it doesn't stay orange. I also don't want the appointment overview to be displayed so this is important. 
Also, how do I remove the blue "glow" from the text fields? I was able to remove it from the calendar but I do not like that it pops us on the text fields. Thank you in advance.
Here is the site: lazyinks.com
This is the code:

.ea-bootstrap .ui-datepicker .no-slots {
background-color: rgba(120, 35, 88, 1) !important;
}
.ea-bootstrap a {
color: #000000 !important;
}
.ea-bootstrap .ui-datepicker {
color: #000000;
border: 1px solid #000000 !important;
box-shadow: 0 0 0px rgba(0,0,0) !important;
}

.ui-datepicker .ui-datepicker-current-day {
color: #000000 !important;
background-color: #E47A00 !important;
}
.ea-bootstrap .time-value {
background-color: #4e5768 !important;
}
.ea-bootstrap .time-value.time-value {
color: white !important;
}
.ea-bootstrap .time-value:hover {
background-color: #E47A00 !important;
color: #ccc;
}
.ea-bootstrap .free a {
color: black !important;
}
.ea-bootstrap .free a:hover, .ea-bootstrap a.free:hover {
color: #000000 !important;
}
.ea-bootstrap .btn-primary {
color: #ffffff;
background-color: #000000 !important;
border-color: #000000 !important;
}
.ea-bootstrap .btn {
font-weight: bold !important;
}
.ea-bootstrap.bootstrap {
color: #000000; 
}
.step.final{
color: #000000 !important;
border: 0px solid #000000 !important;
box-shadow: 0 0 0px rgba(0,0,0) !important;
}
#booking-overview-header, #booking-overview { display: none; }