a, a:visited {
    color: #0072BC !important;
}

    a:hover {
        color: #EE2D41 !important;
    }

    a:active {
        color: #75C043 !important;
    }



    /* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

    a.navbar-brand {
        white-space: normal;
        text-align: center;
        word-break: break-all;
    }

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* -----------------------------------------------------------------------------
   Bootstrap 4 -> 5 compatibility shim.
   Bootstrap 5 introduced `.row > * { width: 100%; ... }`, which forces EVERY
   direct child of a .row to full width (and adds gutter padding). v4 had no such
   rule, so several places in this app use .row as a generic flex wrapper around
   non-column content (buttons, labels, inline header text, absolutely-positioned
   elements). Under v5 those children stretch to 100% and stack/overlap.
   This restores the v4 behavior for NON-column children only; real .col / .col-*
   columns are excluded and keep their normal grid sizing. Nested .row elements
   (e.g. the centered .tabSubHeader) are also excluded so they keep full width and
   can center their own content.
   -------------------------------------------------------------------------- */
.row > :not([class*="col-"]):not(.col):not(.row) {
    width: auto;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
}

/* Bootstrap 5 sets `.row > * { flex-shrink: 0 }`; v4 used the default flex-shrink:1.
   The centered page headers are placed directly in a .row with `width:100%` AND
   side margins, so without shrinking they overflow by the margin amount and the
   centered text drifts to the right. Restore the v4 shrink behavior. */
.row > .tt-line-col-blue {
    flex-shrink: 1;
}

/* In Bootstrap 4 the column classes carried their own gutter padding (and
   position/min-height). Bootstrap 5 removed that and instead applies padding via
   `.row > *`, so a column only gets padding when it is a DIRECT child of a .row.
   This app lays out forms as `.card-group > .col col-4 / .col col-8` (columns NOT
   inside a .row), which therefore lost all horizontal padding in v5 and made the
   content jam together. Restore the v4 column padding on the column classes
   themselves. NOTE: deliberately NOT setting `width: 100%` here — in v5 each
   `.col-*` sets its own width, and a blanket width:100% (loaded after Bootstrap)
   would override and collapse every column. */
.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto,
.col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto,
.col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto,
.col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto,
.col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

/* Bootstrap 4's Reboot included `svg:not(:root){ overflow: hidden }`, which clipped
   inline icon SVGs (Font Awesome, Kendo) to their box. Bootstrap 5 removed it, so
   any icon SVG whose artwork extends past its viewport now bleeds out at full size
   and renders as oversized shapes behind the page content. Restore the v4 rule. */
svg:not(:root) {
    overflow: hidden;
}

/* Bootstrap 5 changed the default link style to `a { text-decoration: underline }`.
   Bootstrap 4 had `text-decoration: none` (underline only on hover), which is what
   this app's design expects. Restore the v4 behavior. */
a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }

    .container {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}

.footerHeader {
    font-size: 26px;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.ttFooterLink {
    font-size: 16px;
    color: #FFFFFF !important;
    margin-bottom: 20px;
}

.footer22 {
    position: fixed;
    margin-top: -150px; /* negative value of footer height */
    /*height: 150px;*/
    clear: both;
    padding-top: 20px;
    width: 100%;
    z-index: 10000;
}

.fa-question-circle {
    display: block;
    margin-top: 5px;
}

.scroll-hidden {
    overflow: auto;
    scroll-behavior: smooth 
    /* Firefox */ 
    scrollbar-width: none; /* IE and old Edge */
    -ms-overflow-style: none;
}

.scroll-hidden::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Edge */
}

@media (min-width:250px) {
    .container {
        max-width: 100%;
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .footer22 {
        display: none;
        bottom: 0;
    }

    .fa-question-circle {
        display: none;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 100%;
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .fa-question-circle {
        display: none;
    }
}

@media (min-width:1350px) {
    .footer22 {
        display: block;
        bottom: 0;
        width: 100%;
    }

    .fa-question-circle {
        display: block;
        margin-top: 5px;
    }
}

@media (max-width:1100px) {
    #dvSwapLabel {
        display: block;
    }
    #dvEmpty1 {
        display: none;
    }
    #spnBtnBook {
        display: none;
        float: right;
    }
    #spnHead11 {
        display: block;
    }
    #spnHead12 {
        display: none;
    }
}

