@font-face {
    font-family: "neue-haas-grotesk-display", arial;
    /*src: url('../fonts/Aller_Ultra-light3.ttf');*/
}

@font-face {
    font-family: neue-haas-grotesk-display;
    src: url(https://use.typekit.net/af/1ba16c/00000000000000007735bb5a/30/l?subset_id=2&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/1ba16c/00000000000000007735bb5a/30/d?subset_id=2&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/1ba16c/00000000000000007735bb5a/30/a?subset_id=2&fvd=n5&v=3) format("opentype");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    font-display: auto;
}

@font-face {
    font-family: neue-haas-grotesk-display;
    src: url(https://use.typekit.net/af/384d9b/00000000000000007735bb6a/30/l?subset_id=2&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/384d9b/00000000000000007735bb6a/30/d?subset_id=2&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/384d9b/00000000000000007735bb6a/30/a?subset_id=2&fvd=n7&v=3) format("opentype");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    font-display: auto;
}

@font-face {
    font-family: neue-haas-grotesk-display;
    src: url(https://use.typekit.net/af/6c4da4/00000000000000007735bb5e/30/l?subset_id=2&fvd=i5&v=3) format("woff2"),url(https://use.typekit.net/af/6c4da4/00000000000000007735bb5e/30/d?subset_id=2&fvd=i5&v=3) format("woff"),url(https://use.typekit.net/af/6c4da4/00000000000000007735bb5e/30/a?subset_id=2&fvd=i5&v=3) format("opentype");
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
    font-display: auto;
}

@font-face {
    font-family: neue-haas-grotesk-display;
    src: url(https://use.typekit.net/af/fcc1c9/00000000000000007735bb6c/30/l?subset_id=2&fvd=i7&v=3) format("woff2"),url(https://use.typekit.net/af/fcc1c9/00000000000000007735bb6c/30/d?subset_id=2&fvd=i7&v=3) format("woff"),url(https://use.typekit.net/af/fcc1c9/00000000000000007735bb6c/30/a?subset_id=2&fvd=i7&v=3) format("opentype");
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
    font-display: auto;
}

body {
    font-family: "neue-haas-grotesk-display",arial,helvetica,sans-serif;
    margin-bottom: 20px;
    color: #253762;
    font-size: 16px;
    line-height: 1.25;
    background-color: #fff0f2;
}

h1, h2, h3, h4, h5, th {
    font-family: inherit;
}

.form-control {
    color: #253762;
}

.modal-title {
    color: #fff0f2;
}

.bold-heavy {
    font-family: inherit;
}

.alert-warning {
    color: #fff0f2;
    background-color: #253762;
    border-color: #253762;
}

.alert-info {
    color: #fff;
    background-color: #fff0f2;
    border-color: #fff0f2;
}

.asap-text.alert {
    margin-bottom: 0;
    padding: 0;
    font-family: inherit;
}

.booking-quote .cslLink {
    color: #fff;
}

    .booking-quote .cslLink:hover {
        color: #fff;
    }

.form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 44px;
    font-size: 14px;
}
    .cslinlineform {
        display: inline-block;
        width: 40%;
    }


.badge {
    background-color: transparent;
}

#abortButton {
}

.btn {
    height: 44px;
    font-family: inherit;
}

.btn-padding {
    padding-top: 12px;
}

.recent-passenger-unselected {
    border: 0;
    margin-bottom: 0px;
    border-bottom: 1px solid #ddd;
}

.profile-options.active, .profile-options:active {
    background-color: #253762;
    border-color: #253762;
    color: #fff0f2;
}

    .profile-options.active:hover, .profile-options:hover, a.profile-options:hover {
        color: #fff0f2;
        background-color: #253762;
        border-color: #253762;
    }

.alert {
    border: none;
}

.alert-info {
    border: none;
    background-color: #fff0f2;
    color: #253762;
}

.header-bar {
    width: 100%;
    z-index: 1025;
    position: fixed;
}

.header-responsive {
    position: relative;
    max-width: 1430px;
    width: 100%;
    margin: 0 auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-color: #fff0f2;
}

    .header-responsive .logo {
        width: 100px;
        margin: 5px;
        padding: 5px;
    }

    .header-responsive .header-right,
    .header-responsive .header-right a {
        color: #253762;
    }

    .header-responsive .btn-menu {
        display: inline-block;
        height: 30px;
        padding: 6px;
        border-radius: 4px;
        border: none;
        float: right;
        margin: 4px;
        margin-top: 10px;
        margin-right: 10px;
    }

        .header-responsive .btn-menu .icon-bar {
            display: block;
            width: 22px;
            height: 2px;
            border-radius: 1px;
            background-color: #253762;
        }

.booking-quote {
    color: #fff0f2;
    background-color: #253762;
}

    .booking-quote legend {
        font-family: inherit;
        font-size: 19px;
        color: #fff0f2;
    }


/*.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus */
.pagination > .disabled > span, .pagination > .disabled > a {
    color: #fff0f2;
    background-color: #253762;
    font-weight: 600;
}

    .pagination > .disabled > span:hover, .pagination > .disabled > a:hover {
        color: #253762;
        background-color: #fff0f2;
    }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff0f2;
    background-color: #253762;
}

.nav-tabs > li > a {
    color: #253762;
    font-weight: 600;
}

.container-fluid {
    padding-right: 7px;
    padding-left: 7px;
}

.link-to-concur {
    padding-top: 10px;
}

#cardList {
    padding-top: 20px;
}

