#ahrNavigator {
    text-align: center;
}

#ahrNavigator .ahr-nav-btn-group {
    border-radius: 4px;
    margin: 8px;
}

#ahrNavigator .ahr-nav-btn-group button:not(:last-child) {
    border-style: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-color: transparent;
}

#ahrNavigator .ahr-nav-btn-group button:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -5px;
}

#ahrNavigator .ahr-nav-btn-group button.ahr-nav-btn {
    background-color: rgba(170, 28, 69, 1);
    background-image: none;
    border: 1px solid rgba(170, 28, 69, 1);
    border-left-color: #ffffff;
    color: white;
    -webkit-box-shadow: 0px 0px 1px 1px #e0e0e0;
    box-shadow: 0px 0px 1px 1px #e0e0e0;
}

#ahrNavigator .ahr-nav-btn-group button:first-child {
    border-left-color: rgba(170, 28, 69, 1);
}

#ahrNavigator .ahr-nav-btn-group button.ahr-nav-btn:hover {
    background-color: rgba(6, 95, 174, 1);
    background-image: none;
    border: 1px solid rgba(6, 95, 174, 1);
    border-left-color: #ffffff;
}

#ahrNavigator .ahr-nav-btn-group button.ahr-nav-btn.unclickable {
    background-color: #FFFFFF; /*white background*/
    border: 1px solid rgba(134, 113, 80, 1);
    color: #867150;
    cursor: default;
}

/*ahr nav button -- more tickets*/
#ahrNavigator .ahr-nav-btn-group button.ahr-nav-btn.clickable.more-tickets {
    background-color: rgba(255, 255, 255, 1);
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 1);
    color: black;
}
#ahrNavigator .ahr-nav-btn-group button.ahr-nav-btn.clickable.more-tickets:hover {
    background-color: rgba(6, 95, 174, 1);
    background-image: none;
    color: white;
}

.ahr-nav.clearCartConfirmDialog {
    padding: 15px 25px;
    text-align: center;
}

.ahr-nav.clearCartConfirmDialog h1 {
    margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
    #ahrNavigator .ahr-nav-btn-group button {
        display: block;
        width: 100%;
    }

    #ahrNavigator .ahr-nav-btn-group button:not(:first-child) {
        margin-left: 0px;
    }

    #ahrNavigator .ahr-nav-btn-group button.ahr-nav-btn {
        border-left-color: rgba(170, 28, 69, 1);
    }

    #ahrNavigator .ahr-nav-btn-group button.ahr-nav-btn:hover {
        border-left-color: rgba(6, 95, 174, 1);
    }
}