@media (min-width: 1100px) {
    #dvSwapLabel {
        display: none;
    }
    #dvEmpty1 {
        display: block;
    }
    #spnBtnBook {
        display: block;
        float: right;
    }
    #spnHead11 {
        display: none;
    }
    #spnHead12 {
        display: block;
    }
}

/* Daily Message */
.dayMessOut {
   top: 80px;
   left: 15px;
   width: 250px;
   max-height: 70px;
   position: absolute;
   z-index: 10000;
   border: 2px solid rgba(0, 114, 188, 0.50);
   background-color: rgba(0, 114, 188, 0.05);
   padding: 10px;
   text-align: center;
}

.dayMessInn {
   color: rgba(0, 114, 188, 1.00);
   font-family: Tahoma;
   font-size: 10pt;
   overflow-x: hidden;
   overflow-y: auto;
   max-height: 50px;
}
/* Daily Message */


/* THROBBER */
.throbber {
    display: none;
}

    .throbber .curtain {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #3e454d;
        opacity: 0.9;
        filter: alpha(opacity=90);
        z-index: 999999;
        opacity:0.9;
    }

    .throbber .curtain-content {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 999999;
    }

        .throbber .curtain-content div {
            text-align: center;
            padding: 45vH;
            color: #FFF;
        }

.throbber-header {
    font-size: 150%;
    color: #FFFFFF;
}

.throbber .curtain-content div p img {
    margin-top: 15px;
}
/* THROBBER */


/* TT Line Styles Start
-------------------------------------------------- */
.tt-line-col-blue {
    color: #0072BC !important;
}

.tt-line-col-yellow {
    color: #FFC805 !important;
}

.tt-line-col-dblue {
    color: #03294E !important;
}

.tt-line-col-green {
    color: #75C043 !important;
}

.tt-line-col-red {
    color: #EE2D41 !important;
}

.tt-line-col-anthrazit {
    color: #1B262E !important;
}

.tt-line-bg-blue-005 {
    background-color: rgba(242, 248, 252, 1.00) !important;
}

.tt-line-bg-blue-010 {
    background-color: rgba(0, 114, 188, 0.10) !important;
}

.tt-line-bg-blue-015 {
    background-color: rgba(0, 114, 188, 0.15) !important;
}

.tt-line-bg-blue-020 {
    background-color: rgba(0, 114, 188, 0.20) !important;
}

.tt-line-bg-blue-025 {
    background-color: rgba(0, 114, 188, 0.25) !important;
}

.tt-line-bg-blue-030 {
    background-color: rgba(0, 114, 188, 0.30) !important;
}

.tt-line-bg-blue-035 {
    background-color: rgba(0, 114, 188, 0.35) !important;
}

.tt-line-bg-blue-040 {
    background-color: rgba(0, 114, 188, 0.40) !important;
}

.tt-line-bg-blue-045 {
    background-color: rgba(0, 114, 188, 0.45) !important;
}

.tt-line-bg-blue-050 {
    background-color: rgba(0, 114, 188, 0.50) !important;
}

.tt-line-bg-blue-055 {
    background-color: rgba(0, 114, 188, 0.55) !important;
}

.tt-line-bg-blue-060 {
    background-color: rgba(0, 114, 188, 0.60) !important;
}

.tt-line-bg-blue-065 {
    background-color: rgba(0, 114, 188, 0.65) !important;
}

.tt-line-bg-blue-070 {
    background-color: rgba(0, 114, 188, 0.70) !important;
}

.tt-line-bg-blue-075 {
    background-color: rgba(0, 114, 188, 0.75) !important;
}

.tt-line-bg-blue-080 {
    background-color: rgba(0, 114, 188, 0.80) !important;
}

.tt-line-bg-blue-085 {
    background-color: rgba(0, 114, 188, 0.85) !important;
}

.tt-line-bg-blue-090 {
    background-color: rgba(0, 114, 188, 0.90) !important;
}

.tt-line-bg-blue-095 {
    background-color: rgba(0, 114, 188, 0.95) !important;
}