.wizard > .steps li {
    color: #fff0f2;
    background-color: #253762;
}

    .wizard > .steps li .chevron:before {
        border-left: 14px solid #253762;
    }

    .wizard > .steps li .chevron {
        /*background-color: #253762;*/
    }

    .wizard > .steps li.current {
        background-color: #253762;
        color: #fff0f2;
    }

        .wizard > .steps li.current .chevron:before {
            border-left: 14px solid #253762;
        }

        .wizard > .steps li.current .badge {
            color: #fff0f2;
            background-color: transparent;
        }

.navbar-default {
    background-color: transparent;
    border-radius: 5px;
    border: none;
    margin: 0 auto 0 auto;
}


    .navbar-default .navbar-nav > li > a {
        color: #253762;
        font-weight: bold;
    }

        .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
            color: #253762;
        }

    .navbar-default .navbar-collapse {
        border: none;
        background-color: #fff0f2;
    }

#wrapper {
    padding-top: 10px;
}

@media only screen and (min-width: 768px) {

    .header-responsive {
        padding: 12px;
    }

        .header-responsive .logo {
            width: 30%;
            margin-bottom: 20px;
            padding: 0;
            filter: blur(0);
            -webkit-filter: blur(0);
            image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
            image-rendering: optimize-contrast; /* CSS3 Proposed       */
        }

        .header-responsive .btn-menu {
            display: none;
        }

    .navbar-default {
        background-color: #fff0f2;
        border-radius: 0px;
        border: none;
        max-width: 1430px;
    }

        .navbar-default .navbar-collapse {
            padding-left: 0;
            padding-right: 0;
        }

    #wrapper {
        padding-top: 90px;
    }

    .outer {
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 40px;
    }
}

.well, .login-well {
    background-color: #fff0f2;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-secondary {
    color: #253762;
    background-color: #fff0f2;
    border-color: #fff0f2;
}


.btn {
    font-weight: bold;
}

.btn-primary {
    color: #fff0f2;
    background-color: #253762;
    border-color: #253762;
}

    .btn-primary:focus,
    .btn-primary.focus {
        color: #ffffff;
        background-color: #ad022a;
        border-color: #ad022a;
    }

    .btn-primary:hover {
        color: #fff0f2;
        background-color: #253762;
        border-color: #253762;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #ad022a;
        border-color: #ad022a;
    }

        .btn-primary:active:hover,
        .btn-primary.active:hover,
        .open > .dropdown-toggle.btn-primary:hover,
        .btn-primary:active:focus,
        .btn-primary.active:focus,
        .open > .dropdown-toggle.btn-primary:focus,
        .btn-primary:active.focus,
        .btn-primary.active.focus,
        .open > .dropdown-toggle.btn-primary.focus {
            color: #fff0f2;
            background-color: #253762;
            border-color: #253762;
        }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus {
        background-color: #253762;
        border-color: #253762;
    }

    .btn-primary .badge {
        color: #253762;
        background-color: #fff0f2;
    }

