/* Global Styles
==========================================*/
/* Header
=======================*/
/* Location Name in the Header */
.location-name {
    display: none !important;
}

/* Back and Cancel Links  in Header*/
.public-header .back-button,
.public-header .close-button {
    color: #00426a !important;
    font-weight: 600;
}

/* Footer
=======================*/
.page-footer-link {
    display: none;
}

/* Typography
=======================*/
/* Default Text  & Links */
.public {
    color: #4a4a4a !important;
}
a {
    color: #1a8ac0 !important;
}

/* Logo
================*/
/* City of Chandler Logo on Check-In and Booking Pages */
.coc-police-logo {
    width: 230px;
}

/* Media Query for COC Logo on Check-In and Booking Pages */
@media only screen and (max-width: 768px) {
    .coc-police-logo {
        max-width: 175px;
        max-height: 65px;
    }
}

/* Public Waitlist Logo - Upper Left Corner */
.public-waitlist-wrap .p-waitwhilelogo img {
    min-height: 50px;
    max-width: 175px !important; /*Updated value */
    max-height: 65px !important; /*Updated value */
    height: 100%;
}

/* Buttons
=======================*/
.public .secondary-btn,
.google-btn {
    background-color: #506cf0 !important;
    color: #fff !important;
    border: 0 !important;
}

.public .secondary-btn:hover,
.google-btn:hover {
    background-color: #506cf0 !important;
    color: #fff !important;
    border: 0 !important;
}

/* Services
=======================*/
.public .service-list {
    background-color: #efefef !important;
    border-bottom: 1px solid #bbbbbd;
}

.public .service-name {
    color: #00426a !important;
}

.public .service-price,
.public .service-description {
    color: #4a4a4a !important;
}

/* Confirmation
=======================*/
.public .confirm-wrapper {
    background: #efefef !important;
}

.public .confirm-wrapper .text-grey {
    color: #4a4a4a !important;
    font-weight: 600;
}

/* Local Styles
==========================================*/
/* Public Waitlist
=======================*/

/* Booking page
=======================*/
/* Booking Text - Date, Show Calendar, MST */
.public .date-menu span {
    color: #4a4a4a !important;
    font-weight: 600 !important;
}

/* Booking Dates Selection */
.public .date-selection li {
    background: #efefef !important;
}

.public .date-selection li.active {
    background: #00426a !important;
    border: 1px solid #00426a !important;
}

/* Left Right Arrows for Booking Dates */
.public .arrow-left:hover,
.public .arrow-right:hover {
    color: #00426a !important;
}

/* Booking Time Slots  */
.public .time-slot {
    background-color: #efefef !important;
    border: 1px solid #bebebe !important;
    color: #4a4a4a !important;
}

.public .time-slot:hover {
    background-color: #00426a !important;
    border: 1px solid #00426a !important;
    color: #fff !important;
}

/* Booking confirmation page
=======================*/
.confirm-wrapper .booking-heading {
    color: #4a4a4a !important;
}

/* Date, Time Text */
.wailist-status-details .text-grey {
    color: #4a4a4a !important;
    font-weight: 600;
}

.public .setww-title h1 {
    font-size: 20px;
    width: 75%;
    margin: 0 auto;
}