.tt-line-bg-blue-100 {
    background-color: rgba(0, 114, 188, 1.00) !important;
}

.tt-line-fontsize-8 {
    font-size: 8pt;
}

.tt-line-fontsize-9 {
    font-size: 9pt;
}

.tt-line-fontsize-10 {
    font-size: 10pt;
}

.tt-line-fontsize-11 {
    font-size: 11pt;
}

.tt-line-fontsize-12 {
    font-size: 12pt;
}

.tt-line-header-main {
    position: sticky;
    top: 0px;
    width: 100%;
    height: 60px;
    z-index: 1500;
}

.tt-line-header-line {
    position: absolute;
    left: 0px;
    height: 2px;
    width: 100%;
    margin: 0px;
    bottom: 0px;
    background: linear-gradient( 90deg, white, #0083C8, white);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#046ab5',GradientType=1 );
}

.tt-line-header-logo {
    position: absolute;
    left: 15px;
    top: 12px;
    margin: 0px;
}

.tt-line-login-line {
    position: absolute;
    left: 0px;
    height: 2px;
    width: 100%;
    margin: 0px;
    top: 55px;
    background: linear-gradient( 90deg, white, #0083C8, white);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#046ab5',GradientType=1 );
}

/* --------------------------------------------------
TT Line Styles Start */


/* TT Line Banner
-------------------------------------------------- */

#dvHeadCenterMenu {
    display: flex;
    justify-content: center;
    padding: 13px 0px 0px 0px;
}

#dvHeadRightUser {
    padding: 0px 0px 0px 0px;
    margin: -30px 75px 0px 0px;
    float: right;
    right: 50px;
    position: absolute;
}

#dvHeadCenterUser {
    padding: 0px 0px 0px 0px;
    margin: 0 50% !important;
    position: absolute;
    left:-6.15em;
}

#dvCookieBanner {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    margin: 0px;
    padding: 12px 5px 5px 5px;
    position: fixed;
    background-color: #F2F8FC;
    text-align: center;
    z-index: 2000;
    color: #0083C8;
    font-size: 10pt;
}

.btnHeadRest {
    color: #0072BC;
    background-color: transparent;
    border: 0px;
    font-size: 12pt;
    cursor: pointer;
    outline: none;
}

.btnHeadRest2 {
    color: #0072BC;
    background-color: transparent;
    border: 0px;
    font-size: 12pt;
    cursor: pointer;
    outline: none;
}

/* --------------------------------------------------
TT Line Banner */


/* TT Line Login
-------------------------------------------------- */

#loginMain {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    z-index: 1000;
}

#loginLogin {
    width: 550px;
    height: 300px;
    margin: 0 auto 0 auto;
    padding: 15px 25px 15px 25px;
    background-color: rgba(0, 131, 200, 0.05);
    z-index: 1500;
    color: #0083C8;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.tt-line-header-burger {
    display: none;
    z-index: 10000;
}


@media(min-width:300px) {
    #loginLogin {
        width: 300px;
    }

    .tt-line-header-main {
        display: none;
    }

    .tt-line-header-burger {
        display: block;
    }


/*    .tt-line-header-logo {
        display: none;
    }
*/}

@media(min-width:767px) {
    #loginLogin {
        width: 500px;
    }

    .tt-line-header-burger {
        display: block;
    }

    .tt-line-header-main {
        display: none;
    }

/*    .tt-line-header-logo {
        display: block;
    }
*/}

@media(min-width:1200px) {
    #loginLogin {
        width: 550px;
    }

    .tt-line-header-burger {
        display: none;
    }

    .tt-line-header-main {
        display: block;
    }
}

.loginH6 {
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

.loginImg {
    margin: 0px 0px 3px 0px;
}

.loginMess {
    margin: 0px;
    font-size: 14px;
    margin-bottom: 10px;
}

.loginLinks {
    margin: 0px;
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}

.loginUnpw1 {
    padding: 28px 0px 0px 20px;
    font-size: 12pt;
}

.loginUnpw2 {
    margin: 5px;
}

#BtnLoginSend {
    float: right;
    margin: 7px 31px 0px 0px;
}

.loginBottRow {
    justify-content: space-between;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
}

