body
{
    margin:0;
    padding:0;
    font-family:Poppins;
    line-height:1;
}
.ui-headerbg
{
    width:100%;
}
.ui-headerbg-big
{
    background: linear-gradient(180deg, rgba(4, 21, 98, 0.9) 50%, rgba(4, 21, 98, 0.9) 50%), url('/assets/bg_large.png'); 
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-size: cover;
    background-position: center center;

    @supports ( -webkit-touch-callout : none) {
        .selector {
        background-attachment:scroll
        }
        }
        
    @supports not ( -webkit-touch-callout : none) {
        .selector {
        background-attachment: fixed;
        }
    }

        
/*
    -webkit-background-repeat: no-repeat;
    -webkit-background-attachment: fixed;
    -webkit-background-size: 100% 100%;
    -webkit-background-position: center center;*/
    text-align: center;
}
.ui-headerbg-small
{
    height:80px;
    background-color:rgb(4, 21, 98);
}
.ui-headercontainer
{
    position:absolute;
    top:16px;
    left:2%;
    width:96%;
    height:48px;
}
.navbar
{
    padding-top:0px;
    padding-bottom:0px;
}
.navbar-collapse
{
    z-index:100000;
}
.ui-headercontent-title
{
    font-weight:600;
    font-size:24px;
    line-height:36px;
    cursor:pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.nav-link
{
    cursor:pointer;
    text-align:right;
}
.ui-header-flag
{
    height:18px;
}
.ui-mainsearch-container
{
    margin-top:180px;
    display: inline-block;
    float: none;
    text-align:left;
    margin-bottom:120px;
}
@media all and (min-width:992px)
{
    .ui-contentcontainer
    {
        width:1024px;
    }
    .ui-mainsearch-container
    {
        width:1024px;
    }
    .ui-mainsearch-searchcontainer .ui-input, .ui-plannerheader .ui-input
    {
        width:163px;
    }
    .ui-mainsearch-searchcontainer .left, .ui-plannerheader .left
    {
        border-top-right-radius:0px;
        border-bottom-right-radius:0px;
    }
    .ui-mainsearch-searchcontainer .middle, .ui-plannerheader .middle
    {
        border-radius:0px;
        margin-left:2px;
    }
    .ui-mainsearch-searchcontainer .right, .ui-plannerheader .right
    {
        margin-left:2px;
        border-top-left-radius:0px;
        border-bottom-left-radius:0px;
    }
    .ui-mainsearch-searchcontainer .ui-button, .ui-plannerheader .ui-button
    {
        margin-left:20px;
        max-width: 130px;
        white-space: nowrap;
    }
    
    .ui-input.ui-from
    {
        background: url('/assets/icons/arrows_horizontal.svg') no-repeat scroll 135px center, #EEEEEE;
        padding-right:40px;
    }
    .ui-newsletter_offer .ui-input
    {
        width:511px;
        margin-right:12px;
    }
    .ui-upcoming_travels .ui-destination_image-container
    {
        width:213px;
        display:table-cell;
        border-top-left-radius:20px;
        border-bottom-left-radius:20px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    .ui-upcoming_travels .ui-destination_image-holder
    {
        width:213px;
        display:inline-block;
    }
    .ui-upcoming_travels .ui-destination-description
    {
        display:table-cell;
        vertical-align:middle;
    }
    .ui-upcoming_travels .ui-destination-details
    {
        min-width:280px;
        text-align:right;
        vertical-align:middle;
        display:table-cell;
    }
    .ui-headtext
    {
        font-size:32px;
        line-height:48px;
    }
    .ui-footerlinks
    {
        text-align:right;
    }
    .ui-onlymobile-col
    {
        min-width:100%;
        width:100%;
        display:block;
    }
    .ui-plansuggestion-rightside
    {
        text-align:right;
    }
    .ui-contentcontainer.ui-progressheader
    {
        padding-top:16px;
        padding-bottom:16px;
    }
    .ui-ticket_settings_view .col-lg.left
    {
        margin-right:24px;
    }
    .ui-tripdetails .ui-plansuggestion-rightside .ui-button
    {
        max-width:240px;
        justify-self:right;
    }
    .ui-calendar-container
    {
        width:667px;
        margin-top:36px;
    }
    .ui-input-suggestions
    {
        left:0px;
    }
    .ui-input-suggestions.ui-returncal
    {
        left:-165px;
    }
    .ui-calendar-datepicker.firstmonth, .ui-calendar-datepicker.secondmonth
    {
        display:block;
    }
    .ui-calendar-datepicker.firstmonth .ui-monthchange.ui-back
    {
        visibility:visible;
    }
    .ui-calendar-datepicker.secondmonth .ui-monthchange.ui-forward
    {
        visibility:visible;
    }
    .ui-window-narrow
    {
        top:86px;
        width:512px;
        left: calc(50% - 289px);
    }
}
@media not all and (min-width:992px)
{
    .ui-mainsearch-container
    {
        width:calc(100% - 48px);
        text-align:center;
    }
    .ui-input, .ui-button
    {
        width:100%;
        display:block;
        margin-bottom:12px;
    }
    .ui-input.ui-from
    {
        background: url('/assets/icons/arrows_horizontal.svg') no-repeat scroll calc(100% - 16px) center, #EEEEEE;
    }
    .ui-mainsearch-searchcontainer .ui-input-container, .ui-plannerheader .ui-input-container
    {
        display:block;
    }
    .ui-upcoming_travels
    {
        width:100%;
    }
    .ui-upcoming_travels .ui-destination_image-container
    {
        border-top-left-radius:20px;
        border-top-right-radius:20px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    .ui-upcoming_travels .ui-destination_image-holder
    {
        width:100%;
        height:232px;
        display:inline-block;
    }
    .ui-popular_destinations-container
    {
        overflow-x: scroll;
        white-space: nowrap;
    }
    .ui-headtext
    {
        font-size:28px;
        line-height:48px;
    }
    .ui-footer-menu .col-lg
    {
        margin-bottom:24px;   
    }
    .ui-footer-copyright
    {
        margin-bottom:24px;
    }
    .ui-plansuggestions-filters, .ui-upcoming_travels-filters
    {
        overflow-x: scroll;
        white-space: nowrap;
    }
    .ui-contentcontainer.ui-progressheader
    {
        padding-top:32px;
        padding-bottom:32px;
    }
    .ui-ticket_settings_view .ui-class-option.left
    {
        margin-bottom:16px;
    }
    .ui-plansuggestion .col-lg
    {
        margin-bottom:12px;
    }
    .ui-plansuggestion .col-lg.ui-plansuggestion-rightside
    {
        margin-bottom:0px;
    }
    .navbar-nav
    {
        background-color:#041562;
        padding:12px;
        width:100%;
        border-radius:12px;
        z-index:100000;
    }
    .ui-calendar-container
    {
        width:346px;
        margin-top:6px;
    }
    .ui-input-suggestions
    {
        left:0px;
    }
    .ui-input-suggestions:has(.ui-calendar-container)
    {

        left:-24px;
    }
    .ui-calendar-datepicker.firstmonth
    {
        display:block;
    }
    .ui-calendar-datepicker.firstmonth .ui-monthchange.ui-back, .ui-calendar-datepicker.firstmonth .ui-monthchange.ui-forward
    {
        visibility:visible;
    }
    .ui-window-narrow
    {
        top:24px;
        width:96%;
        left: 2%;
    }
}

.ui-mainsearch-title
{
    font-weight:600;
    font-size:32px;
    line-height:48px;
    margin-bottom:24px;
    color:white;
}
.ui-input
{
    border-radius:12px;
    padding:16px;
    font-size:16px;
    line-height:24px;
    font-weight:400;
    color:#27272A;
    background-color:#EEEEEE;
    border:0px solid black;
}
.ui-input-container
{
    position:relative;
    display:inline-block;
}
.ui-input-suggestions
{
    /*background-color:white;*/
    position:absolute;
    top:56px;
    width:100%;
    display:none;
    z-index:10;
}
.ui-input-container:has(.ui-input:focus) .ui-input-suggestions, .ui-input-suggestions:hover
{
    display:inline-block;
}
.ui-input-suggestion
{
    display:block;
    font-weight:400;
    font-size:16px;
    line-height:24px;
    color:#52525B;
    text-align:left;
    padding:12px;
    cursor:pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color:white;
}
.ui-input-suggestion:hover
{
    background-color:#D4D4D4;
}

.ui-fromto-dirchange
{
    /*background-color:white;*/
    position:absolute;
    right:5px;
    top:15px;
    width:30px;
    height:30px;
    display:inline-block;
    z-index:10;
    opacity:0.0;
}

.ui-calendar-container
{
    background-color:white;
    padding:24px;
    border-radius: 16px;
    box-shadow: 0px 10px 10px -5px #0F0F100A;
    box-shadow: 0px 20px 25px -5px #0F0F101A;
    text-align:center;
}
.ui-monthchange
{
    vertical-align:top;
    padding-top:3px;
    visibility:hidden;
}
.ui-calendar-container .row
{
    gap: 32px;
}
.ui-calendar-datepicker
{
    background-color:white;
    display:none;
}
.ui-monthtitle
{
    font-weight:600;
    font-size:16px;
    line-height:24px;
    padding-bottom:16px;
}
.ui-daycontainer
{
    display:table;
    width:32px;
    height:32px;
}
.ui-day
{
    display:table-cell;
    vertical-align:middle;
    font-size:16px;
    font-weight:400;
    line-height:24px;
    width:32px;
    height:32px;
    color:#27272A;
    cursor:pointer;
}
.ui-day.ui-weekdayheader
{
    color:#A1A1AA;
    cursor:default;
}
.ui-daycontainer:has(.ui-notlastday)
{
    margin-right:10px;
}
.ui-daycontainer:has(.ui-notlastweek)
{
    margin-bottom:8px;
}
.ui-day.ui-otherMonth
{
    color:#A1A1AA;
}
.ui-day.ui-today
{
    border-radius:4px;
    border: 1px solid #DA1212;
    color: #DA1212;
}
.ui-day.ui-selectedday
{
    background-color:#DA1212;
    border-radius:4px;
    color:white;
}
.ui-day.ui-disabled
{
    color:#A1A1AA;
    background-color:#c8c8cf;
    cursor:default;
    border-radius:4px;

}

.ui-noresultstext
{
    margin-top:36px;
}

.ui-fewresultsspace
{
    margin-top:calc(100vh - 520px);
}

.ui-timeselector
{
    background-color: #EEEEEE;
    display:table-cell;
    border-radius:6px;
    text-align:center;
    width:100%;
    padding: 16px;
    margin-bottom: 12px;

}
.ui-timeselector-time
{
    display:inline-block;
    margin-left: 24px;
    margin-right: 24px;
    font-size:20px;
    font-weight:700;

}
.ui-passengerselect-container
{
    background-color:white;
    margin-top:36px;
    padding:24px;
    padding-bottom:4px;
    border-radius: 16px;
    width:334px;
    box-shadow: 0px 10px 10px -5px #0F0F100A;
    box-shadow: 0px 20px 25px -5px #0F0F101A;
}
.ui-passengerselect-passenger
{
    width:100%;
    margin-bottom:20px;
}
.ui-passengerselect-parameters
{
    text-align:left;
}
.ui-passengerselect-counter, .ui-passengerselect-discountscontainer
{
    text-align:right;
}
.uijs-passengers-container .ui-passengerselect-parameters
{
    padding-left:24px;
}
.ui-discounts-button
{
    cursor:pointer;
    border-radius: 4px;
    padding-top: 0px;
    padding-right: 16px;
    padding-bottom: 0px;
    padding-left: 16px;
    background-color:#DA1212;
    margin-right:12px;
}
.ui-passengertype
{
    display:block;
    font-weight:600;
    font-size:16px;
    line-height:24px;
    color:#27272A;
    margin-right:12px;
}
.ui-passengerdescription
{
    display:inline-block;
    font-weight:400;
    font-size:14px;
    line-height:21px;
    color:#52525B;
}
.ui-passengercount
{
    display:inline-block;
    font-weight:600;
    font-size:16px;
    line-height:24px;
    color:#27272A;
    min-width:80px;
}
.ui-passengercount-number
{
    display:inline-block;
    margin-left:8px;
    margin-right:8px;
}
.ui-passengercount-button
{
    display:inline-block;
    width:18px;
    height:18px;
    color:#27272A;
    border:1px solid #27272A;
    border-radius:100%;
    font-size:14px;
    line-height:16px;
    text-align:center;
    cursor:pointer;
}
.ui-passengercount-button.inactive
{
    color:#D4D4D8;
    border:1px solid #D4D4D8;
    cursor:default;
}
.ui-button
{
    border-radius:12px;
    padding-top:16px;
    padding-bottom:16px;
    padding-left:32px;
    padding-right:32px;
    font-size:16px;
    line-height:24px;
    font-weight:500;
    color:white;
    background-color:#DA1212;
    border:1px solid #DA1212;
}
.ui-inverse-button
{
    color:#DA1212;
    background-color:white;
}
.ui-button:hover
{
    background-color:#AB0E0E;
    border:1px solid #AB0E0E;
}
.ui-calendar-button
{
    border-radius:12px;
    padding-top:16px;
    padding-bottom:16px;
    padding-left:32px;
    padding-right:32px;
    font-size:16px;
    line-height:24px;
    font-weight:500;
    color:#DA1212;
    background-color:white;
    border:1px solid #DA1212;
    width:100%;
    margin-bottom:12px;
}
.uijs-savedpassengers-container .ui-form-button
{
    width:100%;
    margin-bottom:12px;
}
.ui-inverse-button:hover
{
    background-color:#fff7f7;
}
.ui-mainsearch-searchcontainer
{
    background-color:white;
    width:100%;
    border-radius:20px;
    padding:24px;
    font-size: 0;
    text-align:center;
}

.ui-input.ui-how_many_people
{
    background: url('/assets/icons/person.svg') no-repeat scroll 12px center, #EEEEEE;
    padding-left:40px;
}
.ui-content_outer_container
{
    width:100%;
    text-align:center;
}
.ui-contentcontainer
{
    width:calc(100% - 48px);
    max-width:1024px;
    display:inline-block;
    text-align:left;
    font-size: 0;
}
.ui-contentcontainer.ui-largepadding
{
    padding-top:96px;
    padding-bottom:96px;
}
.ui-contentcontainer.ui-mediumpadding
{
    padding-top:64px;
    padding-bottom:64px;
}
.ui-contentcontainer.ui-mediumsmallpadding
{
    padding-top:48px;
    padding-bottom:48px;
}
.ui-contentcontainer.ui-32padding
{
    padding-top:32px;
    padding-bottom:32px;
}
.ui-contentcontainer.ui-smallpadding
{
    padding-top:16px;
    padding-bottom:16px;
}
.ui-greybg
{
    background-color:#EEEEEE;
}
.ui-bluebg
{
    background-color:rgb(4, 21, 98);
    color:white;
}
.ui-headtext
{
    font-weight:600;
    line-height:48px;
    color:#27272A;
}

.ui-subheadtext
{
    font-weight:600;
    font-size:24px;
    line-height:36px;
    color:#27272A;
}
.ui-contenttext
{
    font-weight:400;
    font-size:16px;
    line-height:24px;
    color:#52525B;
}
.ui-centeralign
{
    text-align: center;
}
.ui-newsletter_offer
{
    max-width:700px;
}
.ui-bottomgap
{
    margin-bottom:32px;
}
.ui-topgap
{
    margin-top:24px;
}
.ui-bottomsmallgap
{
    margin-bottom:12px;
}
.ui-upcoming_travels
{
    background-color:white;
    border:1px solid #EEEEEE;
    border-radius: 20px;
    box-shadow: 0px 0px 100px rgba(212,212,216, 0.1);
    display:table;
}
.ui-upcoming_travels .ui-destination-description, .ui-upcoming_travels .ui-destination-details
{
    padding:24px;
}
.uijs-paymentconfirm-container
{
    margin-bottom:24px;
}
.col-lg, .col
{
    padding-left:0;
    padding-right:0;
}
.row
{
    margin-right:0;
    margin-left:0;
}
.ui-inlineicon
{
    display:inline-block;
    margin-right:8px;
}
.ui-popular_destinations-container
{
    margin-left: -12px;
    margin-right: -12px;
}
.ui-popular_destinations
{
    margin:12px;
    border-radius:12px;
    border:1px solid #EEEEEE;
    display:inline-block;
    width:325px;
    box-shadow: 0px 0px 100px rgba(212,212,216, 0.1);
    background-color:white;
}
.ui-popular_destinations .ui-destination_image-container
{
    border-top-left-radius:12px;
    border-top-right-radius:12px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.ui-popular_destinations .ui-destination_image-holder
{
    height:232px;
    display:inline-block;
}
.ui-popular_destinations .ui-destination-description
{
    padding:16px;
}
.ui-popular_destinations .ui-destination-offerprice
{
    text-align:right;
}
.ui-pricetext
{
    font-weight:600;
    font-size:24px;
    line-height:36px;
    color:#DA1212;
}
.ui-footer
{
    margin-top:80vm;
}
.ui-footer-menu .col-lg
{
    max-width: 128px;
    margin-right:80px;
}
.ui-footerhead
{
    font-weight: 500;
    font-size:16px;
    text-transform:uppercase;
    margin-bottom:16px;
    line-height:24px;
}
.ui-footercontent
{
    font-weight: 400;
    font-size:14px;
    cursor:pointer;
    margin-bottom:8px;
    color:#D4D4D4;
    display:block;
    line-height:21px;
}
.ui-footer-divider
{
    border-top: 1px solid #11468F;
    margin-top:48px;
    margin-bottom:48px;
    width:100%;
}
a:hover
{
    color:inherit;
    text-decoration:underline;
}
.ui-footerlinks a
{
    color:white;
    text-decoration:underline;
    font-size:14px;
    line-height:21px;
    margin-right:24px;
}
.ui-foooterlinks a .right
{
    margin-right:0px;
}
.ui-footerlinks a:hover
{
    text-decoration:none;
}
.ui-footer-copyright
{
    color:white;
    font-size:14px;
    line-height:21px;
    font-weight:400;
}
.ui-from_to_text
{
    font-weight:600;
    font-size:16px;
    line-height:24px;
    color:#27272A;
    display:inline-block;
    line-height:16px;
    vertical-align:middle;
}
.ui-plannerheader .ui-button, .ui-progressheader .ui-button
{
    width:auto;
    border-radius:8px;
    padding-top:12px;
    padding-bottom:12px;
    padding-left:24px;
    padding-right:24px;
    font-size:14px;
    line-height:21px;
    margin-bottom:0;
}
.ui-plannerheader .col, .ui-progressheader .col
{
    vertical-align:middle;
}
.ui-plannerheader .col img, .ui-progressheader .col img
{
    display:inline-block;
    margin-left:4px;
    margin-right:4px;
}
.ui-plansuggestions .ui-headtext, .ui-class_selection .ui-subheadtext, .ui-select_payment_method .ui-subheadtext, .ui-billing_data .ui-subheadtext
{
    margin-bottom:24px;
}
.ui-filter
{
    margin-right:12px;
    background-color:white;
    border-radius:100px;
    height:37px;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:16px;
    padding-right:16px;
    font-weight:400;
    font-size:14px;
    line-height:21px;
    color:#52525B;
    display:inline-block;
    cursor:pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ui-filter img, .ui-plansuggestion-step-info-station img
{
    margin-left:8px;
    cursor:pointer;
}
.ui-filter-grey
{
    background-color:#EEEEEE;
}
.ui-filter.selected
{
    color:white;
    background-color: #11468F;
}
.ui-plansuggestion
{
    width:100%;
    border:1px solid #EEEEEE;
    border-radius: 20px;
    box-shadow: 0px 0px 100px rgba(212,212,216, 0.1);
    background-color:white;
    padding:24px;
    margin-top:24px;
}
.uijs-openable .ui-plansuggestion-details
{
    display:none;
}
.uijs-openable.opened .ui-plansuggestion-details
{
    display:block;
}
.ui-plansuggestion.opened .ui-filter-grey img, .ui-trip_details.opened .ui-filter-grey img
{
    transform: rotate(180deg);
}
.ui-plansuggestion .ui-pricetext
{
    color:#27272A;
    text-align:right;
}
.ui-plansuggestion-rightside .ui-contenttext, .ui-plansuggestion-rightside .ui-pricetext
{
    margin-bottom:12px;
}
.ui-tripdetails .ui-plansuggestion-rightside .ui-button
{
    width:100%;
    display:block;
    margin-bottom:12px;
}
.ui-traintypeicon
{
    height:14px;
    display:block;
    margin-bottom:12px;
}
.ui-plansuggestion-element
{
    margin-bottom:12px;
    font-size:0;
}
.ui-plansuggestion-element div
{
    display:inline-block;
}
.ui-plansuggestion-station, .ui-seat_reservation-preference
{
    color:#52525B;
    font-weight:400;
    font-size:14px;
    line-height:21px;
}
.ui-plansuggestion .d-table-cell, .ui-trip_details .d-table-cell
{
    vertical-align:middle;
}
.ui-planhr-container, .ui-additional_price-container, .ui-ordividerhr-container
{
    font-size:0px;
    display: flex;
    align-items: center;
}
.ui-planhr
{
    border-top: 1px solid #A1A1AA;
    width:24px;
    display:inline-block;
    margin-bottom:0px;
    margin-top:0;
    margin-left:12px;
    margin-right:12px;
}
.ui-plansuggestion-time
{
    font-weight:600;
    font-size: 24px;
    line-height:32px;
    color:#27272A;
}
.ui-plansuggestion-duration
{
    font-weight:400;
    font-size:14px;
    line-height:21px;
    color:#52525B;
}
.ui-plansuggestion-details
{
    margin-top:24px;
}
.ui-plansuggestion-step
{
    margin:0;
    display:table;
}
.ui-plansuggestion-step-aligner
{
    display:table-cell;
    vertical-align:top;
}
.ui-plansuggestion-step-time-container
{
    display:table-cell;
}
.ui-plansuggestion-step-time
{
    display:inline-block;
    width:50px;
    text-align:right;
    font-weight:500;
    font-size:16px;
    line-height:24px;
    color:#27272A;
}
.ui-plansuggestion-step-designelements
{
    display:table-cell;
    padding:0;
    vertical-align:top;
}
.ui-plansuggestion-step-designelements.left
{
    padding-left:24px;
}
.ui-plansuggestion-step-designelements.middle
{
    padding-right:0px;
}
.ui-plansuggestion-step-designelements.right
{
    padding-right:23px;
}
.ui-plansuggestion-step-designelements-circle
{
    display:inline-block;
    margin:0;
    border-radius:100%;
    border:1px solid #11468F;
    width:14px;
    height:14px;
    z-index:100;
    position:relative;
    top:3px;
    margin-left:1px;
    margin-right:1px;
}
.ui-plansuggestion-step-designelements-icon
{
    display:inline-block;
    margin:0;
    width:16px;
    height:16px;
    z-index:100;
    position:relative;
    top:3px;
    background-color:white;
}
.ui-circle-filled
{
    background-color:#11468F;
}
.ui-circle-empty
{
    background-color:white;
}
.ui-plansuggestion-step-designelements-vertical_line
{
    display:inline-block;
    width:1px;
    min-height:98px;
}
.ui-plansuggestion-step-designelements-placeholder
{
    display:inline-block;
    width:1px;
}
.ui-line-solid
{
    z-index:1;
    position:relative;
    top:10px;
    left:-9px;
    border-right:1px solid #11468F;
}
.ui-line-dashed
{
    z-index:1;
    position:relative;
    top:10px;
    left:-9px;
    border-right:1px dashed #11468F;
}
.ui-plansuggestion-step-info
{
    display:table-cell;
    text-align:left;
    padding:0;
}
.ui-plansuggestion-step-info div
{
    margin-bottom:4px;
}
.ui-plansuggestion-step-info-station
{
    font-weight:500;
    font-size:16px;
    line-height:24px;
    color:#27272A;
}
.ui-plansuggestion-step-info-additional
{
    font-weight:400;
    font-size:14px;
    line-height:21px;
    color:#52525B;
}
.ui-progressitem-container
{
    display:inline-block;
    padding:12px;
}
.ui-progressitem-content
{
    display:inline-block;
    font-weight:500;
    font-size:16px;
    line-height:24px;
    color:#A1A1AA;
}
.ui-progressitem-content.active
{
    font-weight:600;
    color:#27272A;
}
.ui-progressheader img
{
    display:inline-block;
    margin-left:12px;
    margin-right:12px;
    padding-top:12px;
    padding-bottom:12px;
}
.ui-progressheader-barcontainer
{
    display: flex;
    align-items: center;
}
.ui-backbutton
{
    display: flex;
    align-items: center;
    cursor:pointer;
    margin-bottom:24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ui-backbutton img
{
    margin-right:8px;
}
.ui-myreservations .ui-backbutton
{
    margin-bottom:12px;
}
.ui-backbutton div
{
    font-weight:400;
    font-size:16px;
    line-height:24px;
    color:#11468F;
    display:inline-block;
}
.ui-booking_panel
{
    padding:24px;
    margin-bottom:24px;
    background-color:white;
    border:1px solid #EEEEEE;
    border-radius: 20px;
    box-shadow: 0px 0px 100px rgba(212,212,216, 0.1);
}
.ui-seat_reservation-headline
{
    width:100%;
}
.ui-seat_reservation-content
{
    margin-top:24px;
    width:100%;
    display:none;
}
.ui-additional_price-container
{
    text-align:right;
    justify-content: flex-end;
}
.ui-additional_price
{
    font-weight:600;
    font-size:16px;
    line-height:24px;
    color:#52525B;
    display:inline-block;
    margin-right:12px;
}
.ui-additional_price-container:has(input:checked) .ui-additional_price
{
    color:#11468F;
}
.ui-additional_price.without
{
    display:inline-block;
}
.ui-additional_price.with
{
    display:none;
}
.ui-additional_price-container:has(input:checked) .ui-additional_price.without
{
    display:none;
}
.ui-additional_price-container:has(input:checked) .ui-additional_price.with
{
    display:inline-block;
}
.ui-booking_panel:has(input:checked) .ui-seat_reservation-content
{
    display:table;
}
.ui-checkbox
{
    display:inline-block;
    background-color:#EEEEEE;
    width:40px;
    height:24px;
    border-radius:12px;
    text-align:left;
    cursor:pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ui-checkbox .ui-checkbox-circle
{
    display:inline-block;
    background-color:#FFFFFF;
    width:20px;
    height:20px;
    border-radius:16px;
    position:relative;
    top:2px;
    left:2px;
    cursor:pointer;
}
.ui-checkbox:has(input:checked)
{
    background-color:#11468F;
}
.ui-checkbox:has(input:checked) .ui-checkbox-circle
{
    left:18px;
}
.ui-seat_reservation-preference-title
{
    font-weight:600;
    font-size:16px;
    line-height:24px;
    color:#27272A;
    margin-bottom:8px;
}
.ui-form-button
{
    border-radius:12px;
    padding:16px;
    font-size:16px;
    line-height:24px;
    font-weight:500;
    color:#52525B;
    background-color:#FFFFFF;
    border:1px solid #D4D4D8;
}
.ui-form-button:hover
{
    background-color:#EEEEEE;
}
.ui-form-button.ui-languageselector
{
    display:block;
    width:100%;
    margin-bottom:8px;
}
.ui-signup-button
{
    padding-left:32px;
    padding-right:32px;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ui-seat_reservation-rightside
{
    text-align:right;
}
.ui-seat_reservation-content .d-table-cell
{
    vertical-align:top;
}
.ui-class-option
{
    border:1px solid #D4D4D8;
    border-radius:12px;
    padding:16px;
    color:#52525B;
    cursor:pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom:16px;
}
.ui-class-option .ui-icon-inheritfill
{
    fill:#52525B;
}
.ui-class-option.active
{
    border:1px solid #DA1212;
    color:#DA1212;
}
.ui-class-option.active .ui-icon-inheritfill
{
    fill:#DA1212;
}
.ui-select_payment_method
{
    margin-bottom:16px;
}
.ui-class-title
{
    margin-bottom:8px;
    font-weight:500;
    font-size:16px;
    line-height:24px;
}
.ui-class-service
{
    margin-top:8px;
    font-weight:400;
    font-size:14px;
    line-height:21px;
}
.ui-class-service svg
{
    margin-right:8px;
}
.ui-class-option .ui-additional_price
{
    margin-top:16px;
    color:inherit;
}
.ui-trip_summary-row
{
    display:table-cell;
    font-weight:400;
    font-size:16px;
    line-height:24px;
    color:#52525B;
    text-align:left;
    padding-bottom:12px;
}
.ui-trip_summary-row.right
{
    text-align:right;
}
.ui-trip_summary-row.total
{
    font-weight:600;
    color:#27272A;
    padding-bottom:0px;
}
.ui-trip_summary .d-table
{
    width:100%;
}
.ui-trip_details-timetext
{
    font-weight:600;
    font-size:16px;
    line-height:24px;
    color:#27272A;
    margin-bottom:12px;
}
.ui-quick_signup .row
{
    margin-top:24px;
}
.ui-quick_signup .col.left, .ui-passenger-inputform .row .col.left, .ui-billingdata-inputform .row .col.left
{
    margin-right:12px;
}
.ui-regsignup-form .col
{
    /*text-align:center;*/
    margin-bottom:12px;
}
.g_id_signin div
{
    display: flex; flex-direction: row; align-items: center; justify-content: center;
}
.ui-signup-button img
{
    height:24px;
    margin-right:12px;
}
.ui-passenger
{
    margin-top:24px;
    border-bottom:1px solid #D7DCE3;
    padding-bottom:24px;
}
.ui-passenger_details .ui-form-button
{
    padding-left:32px;
    padding-right:32px;
    width:100%;
    margin-top:24px;
}
.ui-passenger-headline
{
    width:100%;
    cursor:pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ui-passenger-headline .d-table-cell.right
{
    text-align:right;
    padding-right:16px;
    vertical-align:middle;
}
.ui-passenger.opened .d-table-cell.right img
{
    transform: rotate(180deg);
}
.ui-passenger .ui-passenger-details
{
    margin-top:24px;
    display:none;
}
.ui-passenger.opened .ui-passenger-details
{
    display:block;
}
.ui-select
{
    width:100%;
    font-weight:400;
    font-size:16px;
    line-height:24px;
    color:#27272A;
    background-color:#EEEEEE;
    border:0;
    border-radius:12px;
    padding:16px;
}
.ui-passenger-selector
{
    padding-top:0px;
    padding-bottom:0px;
    margin-top:12px;
    height:32px;
}
.ui-or-divider
{
    display:block;
    margin-top:12px;
    margin-bottom:12px;
    width:100%;
    border-bottom: 1px solid #A1A1AA;
    text-align:center;
}
.ui-or-divider-text
{
    display:inline-block;
    font-weight:400;
    font-size:14px;
    line-height:20px;
    color:#5C6375;
    background-color:white;
    padding-right:24px;
    padding-left:24px;
    text-transform:uppercase;
    position:relative;
    top:12px;
}
.ui-passenger-inputform .ui-input, .ui-billingdata-inputform .ui-input
{
    width:100%;
    display:block;
}
.ui-passenger-inputform .ui-contenttext, .ui-billingdata-inputform .ui-contenttext
{
    margin-top:24px;
}
.ui-passenger-inputform .ui-contenttext.ui-middle, .ui-billingdata-inputform .ui-contenttext.ui-middle
{
    margin-bottom:12px;
}
.d-table .ui-date-separator
{
    text-align:center;
    vertical-align:middle;
}
.ui-date-separator-character
{
    font-weight:400;
    font-size:16px;
    line-height:24px;
    color:#A1A1AA;
    display:inline-block;
    margin-left:12px;
    margin-right:12px;
}
.ui-checkbox-container
{
    margin-bottom:0;
    cursor:pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    align-items: center;
}
.ui-checkbox input, .ui-checkbox-container input
{
    position:absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.ui-checkbox-container .ui-smallcheckbox
{
    display:inline-block;
    width:16px;
    min-width:16px;
    height:16px;
    border:1px solid #A1A1AA;
    border-radius:16px;
    background-color:white;
    margin-right:8px;
}
.ui-checkbox-container:hover .ui-smallcheckbox
{
    background-color: #EEEEEE;
}
.ui-checkbox-container:has(input:checked) .ui-smallcheckbox
{
    background-color:#11468F;
}
.ui-passengers_and_services .ui-subheadtext
{
    margin-bottom:12px;
}
.ui-passengers_and_services .ui-contenttext
{
    margin-top:12px;
    display: flex;
    align-items: center;
}
.ui-passengers_and_services .ui-contenttext img
{
    margin-right:8px;
}
.ui-passengers_and_services .ui-contenttext.ui-actioncontenttext
{
    margin-top:24px;
}
.ui-contenttext.ui-actioncontenttext
{
    color:#11468F;
    cursor:pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ui-bgarea-black
{
    background-color:#18181B;
    opacity:0.5;
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:1000000;
}
.uijs-window, .uijs-windowbg
{
    display:none;
}
.ui-window-narrow
{
    background-color:#FFFFFF;
    position:absolute;
    padding:32px;
    border-radius:24px;
    border: 1px solid #D4D4D8;
    z-index:10000000;
}
.ui-close-container
{
    text-align:right;
    z-index:100;
}
.ui-close-container img
{
    cursor:pointer;
}
.ui-window-headertext
{
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0%;
    color:#27272A;
    text-align:center;
    margin-bottom:24px;
}
.ui-contenttext.ui-regsignup-comment
{
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align:center;
    color:#27272A;
}
.ui-regsignup-comment a
{
    color:#DA1212;
    cursor:pointer;
}
.ui-regsignup-submitbutton .ui-button
{
    width:100%;
}
.ui-bgarea-blue
{
    background-color:#041562;
    opacity:1.0;
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:10000000;
    cursor:progress;
}
.ui-selectortable-container
{
    max-height:256px;
    overflow-y: scroll;
    white-space: nowrap;
    margin-bottom:12px;
}
.ui-selectortable
{
    width:100%;
    border-collapse: collapse;
}
.ui-selectortable tr, .ui-selectortable td
{
    cursor:pointer;
    background-color:white;
    color:#52525B;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
}
.ui-selectortable td
{
    padding-top:16px;
    padding-bottom:16px;
}
.ui-selectortable td.left
{
    padding-left:16px;
    padding-right:12px;
    text-align:left;
}
.ui-selectortable td.right
{
    padding-left:0px;
    padding-right:16px;
    text-align:right;
}
.ui-selectortable tr:hover td
{
    color:#DA1212;
}
.ui-selectortable tr.active td
{
    background-color:#DA1212;
    color:white;
}