/* style overrides for client UTA - Utah Transit Authority (https://www.utacommuter.com) */
:root {
    --uta_carpool: rgb(0, 255, 128);
    --uta_vanpool: rgb(0, 255, 128);
    --uta_transit: rgb(0, 255, 128);
    --uta_bike: rgb(0, 255, 128);
    --uta_park: rgb(0, 255, 128);
}
/* overview_top_banner_vanpool_b.png */

@media (min-width:992px) {
    .rm-layout-myaccount, .rm-layout-onboarding {
        background: url(../images/overview_top_banner_vanpool_b.png) rgb(0, 85, 164);
        background-size: cover;
        background-position: center;
    }
    .panel {
        background-color: rgba(255,255,255,1);
    }
}

.form-control.typeahead, .dropdown-rm-style {
    background: white !important;
}

.rm-map-search-form .form-control.typeahead, .rm-map-search-form .dropdown-rm-style.disabled, .rm-map-search-form .dropdown-rm-style {
    background-color: transparent !important;
}

.iconify.iconify-rm_logo {
    background-image: url('../Images/uta-logo.svg');
    height: 50px;
}

.rm-layout-footer {
    background: rgb(40,41,42);
}

.rm-footer-brand.iconify.iconify-rm_logo {
    background-image: url('../Images/footer-logo.svg');
    height: 75px;
    background-size: contain;
}

.rm-layout-header {
    background: none;
}

    .rm-layout-header a {
        font-weight: 400;
        font-size: 100%;
        color: black;
        font-weight: 700;
        font-size: 11px;
        line-height: 13px;
    }

        .rm-layout-header a.active {
            background: rgb(235,235,235);
        }

    .rm-layout-header .rm-nav-main > li > a {
        background-color: transparent;
        font-weight: 500;
    }
    .rm-layout-header .navbar-nav > li > a:hover {
        background-color: transparent;
        background-image: none;
    }

.navbar li ul.dropdown-list {
    background-color: rgb(215,215,215);
}

.navbar-nav > li > a.rm-nav-user-link .rm-nav-user-action {
    color: black;
}

#signOutDiv {
    color: black;
}

#cancelImpersonationDiv {
    color: black;
}

#signOutDiv:hover {
    color: rgb(0, 85, 164);
    background-color: rgb(235, 235, 235);
}

#cancelImpersonationDiv:hover {
    color: rgb(0, 85, 164);
    background-color: rgb(235, 235, 235);
}