.btn-group .btn-primary {
    border: 1px solid transparent;
    border-color: #253762;
}

.btn-success {
    color: #fff0f2;
    background-color: #253762;
    border-color: #253762;
}

    .btn-success:focus,
    .btn-success.focus {
        color: #fff0f2;
        background-color: #ad022a;
        border-color: #ad022a;
    }

    .btn-success:hover {
        color: #fff0f2;
        background-color: #253762;
        border-color: #253762;
    }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        color: #ffffff;
        background-color: #ad022a;
        border-color: #ad022a;
    }

        .btn-success:active:hover,
        .btn-success.active:hover,
        .open > .dropdown-toggle.btn-success:hover,
        .btn-success:active:focus,
        .btn-success.active:focus,
        .open > .dropdown-toggle.btn-success:focus,
        .btn-success:active.focus,
        .btn-success.active.focus,
        .open > .dropdown-toggle.btn-success.focus {
            color: #ffffff;
            background-color: #00727e;
            border-color: #00727e;
        }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus {
        background-color: #253762;
        border-color: #253762;
    }

    .btn-success .badge {
        color: #253762;
        background-color: #fff0f2;
    }

.btn-danger {
    color: #ffffff;
    background-color: #dc505a;
    border-color: #dc505a;
}

    .btn-danger:focus,
    .btn-danger.focus {
        color: #ffffff;
        background-color: #dc505a;
        border-color: #dc505a;
    }

    .btn-danger:hover {
        color: #ffffff;
        background-color: #dc505a;
        border-color: #dc505a;
    }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        color: #ffffff;
        background-color: #dc505a;
        border-color: #dc505a;
    }

        .btn-danger:active:hover,
        .btn-danger.active:hover,
        .open > .dropdown-toggle.btn-danger:hover,
        .btn-danger:active:focus,
        .btn-danger.active:focus,
        .open > .dropdown-toggle.btn-danger:focus,
        .btn-danger:active.focus,
        .btn-danger.active.focus,
        .open > .dropdown-toggle.btn-danger.focus {
            color: #ffffff;
            background-color: #dc505a;
            border-color: #dc505a;
        }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled.focus,
    .btn-danger[disabled].focus,
    fieldset[disabled] .btn-danger.focus {
        background-color: #dc505a;
        border-color: #dc505a;
    }

    .btn-danger .badge {
        color: #253762;
        background-color: #fff0f2;
    }

.form-control:focus {
    border-color: #333;
    box-shadow: none;
}

span.alert[style*="inline"] {
    display: block !important;
}

.selected-tariff-container {
    -moz-box-shadow: 0 0 12px #253762;
    -webkit-box-shadow: 0 0 12px #253762;
    box-shadow: 0 0 12px #253762;
}

.tariff .selected {
    border-bottom: 5px solid #253762;
}

.selected-tariff-container .tariff-header {
    background-color: #253762;
}

.tariff:hover .tariff-selector:not(.selected) {
    border-bottom: 5px solid #253762;
    border-bottom: 5px solid #253762;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    color: #fff0f2;
    background: #253762;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff0f2;
    cursor: default;
    background-color: #253762;
    border-color: #253762;
}

div#outer {
    padding-bottom: 30px;
}

.modal-header {
    background: #253762;
}

.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
    /*background-color: #253762;*/
}

.tariff-header {
    background-color: #253762;
}

.footer {
    max-width: 1430px;
    width: 100%;
    left: 12.4%;
    bottom: 0;
    background-color: #fff0f2;
    color: #253762;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
}

    .footer .footer-top ul {
        padding-left: 0;
        list-style: none;
        font-size: 90%;
    }

        .footer .footer-top ul li a {
            color: #fff0f2;
            font-family: inherit;
        }