/* --------------------------------------------------
TT Line Login */


/* TT Line Booking
-------------------------------------------------- */

/* Prevents the browsers to highlight the map links */
.clsBookRouteMap {
    outline: none;
}

/* 6x Styling cards, body and header */
.ttCardBlue {
    margin: 0px 0px 10px 0px !important;
    padding: 0px 0px 10px 0px;
    border-radius: 0px 0px -15px 0px !important;
    background-color: #F2F8FC;
    border: 0px solid #0072BC !important;
}

.ttCardGreen {
    margin: 0px 0px 10px 0px !important;
    padding: 0px 0px 10px 0px;
    border-radius: 0px 0px -15px 0px !important;
    background-color: rgba(117, 192, 67, 0.15);
    border: 0px solid rgba(117, 192, 67, 0.50) !important;
}

.ttCardRed {
    margin: 0px 0px 10px 0px !important;
    padding: 0px 0px 10px 0px;
    border-radius: 0px 0px -15px 0px !important;
    background-color: rgba(238, 45, 65, 0.15);
    border: 0px solid rgba(238, 45, 65, 0.50) !important;
}

.dvHeaderBlue {
    top: -12px;
    padding: 5px 0px 0px 5px;
    float: initial;
    clear: both;
    border-radius: 0px !important;
    color: #0072BC !important;
    max-width: 400px;
}

.dvHeaderGreen {
    top: -12px;
    padding: 5px 0px 0px 5px;
    float: initial;
    clear: both;
    border-radius: 0px !important;
    color: rgba(117, 192, 67, 1.0) !important;
    max-width: 400px;
}

.dvHeaderRed {
    top: -12px;
    padding: 5px 0px 0px 5px;
    float: initial;
    clear: both;
    border-radius: 0px !important;
    color: #EE2D41 !important;
    max-width: 400px;
}
/* 6x Styling cards, body and header */

/* 8x Styling Kendo DropDownList Units */
.tblBookUnitCodeHead {
    font-size: 10pt;
    width: 400px;
    margin: 0px 8px 0px 8px;
    font-weight: bold;
}

.tblBookUnitCodeBody {
    font-size: 10pt;
    width: 440px;
}

.tblBookUnitCodeCellH1 {
    width: 100px;
    text-align: center;
    vertical-align: bottom;
}

.tblBookUnitCodeCellH2 {
    width: 200px;
    text-align: left;
    vertical-align: bottom;
}

.tblBookUnitCodeCellH3 {
    width: 70px;
    text-align: right;
    vertical-align: bottom;
}

.tblBookUnitCodeCellB1 {
    width: 100px;
    text-align: center;
}

.tblBookUnitCodeCellB2 {
    width: 200px;
    text-align: left;
}

.tblBookUnitCodeCellB3 {
    width: 70px;
    text-align: right;
}
/* 8x Styling Kendo DropDownList Units */

/* --------------------------------------------------
TT Line Booking */


/* TT Line Telerik Override
-------------------------------------------------- */

.k-window-titlebar {
    background-color: rgba(0, 131, 200, 0.05) !important;
}

.k-textbox-container, .k-floating-label-container {
    width: auto !important;
}

/* 1 class, work around for splitter, which is not growing */
#spltBookRouteMain {
    height: 99%;
    margin: 0;
    padding: 0;
}

/* 6 classes, work around for splitter, to enlarge the icons*/
.k-splitbar .k-icon {
    overflow: visible;
    font-size: 16px;
}

    .k-splitbar .k-icon.k-i-arrow-60-left {
        margin-left: -3px;
    }

    .k-splitbar .k-icon.k-i-arrow-60-right {
        margin-left: -3px;
    }

.k-splitter .k-splitbar-horizontal {
}

.k-splitbar .k-resize-handle.k-i-vbar {
    width: 5px;
    height: 20px;
    margin-left: 0;
}

.k-splitbar .k-resize-handle.k-i-hbar {
    width: 20px;
    height: 5px;
    margin: 0;
}

.k-indeterminate .k-switch-container {
    background-color: #EE2D41 !important;
}

/* --------------------------------------------------
TT Line Telerik Override */

a.ttFooterLink {
    color: #fff !important;
}