.rm-nav-main li > a:after, .thumbnail--event figure .hover-img:before, .user-avatar--default {
    background: rgb(0, 85, 164);
    background: -moz-linear-gradient(-45deg,rgb(0, 85, 164) 46%,#47a2e1 100%);
    background: -webkit-linear-gradient(315deg,rgb(0, 85, 164) 46%,#47a2e1 100%);
    background: -moz-linear-gradient(315deg,rgb(0, 85, 164) 46%,#47a2e1 100%);
    background: linear-gradient(135deg,rgb(0, 85, 164) 46%,#47a2e1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(0, 85, 164)', endColorstr='#47a2e1', GradientType=1);
}

.rm-layout-header .navbar-toggle .icon-bar {
    background-color: black;
}

.rm-layout-myaccount input.btn-primary,
.btn-primary {
    background-color: rgb(0, 85, 164);
}

.brand-color-park {
    color: var(--uta_park);
}

.brand-bg-park {
    background-color: var(--uta_park);
}


.btn-mode.btn-park {
    color: black;
    background-color: var(--uta_park);
    border-color: var(--uta_park);
}

    .btn-mode.btn-park.active, .btn-mode.btn-park:active, .btn-mode.btn-park:hover {
        color: black;
        border-color: var(--uta_park);
        background: var(--uta_park);
    }

input + .btn-mode.btn-park:active, input + .btn-mode.btn-park:hover, input:focus + .btn-mode.btn-park {
    color: #000;
    border-color: var(--uta_park);
    background: var(--uta_park);
    font-weight: 700;
}

input:checked + .btn-mode.btn-park {
    color: #000;
    background: white;
    border-color: white;
    font-weight: 700;
}

.transit-on-white input + .btn-mode.btn-park:active, .transit-on-white input + .btn-mode.btn-park:hover, .transit-on-white input:focus + .btn-mode.btn-park {
    color: #000;
    border-color: var(--uta_park);
    background: 0 0;
}

.transit-on-white input:checked + .btn-mode.btn-park {
    color: #fff;
    background: var(--uta_park);
}

.brand-color-bike {
    color: var(--uta_bike);
}

.brand-bg-bike {
    background-color: var(--uta_bike);
}


.btn-mode.btn-bike {
    color: black;
    background-color: var(--uta_bike);
    border-color: var(--uta_bike);
}

    .btn-mode.btn-bike.active, .btn-mode.btn-bike:active, .btn-mode.btn-bike:hover {
        color: black;
        border-color: var(--uta_bike);
        background: var(--uta_bike);
    }

input + .btn-mode.btn-bike:active, input + .btn-mode.btn-bike:hover, input:focus + .btn-mode.btn-bike {
    color: #000;
    border-color: var(--uta_bike);
    background: var(--uta_bike);
    font-weight: 700;
}

input:checked + .btn-mode.btn-bike {
    color: #000;
    background: white;
    border-color: white;
    font-weight: 700;
}

.transit-on-white input + .btn-mode.btn-bike:active, .transit-on-white input + .btn-mode.btn-bike:hover, .transit-on-white input:focus + .btn-mode.btn-bike {
    color: #000;
    border-color: var(--uta_bike);
    background: 0 0;
}

.transit-on-white input:checked + .btn-mode.btn-bike {
    color: #fff;
    background: var(--uta_bike);
}


.brand-color-car {
    color: var(--uta_carpool);
}

.brand-bg-car {
    background-color: var(--uta_carpool);
}


.btn-mode.btn-car {
    color: black;
    background-color: var(--uta_carpool);
    border-color: var(--uta_carpool);
}

    .btn-mode.btn-car.active, .btn-mode.btn-car:active, .btn-mode.btn-car:hover {
        color: black;
        border-color: var(--uta_carpool);
        background: var(--uta_carpool);
    }

input + .btn-mode.btn-car:active, input + .btn-mode.btn-car:hover, input:focus + .btn-mode.btn-car {
    color: #000;
    border-color: var(--uta_carpool);
    background: var(--uta_carpool);
    font-weight: 700;
}

input:checked + .btn-mode.btn-car {
    color: #000;
    background: white;
    border-color: white;
    font-weight: 700;
}

.transit-on-white input + .btn-mode.btn-car:active, .transit-on-white input + .btn-mode.btn-car:hover, .transit-on-white input:focus + .btn-mode.btn-car {
    color: #000;
    border-color: var(--uta_carpool);
    background: 0 0;
}

.transit-on-white input:checked + .btn-mode.btn-car {
    color: #fff;
    background: var(--uta_carpool);
}


.brand-color-van {
    color: var(--uta_vanpool);
}

.brand-bg-van {
    background-color: var(--uta_vanpool);
}

.btn-mode.btn-van {
    color: black;
    background-color: var(--uta_vanpool);
    border-color: var(--uta_vanpool);
}

    .btn-mode.btn-van.active, .btn-mode.btn-van:active, .btn-mode.btn-van:hover {
        color: #fff;
        border-color: var(--uta_vanpool);
        background: var(--uta_vanpool);
    }

input + .btn-mode.btn-van:active, input + .btn-mode.btn-van:hover, input:focus + .btn-mode.btn-van {
    color: #000;
    border-color: var(--uta_vanpool);
    background: var(--uta_vanpool);
    font-weight: 700;
}

input:checked + .btn-mode.btn-van {
    color: #000;
    background: white;
    border-color: white;
    font-weight: 700;
}

.transit-on-white input + .btn-mode.btn-van:active, .transit-on-white input + .btn-mode.btn-van:hover, .transit-on-white input:focus + .btn-mode.btn-van {
    color: #000;
    border-color: var(--uta_vanpool);
    background: 0 0;
}

.transit-on-white input:checked + .btn-mode.btn-van {
    color: #fff;
    background: var(--uta_vanpool);
}

.brand-color-transit {
    color: var(--uta_transit);
}

.brand-bg-transit {
    background-color: var(--uta_transit);
}

.btn-mode.btn-transit {
    color: black;
    background-color: var(--uta_transit);
    border-color: var(--uta_transit);
}

    .btn-mode.btn-transit.active, .btn-mode.btn-transit:active, .btn-mode.btn-transit:hover {
        color: #fff;
        border-color: var(--uta_transit);
        background: var(--uta_transit);
    }

input + .btn-mode.btn-transit:active, input + .btn-mode.btn-transit:hover, input:focus + .btn-mode.btn-transit {
    color: #000;
    border-color: var(--uta_transit);
    background: var(--uta_transit);
    font-weight: 700;
}

input:checked + .btn-mode.btn-transit {
    color: #000;
    background: white;
    border-color: white;
    font-weight: 700;
}

.transit-on-white input + .btn-mode.btn-transit:active, .transit-on-white input + .btn-mode.btn-transit:hover, .transit-on-white input:focus + .btn-mode.btn-transit {
    color: #000;
    border-color: var(--uta_transit);
    background: 0 0;
}

.transit-on-white input:checked + .btn-mode.btn-transit {
    color: #fff;
    background: var(--uta_transit);
}

#home-rm-map-search-form #locateButton {
    background-color: rgb(243, 136, 62);
    border-color: rgb(243, 136, 62);
    font-size: 16px;
    padding: 3px 8px 4px 8px;
}
#home-rm-map-search-form #locateButton:focus,
#home-rm-map-search-form #locateButton:hover {
    /*border-color: white;*/
}

.rm-map-search-mobile .form-group.has-addon-action.no-location-input #searchModalButton {
    background-color: rgb(243, 136, 62);
    border-color: rgb(243, 136, 62);
    padding: 8px 12px 8px 12px;
    vertical-align: middle;
}
    .rm-map-search-mobile .form-group.has-addon-action.no-location-input #searchModalButton:hover,
    .rm-map-search-mobile .form-group.has-addon-action.no-location-input #searchModalButton:focus {
        /*border-color: white;*/
    }

    .commutervanpoolwaitlist-name {
        font-weight: 700;
        font-size: 120%;
        margin-bottom: 5px;
    }

.btn {
    border-color: transparent;
}

.rm-map-search-form .dropdown-rm-style {
    border-color: transparent;
}

.btn-warning{
    background-color: dimgrey;
}

.btn-success, .btn-success:active, .btn-success:hover, .btn-success:focus {
    color: white;
}

.text-warning {
    color: black;
}

a{
    text-decoration: underline !important;
}

nav a,
a.btn{
    text-decoration: none !important;
}

.rm-map-search-form .bootstrap-select .btn-link:hover {
    color: white;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 10px 12px;
    line-height: 1.125;
    text-decoration: none;
    color: blue;
    background-color: #fff;
    border: 1px solid #fff;
    margin-left: -1px
}