#map {
    height: 250px;
    width: 100%;
    margin-top: 3px;
}

#infoMap {
    height: 200px;
    margin: 10px 0;
}

.top-list {
    margin: 6px auto;
    width: 100%;
    text-align: right;
}

#clubListDiv {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto;
    height: auto;
    padding: 0 15px;
}

.tooltip-inner {
    white-space: nowrap;
    text-align: left;
}

#clubListHeader, #clubList, #header, #headerClass {
    width: 100% !important;
}

#clubListHeader {
    margin-top: -40px;
    padding-top: 40px;
    background: #fff;
}

#findTeeTimes {
    white-space: nowrap;
}

#clubListDiv.stateResults {
    margin: 0 auto;
    max-width: 1110px;
    padding-top: 110px;
}

#clubList {
    display: inline-block;
    margin-top: inherit !important;
    width: 100% !important;
    padding: 0 62px 0 62px !important;
}

.hasTimes {
    background-color: #25549f;
    color: #fff;
}

.highlight div.orgName {
    background-color: #fef891 !important;
}

.orgDistance {
    float: right;
    font-size: 0.8em;
}

.dateCell, .orgRow {
    background-color: #ededed;
}

.dateCell {
    padding-top: 5px;
    min-height: 50px;
}

#clubListDiv .row {
    height: 58px;
}

.orgName {
    padding-top: 14px;
    text-align: left;
    border: 1px solid #fff;
    height: 58px;
}

.orgName strong {
    color: #333;
}

.orgName a {
    text-decoration: inherit;
}

.sticky-top {
    z-index: 300 !important;
}

#login-modal {
    z-index: 1060 !important;
}

#login-modal + .modal-backdrop {
    z-index: 1055 !important;
}

.timeSlot {
    border: 1px solid #fff;
    height: 58px;
    text-align: center;
}

.glyphicon-info-sign {
    margin-right: 5px;
    color: #FF971F;
    font-size: 1.2em;
}

.right-btn {
    float: right;
}

.header {
    color: #25549f;
}

.glyphicon-calendar {
    margin-left: 5px;
}

.glyphicon-ok {
    color: #00A800;
}

.glyphicon-remove {
    color: #A80000;
}

.infoRow .col-xs-9, .infoRow .col-xs-3 {
    border-bottom: 1px solid #c2c2c2;
    padding: 5px 0;
}

.modal-dialog {
    max-width: 880px !important;
    width: 100% !important;
    margin: 0 auto;
}

#redirectModal .modal-content {
    border-radius: 10px;
}

#redirectModal .modal-dialog {
    top: 35%;
}

#redirectModal .modal-body {
    background: url("/images/teenet/modal-redirect-bg.png") no-repeat bottom left;
    min-height: 230px;
    border-radius: 8px;
    text-align: center;
}

#redirectModal .modal-body h4 {
    width: 78%;
    margin: 70px auto 0;
    color: #666;
}

#section1 {
    text-align: left;
}

.dateLink {
    vertical-align: middle;
    padding: 4px 6px;
    background: #337ab7;
    border-radius: 14px;
    font-size: 1em;
}

a.dateLink {
    color: #fff;
}

a.dateLink:hover {
    color: #ccc;
}

.container, .container-fluid {
    max-width: none !important; /* If you need full width */
}

#nonPrevDateSpacer {
    flex: 0 0 auto;
    width: 41.66666667%;
}

#prevDateSpacer {
    flex: 0 0 auto;
    width: calc(41.66666667% - 41px);;
}

#coursesHeader, #map {
    width: 100%;
    margin-left: 0;
}

/* Small screens (480px and below) */
@media (max-width: 480px) {
    .modal-dialog {
        width: 90% !important;
        margin: 0 auto !important;
    }

    #map {
        height: 250px;
        width: 100%;
        margin-top: 3px;
    }

    .orgName {
        font-size: 0.9em;
    }

    .col-xs-6.orgName {
        padding-left: 5px;
        padding-right: 5px;
        width: 50% !important;
        flex: none !important;
    }

    .dateCell {
        font-size: 0.9em;
        min-height: 45px;
        padding-top: 8px;
    }

    .dateCell:nth-child(n+4) {
        display: none !important;
    }
}

@media (max-width: 811px) {
    #dateHeader {
        margin-top: 34px;
    }
}

/* Tablet and up (768px+) */
@media (min-width: 768px) {
    #map {
        height: 350px;
    }

    .modal-dialog {
        width: 90% !important;
        margin: 0 auto !important;
    }
}

/* Large screens and up (992px+) */
@media (min-width: 992px) {
    #map {
        height: 450px;
    }

    #clubListDiv {
        max-width: 1200px !important;
    }
}

@media (min-width: 1200px) {
    #searchResultsTop, #coursesHeader, #map {
        width: 1100px !important;
        margin-left: 0;
    }

    #clubList {
        width: 1150px !important;
        max-width: 1150px !important;
    }

    #dateHeader {
        width: 1150px !important;
    }
}

@media (min-width: 480px) and (max-width: 575px) {

    .dateCell:nth-child(n+4) {
        display: none !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {

    .dateCell:nth-child(n+5) {
        display: none !important;
    }
}

@media (min-width: 576px) and (max-width :1199px) {
    #searchResultsTop, #coursesHeader {
        padding-right: 50px;
    }
}