#wrapper .footer {
    padding-top: 50px;
    margin-top: 20px;
}

@media screen and (min-width:768px) {

    .footer {
        padding-left: 100px;
        padding-right: 100px;
        max-width: 1430px;
    }

        .footer .footer-top > div {
            width: calc(100% /6);
            float: left;
        }
}

#ResponsiveBaseMasterContentPlaceHolderBody_ContentPlaceHolderBody_BookingStep1_leadPassengerCheckboxPanel {
    background-color: #fff0f2;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333;
}

.progress-bar {
    background-color: #253762;
}

.contact {
    text-align: right;
    font-size: 18px;
    color: #fff;
}

    .contact a {
        color: #fff;
    }

    .contact .fa {
        font-size: 24px;
    }

.footer-bottom {
    margin-top: 30px;
    margin-right: -17px;
    padding-bottom: 20px;
}

.navbar-default .dropdown-menu {
    background: #253762;
    border-radius: 0;
}

    .navbar-default .dropdown-menu > li > a:hover {
        color: #fff0f2;
        background: transparent;
    }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff0f2;
    background-color: #253762;
}

.dropdown-menu > li > a {
    color: #fff0f2;
}

#other-reports-dropdown > li > a {
    color: #000;
}

#concurStatusPanel {
    margin-bottom: 10px;
}


.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #e9edf7;
}

b, strong {
    font-family: inherit;
}

.recent-passenger-name {
    font-family: inherit;
}

.btn.booking-button {
    height: 65px;
}

.btn.disabled, .btn[disabled] {
    color: #fff;
}


legend {
    font-family: inherit;
    font-size: 19px;
    color: #253762;
}

.selected-tariff-container .content .img-responsive {
    -webkit-filter: none;
}

.content .img-responsive {
    -webkit-filter: grayscale(100%);
}

.selected-tariff-container .front .content {
    background-color: #253762 !important;
}

.tariff .front .content {
    background-color: #9a9a9a;
}

.tariff-panel .alert-warning {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.android-badge img {
    width: 160px;
    bottom: 10px;
}

.ios-badge img {
    width: 140px;
    bottom: 10px;
}

#header-responsive .rightImg {
    margin-right: 10px;
    width: 75%;
    max-width: 150px;
    height: auto;
}

#parcelArrivalMobileLabel > .hidden-sm {
    display: none;
}

.well-booker .badge {
    background: #777;
}

.parcel-control-label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

.block-border-right .block-content {
    border-right: .2vw solid #253762;
    padding-right: 17px;
}

.block-text-right {
    text-align: right;
}

a {
    color: #253762;
    transition: color .2s ease-in-out 0s;
}

#footer li, #footer a, #footer ul {
    margin: 0;
    padding: 0;
    color: #fff0f2;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: currentColor;
    text-decoration-thickness: 1px;
    text-underline-offset: .2em;
    text-decoration-skip: auto;
    text-decoration-skip-ink: auto;
}

#block-menu-block-13 li, #block-menu-block-2 li, #block-menu-block-15 li, #block-menu-block-13 ul, #block-menu-block-2 ul, #block-menu-block-15 ul {
    list-style: none;
}

#block-block-14 {
    position: absolute;
    right: 8px;
    top: -10px;
}

#block-menu-block-1 .menu-name-menu-footer-menu a {
    margin-right: 20px;
}

#footer .social {
    text-align: right;
}

#footer {
    font-size: 21px;
    position: relative;
    background-color: #253762;
    color: #fff0f2;
    padding-top: 30px;
}

#region-footer {
    margin-bottom: 0px;
}

#footer:after {
    content: "";
    background-size: cover;
    width: 100%;
    padding-top: 4.3%;
    position: absolute;
    left: 0;
    bottom: 0px;
}

#region-after {
    margin-bottom: 50px;
}

#footer a i:before {
    font-size: 35px;
}

.no-journeys {
    padding-bottom: 58px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #253762;
}

.modal-body, .modal-footer {
    background: #fff0f2;
}

/*******************************/
/*TRANSPORT UK SPECIFIC STYLES*/