.rotate180 {
    transition: -webkit-transform .2s ease-out, transform .2s ease-out;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.rotate180.active {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    50% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounce {
    0% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    50% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.no-animate,
[feature-toggles*=toggleCssAnimationsDisabled] * {
    transition: none!important
}

.shadow-rounded-light::after {
    z-index: -1;
    position: absolute;
    width: 46px;
    top: 13px;
    left: 2px;
    content: '';
    height: 70px;
    border-top-left-radius: 35%;
    border-bottom-left-radius: 35%;
    pointer-events: none;
    box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

.shadow-rounded-dark::after {
    position: absolute;
    width: 46px;
    top: 0;
    content: '';
    right: -46px;
    height: 100%;
    border-top-left-radius: 35%;
    border-bottom-left-radius: 35%;
    pointer-events: none;
    box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

.shadow-rounded-left {
    position: relative
}

.shadow-rounded-left::before {
    z-index: -1;
    position: absolute;
    overflow: hidden;
    width: 46px;
    top: 0;
    bottom: 0;
    content: '';
    left: 0;
    height: 100%;
    border-top-left-radius: 35%;
    border-bottom-left-radius: 35%;
    pointer-events: none;
    box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

.shadow-bottom-rounded-light {
    position: relative
}

.shadow-bottom-rounded-light::after {
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    content: '';
    height: 22px;
    z-index: -1;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    box-shadow: 0 0 20px rgba(0, 0, 0, .75)
}

.shadow-top-rounded-light {
    position: relative
}

.shadow-top-rounded-light::after {
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    content: '';
    height: 22px;
    z-index: -1;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    box-shadow: 0 0 20px rgba(0, 0, 0, .75)
}

.shadow-bottom-rounded-dark {
    position: relative
}

.shadow-bottom-rounded-dark::after {
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    content: '';
    height: 22px;
    z-index: -1;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

.shadow-top-rounded-dark {
    position: relative
}

.shadow-top-rounded-dark::after {
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    content: '';
    height: 22px;
    z-index: -1;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

.shadow-rounded-dark,
.shadow-rounded-light {
    position: relative;
    overflow: hidden
}

.footer-shadow-light {
    box-shadow: 0 4px 13px 4px rgba(0, 0, 0, .75)
}

.footer-shadow-dark {
    box-shadow: 0 4px 13px 4px #000
}

.no-shadow {
    box-shadow: none!important
}

.shadow-round-bottom {
    position: relative
}

.absoluteFill {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pageBreakBeforeAlways {
    page-break-before: always
}

.pageBreakAfterAlways {
    page-break-after: always
}

.displayNone {
    display: none
}

.inlineBlock {
    display: inline-block
}

.displayBlock {
    display: block
}

.widthHeight100 {
    height: 100%;
    width: 100%
}

.width100 {
    width: 100%
}

.flex {
    display: flex
}

.relative {
    position: relative
}

.textCenter {
    text-align: center
}

.textRight {
    text-align: right
}

.overflowHidden {
    overflow: hidden
}

.floatRight {
    float: right
}

.floatLeft {
    float: left
}

.clearfix::after,
.clearfix::before {
    display: table;
    content: " "
}

.clearfix::after {
    clear: both
}

.cursorPointer {
    cursor: pointer
}

.centered {
    left: 50vw;
    top: 50vh;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.absolute-centered {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.verticalMiddle {
    vertical-align: middle
}

.background-loading-animation {
    width: 100%;
    height: 150px;
    background: url(/static/images/loadingIcon/loadingAnimation.gif) no-repeat center center;
    background-size: auto 100%
}

.background-loading-icon {
    width: 100%;
    height: 150px;
    background: url(/static/images/loadingIcon/loadingIcon.png) no-repeat center center;
    background-size: auto 100%
}

.text-overflow-ellipsis {
    text-overflow: ellipsis
}

.currentColor {
    fill: currentColor
}

.no-button {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit
}

.no-dimension {
    width: 0;
    height: 0
}

@media (min-width:720px) {
    .max-width-single-col-content {
        max-width: 678px
    }
}

.justify-content-flex-end {
    justify-content: flex-end
}

.visibleOnlyForScreenReader {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.focusBackground:focus,
.focusBackground:hover {
    background-color: #d7d7d7
}

.focusBackgroundDark:focus,
.focusBackgroundDark:hover {
    background-color: #d7d7d7
}

.focusLink:focus,
.focusLink:hover {
    color: #247D24;
    fill: #247D24
}

.focusLinkDark:focus,
.focusLinkDark:hover {
    color: #439643;
    fill: #439643
}

.focusLinkImportant:focus,
.focusLinkImportant:hover {
    color: #247D24!important;
    fill: #247D24!important
}

.focusLinkDarkImportant:focus,
.focusLinkDarkImportant:hover {
    color: #439643!important;
    fill: #439643!important
}

.checkboxArea {
    margin: 1px;
    box-sizing: border-box
}

.checkboxArea input[type=checkbox] {
    position: absolute;
    width: 0;
    height: 0;
    top: -99999px;
    left: -999999px
}

.checkboxArea .div-label,
.checkboxArea label {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    box-sizing: inherit;
    position: relative;
    display: inline-block;
    cursor: pointer;
    background: #fff;
    width: 35px;
    height: 39px;
    line-height: 35px;
    text-align: center;
    vertical-align: center;
    text-transform: uppercase;
    font-weight: 400;
    color: #666;
    border-bottom: 5px solid #d7d7d7;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkboxArea input[type=checkbox]:checked+label {
    color: #222;
    border-bottom: 5px solid #247D24
}

.checkboxArea input[type=checkbox]:checked+label.weekend {
    color: #E2002A
}

.form input[type=search],
.form input[type=text],
.form input[type=password],
.form input[type=number],
.form input[type=time],
.form select,
.form textarea {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    border-color: #d7d7d7;
    border-style: none none solid;
    border-width: medium medium 1px;
    outline: 0;
    padding-bottom: 6px
}

.form input[type=search]::-webkit-input-placeholder,
.form input[type=text]::-webkit-input-placeholder,
.form input[type=password]::-webkit-input-placeholder,
.form input[type=number]::-webkit-input-placeholder,
.form input[type=time]::-webkit-input-placeholder,
.form select::-webkit-input-placeholder,
.form textarea::-webkit-input-placeholder {
    color: #b1b1b1!important
}

.form input[type=search]:-moz-placeholder,
.form input[type=text]:-moz-placeholder,
.form input[type=password]:-moz-placeholder,
.form input[type=number]:-moz-placeholder,
.form input[type=time]:-moz-placeholder,
.form select:-moz-placeholder,
.form textarea:-moz-placeholder {
    color: #b1b1b1!important
}

.form input[type=search]::-moz-placeholder,
.form input[type=text]::-moz-placeholder,
.form input[type=password]::-moz-placeholder,
.form input[type=number]::-moz-placeholder,
.form input[type=time]::-moz-placeholder,
.form select::-moz-placeholder,
.form textarea::-moz-placeholder {
    color: #b1b1b1!important
}

.form input[type=search]:-ms-input-placeholder,
.form input[type=text]:-ms-input-placeholder,
.form input[type=password]:-ms-input-placeholder,
.form input[type=number]:-ms-input-placeholder,
.form input[type=time]:-ms-input-placeholder,
.form select:-ms-input-placeholder,
.form textarea:-ms-input-placeholder {
    color: #b1b1b1!important
}

.form input[type=search][disabled]::-webkit-input-placeholder,
.form input[type=text][disabled]::-webkit-input-placeholder,
.form input[type=password][disabled]::-webkit-input-placeholder,
.form input[type=number][disabled]::-webkit-input-placeholder,
.form input[type=time][disabled]::-webkit-input-placeholder,
.form select[disabled]::-webkit-input-placeholder,
.form textarea[disabled]::-webkit-input-placeholder {
    color: #b1b1b1!important
}

.form input[type=search][disabled]:-moz-placeholder,
.form input[type=text][disabled]:-moz-placeholder,
.form input[type=password][disabled]:-moz-placeholder,
.form input[type=number][disabled]:-moz-placeholder,
.form input[type=time][disabled]:-moz-placeholder,
.form select[disabled]:-moz-placeholder,
.form textarea[disabled]:-moz-placeholder {
    color: #b1b1b1!important
}

.form input[type=search][disabled]::-moz-placeholder,
.form input[type=text][disabled]::-moz-placeholder,
.form input[type=password][disabled]::-moz-placeholder,
.form input[type=number][disabled]::-moz-placeholder,
.form input[type=time][disabled]::-moz-placeholder,
.form select[disabled]::-moz-placeholder,
.form textarea[disabled]::-moz-placeholder {
    color: #b1b1b1!important
}

.form input[type=search][disabled]:-ms-input-placeholder,
.form input[type=text][disabled]:-ms-input-placeholder,
.form input[type=password][disabled]:-ms-input-placeholder,
.form input[type=number][disabled]:-ms-input-placeholder,
.form input[type=time][disabled]:-ms-input-placeholder,
.form select[disabled]:-ms-input-placeholder,
.form textarea[disabled]:-ms-input-placeholder {
    color: #b1b1b1!important
}

.form input[type=search]::-ms-clear,
.form input[type=search]::-ms-reveal,
.form input[type=text]::-ms-clear,
.form input[type=text]::-ms-reveal,
.form input[type=password]::-ms-clear,
.form input[type=password]::-ms-reveal,
.form input[type=number]::-ms-clear,
.form input[type=number]::-ms-reveal,
.form input[type=time]::-ms-clear,
.form input[type=time]::-ms-reveal,
.form select::-ms-clear,
.form select::-ms-reveal,
.form textarea::-ms-clear,
.form textarea::-ms-reveal {
    display: none
}

.form input[type=button] {
    border: none;
    background: 0 0
}

.form select {
    height: 28px
}

.form select:focus,
.form select:hover {
    border-bottom-color: #247D24;
    border-bottom-width: 2px
}

.form.ng-submitted .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation),
.form.ng-submitted input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation),
.form.ng-submitted input.ng-invalid.showOnPristine:not(.ng-hide-validation),
.form.ng-submitted mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation),
.form.ng-submitted select.ng-invalid.showOnPristine:not(.ng-hide-validation),
.form.ng-submitted.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation),
.form.ng-submitted.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation),
.form.ng-submitted.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation),
.form.ng-submitted.ng-submitted input.ng-invalid:not(.ng-hide-validation) {
    color: #E2002A!important;
    box-shadow: none;
    border-bottom-color: #E2002A!important
}

.form.ng-submitted .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)::-webkit-input-placeholder,
.form.ng-submitted input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)::-webkit-input-placeholder,
.form.ng-submitted input.ng-invalid.showOnPristine:not(.ng-hide-validation)::-webkit-input-placeholder,
.form.ng-submitted mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)::-webkit-input-placeholder,
.form.ng-submitted select.ng-invalid.showOnPristine:not(.ng-hide-validation)::-webkit-input-placeholder,
.form.ng-submitted.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)::-webkit-input-placeholder,
.form.ng-submitted.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)::-webkit-input-placeholder,
.form.ng-submitted.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)::-webkit-input-placeholder,
.form.ng-submitted.ng-submitted input.ng-invalid:not(.ng-hide-validation)::-webkit-input-placeholder {
    color: #E2002A!important
}

.form.ng-submitted .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation):-moz-placeholder,
.form.ng-submitted input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation):-moz-placeholder,
.form.ng-submitted input.ng-invalid.showOnPristine:not(.ng-hide-validation):-moz-placeholder,
.form.ng-submitted mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation):-moz-placeholder,
.form.ng-submitted select.ng-invalid.showOnPristine:not(.ng-hide-validation):-moz-placeholder,
.form.ng-submitted.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation):-moz-placeholder,
.form.ng-submitted.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation):-moz-placeholder,
.form.ng-submitted.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation):-moz-placeholder,
.form.ng-submitted.ng-submitted input.ng-invalid:not(.ng-hide-validation):-moz-placeholder {
    color: #E2002A!important
}

.form.ng-submitted .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)::-moz-placeholder,
.form.ng-submitted input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)::-moz-placeholder,
.form.ng-submitted input.ng-invalid.showOnPristine:not(.ng-hide-validation)::-moz-placeholder,
.form.ng-submitted mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)::-moz-placeholder,
.form.ng-submitted select.ng-invalid.showOnPristine:not(.ng-hide-validation)::-moz-placeholder,
.form.ng-submitted.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)::-moz-placeholder,
.form.ng-submitted.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)::-moz-placeholder,
.form.ng-submitted.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)::-moz-placeholder,
.form.ng-submitted.ng-submitted input.ng-invalid:not(.ng-hide-validation)::-moz-placeholder {
    color: #E2002A!important
}

.form.ng-submitted .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation):-ms-input-placeholder,
.form.ng-submitted input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation):-ms-input-placeholder,
.form.ng-submitted input.ng-invalid.showOnPristine:not(.ng-hide-validation):-ms-input-placeholder,
.form.ng-submitted mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation):-ms-input-placeholder,
.form.ng-submitted select.ng-invalid.showOnPristine:not(.ng-hide-validation):-ms-input-placeholder,
.form.ng-submitted.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation):-ms-input-placeholder,
.form.ng-submitted.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation):-ms-input-placeholder,
.form.ng-submitted.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation):-ms-input-placeholder,
.form.ng-submitted.ng-submitted input.ng-invalid:not(.ng-hide-validation):-ms-input-placeholder {
    color: #E2002A!important
}

.form.ng-submitted .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)~label,
.form.ng-submitted input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label,
.form.ng-submitted input.ng-invalid.showOnPristine:not(.ng-hide-validation)~label,
.form.ng-submitted mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label,
.form.ng-submitted select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label,
.form.ng-submitted.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)~label,
.form.ng-submitted.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)~label,
.form.ng-submitted.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)~label,
.form.ng-submitted.ng-submitted input.ng-invalid:not(.ng-hide-validation)~label {
    color: #E2002A!important;
    box-shadow: none;
    border-bottom-color: #E2002A!important
}

.form.ng-submitted .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form.ng-submitted input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form.ng-submitted input.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form.ng-submitted mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form.ng-submitted select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form.ng-submitted.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form.ng-submitted.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form.ng-submitted.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form.ng-submitted.ng-submitted input.ng-invalid:not(.ng-hide-validation)~label::-webkit-input-placeholder {
    color: #E2002A!important
}

.form.ng-submitted .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)~label:-moz-placeholder,
.form.ng-submitted input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label:-moz-placeholder,
.form.ng-submitted input.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-moz-placeholder,
.form.ng-submitted mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-moz-placeholder,
.form.ng-submitted select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-moz-placeholder,
.form.ng-submitted.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)~label:-moz-placeholder,
.form.ng-submitted.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)~label:-moz-placeholder,
.form.ng-submitted.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)~label:-moz-placeholder,
.form.ng-submitted.ng-submitted input.ng-invalid:not(.ng-hide-validation)~label:-moz-placeholder {
    color: #E2002A!important
}

.form.ng-submitted .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)~label::-moz-placeholder,
.form.ng-submitted input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label::-moz-placeholder,
.form.ng-submitted input.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-moz-placeholder,
.form.ng-submitted mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-moz-placeholder,
.form.ng-submitted select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-moz-placeholder,
.form.ng-submitted.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)~label::-moz-placeholder,
.form.ng-submitted.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)~label::-moz-placeholder,
.form.ng-submitted.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)~label::-moz-placeholder,
.form.ng-submitted.ng-submitted input.ng-invalid:not(.ng-hide-validation)~label::-moz-placeholder {
    color: #E2002A!important
}

.form.ng-submitted .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)~label:-ms-input-placeholder,
.form.ng-submitted input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label:-ms-input-placeholder,
.form.ng-submitted input.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-ms-input-placeholder,
.form.ng-submitted mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-ms-input-placeholder,
.form.ng-submitted select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-ms-input-placeholder,
.form.ng-submitted.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)~label:-ms-input-placeholder,
.form.ng-submitted.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)~label:-ms-input-placeholder,
.form.ng-submitted.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)~label:-ms-input-placeholder,
.form.ng-submitted.ng-submitted input.ng-invalid:not(.ng-hide-validation)~label:-ms-input-placeholder {
    color: #E2002A!important
}

.form.ng-submitted div.input-error,
.form.ng-submitted div.inputError {
    font-size: 0.765rem;
    color: #E2002A;
    margin-top: 5px
}

.form.ng-submitted div.note-error {
    color: #E2002A!important
}

.form.ng-submitted.onDarkBackground .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation),
.form.ng-submitted.onDarkBackground input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation),
.form.ng-submitted.onDarkBackground input.ng-invalid.showOnPristine:not(.ng-hide-validation),
.form.ng-submitted.onDarkBackground mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation),
.form.ng-submitted.onDarkBackground select.ng-invalid.showOnPristine:not(.ng-hide-validation),
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation),
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation),
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation),
.form.ng-submitted.onDarkBackground.ng-submitted input.ng-invalid:not(.ng-hide-validation) {
    color: #ff7b8f!important;
    box-shadow: none;
    border-bottom-color: #ff7b8f!important
}

.form.ng-submitted.onDarkBackground .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)::-webkit-input-placeholder,
.form.ng-submitted.onDarkBackground input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)::-webkit-input-placeholder,
.form.ng-submitted.onDarkBackground input.ng-invalid.showOnPristine:not(.ng-hide-validation)::-webkit-input-placeholder,
.form.ng-submitted.onDarkBackground mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)::-webkit-input-placeholder,
.form.ng-submitted.onDarkBackground select.ng-invalid.showOnPristine:not(.ng-hide-validation)::-webkit-input-placeholder,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)::-webkit-input-placeholder,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)::-webkit-input-placeholder,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)::-webkit-input-placeholder,
.form.ng-submitted.onDarkBackground.ng-submitted input.ng-invalid:not(.ng-hide-validation)::-webkit-input-placeholder {
    color: #ff7b8f!important
}

.form.ng-submitted.onDarkBackground .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation):-moz-placeholder,
.form.ng-submitted.onDarkBackground input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation):-moz-placeholder,
.form.ng-submitted.onDarkBackground input.ng-invalid.showOnPristine:not(.ng-hide-validation):-moz-placeholder,
.form.ng-submitted.onDarkBackground mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation):-moz-placeholder,
.form.ng-submitted.onDarkBackground select.ng-invalid.showOnPristine:not(.ng-hide-validation):-moz-placeholder,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation):-moz-placeholder,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation):-moz-placeholder,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation):-moz-placeholder,
.form.ng-submitted.onDarkBackground.ng-submitted input.ng-invalid:not(.ng-hide-validation):-moz-placeholder {
    color: #ff7b8f!important
}

.form.ng-submitted.onDarkBackground .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)::-moz-placeholder,
.form.ng-submitted.onDarkBackground input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)::-moz-placeholder,
.form.ng-submitted.onDarkBackground input.ng-invalid.showOnPristine:not(.ng-hide-validation)::-moz-placeholder,
.form.ng-submitted.onDarkBackground mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)::-moz-placeholder,
.form.ng-submitted.onDarkBackground select.ng-invalid.showOnPristine:not(.ng-hide-validation)::-moz-placeholder,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)::-moz-placeholder,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)::-moz-placeholder,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)::-moz-placeholder,
.form.ng-submitted.onDarkBackground.ng-submitted input.ng-invalid:not(.ng-hide-validation)::-moz-placeholder {
    color: #ff7b8f!important
}

.form.ng-submitted.onDarkBackground .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation):-ms-input-placeholder,
.form.ng-submitted.onDarkBackground input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation):-ms-input-placeholder,
.form.ng-submitted.onDarkBackground input.ng-invalid.showOnPristine:not(.ng-hide-validation):-ms-input-placeholder,
.form.ng-submitted.onDarkBackground mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation):-ms-input-placeholder,
.form.ng-submitted.onDarkBackground select.ng-invalid.showOnPristine:not(.ng-hide-validation):-ms-input-placeholder,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation):-ms-input-placeholder,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation):-ms-input-placeholder,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation):-ms-input-placeholder,
.form.ng-submitted.onDarkBackground.ng-submitted input.ng-invalid:not(.ng-hide-validation):-ms-input-placeholder {
    color: #ff7b8f!important
}

.form.ng-submitted.onDarkBackground .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)~label,
.form.ng-submitted.onDarkBackground input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label,
.form.ng-submitted.onDarkBackground input.ng-invalid.showOnPristine:not(.ng-hide-validation)~label,
.form.ng-submitted.onDarkBackground mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label,
.form.ng-submitted.onDarkBackground select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)~label,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)~label,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)~label,
.form.ng-submitted.onDarkBackground.ng-submitted input.ng-invalid:not(.ng-hide-validation)~label {
    color: #ff7b8f!important;
    box-shadow: none;
    border-bottom-color: #ff7b8f!important
}

.form.ng-submitted.onDarkBackground .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form.ng-submitted.onDarkBackground input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form.ng-submitted.onDarkBackground input.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form.ng-submitted.onDarkBackground mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form.ng-submitted.onDarkBackground select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form.ng-submitted.onDarkBackground.ng-submitted input.ng-invalid:not(.ng-hide-validation)~label::-webkit-input-placeholder {
    color: #ff7b8f!important
}

.form.ng-submitted.onDarkBackground .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)~label:-moz-placeholder,
.form.ng-submitted.onDarkBackground input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label:-moz-placeholder,
.form.ng-submitted.onDarkBackground input.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-moz-placeholder,
.form.ng-submitted.onDarkBackground mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-moz-placeholder,
.form.ng-submitted.onDarkBackground select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-moz-placeholder,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)~label:-moz-placeholder,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)~label:-moz-placeholder,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)~label:-moz-placeholder,
.form.ng-submitted.onDarkBackground.ng-submitted input.ng-invalid:not(.ng-hide-validation)~label:-moz-placeholder {
    color: #ff7b8f!important
}

.form.ng-submitted.onDarkBackground .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)~label::-moz-placeholder,
.form.ng-submitted.onDarkBackground input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label::-moz-placeholder,
.form.ng-submitted.onDarkBackground input.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-moz-placeholder,
.form.ng-submitted.onDarkBackground mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-moz-placeholder,
.form.ng-submitted.onDarkBackground select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-moz-placeholder,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)~label::-moz-placeholder,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)~label::-moz-placeholder,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)~label::-moz-placeholder,
.form.ng-submitted.onDarkBackground.ng-submitted input.ng-invalid:not(.ng-hide-validation)~label::-moz-placeholder {
    color: #ff7b8f!important
}

.form.ng-submitted.onDarkBackground .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)~label:-ms-input-placeholder,
.form.ng-submitted.onDarkBackground input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label:-ms-input-placeholder,
.form.ng-submitted.onDarkBackground input.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-ms-input-placeholder,
.form.ng-submitted.onDarkBackground mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-ms-input-placeholder,
.form.ng-submitted.onDarkBackground select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-ms-input-placeholder,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)~label:-ms-input-placeholder,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)~label:-ms-input-placeholder,
.form.ng-submitted.onDarkBackground.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)~label:-ms-input-placeholder,
.form.ng-submitted.onDarkBackground.ng-submitted input.ng-invalid:not(.ng-hide-validation)~label:-ms-input-placeholder {
    color: #ff7b8f!important
}

.form.ng-submitted.onDarkBackground div.input-error,
.form.ng-submitted.onDarkBackground div.inputError {
    font-size: 0.765rem;
    color: #ff7b8f;
    margin-top: 5px
}

.form.ng-submitted.onDarkBackground div.note-error {
    color: #ff7b8f!important
}

.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation),
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation),
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) input.ng-invalid.showOnPristine:not(.ng-hide-validation),
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation),
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) select.ng-invalid.showOnPristine:not(.ng-hide-validation),
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation),
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation),
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation),
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-submitted input.ng-invalid:not(.ng-hide-validation) {
    color: #E2002A!important;
    box-shadow: none;
    border-bottom-color: #E2002A!important
}

.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) input.ng-invalid.showOnPristine:not(.ng-hide-validation)::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) select.ng-invalid.showOnPristine:not(.ng-hide-validation)::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-submitted input.ng-invalid:not(.ng-hide-validation)::-webkit-input-placeholder {
    color: #E2002A!important
}

.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation):-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation):-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) input.ng-invalid.showOnPristine:not(.ng-hide-validation):-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation):-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) select.ng-invalid.showOnPristine:not(.ng-hide-validation):-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation):-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation):-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation):-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-submitted input.ng-invalid:not(.ng-hide-validation):-moz-placeholder {
    color: #E2002A!important
}

.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) input.ng-invalid.showOnPristine:not(.ng-hide-validation)::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) select.ng-invalid.showOnPristine:not(.ng-hide-validation)::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-submitted input.ng-invalid:not(.ng-hide-validation)::-moz-placeholder {
    color: #E2002A!important
}

.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation):-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation):-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) input.ng-invalid.showOnPristine:not(.ng-hide-validation):-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation):-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) select.ng-invalid.showOnPristine:not(.ng-hide-validation):-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation):-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation):-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation):-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-submitted input.ng-invalid:not(.ng-hide-validation):-ms-input-placeholder {
    color: #E2002A!important
}

.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)~label,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) input.ng-invalid.showOnPristine:not(.ng-hide-validation)~label,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)~label,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)~label,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)~label,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-submitted input.ng-invalid:not(.ng-hide-validation)~label {
    color: #E2002A!important;
    box-shadow: none;
    border-bottom-color: #E2002A!important
}

.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) input.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-submitted input.ng-invalid:not(.ng-hide-validation)~label::-webkit-input-placeholder {
    color: #E2002A!important
}

.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)~label:-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label:-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) input.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)~label:-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)~label:-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)~label:-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-submitted input.ng-invalid:not(.ng-hide-validation)~label:-moz-placeholder {
    color: #E2002A!important
}

.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)~label::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) input.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)~label::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)~label::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)~label::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-submitted input.ng-invalid:not(.ng-hide-validation)~label::-moz-placeholder {
    color: #E2002A!important
}

.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)~label:-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label:-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) input.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)~label:-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)~label:-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)~label:-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).ng-submitted input.ng-invalid:not(.ng-hide-validation)~label:-ms-input-placeholder {
    color: #E2002A!important
}

.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) div.input-error,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) div.inputError {
    font-size: 0.765rem;
    color: #E2002A;
    margin-top: 5px
}

.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) div.note-error {
    color: #E2002A!important
}

.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation),
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation),
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground input.ng-invalid.showOnPristine:not(.ng-hide-validation),
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation),
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground select.ng-invalid.showOnPristine:not(.ng-hide-validation),
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation),
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation),
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation),
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-submitted input.ng-invalid:not(.ng-hide-validation) {
    color: #ff7b8f!important;
    box-shadow: none;
    border-bottom-color: #ff7b8f!important
}

.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground input.ng-invalid.showOnPristine:not(.ng-hide-validation)::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground select.ng-invalid.showOnPristine:not(.ng-hide-validation)::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-submitted input.ng-invalid:not(.ng-hide-validation)::-webkit-input-placeholder {
    color: #ff7b8f!important
}

.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation):-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation):-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground input.ng-invalid.showOnPristine:not(.ng-hide-validation):-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation):-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground select.ng-invalid.showOnPristine:not(.ng-hide-validation):-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation):-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation):-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation):-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-submitted input.ng-invalid:not(.ng-hide-validation):-moz-placeholder {
    color: #ff7b8f!important
}

.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground input.ng-invalid.showOnPristine:not(.ng-hide-validation)::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground select.ng-invalid.showOnPristine:not(.ng-hide-validation)::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-submitted input.ng-invalid:not(.ng-hide-validation)::-moz-placeholder {
    color: #ff7b8f!important
}

.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation):-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation):-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground input.ng-invalid.showOnPristine:not(.ng-hide-validation):-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation):-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground select.ng-invalid.showOnPristine:not(.ng-hide-validation):-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation):-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation):-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation):-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-submitted input.ng-invalid:not(.ng-hide-validation):-ms-input-placeholder {
    color: #ff7b8f!important
}

.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)~label,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground input.ng-invalid.showOnPristine:not(.ng-hide-validation)~label,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)~label,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)~label,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)~label,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-submitted input.ng-invalid:not(.ng-hide-validation)~label {
    color: #ff7b8f!important;
    box-shadow: none;
    border-bottom-color: #ff7b8f!important
}

.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground input.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)~label::-webkit-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-submitted input.ng-invalid:not(.ng-hide-validation)~label::-webkit-input-placeholder {
    color: #ff7b8f!important
}

.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)~label:-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label:-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground input.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)~label:-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)~label:-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)~label:-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-submitted input.ng-invalid:not(.ng-hide-validation)~label:-moz-placeholder {
    color: #ff7b8f!important
}

.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)~label::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground input.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)~label::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)~label::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)~label::-moz-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-submitted input.ng-invalid:not(.ng-hide-validation)~label::-moz-placeholder {
    color: #ff7b8f!important
}

.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)~label:-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label:-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground input.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)~label:-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)~label:-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)~label:-ms-input-placeholder,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground.ng-submitted input.ng-invalid:not(.ng-hide-validation)~label:-ms-input-placeholder {
    color: #ff7b8f!important
}

.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground div.input-error,
.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground div.inputError {
    font-size: 0.765rem;
    color: #ff7b8f;
    margin-top: 5px
}

.form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground div.note-error {
    color: #ff7b8f!important
}

.setDefaultValidationError .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation),
.setDefaultValidationError input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation),
.setDefaultValidationError input.ng-invalid.showOnPristine:not(.ng-hide-validation),
.setDefaultValidationError mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation),
.setDefaultValidationError select.ng-invalid.showOnPristine:not(.ng-hide-validation),
.setDefaultValidationError.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation),
.setDefaultValidationError.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation),
.setDefaultValidationError.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation),
.setDefaultValidationError.ng-submitted input.ng-invalid:not(.ng-hide-validation) {
    color: #E2002A!important;
    box-shadow: none;
    border-bottom-color: #E2002A!important
}

.setDefaultValidationError .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)::-webkit-input-placeholder,
.setDefaultValidationError input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)::-webkit-input-placeholder,
.setDefaultValidationError input.ng-invalid.showOnPristine:not(.ng-hide-validation)::-webkit-input-placeholder,
.setDefaultValidationError mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)::-webkit-input-placeholder,
.setDefaultValidationError select.ng-invalid.showOnPristine:not(.ng-hide-validation)::-webkit-input-placeholder,
.setDefaultValidationError.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)::-webkit-input-placeholder,
.setDefaultValidationError.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)::-webkit-input-placeholder,
.setDefaultValidationError.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)::-webkit-input-placeholder,
.setDefaultValidationError.ng-submitted input.ng-invalid:not(.ng-hide-validation)::-webkit-input-placeholder {
    color: #E2002A!important
}

.setDefaultValidationError .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation):-moz-placeholder,
.setDefaultValidationError input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation):-moz-placeholder,
.setDefaultValidationError input.ng-invalid.showOnPristine:not(.ng-hide-validation):-moz-placeholder,
.setDefaultValidationError mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation):-moz-placeholder,
.setDefaultValidationError select.ng-invalid.showOnPristine:not(.ng-hide-validation):-moz-placeholder,
.setDefaultValidationError.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation):-moz-placeholder,
.setDefaultValidationError.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation):-moz-placeholder,
.setDefaultValidationError.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation):-moz-placeholder,
.setDefaultValidationError.ng-submitted input.ng-invalid:not(.ng-hide-validation):-moz-placeholder {
    color: #E2002A!important
}

.setDefaultValidationError .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)::-moz-placeholder,
.setDefaultValidationError input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)::-moz-placeholder,
.setDefaultValidationError input.ng-invalid.showOnPristine:not(.ng-hide-validation)::-moz-placeholder,
.setDefaultValidationError mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)::-moz-placeholder,
.setDefaultValidationError select.ng-invalid.showOnPristine:not(.ng-hide-validation)::-moz-placeholder,
.setDefaultValidationError.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)::-moz-placeholder,
.setDefaultValidationError.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)::-moz-placeholder,
.setDefaultValidationError.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)::-moz-placeholder,
.setDefaultValidationError.ng-submitted input.ng-invalid:not(.ng-hide-validation)::-moz-placeholder {
    color: #E2002A!important
}

.setDefaultValidationError .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation):-ms-input-placeholder,
.setDefaultValidationError input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation):-ms-input-placeholder,
.setDefaultValidationError input.ng-invalid.showOnPristine:not(.ng-hide-validation):-ms-input-placeholder,
.setDefaultValidationError mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation):-ms-input-placeholder,
.setDefaultValidationError select.ng-invalid.showOnPristine:not(.ng-hide-validation):-ms-input-placeholder,
.setDefaultValidationError.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation):-ms-input-placeholder,
.setDefaultValidationError.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation):-ms-input-placeholder,
.setDefaultValidationError.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation):-ms-input-placeholder,
.setDefaultValidationError.ng-submitted input.ng-invalid:not(.ng-hide-validation):-ms-input-placeholder {
    color: #E2002A!important
}

.setDefaultValidationError .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)~label,
.setDefaultValidationError input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label,
.setDefaultValidationError input.ng-invalid.showOnPristine:not(.ng-hide-validation)~label,
.setDefaultValidationError mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label,
.setDefaultValidationError select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label,
.setDefaultValidationError.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)~label,
.setDefaultValidationError.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)~label,
.setDefaultValidationError.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)~label,
.setDefaultValidationError.ng-submitted input.ng-invalid:not(.ng-hide-validation)~label {
    color: #E2002A!important;
    box-shadow: none;
    border-bottom-color: #E2002A!important
}

.setDefaultValidationError .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.setDefaultValidationError input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label::-webkit-input-placeholder,
.setDefaultValidationError input.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.setDefaultValidationError mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.setDefaultValidationError select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.setDefaultValidationError.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.setDefaultValidationError.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)~label::-webkit-input-placeholder,
.setDefaultValidationError.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)~label::-webkit-input-placeholder,
.setDefaultValidationError.ng-submitted input.ng-invalid:not(.ng-hide-validation)~label::-webkit-input-placeholder {
    color: #E2002A!important
}

.setDefaultValidationError .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)~label:-moz-placeholder,
.setDefaultValidationError input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label:-moz-placeholder,
.setDefaultValidationError input.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-moz-placeholder,
.setDefaultValidationError mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-moz-placeholder,
.setDefaultValidationError select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-moz-placeholder,
.setDefaultValidationError.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)~label:-moz-placeholder,
.setDefaultValidationError.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)~label:-moz-placeholder,
.setDefaultValidationError.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)~label:-moz-placeholder,
.setDefaultValidationError.ng-submitted input.ng-invalid:not(.ng-hide-validation)~label:-moz-placeholder {
    color: #E2002A!important
}

.setDefaultValidationError .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)~label::-moz-placeholder,
.setDefaultValidationError input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label::-moz-placeholder,
.setDefaultValidationError input.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-moz-placeholder,
.setDefaultValidationError mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-moz-placeholder,
.setDefaultValidationError select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label::-moz-placeholder,
.setDefaultValidationError.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)~label::-moz-placeholder,
.setDefaultValidationError.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)~label::-moz-placeholder,
.setDefaultValidationError.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)~label::-moz-placeholder,
.setDefaultValidationError.ng-submitted input.ng-invalid:not(.ng-hide-validation)~label::-moz-placeholder {
    color: #E2002A!important
}

.setDefaultValidationError .validationWrapper.ng-invalid.ng-touched input:not(.ng-hide-validation)~label:-ms-input-placeholder,
.setDefaultValidationError input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label:-ms-input-placeholder,
.setDefaultValidationError input.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-ms-input-placeholder,
.setDefaultValidationError mat-select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-ms-input-placeholder,
.setDefaultValidationError select.ng-invalid.showOnPristine:not(.ng-hide-validation)~label:-ms-input-placeholder,
.setDefaultValidationError.ng-invalid.ng-submitted .ng-invalid:not(.ng-hide-validation)~label:-ms-input-placeholder,
.setDefaultValidationError.ng-invalid.ng-submitted div.input.ng-invalid:not(.ng-hide-validation)~label:-ms-input-placeholder,
.setDefaultValidationError.ng-invalid.ng-submitted input.ng-invalid:not([type=password]):not(.ng-hide-validation)~label:-ms-input-placeholder,
.setDefaultValidationError.ng-submitted input.ng-invalid:not(.ng-hide-validation)~label:-ms-input-placeholder {
    color: #E2002A!important
}

.setDefaultValidationError div.input-error,
.setDefaultValidationError div.inputError {
    font-size: 0.765rem;
    color: #E2002A;
    margin-top: 5px
}

.setDefaultValidationError div.note-error {
    color: #E2002A!important
}

.setDefaultValidationErrorColor {
    color: #E2002A!important;
    box-shadow: none;
    border-bottom-color: #E2002A!important
}

.setDefaultValidationErrorColor::-webkit-input-placeholder {
    color: #E2002A!important
}

.setDefaultValidationErrorColor:-moz-placeholder {
    color: #E2002A!important
}

.setDefaultValidationErrorColor::-moz-placeholder {
    color: #E2002A!important
}

.setDefaultValidationErrorColor:-ms-input-placeholder {
    color: #E2002A!important
}

input:-ms-input-placeholder {
    color: #b1b1b1
}

select.placeholderOnBrightBackground option:disabled,
select.placeholderOnBrightBackground.notSelected {
    color: #b1b1b1!important
}

select.placeholderOnBrightBackground option {
    color: #222
}

.textAreaAutoHeight {
    box-sizing: border-box;
    resize: none
}

.inputGroup {
    position: relative
}

.inputGroup mat-select,
.inputGroup select,
.inputGroup>input {
    height: 29px
}

.inputGroup mat-select.hasValue~label,
.inputGroup mat-select.ng-not-empty~label,
.inputGroup mat-select:focus~label,
.inputGroup select.hasValue~label,
.inputGroup select.ng-not-empty~label,
.inputGroup select:focus~label,
.inputGroup>input.hasValue~label,
.inputGroup>input.ng-not-empty~label,
.inputGroup>input:focus~label {
    bottom: 28px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    color: #247D24
}

.inputGroup mat-select:focus,
.inputGroup select:focus,
.inputGroup>input:focus {
    outline: 0;
    border-bottom: 2px solid #247D24
}

.inputGroup>mat-select:not(.mat-select-empty)~label {
    bottom: 28px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    color: #247D24
}

.inputGroup .input-error-email {
    border-color: #E2002A!important
}

.inputGroup>label {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    color: #666;
    position: absolute;
    pointer-events: none;
    left: 0;
    bottom: 8px;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all
}

.inputGroup input {
    color: #222
}

.inputGroup.right>label {
    right: 0;
    left: auto
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.matForm .inputWrapper mat-form-field {
    display: block
}

.matForm .inputWrapper mat-form-field .mat-form-field-infix {
    width: 100%;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1
}

.matForm .inputWrapper input[type=text],
.matForm .inputWrapper input[type=number] {
    border: none!important
}

.matForm mat-error {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    margin-top: -16px;
    margin-bottom: 5px;
    line-height: 14px
}

.matForm mat-error.additional-error {
    margin-top: 10px
}

.matForm .marginTop {
    margin-top: 5px
}

body[state="root.ticket.person"] .mat-select-panel {
    max-width: 800px
}

@media (max-width:319px) {
    .hidden-xxs {
        display: none!important
    }
}

@media (min-width:320px) and (max-width:379px) {
    .hidden-xs {
        display: none!important
    }
}

@media (min-width:380px) and (max-width:479px) {
    .hidden-xs-sm {
        display: none!important
    }
}

@media (min-width:480px) and (max-width:719px) {
    .hidden-sm {
        display: none!important
    }
}

@media (min-width:720px) and (max-width:859px) {
    .hidden-md {
        display: none!important
    }
}

@media (min-width:860px) and (max-width:1023px) {
    .hidden-md-lg {
        display: none!important
    }
}

@media (min-width:1024px) and (max-width:1279px) {
    .hidden-lg {
        display: none!important
    }
}

@media (min-width:1280px) {
    .hidden-lg-xl {
        display: none!important
    }
}

@media (max-width:719px) {
    .show-md-up {
        display: none!important
    }
}

@media (min-width:720px) {
    .show-small-down {
        display: none!important
    }
}

.grad {
    background-color: #558264
}

.grad.grad_diagonal {
    background-image: linear-gradient(left top, #558264 0, #858c00 25%, #64942c 50%, #779100 75%, #508546 100%)
}

.grad.grad_radial {
    background-image: radial-gradient(center, ellipse cover, #558264 0, #858c00 25%, #64942c 50%, #779100 75%, #508546 100%)
}

.grad.grad_vertical {
    background-image: linear-gradient(top, #558264 0, #858c00 25%, #64942c 50%, #779100 75%, #508546 100%)
}

.grad.grad_horizontal {
    background-image: linear-gradient(left, #558264 0, #858c00 25%, #64942c 50%, #779100 75%, #508546 100%)
}

.white,
[iconclass=white] {
    color: #fff;
    fill: #fff
}

.white-stroke,
[iconclass=white-stroke] {
    stroke: #fff;
    fill: #fff
}

.green-stroke,
[iconclass=green-stroke] {
    stroke: #64942c;
    fill: #64942c
}

.ticketshop-lightfont-c3,
[iconclass=ticketshop-lightfont-c3] {
    color: #666;
    fill: #666
}

.ticketshop-darkfont,
[iconclass=ticketshop-darkfont] {
    fill: #222;
    color: #222
}

.ticketshop-missinginfo,
[iconclass=ticketshop-missinginfo] {
    fill: #E2002A
}

.ticketshop-personen-3,
[iconclass=ticketshop-personen-3] {
    fill: #FF5E00
}

.ticketshop-personen-3-darker,
[iconclass=ticketshop-personen-3-darker] {
    fill: #cc4b00
}

.ticketshop-personen-3-lighter,
[iconclass=ticketshop-personen-3-lighter] {
    fill: #ff7e33
}

.ticketshop-travel-action-5,
[iconclass=ticketshop-travel-action-5] {
    fill: #cb8f00
}

.ticketshop-verspaetung-c3,
[iconclass=ticketshop-verspaetung-c3] {
    fill: #E2002A
}

.ticketshop-verspaetung-c45,
[iconclass=ticketshop-verspaetung-c45] {
    fill: #E2002A
}

.ticketshop-abgemeldet,
[iconclass=ticketshop-abgemeldet] {
    fill: #e68319
}

.oebb-grey-1,
[iconclass=oebb-grey-1] {
    fill: #b1b1b1;
    color: #b1b1b1
}

.ticketshop-green-1,
[iconclass=ticketshop-green-1] {
    fill: #247D24
}

.ticketshop-green-2,
[iconclass=ticketshop-green-2] {
    fill: #247D24
}

.ticketshop-green-3,
[iconclass=ticketshop-green-3] {
    fill: #247D24;
    stroke: #247D24
}

[iconclass=ticketshop-green-3-stroke] {
    fill: #247D24!important;
    stroke: #247D24!important
}

.ticketshop-green-4,
[iconclass=ticketshop-green-4] {
    fill: #247D24
}

.ticketshop-green-5,
[iconclass=ticketshop-green-5] {
    fill: #247D24
}

.ticketshop-personen-4,
[iconclass=ticketshop-personen-4] {
    fill: #247D24
}

.ticketshop-personen-4-darker,
[iconclass=ticketshop-personen-4-darker] {
    fill: #195519
}

.ticketshop-personen-4-lighter,
[iconclass=ticketshop-personen-4-lighter] {
    fill: #2fa52f
}

.ticketshop-travel-action-3,
[iconclass=ticketshop-travel-action-3] {
    fill: #70a629;
    color: #70a629
}

.ticketshop-personen-1,
[iconclass=ticketshop-personen-1] {
    fill: #757398
}

.ticketshop-personen-1-darker,
[iconclass=ticketshop-personen-1-darker] {
    fill: #5d5c7c
}

.ticketshop-personen-1-lighter,
[iconclass=ticketshop-personen-1-lighter] {
    fill: #9290ae
}

.ticketshop-personen-2,
[iconclass=ticketshop-personen-2] {
    fill: #9B00E1
}

.ticketshop-personen-2-darker,
[iconclass=ticketshop-personen-2-darker] {
    fill: #7800ae
}

.ticketshop-personen-2-lighter,
[iconclass=ticketshop-personen-2-lighter] {
    fill: #b615ff
}

.ticketshop-personen-5,
[iconclass=ticketshop-personen-5] {
    fill: #E00061
}

.ticketshop-personen-5-darker,
[iconclass=ticketshop-personen-5-darker] {
    fill: #ad004b
}

.ticketshop-personen-5-lighter,
[iconclass=ticketshop-personen-5-lighter] {
    fill: #ff147a
}

.ticketshop-personen-7,
[iconclass=ticketshop-personen-7] {
    fill: #be3c73
}

.ticketshop-personen-7-darker,
[iconclass=ticketshop-personen-7-darker] {
    fill: #97305c
}

.ticketshop-personen-7-lighter,
[iconclass=ticketshop-personen-7-lighter] {
    fill: #cd608e
}

.ticketshop-personen-8,
[iconclass=ticketshop-personen-8] {
    fill: #d80b63
}

.ticketshop-personen-8-darker,
[iconclass=ticketshop-personen-8-darker] {
    fill: #a7094d
}

.ticketshop-personen-8-lighter,
[iconclass=ticketshop-personen-8-lighter] {
    fill: #f4227c
}

.ticketshop-travel-action-6,
[iconclass=ticketshop-travel-action-6] {
    fill: #76467d
}

.ticketshop-lightfont-c3,
[iconclass=ticketshop-lightfont-c3] {
    fill: #666;
    color: #666
}

.ticketshop-lightfont-c3-stroke,
[iconclass=ticketshop-lightfont-c3-stroke] {
    stroke: #666;
    color: #666
}

.ticketshop-lightfont-c45,
[iconclass=ticketshop-lightfont-c45] {
    fill: #666;
    color: #666
}

.oebb-red-c3,
[iconclass=oebb-red-c3] {
    fill: #E2002A;
    color: #E2002A
}

.oebb-red-c45,
[iconclass=oebb-red-c45] {
    fill: #E2002A;
    color: #E2002A
}

.oebb-red-2,
[iconclass=oebb-red-2] {
    fill: #E2002A;
    color: #E2002A
}

.oebb-grey-2,
[iconclass=oebb-grey-2] {
    fill: #b1b1b1;
    color: #b1b1b1
}

.forceDisabled,
[iconclass=forceDisabled] {
    color: #b1b1b1!important;
    fill: #b1b1b1!important
}

.disabled,
[disabled=disabled],
[iconclass=disabled] {
    color: #b1b1b1;
    fill: #b1b1b1
}

[disabled] svg {
    color: #b1b1b1;
    fill: #b1b1b1
}

[disabled] svg[iconstroke] {
    stroke: #d7d7d7
}

.info,
[iconclass=info] {
    color: #247D24;
    fill: #247D24
}

.warning,
[iconclass=warning] {
    color: #E2002A;
    fill: #E2002A
}

.error,
[iconclass=error] {
    color: #E2002A;
    fill: #E2002A
}

.pdf,
[iconclass=pdf] {
    color: #E2002A;
    fill: #E2002A
}

.dep_code,
[iconclass=dep_code] {
    color: #6f7fbe;
    fill: #6f7fbe
}

.mobile,
[iconclass=mobile] {
    color: #439643;
    fill: #247D24
}

a {
    text-decoration: none;
    color: inherit
}

b,
strong {
    font-weight: 700
}

.bold {
    font-weight: 700
}

.semibold {
    font-weight: 600
}

.regular {
    font-weight: 400
}

.underline {
    text-decoration: underline
}

.strike {
    text-decoration: line-through
}

.underline-none {
    text-decoration: none
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.font_a {
    font-weight: 400;
    font-size: 1.625rem;
    color: #222
}

@media (min-width:1024px) {
    .font_a {
        font-size: 2.12rem;
        color: #666
    }
}

.numbers {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

@font-face {
    font-family: OebbTicketshopIcons;
    src: url(/static/fonts/OebbTicketshopIcons.otf) format("opentype")
}

.icon-font {
    font-family: OebbTicketshopIcons
}

.icon-plus {
    font-family: OebbTicketshopIcons
}

.icon-plus:before {
    content: "\E023"
}

.icon-person {
    font-family: OebbTicketshopIcons
}

.icon-person:before {
    content: "\E032"
}

.icon-card {
    font-family: OebbTicketshopIcons
}

.icon-card:before {
    content: "\E025"
}

.icon-home {
    font-family: OebbTicketshopIcons
}

.icon-home:before {
    content: "\E049"
}

.icon-settings {
    font-family: OebbTicketshopIcons
}

.icon-settings:before {
    content: "\E050"
}

.icon-ticket {
    font-family: OebbTicketshopIcons
}

.icon-ticket:before {
    content: "\E057"
}

.icon-tickets {
    font-family: OebbTicketshopIcons
}

.icon-tickets:before {
    content: "\E058"
}

.cashier-icon polygon,
.start-icon line {
    stroke: #9290ae
}

@-webkit-keyframes spinning {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spinning {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.loading-icon {
    -webkit-animation: spinning 2s linear infinite;
    animation: spinning 2s linear infinite
}

.icon-left-saquo {
    font-family: OebbTicketshopIcons
}

.icon-left-saquo:before {
    content: "\u203A"
}

.icon-right-saquo {
    font-family: OebbTicketshopIcons
}

.icon-right-saquo:after {
    content: "\u203A"
}

@media screen {
    .showPrint,
    .showPrint * {
        display: none!important
    }
}

@media print {
    body,
    html {
        position: initial!important
    }
    .hiddenPrint,
    .hiddenPrint * {
        display: none!important
    }
}

.noMargin {
    margin: 0
}

.lh-normal {
    line-height: normal
}

.lh125 {
    line-height: 1.25em
}

.lh130 {
    line-height: 1.3em
}

.zIndex1 {
    z-index: 1
}

.conditionalHide,
.hasAccessHide {
    display: none!important
}

.margin_10 {
    margin: 10px
}

.margin_T_0 {
    margin-top: 0!important
}

.margin_T_10 {
    margin-top: 10px
}

.margin_T_15 {
    margin-top: 15px
}

.margin_T_18 {
    margin-top: 18px
}

.margin_T_20 {
    margin-top: 20px
}

.margin_T_30 {
    margin-top: 30px
}

.margin_T_40 {
    margin-top: 40px
}

.margin_R_6 {
    margin-right: 6px
}

.margin_R_10 {
    margin-right: 10px
}

.margin_R_20 {
    margin-right: 20px
}

.margin_R_30 {
    margin-right: 30px
}

.margin_B_10 {
    margin-bottom: 10px
}

.margin_B_15 {
    margin-bottom: 15px
}

.margin_B_18 {
    margin-bottom: 18px
}

.margin_B_20 {
    margin-bottom: 20px
}

.margin_B_30 {
    margin-bottom: 30px
}

.margin_L_5 {
    margin-left: 5px
}

.margin_L_8 {
    margin-left: 8px
}

.margin_L_12 {
    margin-left: 12px
}

.margin_L_20 {
    margin-left: 20px
}

.margin_L_33 {
    margin-left: 33px
}

.margin_TB_28 {
    margin-top: 28px;
    margin-bottom: 28px
}

.child_margin_B_16>* {
    margin-bottom: 16px
}

.padding_LR_0_important {
    padding-left: 0!important;
    padding-right: 0!important
}

.padding_LR_0 {
    padding-left: 0;
    padding-right: 0
}

.padding_LR_5 {
    padding-left: 5px;
    padding-right: 5px
}

.padding_L_29 {
    padding-left: 29px
}

.padding_R_32 {
    padding-right: 32px
}

.padding_LR_20 {
    padding-left: 20px;
    padding-right: 20px
}

.padding_T_5 {
    padding-top: 5px
}

.padding_T_8 {
    padding-top: 8px
}

.padding_T_15 {
    padding-top: 15px
}

.padding_TB_15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.padding_TB_18 {
    padding-top: 18px;
    padding-bottom: 18px
}

.padding_TB_20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.padding_20 {
    padding: 20px
}

.margin_T_30 {
    margin-top: 30px
}

.padding_TB_32 {
    padding-top: 32px;
    padding-bottom: 32px
}

.padding_L_33 {
    padding-left: 33px
}

.padding_10 {
    padding-right: 10px
}

.padding_R_20 {
    padding-right: 20px
}

.padding_15_20 {
    padding: 15px 20px
}

.noMargin_B_imp {
    margin-bottom: 0!important
}

.noMargin_B {
    margin-bottom: 0
}

.noPadding_T {
    padding-top: 0
}

.oneRowEllipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.hideOutside {
    position: fixed;
    left: -9999px;
    top: -9999px;
    width: 0;
    height: 0;
    overflow: hidden
}

.loading-wrapper,
.loadingWrapper,
.successIconWrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    z-index: 150;
    align-items: center;
    justify-content: center;
    background: #666
}

[ts-click][disabled] .successIconWrapper svg {
    fill: #247D24;
    stroke: #247D24
}

.loadingWrapper {
    display: none;
    opacity: .7;
    background-color: #fff
}

.ng-submitting .loadingWrapper,
.showLoadingWrapper.loadingWrapper {
    display: flex
}

.flexRow {
    display: flex
}

.flexDirColumn {
    flex-direction: column
}

.flexJustifyContentSpaceBetween {
    justify-content: space-between
}

.flexJustifyContentCenter {
    justify-content: center
}

.flexCol.fill {
    flex: 1 1 auto
}

.flexCol.col50 {
    flex: 0 0 50%
}

.mirrored-image {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.middle {
    align-items: center;
    display: flex;
    justify-content: center
}

.no-padding {
    padding: 0!important
}

.relative {
    position: relative
}

.rotate270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

[hidden],
template {
    display: none!important
}

mat-icon.block-content>svg {
    display: block
}

*,
 :after,
 :before {
    box-sizing: inherit
}

div {
    box-sizing: border-box
}

[ng-click].notClickable,
[ts-click].notClickable {
    cursor: no-drop
}

.pointerCursor,
[data-ng-click]:not([type=text]):not(.noPointer),
[ng-click]:not([type=text]):not(.noPointer):not([disabled]),
[ng-mousedown]:not([type=text]):not(.noPointer):not([disabled]),
[ng-mouseup]:not([type=text]):not(.noPointer):not([disabled]),
[ts-click]:not([type=text]):not(.noPointer):not([disabled]),
[ui-sref] {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[ts-click].loading {
    position: relative
}

button {
    border: 0;
    padding: 0;
    background-color: transparent;
    text-align: left
}

html.no-flexbox.no-flexboxlegacy body {
    white-space: nowrap
}

html.no-flexbox.no-flexboxlegacy #main-wrapper {
    white-space: nowrap
}

div.picker__holder {
    z-index: 1
}

div.picker__frame {
    overflow-y: auto
}

hr {
    border: 0;
    background-color: #222;
    height: 1px
}

li {
    padding: 0 0 16px 20px
}

select {
    border: none;
    border-bottom: solid 1px #878787;
    padding-left: 0;
    padding-right: 1.1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url(/static/images/icons/dropDownMenuIcon.svg) no-repeat right 3px center;
    text-indent: .01px;
    text-overflow: ""
}

select::-ms-expand {
    display: none
}

#start-animation {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    font-size: 1rem;
}

#start-animation span {
    margin-top: 10px;
}

@media (min-width:720px) {
    .global-content-wrapper-single-col {
        margin-left: 145px
    }
}

@media (min-width:1024px) {
    .global-content-wrapper-single-col {
        margin-left: 286px
    }
}

.print-logo {
    content: url(/static/images/components/header/oebb-logo-30-80.svg);
    visibility: hidden;
    width: 0;
    height: 0
}

@media print {
    .print-logo {
        visibility: visible;
        width: 90px;
        height: 35px
    }
}

.mat-elevation-z0 {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 16px 1px rgba(0, 0, 0, .12)
}

.mat-elevation-z8 {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12)
}

.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12)
}

.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .14), 0 4px 20px 3px rgba(0, 0, 0, .12)
}

.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .14), 0 5px 26px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .14), 0 6px 32px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .14), 0 7px 34px 6px rgba(0, 0, 0, .12)
}

.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .14), 0 7px 36px 6px rgba(0, 0, 0, .12)
}

.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .14), 0 8px 38px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .14), 0 8px 40px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .14), 0 9px 44px 8px rgba(0, 0, 0, .12)
}

.mat-elevation-z24 {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12)
}

.mat-badge-content {
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

.mat-badge-small .mat-badge-content {
    font-size: 0.7rem
}

.mat-badge-large .mat-badge-content {
    font-size: 1.5rem
}

.mat-h1,
.mat-headline,
.mat-typography h1 {
    font: 400 24px/32px "Frutiger Next";
    margin: 0 0 16px
}

.mat-h2,
.mat-title,
.mat-typography h2 {
    font: 700 20px/32px "Frutiger Next";
    margin: 0 0 16px
}

.mat-h3,
.mat-subheading-2,
.mat-typography h3 {
    font: 400 16px/28px "Frutiger Next";
    margin: 0 0 16px
}

.mat-h4,
.mat-subheading-1,
.mat-typography h4 {
    font: 400 15px/24px "Frutiger Next";
    margin: 0 0 16px
}

.mat-h5,
.mat-typography h5 {
    font: 400 11.62px/20px "Frutiger Next";
    margin: 0 0 12px
}

.mat-h6,
.mat-typography h6 {
    font: 400 9.38px/20px "Frutiger Next";
    margin: 0 0 12px
}

.mat-body-2,
.mat-body-strong {
    font: 700 14px/24px "Frutiger Next"
}

.mat-body,
.mat-body-1,
.mat-typography {
    font: 400 14px/20px "Frutiger Next"
}

.mat-body p,
.mat-body-1 p,
.mat-typography p {
    margin: 0 0 12px
}

.mat-caption,
.mat-small {
    font: 400 12px/20px "Frutiger Next"
}

.mat-display-4,
.mat-typography .mat-display-4 {
    font: 400 112px/112px "Frutiger Next";
    margin: 0 0 56px;
    letter-spacing: -.05em
}

.mat-display-3,
.mat-typography .mat-display-3 {
    font: 400 56px/56px "Frutiger Next";
    margin: 0 0 64px;
    letter-spacing: -.02em
}

.mat-display-2,
.mat-typography .mat-display-2 {
    font: 400 45px/48px "Frutiger Next";
    margin: 0 0 64px;
    letter-spacing: -.005em
}

.mat-display-1,
.mat-typography .mat-display-1 {
    font: 400 34px/40px "Frutiger Next";
    margin: 0 0 64px
}

.mat-bottom-sheet-container {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400
}

.mat-button,
.mat-fab,
.mat-flat-button,
.mat-icon-button,
.mat-mini-fab,
.mat-raised-button,
.mat-stroked-button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 700
}

@media (max-width:379px) {
    .mat-button,
    .mat-fab,
    .mat-flat-button,
    .mat-icon-button,
    .mat-mini-fab,
    .mat-raised-button,
    .mat-stroked-button {
        padding: 0 10px!important;
        min-width: auto!important
    }
}

@media (max-width:719px) {
    .mat-button {
        font-weight: 700
    }
}

.mat-button:hover .mat-button-focus-overlay {
    opacity: 1!important
}

.mat-card-title {
    font-size: 1.5rem;
    font-weight: 400
}

.mat-card-content,
.mat-card-header .mat-card-title,
.mat-card-subtitle {
    font-size: 0.9rem
}

.mat-checkbox-layout .mat-checkbox-label {
    line-height: 24px
}

.mat-chip {
    font-size: 0.85rem;
    line-height: 18px
}

.mat-chip .mat-chip-remove.mat-icon,
.mat-chip .mat-chip-trailing-icon.mat-icon {
    font-size: 1rem;
}

.mat-header-cell {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    font-weight: 700
}

.mat-cell,
.mat-footer-cell {
    font-size: 0.9rem
}

.mat-calendar-body-in-range:before {
    background-color: rgba(204, 52, 50, .15)
}

.mat-calendar-body {
    font-size: 13px
}

.mat-calendar-body-label,
.mat-calendar-period-button {
    font-size: 1rem;
    font-weight: 700
}

.mat-calendar-table-header th {
    font-size: 11px;
    font-weight: 400
}

.mat-dialog-title {
    font: 700 26px/28px "Frutiger Next"
}

.mat-expansion-panel-header {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600
}

.mat-expansion-panel-content {
    font: 400 14px/20px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

.mat-form-field {
    font-size: inherit;
    font-weight: 400;
    line-height: 1.125
}

.mat-form-field-wrapper {
    padding-bottom: 1.34375em
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
    font-size: 150%;
    line-height: 1.125
}

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
    height: 1.5em;
    width: 1.5em
}

.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
    height: 1.125em;
    line-height: 1.125
}

.mat-form-field-infix {
    padding: .5em 0;
    border-top: .84375em solid transparent
}

.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    -webkit-transform: translateY(-1.34375em) scale(.75);
    transform: translateY(-1.34375em) scale(.75);
    width: 133.33333%
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    -webkit-transform: translateY(-1.34374em) scale(.75);
    transform: translateY(-1.34374em) scale(.75);
    width: 133.33334%
}

.mat-form-field-label-wrapper {
    top: -.84375em;
    padding-top: .84375em
}

.mat-form-field-label {
    top: 1.34375em
}

.mat-form-field-underline {
    bottom: 1.34375em;
    height: inherit
}

.mat-form-field-subscript-wrapper {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin-top: .66667em;
    top: calc(100% - 1.79167em)
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: .4375em 0
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    -webkit-transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(0);
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(0);
    -ms-transform: translateY(-1.28125em) scale(.75);
    width: 133.33333%;
    color: #222
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
    -webkit-transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(0);
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(0);
    -ms-transform: translateY(-1.28124em) scale(.75);
    width: 133.33334%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    -webkit-transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(0);
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(0);
    -ms-transform: translateY(-1.28123em) scale(.75);
    width: 133.33335%
}

.mat-form-field-appearance-legacy .mat-form-field-label {
    top: 1.28125em;
    height: inherit
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: .54167em;
    top: calc(100% - 1.66667em)
}

.mat-form-field-appearance-fill .mat-form-field-infix {
    padding: .25em 0 .75em 0
}

.mat-form-field-appearance-fill .mat-form-field-label {
    top: 1.09375em;
    margin-top: -.5em
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    -webkit-transform: translateY(-.59375em) scale(.75);
    transform: translateY(-.59375em) scale(.75);
    width: 133.33333%
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    -webkit-transform: translateY(-.59374em) scale(.75);
    transform: translateY(-.59374em) scale(.75);
    width: 133.33334%
}

.mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 13px 0 16px 0;
    border-top-width: 10px
}

mat-form-field.mat-stroked-button {
    line-height: 1.33;
    font-weight: 600;
    letter-spacing: .25px;
    padding: 10px 15px
}

mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline {
    color: #b1b1b1
}

mat-form-field.mat-form-field-appearance-outline.mat-form-field-should-float.mat-focused .mat-form-field-label,
mat-form-field.mat-form-field-appearance-outline.mat-form-field-should-float.mat-focused .mat-form-field-outline,
mat-form-field.mat-form-field-appearance-outline.mat-form-field-should-float.ng-valid:not(.mat-form-field-invalid) .mat-form-field-label,
mat-form-field.mat-form-field-appearance-outline.mat-form-field-should-float.ng-valid:not(.mat-form-field-invalid) .mat-form-field-outline {
    color: #222
}

mat-form-field.mat-form-field-appearance-outline.mat-form-field-should-float.ng-valid:not(.mat-form-field-invalid) .mat-form-field-label {
    color: #222
}

mat-form-field.mat-form-field-appearance-outline.mat-form-field-should-float .mat-input-element {
    caret-color: #222
}

.mat-form-field-appearance-outline .mat-form-field-label {
    top: 1.84375em;
    margin-top: -.25em
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    -webkit-transform: translateY(-1.59375em) scale(.75);
    transform: translateY(-1.59375em) scale(.75);
    width: 133.33333%
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    -webkit-transform: translateY(-1.59374em) scale(.75);
    transform: translateY(-1.59374em) scale(.75);
    width: 133.33334%
}

.mat-grid-tile-footer,
.mat-grid-tile-header {
    font-size: 0.9rem
}

.mat-grid-tile-footer .mat-line,
.mat-grid-tile-header .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-grid-tile-footer .mat-line:nth-child(n+2),
.mat-grid-tile-header .mat-line:nth-child(n+2) {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

input.mat-date-range-input-inner,
input.mat-input-element {
    margin-top: -.0625em;
    line-height: 16px
}

.mat-menu-item {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400
}

.mat-menu-item .mat-icon {
    width: 16px;
    height: 16px;
    margin-right: 5px!important;
    margin-top: -4px
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

.mat-select-trigger {
    height: 1.125em
}

.mat-slide-toggle-content {
    font: 400 14px/20px "Frutiger Next"
}

.mat-slider-thumb-label-text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    font-weight: 700
}

.mat-step-label {
    font-size: 1rem;
    font-weight: 400
}

.mat-step-label-selected {
    font-size: 1rem;
    font-weight: 700
}

.mat-tab-label,
.mat-tab-link {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600
}

.mat-tab-label.mat-tab-label-active {
    opacity: 1
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
    font: 700 20px/32px "Frutiger Next";
    margin: 0
}

.mat-tooltip {
    font-size: 0.7rem;
    padding-top: 6px;
    padding-bottom: 6px
}

.mat-tooltip-handset {
    font-size: 1rem;
    padding-top: 9px;
    padding-bottom: 9px
}

.mat-list .mat-list-item,
.mat-nav-list .mat-list-item,
.mat-selection-list .mat-list-item {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

.mat-list .mat-list-item .mat-line,
.mat-nav-list .mat-list-item .mat-line,
.mat-selection-list .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list .mat-list-item .mat-line:nth-child(n+2),
.mat-nav-list .mat-list-item .mat-line:nth-child(n+2),
.mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
    font-size: 0.9rem
}

.mat-list .mat-list-option,
.mat-nav-list .mat-list-option,
.mat-selection-list .mat-list-option {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

.mat-list .mat-list-option .mat-line,
.mat-nav-list .mat-list-option .mat-line,
.mat-selection-list .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list .mat-list-option .mat-line:nth-child(n+2),
.mat-nav-list .mat-list-option .mat-line:nth-child(n+2),
.mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
    font-size: 0.9rem
}

.mat-list .mat-subheader,
.mat-nav-list .mat-subheader,
.mat-selection-list .mat-subheader {
    font-size: 1rem;
    font-weight: 700
}

.mat-list[dense] .mat-list-item,
.mat-nav-list[dense] .mat-list-item,
.mat-selection-list[dense] .mat-list-item {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

.mat-list[dense] .mat-list-item .mat-line,
.mat-nav-list[dense] .mat-list-item .mat-line,
.mat-selection-list[dense] .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2),
.mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2),
.mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

.mat-list[dense] .mat-list-option,
.mat-nav-list[dense] .mat-list-option,
.mat-selection-list[dense] .mat-list-option {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

.mat-list[dense] .mat-list-option .mat-line,
.mat-nav-list[dense] .mat-list-option .mat-line,
.mat-selection-list[dense] .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2),
.mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2),
.mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

.mat-list[dense] .mat-subheader,
.mat-nav-list[dense] .mat-subheader,
.mat-selection-list[dense] .mat-subheader {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    font-weight: 700
}

.mat-option {
    font-size: 1rem
}

.mat-optgroup-label {
    font: 700 14px/24px "Frutiger Next"
}

.mat-simple-snackbar {
    font-size: 1rem
}

.mat-simple-snackbar-action {
    line-height: 1;
    font-family: inherit;
    font-size: inherit;
    font-weight: 700
}

.mat-tree-node {
    font-weight: 400;
    font-size: 0.9rem
}

.mat-ripple {
    overflow: hidden
}

@media screen and (-ms-high-contrast:active) {
    .mat-ripple {
        display: none
    }
}

.mat-ripple.mat-ripple-unbounded {
    overflow: visible
}

.mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity, -webkit-transform 0s cubic-bezier(0, 0, .2, 1);
    transition: opacity, transform 0s cubic-bezier(0, 0, .2, 1);
    transition: opacity, transform 0s cubic-bezier(0, 0, .2, 1), -webkit-transform 0s cubic-bezier(0, 0, .2, 1);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}

.cdk-global-overlay-wrapper,
.cdk-overlay-container {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: auto
}

.cdk-overlay-container {
    position: fixed;
    z-index: 1000
}

.cdk-overlay-container:empty {
    display: none
}

.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%
}

.cdk-overlay-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
    opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
}

@media screen and (-ms-high-contrast:active) {
    .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
        opacity: .6
    }
}

.cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, .8)
}

.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0
}

.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px
}

.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
    -webkit-animation-name: cdk-text-field-autofill-start;
    animation-name: cdk-text-field-autofill-start
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    -webkit-animation-name: cdk-text-field-autofill-end;
    animation-name: cdk-text-field-autofill-end
}

textarea.cdk-textarea-autosize {
    resize: none
}

textarea.cdk-textarea-autosize-measuring {
    height: auto!important;
    overflow: hidden!important;
    padding: 2px 0!important;
    box-sizing: content-box!important
}

.mat-ripple-element {
    background-color: rgba(0, 0, 0, .1)
}

.mat-option {
    color: rgba(0, 0, 0, .87)
}

.mat-option:focus:not(.mat-option-disabled),
.mat-option:hover:not(.mat-option-disabled) {
    background: rgba(0, 0, 0, .04)
}

.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
    background: rgba(0, 0, 0, .04)
}

.mat-option.mat-active {
    background: rgba(0, 0, 0, .04);
    color: rgba(0, 0, 0, .87)
}

.mat-option.mat-option-disabled {
    color: rgba(0, 0, 0, .38)
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #247D24
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #247D24
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #E2002A
}

.mat-optgroup-label {
    color: rgba(0, 0, 0, .54)
}

.mat-optgroup-disabled .mat-optgroup-label {
    color: rgba(0, 0, 0, .38)
}

.mat-pseudo-checkbox {
    color: rgba(0, 0, 0, .54)
}

.mat-pseudo-checkbox::after {
    color: #fafafa
}

.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate {
    background: #247D24
}

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
    background: #247D24
}

.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
    background: #E2002A
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
    background: #b1b1b1
}

.mat-app-background {
    background-color: #f5f6f9;
    color: rgba(0, 0, 0, .87)
}

.mat-theme-loaded-marker {
    display: none
}

.mat-autocomplete-panel {
    background: #fff;
    color: rgba(0, 0, 0, .87)
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
    background: #fff
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
    color: rgba(0, 0, 0, .87)
}

.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-badge-content {
    color: #fff;
    background: #247D24
}

.mat-badge-accent .mat-badge-content {
    background: #247D24;
    color: rgba(0, 0, 0, .87)
}

.mat-badge-warn .mat-badge-content {
    color: #fff;
    background: #E2002A
}

.mat-badge {
    position: relative
}

.mat-badge-hidden .mat-badge-content {
    display: none
}

.mat-badge-content {
    position: absolute;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    -webkit-transform: scale(.6);
    transform: scale(.6);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none
}

.mat-badge-content.mat-badge-active {
    -webkit-transform: none;
    transform: none
}

.mat-badge-small .mat-badge-content {
    width: 16px;
    height: 16px;
    line-height: 16px
}

@media screen and (-ms-high-contrast:active) {
    .mat-badge-small .mat-badge-content {
        outline: solid 1px;
        border-radius: 0
    }
}

.mat-badge-small.mat-badge-above .mat-badge-content {
    top: -8px
}

.mat-badge-small.mat-badge-below .mat-badge-content {
    bottom: -8px
}

.mat-badge-small.mat-badge-before {
    margin-left: 16px
}

.mat-badge-small.mat-badge-before .mat-badge-content {
    left: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-before {
    margin-left: 0;
    margin-right: 16px
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
    left: auto;
    right: -16px
}

.mat-badge-small.mat-badge-after {
    margin-right: 16px
}

.mat-badge-small.mat-badge-after .mat-badge-content {
    right: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-after {
    margin-right: 0;
    margin-left: 16px
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
    right: auto;
    left: -16px
}

.mat-badge-small.mat-badge-overlap.mat-badge-before {
    margin-left: 8px
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -7px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before {
    margin-left: 0;
    margin-right: 8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -8px
}

.mat-badge-small.mat-badge-overlap.mat-badge-after {
    margin-right: 8px
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -7px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after {
    margin-right: 0;
    margin-left: 16px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -8px
}

.mat-badge-medium .mat-badge-content {
    width: 22px;
    height: 22px;
    line-height: 22px
}

@media screen and (-ms-high-contrast:active) {
    .mat-badge-medium .mat-badge-content {
        outline: solid 1px;
        border-radius: 0
    }
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
    top: -11px
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
    bottom: -11px
}

.mat-badge-medium.mat-badge-before {
    margin-left: 22px
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
    left: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-before {
    margin-left: 0;
    margin-right: 22px
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
    left: auto;
    right: -22px
}

.mat-badge-medium.mat-badge-after {
    margin-right: 22px
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
    right: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-after {
    margin-right: 0;
    margin-left: 22px
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
    right: auto;
    left: -22px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before {
    margin-left: 11px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before {
    margin-left: 0;
    margin-right: 11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -11px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after {
    margin-right: 11px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after {
    margin-right: 0;
    margin-left: 22px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -11px
}

.mat-badge-large .mat-badge-content {
    width: 28px;
    height: 28px;
    line-height: 28px
}

@media screen and (-ms-high-contrast:active) {
    .mat-badge-large .mat-badge-content {
        outline: solid 1px;
        border-radius: 0
    }
}

.mat-badge-large.mat-badge-above .mat-badge-content {
    top: -14px
}

.mat-badge-large.mat-badge-below .mat-badge-content {
    bottom: -14px
}

.mat-badge-large.mat-badge-before {
    margin-left: 28px
}

.mat-badge-large.mat-badge-before .mat-badge-content {
    left: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-before {
    margin-left: 0;
    margin-right: 28px
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
    left: auto;
    right: -28px
}

.mat-badge-large.mat-badge-after {
    margin-right: 28px
}

.mat-badge-large.mat-badge-after .mat-badge-content {
    right: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-after {
    margin-right: 0;
    margin-left: 28px
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
    right: auto;
    left: -28px
}

.mat-badge-large.mat-badge-overlap.mat-badge-before {
    margin-left: 14px
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before {
    margin-left: 0;
    margin-right: 14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -14px
}

.mat-badge-large.mat-badge-overlap.mat-badge-after {
    margin-right: 14px
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after {
    margin-right: 0;
    margin-left: 28px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -14px
}

.mat-bottom-sheet-container {
    background: #fff;
    color: rgba(0, 0, 0, .87)
}

.mat-button,
.mat-icon-button,
.mat-stroked-button {
    color: inherit;
    background: 0 0
}

.mat-button .mat-button-wrapper>.mat-icon {
    width: 20px;
    height: 20px;
    vertical-align: sub
}

.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
    color: #247D24
}

.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
    color: #E2002A
}

.mat-button.mat-warn,
.mat-icon-button.mat-warn,
.mat-stroked-button.mat-warn {
    color: #E2002A
}

.mat-button.mat-accent[disabled],
.mat-button.mat-primary[disabled],
.mat-button.mat-warn[disabled],
.mat-button[disabled][disabled],
.mat-icon-button.mat-accent[disabled],
.mat-icon-button.mat-primary[disabled],
.mat-icon-button.mat-warn[disabled],
.mat-icon-button[disabled][disabled],
.mat-stroked-button.mat-accent[disabled],
.mat-stroked-button.mat-primary[disabled],
.mat-stroked-button.mat-warn[disabled],
.mat-stroked-button[disabled][disabled] {
    color: #b1b1b1
}

.mat-stroked-button {
    padding: 3px 17px;
    border-radius: 2px!important;
    border: solid 2px #b1b1b1!important
}

.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
    background-color: rgba(0, 0, 0, .1)
}

.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
    background-color: rgba(0, 0, 0, .1)
}

.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay,
.mat-stroked-button.mat-warn .mat-button-focus-overlay {
    background-color: rgba(0, 0, 0, .1)
}

.mat-button[disabled] .mat-button-focus-overlay,
.mat-icon-button[disabled] .mat-button-focus-overlay,
.mat-stroked-button[disabled] .mat-button-focus-overlay {
    background-color: transparent
}

.mat-button.mat-primary .mat-ripple-element,
.mat-icon-button.mat-primary .mat-ripple-element,
.mat-stroked-button.mat-primary .mat-ripple-element {
    background-color: rgba(103, 58, 183, .1)
}

.mat-button.mat-accent .mat-ripple-element,
.mat-icon-button.mat-accent .mat-ripple-element,
.mat-stroked-button.mat-accent .mat-ripple-element {
    background-color: rgba(255, 215, 64, .1)
}

.mat-button.mat-warn .mat-ripple-element,
.mat-icon-button.mat-warn .mat-ripple-element,
.mat-stroked-button.mat-warn .mat-ripple-element {
    background-color: rgba(244, 67, 54, .1)
}

.mat-fab,
.mat-flat-button,
.mat-mini-fab,
.mat-raised-button {
    color: rgba(0, 0, 0, .87);
    background-color: #fff
}

.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
    color: #fff
}

.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
    color: #fff
}

.mat-fab.mat-warn,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
    color: #fff
}

.mat-fab.mat-accent[disabled],
.mat-fab.mat-primary[disabled],
.mat-fab.mat-warn[disabled],
.mat-fab[disabled][disabled],
.mat-flat-button.mat-accent[disabled],
.mat-flat-button.mat-primary[disabled],
.mat-flat-button.mat-warn[disabled],
.mat-flat-button[disabled][disabled],
.mat-mini-fab.mat-accent[disabled],
.mat-mini-fab.mat-primary[disabled],
.mat-mini-fab.mat-warn[disabled],
.mat-mini-fab[disabled][disabled],
.mat-raised-button.mat-accent[disabled],
.mat-raised-button.mat-primary[disabled],
.mat-raised-button.mat-warn[disabled],
.mat-raised-button[disabled][disabled] {
    color: rgba(0, 0, 0, .26)
}

.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
    background-color: #247D24
}

.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
    background-color: #E2002A
}

.mat-fab.mat-warn,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
    background-color: #E2002A
}

.mat-fab.mat-accent[disabled],
.mat-fab.mat-primary[disabled],
.mat-fab.mat-warn[disabled],
.mat-fab[disabled][disabled],
.mat-flat-button.mat-accent[disabled],
.mat-flat-button.mat-primary[disabled],
.mat-flat-button.mat-warn[disabled],
.mat-flat-button[disabled][disabled],
.mat-mini-fab.mat-accent[disabled],
.mat-mini-fab.mat-primary[disabled],
.mat-mini-fab.mat-warn[disabled],
.mat-mini-fab[disabled][disabled],
.mat-raised-button.mat-accent[disabled],
.mat-raised-button.mat-primary[disabled],
.mat-raised-button.mat-warn[disabled],
.mat-raised-button[disabled][disabled] {
    background-color: rgba(0, 0, 0, .12)
}

.mat-fab.mat-primary .mat-ripple-element,
.mat-flat-button.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element {
    background-color: rgba(255, 255, 255, .1)
}

.mat-fab.mat-accent .mat-ripple-element,
.mat-flat-button.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element {
    background-color: rgba(0, 0, 0, .1)
}

.mat-fab.mat-warn .mat-ripple-element,
.mat-flat-button.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element {
    background-color: rgba(255, 255, 255, .1)
}

.mat-flat-button {
    border-radius: 2px!important
}

.mat-icon-button.mat-primary .mat-ripple-element {
    background-color: rgba(103, 58, 183, .2)
}

.mat-icon-button.mat-accent .mat-ripple-element {
    background-color: rgba(255, 215, 64, .2)
}

.mat-icon-button.mat-warn .mat-ripple-element {
    background-color: rgba(244, 67, 54, .2)
}

.mat-button-toggle {
    color: rgba(0, 0, 0, .38)
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
    background-color: rgba(0, 0, 0, .12)
}

.mat-button-toggle-checked {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, .54)
}

.mat-button-toggle-disabled {
    background-color: #eee;
    color: rgba(0, 0, 0, .26)
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
    background-color: #b1b1b1
}

.mat-card {
    background: #fff;
    color: rgba(0, 0, 0, .87)
}

.mat-card-subtitle {
    color: rgba(0, 0, 0, .54)
}

mat-checkbox .mat-checkbox-frame {
    border-color: #247D24
}

mat-checkbox .mat-checkbox-inner-container {
    width: 18px;
    height: 18px
}

.mat-checkbox-checkmark {
    fill: #fafafa
}

.mat-checkbox-checkmark-path {
    stroke: #fafafa!important
}

.mat-checkbox-mixedmark {
    background-color: #fafafa
}

.mat-checkbox-checked.mat-primary .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
    background-color: #247D24
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background-color: #247D24
}

.mat-checkbox-checked.mat-warn .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background {
    background-color: #E2002A
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
    background-color: #b1b1b1
}

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
    border-color: #b1b1b1
}

.mat-checkbox-disabled .mat-checkbox-label {
    color: #b1b1b1
}

.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
    background-color: rgba(103, 58, 183, .26)
}

.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
    background-color: rgba(81, 163, 81, .1)
}

.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
    background-color: rgba(244, 67, 54, .26)
}

.mat-chip.mat-standard-chip {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, .87)
}

.mat-chip.mat-standard-chip .mat-chip-remove {
    color: rgba(0, 0, 0, .87);
    opacity: .4
}

.mat-chip.mat-standard-chip .mat-chip-remove:hover {
    opacity: .54
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
    background-color: #247D24;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
    opacity: .54
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
    background-color: #E2002A;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
    opacity: .54
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
    background-color: #247D24;
    color: rgba(0, 0, 0, .87)
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
    color: rgba(0, 0, 0, .87);
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
    opacity: .54
}

.mat-table {
    background: #fff
}

mat-footer-row,
mat-header-row,
mat-row,
td.mat-cell,
td.mat-footer-cell,
th.mat-header-cell {
    border-bottom-color: rgba(0, 0, 0, .12)
}

.mat-header-cell {
    color: #666
}

.mat-cell,
.mat-footer-cell {
    color: #666
}

.mat-calendar-arrow {
    border-top-color: rgba(0, 0, 0, .54)
}

.mat-datepicker-popup .mat-calendar-next-button,
.mat-datepicker-popup .mat-calendar-previous-button,
.mat-datepicker-toggle {
    color: #666
}

.mat-calendar-table-header {
    color: #666
}

.mat-calendar-table-header-divider::after {
    background: rgba(0, 0, 0, .12)
}

.mat-calendar-body-label {
    color: #666
}

.mat-calendar-body-cell-content {
    color: #666;
    border-color: transparent
}

.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
    color: rgba(0, 0, 0, .38)
}

.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
    background-color: rgba(0, 0, 0, .04)
}

.mat-calendar-body-today:not(.mat-calendar-body-selected) {
    border-color: rgba(0, 0, 0, .38)
}

.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected) {
    border-color: rgba(0, 0, 0, .18)
}

.mat-calendar-body-selected {
    background-color: #E2002A;
    color: #fff
}

.mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content {
    background-color: #fff;
    color: rgba(0, 0, 0, .87);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
    background-color: #247D24;
    color: rgba(0, 0, 0, .87)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: rgba(255, 215, 64, .4)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .87)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
    background-color: #E2002A;
    color: #fff
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: rgba(244, 67, 54, .4)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-toggle-active {
    color: #E2002A
}

.mat-datepicker-toggle-active.mat-accent {
    color: #247D24
}

.mat-datepicker-toggle-active.mat-warn {
    color: #E2002A
}

.mat-dialog-container {
    background: #f5f6f9;
    color: rgba(0, 0, 0, .87)
}

mat-dialog-content a {
    text-decoration: underline;
    color: #247D24
}

.mat-divider {
    border-top-color: rgba(0, 0, 0, .12)
}

.mat-divider-vertical {
    border-right-color: rgba(0, 0, 0, .12)
}

.mat-expansion-panel {
    background: #fff;
    margin-bottom: 10px;
    color: rgba(0, 0, 0, .87)
}

.mat-action-row {
    border-top-color: rgba(0, 0, 0, .12)
}

.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused,
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused,
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
    background: rgba(0, 0, 0, .04)
}

.mat-expansion-panel-header-title {
    color: rgba(0, 0, 0, .87)
}

.mat-expansion-indicator::after,
.mat-expansion-panel-header-description {
    color: rgba(0, 0, 0, .54)
}

.mat-expansion-panel-header[aria-disabled=true] {
    color: rgba(0, 0, 0, .26)
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title {
    color: inherit
}

.mat-form-field-label {
    color: #666
}

@media (max-width:719px) {
    .mat-form-field-label {
        font-size: 0.9rem!important;
        line-height: 2!important;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif!important
    }
}

.mat-hint {
    color: rgba(0, 0, 0, .6)
}

.mat-form-field.mat-focused .mat-form-field-label {
    color: #247D24
}

.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
    color: #247D24
}

.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
    color: #E2002A
}

.mat-focused .mat-form-field-required-marker {
    color: #247D24
}

.mat-form-field-ripple {
    background-color: rgba(0, 0, 0, .87)
}

.mat-form-field.mat-focused .mat-form-field-ripple {
    background-color: #247D24
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
    background-color: #247D24
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
    background-color: #E2002A
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label {
    color: #E2002A
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent {
    color: #E2002A
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple {
    background-color: #E2002A
}

.mat-error {
    color: #E2002A
}

.mat-form-field-appearance-legacy .mat-form-field-label {
    color: rgba(0, 0, 0, .54)
}

.mat-form-field-appearance-legacy .mat-hint {
    color: rgba(0, 0, 0, .54)
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0, rgba(0, 0, 0, .42) 33%, transparent 0);
    background-size: 4px 100%;
    background-repeat: repeat-x
}

.mat-form-field-appearance-standard .mat-form-field-underline {
    background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0, rgba(0, 0, 0, .42) 33%, transparent 0);
    background-size: 4px 100%;
    background-repeat: repeat-x
}

.mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: rgba(0, 0, 0, .04)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
    background-color: rgba(0, 0, 0, .02)
}

.mat-form-field-appearance-fill .mat-form-field-underline::before {
    background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
    color: rgba(0, 0, 0, .38)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
    background-color: transparent
}

.mat-form-field-appearance-outline .mat-form-field-outline {
    color: rgba(0, 0, 0, .12)
}

.mat-form-field-appearance-outline .mat-form-field-flex {
    padding-left: 15px!important
}

.mat-form-field-appearance-outline .mat-form-field-suffix .mat-icon-button {
    margin-right: -10px
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
    color: rgba(0, 0, 0, .87)
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
    color: #E2002A
}

.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline-thick {
    color: #E2002A
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
    color: rgba(0, 0, 0, .38)
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
    color: rgba(0, 0, 0, .06)
}

.mat-icon.mat-primary {
    color: #247D24
}

.mat-icon.mat-accent {
    color: #247D24
}

.mat-icon.mat-warn {
    color: #E2002A
}

.mat-input-element:disabled {
    color: rgba(0, 0, 0, .38)
}

.mat-input-element {
    caret-color: #247D24
}

.mat-input-element::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-input-element::-moz-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-input-element::-ms-input-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-input-element::placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-input-element::-moz-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-input-element::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-input-element:-ms-input-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-accent .mat-input-element {
    caret-color: #247D24
}

.mat-form-field-invalid .mat-input-element,
.mat-warn .mat-input-element {
    caret-color: #E2002A
}

.mat-list .mat-list-item,
.mat-nav-list .mat-list-item,
.mat-selection-list .mat-list-item {
    color: rgba(0, 0, 0, .87)
}

.mat-list .mat-list-option,
.mat-nav-list .mat-list-option,
.mat-selection-list .mat-list-option {
    color: rgba(0, 0, 0, .87)
}

.mat-list .mat-subheader,
.mat-nav-list .mat-subheader,
.mat-selection-list .mat-subheader {
    color: rgba(0, 0, 0, .54)
}

.mat-list-item-disabled {
    background-color: #eee
}

.mat-list-option.mat-list-item-focus,
.mat-list-option:hover,
.mat-nav-list .mat-list-item.mat-list-item-focus,
.mat-nav-list .mat-list-item:hover {
    background: rgba(0, 0, 0, .04)
}

.mat-menu-panel {
    background: #fff
}

.mat-menu-item {
    background: 0 0;
    color: rgba(0, 0, 0, .87)
}

.mat-menu-item[disabled],
.mat-menu-item[disabled]::after {
    color: rgba(0, 0, 0, .38)
}

.mat-menu-item .mat-icon:not([color]),
.mat-menu-item-submenu-trigger::after {
    color: rgba(0, 0, 0, .54)
}

.mat-menu-item-highlighted:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item:hover:not([disabled]) {
    background: rgba(0, 0, 0, .04)
}

.mat-paginator {
    background: #fff
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
    color: rgba(0, 0, 0, .54)
}

.mat-paginator-decrement,
.mat-paginator-increment {
    border-top: 2px solid rgba(0, 0, 0, .54);
    border-right: 2px solid rgba(0, 0, 0, .54)
}

.mat-paginator-first,
.mat-paginator-last {
    border-top: 2px solid rgba(0, 0, 0, .54)
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-last {
    border-color: rgba(0, 0, 0, .38)
}

.mat-progress-bar-background {
    fill: #f5f6f9
}

.mat-progress-bar-buffer {
    background-color: #f5f6f9
}

.mat-progress-bar-fill::after {
    background-color: #247D24
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
    fill: #ffe57f
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
    background-color: #ffe57f
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
    background-color: #247D24
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
    fill: #ffcdd2
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
    background-color: #ffcdd2
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
    background-color: #E2002A
}

.mat-progress-spinner circle,
.mat-spinner circle {
    stroke: #247D24
}

.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
    stroke: #247D24
}

.mat-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
    stroke: #E2002A
}

.mat-radio-outer-circle {
    border-color: rgba(34, 34, 34, .54)
}

.mat-radio-disabled .mat-radio-outer-circle {
    border-color: rgba(34, 34, 34, .3)
}

.mat-radio-disabled .mat-radio-inner-circle,
.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
    background-color: rgba(34, 34, 34, .3)
}

.mat-radio-disabled .mat-radio-label-content {
    color: rgba(34, 34, 34, .3)
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
    border-color: #247D24
}

.mat-radio-button.mat-primary .mat-radio-inner-circle {
    background-color: #247D24
}

.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
    background-color: rgba(103, 58, 183, .26)
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #247D24
}

.mat-radio-button.mat-accent .mat-radio-inner-circle {
    background-color: #247D24
}

.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
    background-color: rgba(255, 215, 64, .26)
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
    border-color: #E2002A
}

.mat-radio-button.mat-warn .mat-radio-inner-circle {
    background-color: #E2002A
}

.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
    background-color: rgba(244, 67, 54, .26)
}

.mat-select-panel,
.mat-select-panel-done-animating {
    background: #fff;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.mat-select-value {
    color: rgba(0, 0, 0, .87)
}

.mat-select-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-select-disabled .mat-select-value {
    color: rgba(0, 0, 0, .38)
}

.mat-select-arrow {
    color: rgba(0, 0, 0, .54)
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
    background: rgba(0, 0, 0, .12)
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
    color: #247D24
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
    color: #247D24
}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
    color: #E2002A
}

.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
    color: #E2002A
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
    color: rgba(0, 0, 0, .38)
}

.mat-drawer-container {
    background-color: #fafafa;
    color: rgba(0, 0, 0, .87)
}

.mat-drawer {
    background-color: #fff;
    color: rgba(0, 0, 0, .87)
}

.mat-drawer.mat-drawer-push {
    background-color: #fff
}

.mat-drawer-backdrop.mat-drawer-shown {
    background-color: rgba(0, 0, 0, .6)
}

.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
    background-color: #ffc107
}

.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
    background-color: rgba(255, 193, 7, .5)
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
    background-color: rgba(0, 0, 0, .06)
}

.mat-slide-toggle .mat-ripple-element {
    background-color: rgba(255, 193, 7, .12)
}

.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
    background-color: #247D24
}

.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
    background-color: rgba(103, 58, 183, .5)
}

.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
    background-color: rgba(0, 0, 0, .06)
}

.mat-slide-toggle.mat-primary .mat-ripple-element {
    background-color: rgba(103, 58, 183, .12)
}

.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
    background-color: #E2002A
}

.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
    background-color: rgba(244, 67, 54, .5)
}

.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
    background-color: rgba(0, 0, 0, .06)
}

.mat-slide-toggle.mat-warn .mat-ripple-element {
    background-color: rgba(244, 67, 54, .12)
}

.mat-disabled .mat-slide-toggle-thumb {
    background-color: #bdbdbd
}

.mat-disabled .mat-slide-toggle-bar {
    background-color: rgba(0, 0, 0, .1)
}

.mat-slide-toggle-thumb {
    background-color: #fafafa
}

.mat-slide-toggle-bar {
    background-color: rgba(0, 0, 0, .38)
}

.mat-slider-track-background {
    background-color: rgba(0, 0, 0, .26)
}

.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label,
.mat-primary .mat-slider-track-fill {
    background-color: #247D24
}

.mat-primary .mat-slider-thumb-label-text {
    color: #fff
}

.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label,
.mat-accent .mat-slider-track-fill {
    background-color: #247D24
}

.mat-accent .mat-slider-thumb-label-text {
    color: rgba(0, 0, 0, .87)
}

.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label,
.mat-warn .mat-slider-track-fill {
    background-color: #E2002A
}

.mat-warn .mat-slider-thumb-label-text {
    color: #fff
}

.mat-slider-focus-ring {
    background-color: rgba(255, 215, 64, .2)
}

.cdk-focused .mat-slider-track-background,
.mat-slider:hover .mat-slider-track-background {
    background-color: rgba(0, 0, 0, .38)
}

.mat-slider-disabled .mat-slider-thumb,
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill {
    background-color: rgba(0, 0, 0, .26)
}

.mat-slider-disabled:hover .mat-slider-track-background {
    background-color: rgba(0, 0, 0, .26)
}

.mat-slider-min-value .mat-slider-focus-ring {
    background-color: rgba(0, 0, 0, .12)
}

.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
    background-color: rgba(0, 0, 0, .87)
}

.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
    background-color: rgba(0, 0, 0, .26)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
    border-color: rgba(0, 0, 0, .26);
    background-color: transparent
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb {
    border-color: rgba(0, 0, 0, .38)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb {
    border-color: rgba(0, 0, 0, .26)
}

.mat-slider-has-ticks .mat-slider-wrapper::after {
    border-color: rgba(0, 0, 0, .7)
}

.mat-slider-horizontal .mat-slider-ticks {
    background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent);
    background-image: -moz-repeating-linear-gradient(.0001deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-slider-vertical .mat-slider-ticks {
    background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover {
    background-color: rgba(0, 0, 0, .04)
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
    color: rgba(0, 0, 0, .38)
}

.mat-step-header .mat-step-icon {
    background-color: #247D24;
    color: #fff
}

.mat-step-header .mat-step-icon-not-touched {
    background-color: rgba(0, 0, 0, .38);
    color: #fff
}

.mat-step-header .mat-step-label.mat-step-label-active {
    color: rgba(0, 0, 0, .87)
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
    background-color: #fff
}

.mat-stepper-vertical-line::before {
    border-left-color: rgba(0, 0, 0, .12)
}

.mat-stepper-horizontal-line {
    border-top-color: rgba(0, 0, 0, .12)
}

.mat-tab-header,
.mat-tab-nav-bar {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.mat-tab-group-inverted-header .mat-tab-header,
.mat-tab-group-inverted-header .mat-tab-nav-bar {
    border-top: 1px solid rgba(0, 0, 0, .12);
    border-bottom: none
}

.mat-tab-label,
.mat-tab-link {
    color: rgba(0, 0, 0, .87)
}

.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
    color: rgba(0, 0, 0, .38)
}

.mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, .87)
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, .38)
}

.mat-tab-group[class*=mat-background-] .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
    border-bottom: none;
    border-top: none
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #247D24
}

.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
    background-color: #E2002A
}

.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
    background-color: rgba(0, 0, 0, .87)
}

.mat-tab-group.mat-warn .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-group.mat-warn .mat-tab-link:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-warn .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-warn .mat-tab-link:not(.mat-tab-disabled):focus {
    background-color: rgba(255, 205, 210, .3)
}

.mat-tab-group.mat-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn .mat-ink-bar {
    background-color: #E2002A
}

.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-group.mat-background-primary .mat-tab-link:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link:not(.mat-tab-disabled):focus {
    background-color: rgba(209, 196, 233, .3)
}

.mat-tab-group.mat-background-primary .mat-tab-header,
.mat-tab-group.mat-background-primary .mat-tab-links,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header,
.mat-tab-nav-bar.mat-background-primary .mat-tab-links {
    background-color: #247D24
}

.mat-tab-group.mat-background-primary .mat-tab-label,
.mat-tab-group.mat-background-primary .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link {
    color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
    border-color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-primary .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
    background-color: rgba(255, 255, 255, .12)
}

.mat-tab-group.mat-background-accent .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-group.mat-background-accent .mat-tab-link:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link:not(.mat-tab-disabled):focus {
    background-color: rgba(255, 229, 127, .3)
}

.mat-tab-group.mat-background-accent .mat-tab-header,
.mat-tab-group.mat-background-accent .mat-tab-links,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header,
.mat-tab-nav-bar.mat-background-accent .mat-tab-links {
    background-color: #247D24
}

.mat-tab-group.mat-background-accent .mat-tab-label,
.mat-tab-group.mat-background-accent .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link {
    color: rgba(0, 0, 0, .87)
}

.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
    color: rgba(0, 0, 0, .4)
}

.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, .87)
}

.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, .4)
}

.mat-tab-group.mat-background-accent .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
    background-color: rgba(0, 0, 0, .12)
}

.mat-tab-group.mat-background-warn .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-group.mat-background-warn .mat-tab-link:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link:not(.mat-tab-disabled):focus {
    background-color: rgba(255, 205, 210, .3)
}

.mat-tab-group.mat-background-warn .mat-tab-header,
.mat-tab-group.mat-background-warn .mat-tab-links,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header,
.mat-tab-nav-bar.mat-background-warn .mat-tab-links {
    background-color: #E2002A
}

.mat-tab-group.mat-background-warn .mat-tab-label,
.mat-tab-group.mat-background-warn .mat-tab-link,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link {
    color: #fff
}

.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
    border-color: #fff
}

.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-warn .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
    background-color: rgba(255, 255, 255, .12)
}

.mat-toolbar {
    background: #f5f5f5;
    color: rgba(0, 0, 0, .87)
}

.mat-toolbar.mat-primary {
    background: #247D24;
    color: #fff
}

.mat-toolbar.mat-accent {
    background: #247D24;
    color: rgba(0, 0, 0, .87)
}

.mat-toolbar.mat-warn {
    background: #E2002A;
    color: #fff
}

.mat-toolbar .mat-focused .mat-form-field-ripple,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-form-field-underline {
    background-color: currentColor
}

.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-select-value {
    color: inherit
}

.mat-toolbar .mat-input-element {
    caret-color: currentColor
}

.mat-tooltip {
    background: rgba(97, 97, 97, .9)
}

.mat-tree {
    background: #fff
}

.mat-tree-node {
    color: rgba(0, 0, 0, .87)
}

.mat-snack-bar-container {
    background: #323232;
    color: #fff
}

.mat-simple-snackbar-action {
    color: #247D24
}

.mat-dialog-actions {
    padding: 0;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0
}

.mat-calendar-body-label {
    visibility: hidden
}

.mat-calendar-body-label[colspan="7"] {
    display: none
}

.mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: rgba(204, 52, 50, .4)
}

.mat-calendar-body-cell:nth-of-type(7n) .mat-calendar-body-cell-content,
.mat-calendar-body-label[colspan]~.mat-calendar-body-cell:last-of-type .mat-calendar-body-cell-content {
    color: #E2002A
}

.mat-calendar-body-cell:nth-of-type(7n) .mat-calendar-body-cell-content.mat-calendar-body-selected,
.mat-calendar-body-label[colspan]~.mat-calendar-body-cell:last-of-type .mat-calendar-body-cell-content.mat-calendar-body-selected {
    color: #fff
}

.mat-calendar-body-cell:nth-of-type(7n).mat-calendar-body-disabled .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.mat-calendar-body-label[colspan]~.mat-calendar-body-cell:last-of-type.mat-calendar-body-disabled .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
    color: rgba(171, 0, 32, .4)
}

.mat-active-look-on-disabled-fields .mat-input-element:disabled {
    color: #000!important;
    opacity: 1
}

.mat-active-look-on-disabled-fields.mat-form-field-disabled .mat-form-field-underline {
    background-color: rgba(0, 0, 0, .42)!important;
    background-image: none
}

.mat-checkbox-with-long-text .mat-checkbox-inner-container {
    margin: 0 8px 0 0
}

.mat-checkbox-with-long-text p {
    white-space: normal
}

.on-dark-background .mat-form-field-label,
.on-dark-background .mat-form-field.mat-focused .mat-form-field-label,
.on-dark-background .mat-form-field.mat-focused .mat-form-field-label.mat-accent {
    color: #2fa52f
}

.on-dark-background .mat-form-field-label.mat-form-field-empty {
    color: #666
}

.on-dark-background .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
    background-color: #ff7b8f
}

.on-dark-background .mat-error,
.on-dark-background .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick,
.on-dark-background .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick,
.on-dark-background .mat-form-field.mat-form-field-invalid .mat-form-field-label,
.on-dark-background .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.on-dark-background .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.on-dark-background .mat-form-field.mat-form-field-invalid .mat-form-field-ripple {
    color: #ff7b8f
}

.on-dark-background .mat-datepicker-toggle,
.on-dark-background .mat-select-arrow,
.on-dark-background .mat-select-value {
    color: #fff
}

.on-dark-background .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline,
.on-dark-background .mat-form-field-underline {
    background-color: #b1b1b1
}

.on-dark-background .mat-input-element:disabled {
    color: #b1b1b1
}

.mat-form-field-appearance-outline .mat-form-field-outline .mat-form-field-outline-end {
    border-radius: 0 2px 2px 0
}

.mat-form-field-appearance-outline .mat-form-field-outline .mat-form-field-outline-start {
    border-radius: 2px 0 0 2px
}

calendar-sheet {
    display: block;
    height: 55px;
    width: 55px;
    vertical-align: top
}

calendar-sheet.disabled,
calendar-sheet.disabled .calendar-sheet {
    pointer-events: none
}

calendar-sheet.disabled .calendar-sheet .calendar-sheet-header,
calendar-sheet.disabled .calendar-sheet-header {
    background-color: #000
}

calendar-sheet .calendar-sheet:hover .calendar-sheet-header,
calendar-sheet.selected .calendar-sheet-header {
    background-color: #E2002A;
    font-weight: 400
}

calendar-sheet .calendar-sheet:hover .day,
calendar-sheet.selected .day {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-weight: 700
}

calendar-sheet.selected .calendar-sheet[disabled] .day,
calendar-sheet.selected .calendar-sheet[disabled] .month {
    color: #222
}

calendar-sheet .calendar-sheet {
    display: block;
    width: 100%;
    height: 100%
}

calendar-sheet .calendar-sheet[disabled] .day,
calendar-sheet .calendar-sheet[disabled] .month {
    opacity: .5
}

calendar-sheet .calendar-sheet-header {
    background-color: #666;
    color: #fff;
    text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    font-weight: 400;
    line-height: 18px
}

calendar-sheet .calendar-sheet-body {
    border: 1px solid #d7d7d7;
    border-top: none;
    background-color: #fff
}

calendar-sheet .day {
    color: #222;
    text-align: center;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1;
    padding-top: 2px
}

calendar-sheet .month {
    color: #222;
    text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    font-weight: 400;
    line-height: 1;
    padding-bottom: 2px
}

calendar-sheet .icon {
    padding-top: 10px
}

calendar-sheet .price,
calendar-sheet .priceLabel {
    color: #247D24;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

calendar-sheet .priceLabel {
    padding-top: 2px
}

calendar-sheet .price {
    padding-bottom: 2px
}

shared-checkbox-button>.wrapper {
    cursor: pointer;
    color: #222
}

shared-checkbox-button>.wrapper>.col1 {
    float: left;
    width: 32px;
    padding-top: 18px
}

shared-checkbox-button>.wrapper>.col2 {
    overflow: hidden;
    padding: 18px 0 18px 0
}

shared-checkbox-button>.wrapper>.col2 label {
    cursor: pointer;
    line-height: 1.1em;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 600
}

shared-checkbox-button>.wrapper>.col2 .transcluded {
    margin-top: 18px
}

shared-checkbox-button>.wrapper:focus,
shared-checkbox-button>.wrapper:hover {
    background: #e6e6e6
}

shared-checkbox-button>.wrapper:focus svg,
shared-checkbox-button>.wrapper:hover svg {
    background: #e6e6e6
}

shared-checkbox-button>.wrapper:active svg {
    background: #ccc
}

shared-checkbox-button>.wrapper.disabled>.col2 {
    color: #b1b1b1
}

shared-checkbox-button>.wrapper.disabled>.col2 label {
    color: #b1b1b1
}

shared-mat-checkbox .row {
    display: flex;
    align-items: baseline
}

shared-mat-checkbox .row .col2 {
    margin-left: 10px
}

shared-checkbox {
    display: inline-block
}

shared-checkbox svg {
    fill: #247D24
}

shared-checkbox .disabled svg {
    color: #b1b1b1!important;
    fill: #b1b1b1!important
}

shared-clock {
    position: relative;
    width: 58px;
    height: 58px;
    display: block;
    margin: 0 auto
}

shared-clock .tick {
    fill: #fff
}

shared-clock .minutes-hours-hand {
    fill: #fff
}

shared-clock .seconds-hand {
    fill: #E2002A
}

shared-clock .dark .tick {
    fill: #222
}

shared-clock .dark .minutes-hours-hand {
    fill: #222
}

.form .collapsibleBoxHeader,
form .collapsibleBoxHeader,
shared-collapsible-box .form,
shared-collapsible-box form {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

.form .collapsibleBoxHeader select,
form .collapsibleBoxHeader select,
shared-collapsible-box .form select,
shared-collapsible-box form select {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

.form .collapsibleBoxHeader table,
form .collapsibleBoxHeader table,
shared-collapsible-box .form table,
shared-collapsible-box form table {
    width: 100%;
    margin-bottom: 40px
}

.form .collapsibleBoxHeader table tr td,
form .collapsibleBoxHeader table tr td,
shared-collapsible-box .form table tr td,
shared-collapsible-box form table tr td {
    width: 50%;
    padding: 15px 35px 0 0
}

.form .collapsibleBoxHeader table tr td:first-child,
form .collapsibleBoxHeader table tr td:first-child,
shared-collapsible-box .form table tr td:first-child,
shared-collapsible-box form table tr td:first-child {
    padding-left: 51px
}

.form .collapsibleBoxHeader table tr td:last-child,
form .collapsibleBoxHeader table tr td:last-child,
shared-collapsible-box .form table tr td:last-child,
shared-collapsible-box form table tr td:last-child {
    padding-right: 51px
}

.form .collapsibleBoxHeader table tr td.doubleEqualColumn>div,
form .collapsibleBoxHeader table tr td.doubleEqualColumn>div,
shared-collapsible-box .form table tr td.doubleEqualColumn>div,
shared-collapsible-box form table tr td.doubleEqualColumn>div {
    width: 50%;
    float: left
}

.form .collapsibleBoxHeader table tr td.thirdEqualColumn>div,
form .collapsibleBoxHeader table tr td.thirdEqualColumn>div,
shared-collapsible-box .form table tr td.thirdEqualColumn>div,
shared-collapsible-box form table tr td.thirdEqualColumn>div {
    width: 33%;
    float: left
}

.form .collapsibleBoxHeader section.flexRow .flexRow,
form .collapsibleBoxHeader section.flexRow .flexRow,
shared-collapsible-box .form section.flexRow .flexRow,
shared-collapsible-box form section.flexRow .flexRow {
    margin-bottom: 15px;
    margin-right: 35px
}

.form .collapsibleBoxHeader [ts-click].loading .loading-wrapper,
form .collapsibleBoxHeader [ts-click].loading .loading-wrapper,
shared-collapsible-box .form [ts-click].loading .loading-wrapper,
shared-collapsible-box form [ts-click].loading .loading-wrapper {
    background: #fff
}

.form .collapsibleBoxHeader button[disabled],
form .collapsibleBoxHeader button[disabled],
shared-collapsible-box .form button[disabled],
shared-collapsible-box form button[disabled] {
    color: #b1b1b1
}

.form .collapsibleBoxHeader input[type=search],
.form .collapsibleBoxHeader input[type=text],
form .collapsibleBoxHeader input[type=search],
form .collapsibleBoxHeader input[type=text],
shared-collapsible-box .form input[type=search],
shared-collapsible-box .form input[type=text],
shared-collapsible-box form input[type=search],
shared-collapsible-box form input[type=text] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    background-color: #fff;
    border-color: #d7d7d7;
    border-style: none none solid;
    border-width: medium medium 1px;
    outline: 0;
    width: 100%;
    color: #222;
    padding: 4px 0
}

shared-collapsible-box {
    display: block
}

shared-collapsible-box[white] {
    background-color: #fff;
}

shared-collapsible-box[white]>.collapsibleBoxContent,
shared-collapsible-box[white]>.collapsibleBoxHeader {
    background-color: #fff;
}

shared-collapsible-box:not(.collapsed)>.collapsibleBoxHeader ts-vogerl {
    display: none;
}

shared-collapsible-box:not(.collapsed)>.collapsibleBoxHeader .collapsible-header-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

shared-collapsible-box.collapsed>.collapsibleBoxContent {
    max-height: 0;
}

shared-collapsible-box ts-vogerl {
    cursor: pointer;
}

shared-collapsible-box>.collapsibleBoxHeader {
    cursor: pointer;
}

shared-collapsible-box>.collapsibleBoxHeader>div {
    padding: 16px;
}

shared-collapsible-box>.collapsibleBoxHeader>div:first-child {
    max-width: 35px;
    width: 35px;
    padding-right: 0;
}

shared-collapsible-box>.collapsibleBoxHeader>div:last-child {
    padding-left: 0;
    margin-right: 35px
}

shared-collapsible-box>.collapsibleBoxContent {
    display: block;
    max-height: 99999px;
    overflow: hidden
}

shared-collapsible-box>.collapsibleBoxContent>section>div:first-child {
    padding-left: 35px;
    margin-left: 16px
}

shared-collapsible-box>.collapsibleBoxContent>section>div:last-child {
    margin-right: 16px;
    padding-right: 35px
}

shared-collapsible-box>.collapsibleBoxContent>footer {
    flex: 1 0 auto;
    min-height: 16px
}

shared-collapsible-box>.collapsibleBoxContent>footer>div {
    padding: 0 16px 16px 16px
}

shared-collapsible-box>.collapsibleBoxContent>footer>div:first-child {
    padding-left: 51px;
    padding-right: 0
}

shared-collapsible-box>.collapsibleBoxContent>footer>div:last-child {
    padding-left: 0;
    padding-right: 51px
}

color-chooser {
    display: flex;
    align-items: center
}

color-chooser color-item {
    height: 39px;
    border-bottom: 5px solid #d7d7d7;
    display: flex;
    align-items: center;
    justify-content: center
}

color-chooser color-item .mat-icon {
    width: 18px;
    height: 14px
}

color-chooser .checkbox-area {
    margin: 0;
    flex: 0 0 35px
}

color-chooser .checkbox-area color-item {
    border-right: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7
}

color-chooser .checkbox-area:focus color-item,
color-chooser .checkbox-area:hover color-item {
    border-right: 2px solid #666;
    border-top: 2px solid #666;
    border-left: 2px solid #666
}

color-chooser.dark .checkbox-area {
    margin: 1px 1px 1px 0
}

color-chooser.dark .checkbox-area:first-child {
    margin-left: 1px
}

color-chooser.dark .checkbox-area color-item {
    background-color: #666;
    border-right: 1px solid #666;
    border-top: 1px solid #666
}

color-chooser.dark .checkbox-area color-item:first-child {
    border-left: 1px solid #666
}

color-chooser.dark .checkbox-area:focus color-item,
color-chooser.dark .checkbox-area:hover color-item {
    border-right-color: #fff;
    border-top-color: #fff;
    border-left-color: #fff
}

footer-navigation-button {
    z-index: 99;
    position: fixed;
    bottom: 0;
    left: 0
}

@media (min-width:720px) {
    footer-navigation-button {
        left: 145px
    }
}

@media (min-width:1024px) {
    footer-navigation-button {
        left: 286px
    }
}

footer-navigation-button>button {
    display: flex;
    align-items: center;
    background-color: #247D24;
    color: #fff;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1;
    padding: 15px 20px;
    border-radius: 5px 5px 0 0
}

footer-navigation-button>button.off-canvas-visible {
    margin-left: 315px
}

@media (max-width:719px) {
    footer-navigation-button>button {
        padding: 10px 15px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
    footer-navigation-button>button .arrow-icon {
        height: 18px
    }
}

footer-navigation-button .arrow-icon {
    width: 18px;
    margin-left: 10px
}

hidden-scrollbar {
    display: block;
    position: relative;
    overflow: hidden;
    height: 100%
}

hidden-scrollbar>.scroll-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

hidden-scrollbar>.scroll-container>.scroll-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    scrollbar-width: none
}

hidden-scrollbar>.scroll-container ::-webkit-scrollbar {
    visibility: hidden
}

shared-mat-calendar-header {
    display: flex;
    padding: 12px
}

shared-mat-calendar-header>button ts-icon svg {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

shared-mat-calendar-header>button ts-icon[name=arrowRight] svg {
    margin-left: 1px
}

shared-mat-calendar-header>button ts-icon[name=arrowLeft] svg {
    margin-left: -1px
}

shared-mat-calendar-header>.current {
    flex: 1;
    text-align: center;
    font-weight: 700;
    padding-top: .3em;
    margin: .5em
}

shared-multiplier-stripes .activeTicket,
shared-multiplier-stripes .unusedTicket,
shared-multiplier-stripes .usedTicket {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    display: flex;
    width: 200px;
    text-align: left;
    padding-left: 15px;
    height: 50px;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    border-right: 1px solid #666
}

shared-multiplier-stripes .border {
    border-bottom: 1px solid #666
}

shared-multiplier-stripes .archive-tickets .unusedTicket,
shared-multiplier-stripes .archive-tickets .usedTicket {
    background: #d7d7d7
}

shared-multiplier-stripes .active,
shared-multiplier-stripes .unused,
shared-multiplier-stripes .used {
    display: flex;
    flex-flow: row
}

shared-multiplier-stripes .active .activeDescription,
shared-multiplier-stripes .active .unusedDescription,
shared-multiplier-stripes .active .usedDescription,
shared-multiplier-stripes .unused .activeDescription,
shared-multiplier-stripes .unused .unusedDescription,
shared-multiplier-stripes .unused .usedDescription,
shared-multiplier-stripes .used .activeDescription,
shared-multiplier-stripes .used .unusedDescription,
shared-multiplier-stripes .used .usedDescription {
    margin-right: 15px;
    margin-top: 2px;
    width: 75px;
    text-align: right;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

shared-multiplier-stripes .active .usedDescription,
shared-multiplier-stripes .unused .usedDescription,
shared-multiplier-stripes .used .usedDescription {
    color: #d7d7d7
}

shared-multiplier-stripes .active .activeDescription,
shared-multiplier-stripes .unused .activeDescription,
shared-multiplier-stripes .used .activeDescription {
    color: #2b65c3
}

shared-multiplier-stripes .active .unusedDescription,
shared-multiplier-stripes .unused .unusedDescription,
shared-multiplier-stripes .used .unusedDescription {
    color: #739ee2
}

shared-multiplier-stripes .usedTicket {
    background-color: #d7d7d7
}

shared-multiplier-stripes .usedTicket .firstLine {
    color: #666;
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

shared-multiplier-stripes .usedTicket .secondLine {
    color: #666;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

shared-multiplier-stripes .usedTicket .secondLine .archive {
    color: #E2002A;
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1.1
}

shared-multiplier-stripes .activeTicket {
    background-color: #2b65c3
}

shared-multiplier-stripes .activeTicket .firstLine {
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

shared-multiplier-stripes .unusedTicket {
    background-color: #739ee2;
    padding-top: 12px!important;
    display: block
}

shared-multiplier-stripes .activeTicket .firstLine,
shared-multiplier-stripes .unusedTicket .firstLine {
    color: #fff
}

shared-multiplier-stripes .activeTicket .secondLine,
shared-multiplier-stripes .unusedTicket .secondLine {
    color: #fff
}

shared-multiplier-stripes .activeTicket .secondLine.archive,
shared-multiplier-stripes .unusedTicket .secondLine.archive {
    color: #E2002A;
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1.1
}

conversion-button {
    padding: 0;
    margin: 0;
    display: flex;
    flex: 0 0 145px;
    width: 145px;
    max-width: 145px
}

@media (max-width:480px) {
    conversion-button {
        flex: 0 0 95px
    }
}

conversion-button.hide {
    display: none!important
}

conversion-button .conversion-button-wrapper {
    display: flex;
    flex: 0 0 145px;
    padding: 0;
    margin: 0;
    background-color: #E2002A
}

@media (max-width:480px) {
    conversion-button .conversion-button-wrapper {
        flex: 0 0 95px
    }
}

conversion-button .conversion-button-wrapper:focus,
conversion-button .conversion-button-wrapper:hover {
    cursor: pointer;
    background-color: #E2002A
}

conversion-button .conversion-button-wrapper:active {
    background-color: #E2002A
}

conversion-button .conversion-button-wrapper.disabled {
    background-color: #666
}

conversion-button .conversion-button-wrapper.disabled:hover {
    background-color: #666
}

conversion-button .conversion-button-wrapper .conversion-button-content {
    color: #fff;
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    align-content: center
}

conversion-button .conversion-button-wrapper .conversion-button-content a,
conversion-button .conversion-button-wrapper .conversion-button-content p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    line-height: 1.1em;
    margin: 0;
    padding: 0
}

conversion-button .conversion-button-wrapper .conversion-button-content a {
    margin-top: 30px;
    display: inline-block;
    line-height: 1.3em
}

conversion-button .conversion-button-wrapper .conversion-button-content p a {
    margin-top: 0
}

conversion-button .conversion-button-wrapper .conversion-button-content .price {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    line-height: 1.25em;
    margin: 0 0 10px 0
}

conversion-button .conversion-button-wrapper .conversion-button-content .show-ticket .icon {
    margin: 12px auto 5px
}

conversion-button .conversion-button-wrapper .conversion-button-content .show-ticket a {
    margin-top: 0
}

conversion-button .conversion-button-wrapper .perforation {
    flex: 0 0 2px;
    width: 2px;
    max-width: 2px;
    background-image: url(/static/images/background/offerHeaderPerforation.svg)
}

input-tan-modal .content-container {
    height: 285px!important;
    padding: 35px 35px 20px 35px
}

input-tan-modal mat-dialog-actions {
    justify-content: space-between!important
}

input-tan-modal .heading-with-icon {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    margin-bottom: 26px;
    width: 100%;
    display: flex
}

input-tan-modal .heading-with-icon .heading {
    font-weight: 700;
    padding-top: 2px
}

input-tan-modal .description {
    color: #868686;
    line-height: 24px
}

input-tan-modal .content {
    padding-left: 10px
}

input-tan-modal .content .input-row .input-field-tan {
    width: 100%;
    margin-right: 5px
}

input-tan-modal .buttons div {
    cursor: pointer
}

input-tan-modal .button-wrapper button {
    font-weight: 700
}

input-tan-modal .date-input-container {
    display: flex
}

input-tan-modal .date-input-container .dateInput {
    margin-right: 10px
}

input-tan-modal .date-input-label {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    color: #868686
}

offer-conversion-button {
    display: flex;
    min-height: 96px
}

@media (min-width:720px) {
    offer-conversion-button {
        min-height: 95px
    }
}

offer-conversion-button .conversionButtonWrapper {
    display: flex;
    flex: 0 0 145px;
    width: 145px;
    max-width: 145px;
    background-color: #E2002A;
    visibility: visible
}

offer-conversion-button .conversionButtonWrapper:active,
offer-conversion-button .conversionButtonWrapper:focus {
    background-color: #d7d7d7
}

offer-conversion-button:focus,
offer-conversion-button:hover {
    background-color: #E2002A
}

offer-conversion-button:focus .perforation,
offer-conversion-button:hover .perforation {
    background: url(/static/images/background/offerHeaderPerforationHover.svg) #666
}

offer-conversion-button:focus .perforation.disabled,
offer-conversion-button:hover .perforation.disabled {
    background: url(/static/images/background/offerHeaderPerforationDisabled.svg) #666
}

offer-conversion-button:active {
    background-color: #E2002A
}

offer-conversion-button:active .perforation {
    background: url(/static/images/background/offerHeaderPerforationActive.svg) #666
}

offer-conversion-button .conversionButton {
    position: relative;
    text-align: center;
    color: #fff;
    width: 143px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center
}

offer-conversion-button .conversionButton.deactivateConversionButton,
offer-conversion-button .conversionButton.notSelected {
    background-color: #b1b1b1
}

offer-conversion-button .conversionButton.disabled {
    background-color: #b1b1b1
}

offer-conversion-button .conversionButton.disabled p {
    margin-top: 30px
}

offer-conversion-button .conversionButton a,
offer-conversion-button .conversionButton p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    line-height: 1.1em;
    margin: 0;
    padding: 0
}

offer-conversion-button .conversionButton a {
    margin-top: 30px;
    display: inline-block;
    line-height: 1.3em
}

offer-conversion-button .conversionButton p a {
    margin-top: 0
}

offer-conversion-button .conversionButton .price {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    line-height: 1.25em;
    margin: 0 0 10px 0
}

offer-conversion-button .conversionButton .show-ticket .icon {
    width: 40px;
    height: 31px;
    margin: 12px auto 5px
}

offer-conversion-button .conversionButton .show-ticket svg {
    fill: #fff
}

offer-conversion-button .conversionButton .show-ticket a {
    margin-top: 0
}

offer-conversion-button .perforation {
    flex: 0 0 2px;
    width: 2px;
    max-width: 2px;
    background: url(/static/images/background/offerHeaderPerforation.svg) #666
}

offer-conversion-button .perforation.disabled {
    background: url(/static/images/background/offerHeaderPerforationDisabled.svg) #666
}

shared-mapped-passengers {
    display: block;
    padding: 5px 0 5px 0
}

shared-mapped-passengers>.passengerBlock {
    display: flex;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1.1em;
    padding-left: 16px
}

shared-mapped-passengers>.passengerBlock>.left {
    flex: 0 0 20px;
    width: 20px;
    min-width: 20px;
    text-align: right
}

shared-mapped-passengers>.passengerBlock>.right {
    flex: 1 1;
    padding-left: 5px
}

shared-mapped-passengers>.passengerBlock .cards {
    color: #666
}

passengers-summary .subheading {
    align-self: flex-start;
    position: absolute;
    left: 11px;
    top: 7px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.7rem;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    color: #666;
    display: inline-block;
    white-space: nowrap
}

passengers-summary .passenger-list {
    white-space: nowrap;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600
}

shared-pie-chart * {
    box-sizing: border-box
}

shared-pie-chart figure {
    margin: 0 10px 16px 10px
}

shared-pie-chart .chart-text {
    fill: #739ee2;
    -webkit-transform: translateY(.25em);
    transform: translateY(.25em)
}

shared-pie-chart .chart-number {
    line-height: 1;
    text-anchor: middle;
    color: #739ee2
}

shared-pie-chart .chart-label {
    font-size: .2em;
    text-transform: uppercase;
    text-anchor: middle;
    -webkit-transform: translateY(.7em);
    transform: translateY(.7em)
}

shared-pie-chart figure {
    display: flex;
    justify-content: space-around;
    flex-direction: column
}

@media (min-width:768px) {
    shared-pie-chart figure {
        flex-direction: column
    }
}

shared-pie-chart .figure-content,
shared-pie-chart .figure-key {
    flex: 1;
    -ms-grid-row-align: center;
    align-self: center
}

shared-pie-chart .figure-content svg {
    height: auto
}

shared-pie-chart .figure-key {
    min-width: calc(8 / 12)
}

shared-pie-chart .figure-key .valid-label {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    color: #2b65c3
}

shared-pie-chart .figure-key .unused-white {
    color: #fff
}

shared-pie-chart .figure-key .unused-blue {
    color: #2b65c3
}

shared-pie-chart .figure-key [class*=shape-] {
    margin-right: 6px
}

shared-installment-plan .installmentStripe {
    display: flex
}

shared-installment-plan .installmentStripe:last-child {
    border-bottom: none
}

shared-installment-plan .installmentStripe p {
    margin: 0;
    padding: 0
}

shared-installment-plan .installmentStripe>.left {
    flex: 1 1;
    background-color: #f5f6f9;
    background-clip: padding-box
}

shared-installment-plan .installmentStripe>.left>h2,
shared-installment-plan .installmentStripe>.left>p {
    padding-right: 16px
}

shared-installment-plan .installmentStripe>.right {
    background-color: #fff;
    flex: 0 0 110px;
    width: 110px;
    max-width: 110px;
    text-align: right;
    white-space: nowrap
}

shared-installment-plan .installmentStripe.installmentEntries.installmentItem:first-child>.left,
shared-installment-plan .installmentStripe.installmentEntries.installmentItem:first-child>.right {
    padding-top: 14px
}

shared-installment-plan .installmentStripe.installmentEntries.installmentDeposit>.left,
shared-installment-plan .installmentStripe.installmentEntries.installmentDeposit>.right {
    padding-top: 14px;
    padding-bottom: 14px
}

shared-installment-plan .installmentEntries .price {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #666
}

shared-installment-plan .installmentEntries h1,
shared-installment-plan .installmentEntries h2,
shared-installment-plan .installmentEntries h3,
shared-installment-plan .installmentEntries p,
shared-installment-plan .installmentEntries span {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400
}

shared-installment-plan .installmentEntries h1.main,
shared-installment-plan .installmentEntries h2.main,
shared-installment-plan .installmentEntries h3.main,
shared-installment-plan .installmentEntries p.main,
shared-installment-plan .installmentEntries span.main {
    color: #222;
    font-weight: 700
}

shared-installment-plan .installmentEntries p {
    color: #666
}

shared-installment-plan .installmentEntries.installmentStripe {
    margin-left: 16px
}

shared-installment-plan .installmentEntries.installmentStripe:first-child {
    border-top: 0
}

shared-installment-plan .installmentEntries.installmentStripe>.left {
    padding: 4px 20px 4px 16px
}

shared-installment-plan .installmentEntries.installmentStripe>.right {
    padding: 4px 20px 4px 6px
}

shared-installment-plan .installmentBlock {
    padding-left: 16px
}

shared-tariffs-item-cancelled .hiddenText {
    max-width: 0;
    width: 0;
    color: transparent;
    display: inline-block
}

shared-tariffs .tariffs {
    background-color: #f5f6f9;
    overflow: hidden
}

shared-tariffs .tariffs .tariffStripe {
    border-top: 0!important
}

shared-tariffs .tariffs .header {
    border-bottom: 1px solid #d7d7d7!important
}

shared-tariffs .tariffs .header .description {
    padding-top: 10px
}

shared-tariffs .tariffs .collapsible {
    position: relative;
    z-index: 20;
    max-height: 100000px
}

shared-tariffs .tariffs .collapsible.ng-hide-add,
shared-tariffs .tariffs .collapsible.ng-hide-remove {
    transition: max-height linear .5s
}

shared-tariffs .tariffs .collapsible.ng-hide {
    max-height: 0;
    overflow: hidden
}

shared-tariffs .tariffs .tariffStripe {
    display: flex;
    border-bottom: 1px solid #d7d7d7
}

shared-tariffs .tariffs .tariffStripe .tax-note {
    color: #666;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin-top: 5px
}

shared-tariffs .tariffs .tariffStripe:last-child {
    border-bottom: none
}

shared-tariffs .tariffs .tariffStripe:first-child {
    border-top: 1px solid #d7d7d7
}

shared-tariffs .tariffs .tariffStripe h1,
shared-tariffs .tariffs .tariffStripe h2,
shared-tariffs .tariffs .tariffStripe h3,
shared-tariffs .tariffs .tariffStripe h4,
shared-tariffs .tariffs .tariffStripe p {
    margin: 0;
    padding: 0
}

shared-tariffs .tariffs .tariffStripe>.left {
    flex: 1 1;
    background-color: #f5f6f9;
    background-clip: padding-box
}

shared-tariffs .tariffs .tariffStripe>.left>h2,
shared-tariffs .tariffs .tariffStripe>.left>p {
    white-space: normal;
    padding-right: 16px
}

shared-tariffs .tariffs .tariffStripe>.left .ticketInfo p {
    margin-top: 5px
}

shared-tariffs .tariffs .tariffStripe>.left .insuranceLink {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    text-decoration: underline
}

shared-tariffs .tariffs .tariffStripe>.right {
    background-color: #fff;
    flex: 0 0 110px;
    width: 110px;
    max-width: 110px;
    text-align: right;
    white-space: nowrap
}

shared-tariffs .tariffs .tariffStripe.trainScheduleWrapper .print:not(.collapsed) .arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

shared-tariffs .tariffs .footer h1,
shared-tariffs .tariffs .footer h2,
shared-tariffs .tariffs .footer h3,
shared-tariffs .tariffs .footer p,
shared-tariffs .tariffs .header h1,
shared-tariffs .tariffs .header h2,
shared-tariffs .tariffs .header h3,
shared-tariffs .tariffs .header p {
    font-weight: 400;
    line-height: 1.1em
}

shared-tariffs .tariffs .footer .price,
shared-tariffs .tariffs .header .price {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #222
}

shared-tariffs .tariffs .footer.tariffStripe>.left,
shared-tariffs .tariffs .header.tariffStripe>.left {
    padding: 16px 20px 16px 16px
}

shared-tariffs .tariffs .footer.tariffStripe>.right,
shared-tariffs .tariffs .header.tariffStripe>.right {
    padding: 16px 20px 16px 16px
}

shared-tariffs .tariffs .header {
    position: relative;
    z-index: 30
}

shared-tariffs .tariffs .header p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

shared-tariffs .tariffs .header p.returnAmount {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

shared-tariffs .tariffs .header.lastHeader {
    border-bottom: 0
}

shared-tariffs .tariffs .header .arrow {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

shared-tariffs .tariffs .header .arrow.expand {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

shared-tariffs .tariffs .header ts-icon[name=connectionRelation] {
    margin: 0 4px
}

shared-tariffs .tariffs .footer {
    border-top: 0 solid #d7d7d7
}

shared-tariffs .tariffs .footer:first-child,
shared-tariffs .tariffs .footer:only-child {
    border-top: 1px solid #d7d7d7
}

shared-tariffs .tariffs .footer p {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    white-space: nowrap
}

shared-tariffs .tariffs .footer p.payed {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #666
}

shared-tariffs .tariffs .footer p.cancel {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #222
}

shared-tariffs .tariffs .footer p.return {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    color: #247D24
}

shared-tariffs .tariffs .footer.footNote .left h3 {
    display: inline-block
}

shared-tariffs .tariffs .tariffTicket .price {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #666
}

shared-tariffs .tariffs .tariffTicket .taxableBaseValue,
shared-tariffs .tariffs .tariffTicket .vat {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    color: #666
}

shared-tariffs .tariffs .tariffTicket .dark {
    color: #222
}

shared-tariffs .tariffs .tariffTicket .dark ts-icon[name=connectionRelation] {
    margin: 0 4px
}

shared-tariffs .tariffs .tariffTicket h1,
shared-tariffs .tariffs .tariffTicket h2,
shared-tariffs .tariffs .tariffTicket h3,
shared-tariffs .tariffs .tariffTicket p,
shared-tariffs .tariffs .tariffTicket span {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400
}

shared-tariffs .tariffs .tariffTicket h1.main,
shared-tariffs .tariffs .tariffTicket h2.main,
shared-tariffs .tariffs .tariffTicket h3.main,
shared-tariffs .tariffs .tariffTicket p.main,
shared-tariffs .tariffs .tariffTicket span.main {
    color: #222;
    font-weight: 700
}

shared-tariffs .tariffs .tariffTicket p {
    color: #666
}

shared-tariffs .tariffs .tariffTicket.tariffStripe {
    margin-left: 16px
}

shared-tariffs .tariffs .tariffTicket.tariffStripe:first-child {
    border-top: 0
}

shared-tariffs .tariffs .tariffTicket.tariffStripe>.left {
    padding: 12px 20px 12px 16px
}

shared-tariffs .tariffs .tariffTicket.tariffStripe>.right {
    padding: 12px 20px 12px 6px
}

shared-tariffs .tariffs .oebbLogoIe11 {
    display: none
}

shared-tariffs .tariffs .insured {
    line-height: 1.8em;
    color: #3E73A5
}

shared-tariffs .tariffs .ticket-node a {
    text-decoration: underline
}

shared-tariffs .spinner-section {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 10px 0 25px
}

@media print {
    body[state="root.ticket.tariffs"] shared-tariffs .tariffs {
        background-color: #fff;
        color: #222
    }
    body[state="root.ticket.tariffs"] shared-tariffs .tariffs .tariffTicket p {
        color: #222
    }
    body[state="root.ticket.tariffs"] shared-tariffs .tariffs .tariffTicket.tariffStripe {
        margin-left: 0
    }
    body[state="root.ticket.tariffs"] shared-tariffs .tariffs .tariffTicket.tariffStripe collapsible-box.collapsed {
        display: none
    }
    body[state="root.ticket.tariffs"] shared-tariffs .tariffs .tariffTicket.tariffStripe .collapsibleBoxHeader>h2,
    body[state="root.ticket.tariffs"] shared-tariffs .tariffs .tariffTicket.tariffStripe .collapsibleBoxHeader>p {
        display: inline-block;
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1
    }
    body[state="root.ticket.tariffs"] shared-tariffs .tariffs .tariffTicket.tariffStripe .collapsibleBoxHeader>h2 {
        margin: 18px 0;
        font-weight: 700;
        padding-left: 0
    }
    body[state="root.ticket.tariffs"] shared-tariffs .tariffs .tariffTicket.tariffStripe .collapsibleBoxHeader>p {
        font-weight: 100
    }
    body[state="root.ticket.tariffs"] shared-tariffs .tariffs .tariffTicket.tariffStripe .collapsibleBoxHeader .oebbLogo {
        padding: 0
    }
    body[state="root.ticket.tariffs"] shared-tariffs .tariffs .tariffTicket.tariffStripe .collapsibleBoxContent {
        margin-top: 28px;
        padding-left: 30px
    }
    body[state="root.ticket.tariffs"] shared-tariffs .tariffs .tariffTicket.tariffStripe .collapsibleBoxContent shared-train-schedule-section p {
        margin: 3px 0
    }
    body[state="root.ticket.tariffs"] shared-tariffs .tariffs .tariffTicket.tariffStripe .collapsibleBoxContent shared-train-schedule-section .sectionRow .col1 {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
    body[state="root.ticket.tariffs"] shared-tariffs .tariffs .tariffTicket.tariffStripe .collapsibleBoxContent shared-train-schedule-section .sectionRow .col3 h1 {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33;
        font-weight: 700;
        margin-bottom: 10px
    }
    body[state="root.ticket.tariffs"] shared-tariffs .tariffs .tariffTicket.tariffStripe .collapsibleBoxContent .summary {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33;
        margin-top: 20px
    }
    body[state="root.ticket.tariffs"] shared-tariffs .tariffs .tariffTicket.tariffStripe .collapsibleBoxContent .printDisclaimer {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33;
        margin-top: 40px
    }
    body[state="root.ticket.tariffs"] shared-tariffs .tariffs .tariffTicket.tariffStripe.trainScheduleWrapper .print.collapsed {
        display: block
    }
    body[state="root.ticket.tariffs"] shared-tariffs .tariffs .tariffTicket.tariffStripe.trainScheduleWrapper .print.collapsed>.collapsibleBoxContent {
        max-height: 99999px!important
    }
    body[state="root.ticket.tariffs"] shared-tariffs .tariffs .tariffTicket.tariffStripe:not(.trainScheduleWrapper) {
        display: none
    }
    body[state="root.ticket.tariffs"] shared-tariffs .tariffs .tariffTicket.tariffStripe .printDisclaimer {
        margin-top: 20px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
    body[state="root.ticket.tariffs"] shared-tariffs .tariffs .tariffTicket.tariffStripe>.left {
        background-color: #fff;
    }
    body[state="root.ticket.tariffs"] shared-tariffs .tariffs .tariffTicket.tariffStripe>.right {
        display: none
    }
    body[state="root.ticket.tariffs"] shared-tariffs .tariffs footer {
        display: none
    }
}

.time-datetime-fields-section {
    display: flex;
    flex-wrap: wrap
}

.time-datetime-fields-section .datetime-field {
    width: 100px
}

.time-datetime-fields-section .hour-field {
    width: 30px;
    text-align: right
}

.time-datetime-fields-section .hour-minute-separator {
    width: 4px
}

.time-datetime-fields-section .minute-field {
    width: 30px
}

connection-filter button {
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    flex: 1;
    display: flex;
    align-items: center
}

connection-filter button span {
    flex: 1
}

connection-filter button ts-icon {
    min-height: 35px
}

@media (max-width:719px) {
    connection-filter button {
        flex-direction: column
    }
    connection-filter button .forLargeScreen {
        display: none
    }
}

@media (min-width:720px) {
    connection-filter button .forSmallScreen {
        display: none
    }
}

connection-filter-icon {
    position: relative;
    flex: 0 0 35px
}

connection-filter-icon .filterIconActiveFiltersCount {
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    padding: 2px;
    color: #fff;
    background-color: #E2002A;
    border-radius: 50%;
    text-align: center
}

@media (min-width:720px) {
    connection-filter-icon .filterIconActiveFiltersCount {
        bottom: 0;
        right: 5px
    }
}

date-chooser {
    display: flex;
    padding: 10px 0
}

date-chooser button {
    flex: 0 0 45px;
    text-align: center
}

date-chooser button.calendarButton {
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    flex: 1;
    text-align: center
}

date-chooser button.calendarButton label {
    display: block
}

date-chooser calendar-sheet {
    margin: 0 4px
}

@media (max-width:719px) {
    date-chooser {
        display: none
    }
}

best-price-finder-loading-screen>section {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0;
    padding: 0;
    max-height: none!important;
    text-align: center
}

best-price-finder-loading-screen>section mat-progress-bar {
    height: 8px;
    flex: 0 0 8px
}

best-price-finder-loading-screen>section .imageWrapper {
    flex: 0 0 200px
}

best-price-finder-loading-screen>section .imageWrapper .image {
    display: block;
    width: 148px;
    height: 148px
}

best-price-finder-loading-screen>section .description {
    flex: 0 0 80px;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    line-height: 1.2em
}

best-price-finder-loading-screen>section .bestPrice {
    flex: 1;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.625rem;
    line-height: 1;
    font-weight: 700;
    color: #247D24;
    line-height: 1.2em;
    min-height: 25px
}

best-price-finder-loading-screen>section .button {
    flex: 1 1 70px
}

best-price-finder-loading-screen>section .verticalCenter {
    display: flex;
    justify-content: center;
    align-items: center
}

best-price-finder {
    background-color: #f5f6f9;
    display: block;
    margin-bottom: 0;
    display: flex;
    flex-direction: column
}

@media (min-width:720px) {
    best-price-finder {
        margin-bottom: 20px
    }
}

best-price-finder>.sortSelection {
    flex: 1;
    display: flex;
    align-items: center;
    padding: 0 5px 0 15px;
    min-height: 80px
}

best-price-finder>.sortSelection best-price-finder-sort-selection-form {
    flex: 1
}

@media (max-width:719px) {
    best-price-finder>.sortSelection best-price-finder-sort-selection-form {
        flex: 1 1 40%
    }
    best-price-finder>.sortSelection best-price-finder-sort-selection-form form mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
        width: 160px
    }
}

best-price-finder>.sortSelection label {
    flex: 0 0 110px
}

@media (max-width:719px) {
    best-price-finder>.sortSelection label {
        display: none
    }
}

best-price-finder>.sortSelection .rtfSaveButton,
best-price-finder>.sortSelection>connection-filter {
    flex: 1;
    display: flex;
    align-items: center
}

best-price-finder>.sortSelection .rtfSaveButton .filterIcon,
best-price-finder>.sortSelection>connection-filter .filterIcon {
    flex: 0 0 35px
}

best-price-finder>.sortSelection .rtfSaveButton .forSmallScreen,
best-price-finder>.sortSelection>connection-filter .forSmallScreen {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

best-price-finder>.sortSelection .rtfSaveButton span,
best-price-finder>.sortSelection>connection-filter span {
    flex: 1
}

best-price-finder>.sortSelection .rtfSaveButton ts-icon,
best-price-finder>.sortSelection>connection-filter ts-icon {
    min-height: 35px
}

best-price-finder>.sortSelection .rtfSaveButton .favoriteHeart,
best-price-finder>.sortSelection>connection-filter .favoriteHeart {
    margin-bottom: 3px
}

@media (max-width:719px) {
    best-price-finder>.sortSelection .rtfSaveButton,
    best-price-finder>.sortSelection>connection-filter {
        flex-direction: column
    }
    best-price-finder>.sortSelection .rtfSaveButton .forLargeScreen,
    best-price-finder>.sortSelection>connection-filter .forLargeScreen {
        display: none
    }
}

@media (min-width:720px) {
    best-price-finder>.sortSelection .rtfSaveButton .forSmallScreen,
    best-price-finder>.sortSelection>connection-filter .forSmallScreen {
        display: none
    }
}

best-price-finder>.sortSelection>.rtfSaveButton {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    margin-bottom: 3px
}

@media (min-width:720px) {
    best-price-finder>.dateSelection {
        border-bottom: 1px solid #d7d7d7
    }
}

.connection .sections {
    display: flex;
    transition: width .5s ease;
    margin-bottom: 10px
}

.connection .sections .section {
    min-width: 30px;
    margin-right: 5px
}

.connection .sections .section:last-child {
    margin-right: 0
}

.connection .sections .section .journey {
    text-align: center;
    overflow: hidden;
    height: 23px;
    padding-top: 3px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

@media (max-width:719px) {
    .connection .sections .section .journey {
        font-weight: 600
    }
}

.connection .sections .section .journey .section-icon {
    width: 15px;
    height: 15px
}

.connection .sections .section .disabled {
    border-bottom-color: #878787!important;
    color: #666!important;
    background-color: transparent!important
}

.connection .sections .section>shared-connection-section-item.past-connection-section .journey {
    border-bottom-color: #b1b1b1!important;
    color: #b1b1b1!important;
    background-color: #fff!important
}

.connection .connection-sections-details {
    color: #666
}

.connection .connection-sections-details .oneRowEllipsis,
.connection .connection-sections-details span {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

@media (max-width:719px) {
    .connection .connection-sections-details .duration,
    .connection .connection-sections-details .switches,
    .connection .connection-sections-details .switches span {
        font-weight: 600;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 0.765rem;
        line-height: 1
    }
}

.connection .connection-sections-details p {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #000
}

@media (max-width:719px) {
    .connection .connection-sections-details p {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 0.765rem;
        line-height: 1
    }
}

.connection .connection-sections-details p:first-of-type {
    margin-top: 5px
}

.connection .connection-sections-details p span {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

@media (max-width:719px) {
    .connection .connection-sections-details p span {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 0.765rem;
        line-height: 1
    }
}

.connection .sections-details-alignment {
    width: 150px
}

.filter-dialog {
    max-width: none!important
}

.filter-dialog mat-dialog-container {
    padding: 0
}

@media (max-width:719px) {
    .filter-dialog mat-dialog-container {
        height: 100vh
    }
}

.filter-dialog .mat-dialog-content {
    padding: 0;
    margin: 0;
    max-height: none
}

.filterBubble.contentWrapper {
    background-color: #e6e6e6;
    width: 100%;
    padding: 12px 0 0 0
}

.filterBubble.contentWrapper.mt-45 {
    margin-top: 45px
}

@media (max-width:719px) {
    body.is-safari .filter-dialog mat-dialog-container {
        height: calc(100vh - 150px);
        margin-top: 150px
    }
}

.filterBubbleOuter {
    position: relative;
    top: -5px
}

.filterBubble {
    position: relative
}

.filterBubble .filterCloseButton {
    position: absolute;
    right: 10px;
    top: 20px;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 600;
    color: #247D24
}

.filterBubble .filterCloseButton.focused,
.filterBubble .filterCloseButton:hover {
    color: #2fa52f
}

.filterBubble h2 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600;
    margin: 52px 32px 28px 32px
}

@media (min-width:720px) {
    .filterBubble h2 {
        margin-top: 12px
    }
}

.filterBubble .overview {
    border-bottom: solid 1px #d7d7d7;
    padding: 0 32px 30px 32px
}

.filterBubble .overviewItem {
    float: left;
    width: 100%
}

@media (min-width:720px) {
    .filterBubble .overviewItem {
        width: 50%
    }
}

.filterBubble .overviewItem>div {
    display: flex
}

.filterBubble .overviewItem>div.top {
    min-height: 3em
}

.filterBubble .overviewItem>div.action {
    margin-top: 26px
}

.filterBubble .overviewItem>div .left {
    width: 65px;
    flex: 0 0 65px
}

.filterBubble .overviewItem>div .right {
    flex: 1
}

.filterBubble .overviewItem-1 {
    padding-right: 32px
}

.filterBubble .overviewItem-2 {
    padding-left: 32px
}

@media (max-width:719px) {
    .filterBubble .overview {
        margin-left: -5px
    }
    .filterBubble .overviewItem-1 .left {
        width: 0!important;
        flex: 0!important
    }
    .filterBubble .overviewItem-1 .filterResetAll {
        margin-top: 0!important;
        margin-bottom: 20px!important
    }
    .filterBubble .overviewItem-1 .filterResetAll .left {
        width: 30px!important
    }
    .filterBubble .overviewItem-2 {
        padding-left: 0;
        margin-left: -5px
    }
}

.filterBubble .filterIconActiveFiltersCount {
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    padding: 2px;
    color: #fff;
    background-color: #E2002A;
    border-radius: 50%;
    text-align: center;
    display: inline-block
}

.filterBubble .filterResetAll {
    color: #247D24;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    text-transform: uppercase
}

.filterBubble .filterResetAll svg {
    float: right;
    margin-right: 33px;
    fill: #247D24
}

.filterBubble .filterDroppedConnectionsShow {
    color: #247D24;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    text-transform: uppercase
}

.filterBubble .filterDroppedConnectionsShow:focus,
.filterBubble .filterDroppedConnectionsShow:hover,
.filterBubble .filterResetAll:focus,
.filterBubble .filterResetAll:hover {
    color: #2fa52f
}

.filterBubble .filterDroppedConnectionsShow:focus svg,
.filterBubble .filterDroppedConnectionsShow:hover svg,
.filterBubble .filterResetAll:focus svg,
.filterBubble .filterResetAll:hover svg {
    fill: #2fa52f
}

.filterBubble .filterDroppedConnectionsShow:active,
.filterBubble .filterResetAll:active {
    color: #3fc83f
}

.filterBubble .filterDroppedConnectionsShow:active svg,
.filterBubble .filterResetAll:active svg {
    fill: #3fc83f
}

.filterBubble .filter-column {
    float: left;
    width: 100%
}

@media (min-width:720px) {
    .filterBubble .filter-column {
        width: 50%;
        min-width: 400px
    }
}

.filterBubble .filter-column-1 div.label-inner {
    margin: 0 32px 0 28px
}

.filterBubble .filter-column-2 div.label-inner {
    margin: 0 28px 0 32px
}

.filterBubble .header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 600;
    margin-top: 8px
}

.filterBubble .icon-wrapper {
    width: 65px;
    flex: 0 0 65px
}

.filterBubble .icon {
    width: 43px;
    height: 43px;
    border-radius: 25px
}

.filterBubble .icon svg {
    fill: #222!important
}

.filterBubble .icon svg line {
    stroke: #222
}

.filterBubble .icon svg circle {
    stroke: #222
}

.filterBubble .icon svg .base {
    fill: #fff
}

.filterBubble .selected .icon svg {
    fill: #fff!important
}

.filterBubble .selected .icon svg line {
    stroke: #fff
}

.filterBubble .selected .icon svg circle {
    stroke: #fff
}

.filterBubble .selected .icon svg .base {
    fill: #E2002A
}

.filterBubble .selected .header {
    color: #E2002A
}

.filterBubble .filter {
    width: 100%
}

.filterBubble .filter label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block
}

.filterBubble .filter label.focused {
    background: #d7d7d7
}

.filterBubble .filter label:hover {
    background: #d7d7d7
}

.filterBubble .filter div.label-inner {
    border-bottom: solid 1px #d7d7d7;
    padding: 13px 0;
    min-height: 6.5em;
    display: flex
}

.filterBubble .filter label:hover div.label-inner {
    border-bottom-color: #d7d7d7
}

.filterBubble .filter.last div.label-inner {
    padding-bottom: 30px
}

@media (min-width:720px) {
    .filterBubble .filter.last div.label-inner {
        border-bottom: none
    }
}

.filterBubble .filter input {
    display: none
}

.filterBubble .filter .content {
    flex: 1
}

.filterBubble .filter .text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400
}

.filterBubble .filter .suboptions {
    margin-top: 0
}

.filterBubble .filter .suboptions select {
    border: none;
    border-bottom: solid 1px #d7d7d7;
    padding-left: 0;
    padding-right: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url(/static/images/icons/dropDownMenuIcon.svg) no-repeat right 3px center
}

.filterBubble .filter .suboptions select:focus,
.filterBubble .filter .suboptions select:hover {
    background-color: #d7d7d7
}

.filterBubble .filter .suboptions select::-ms-expand {
    display: none
}

.filterBubble .filter .suboptions select svg {
    fill: red
}

.filterBubble .filter .suboptions .text>p {
    margin-bottom: 0
}

.filterBubble .filter .suboption {
    padding: 0 3px;
    background-color: #fff;
    display: inline-block;
    font-size: .9em;
    border-right: 1px solid #f9f9f9
}

.filterBubble .filter .suboption.selected {
    color: #fff;
    background-color: #E2002A
}

shared-reduction-summary .reduction-summary {
    padding: 10px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    line-height: 1.25;
    white-space: normal;
    display: block
}

shared-train-schedule>.summary {
    margin-top: 20px
}

shared-train-schedule shared-train-schedule-section p {
    margin: 3px 0
}

shared-train-schedule shared-train-schedule-section h1 {
    margin-top: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

shared-train-schedule shared-train-schedule-section .isLast h1 {
    margin-top: 6px
}

shared-train-schedule shared-train-schedule-section:first-child .sectionRow .col1 .departureDate {
    margin-top: 0
}

shared-train-schedule shared-train-schedule-section:last-child .sectionRow .col1 .arrivalDate {
    bottom: 0
}

shared-train-schedule shared-train-schedule-section .sectionRow {
    display: flex;
    min-height: 100px;
    overflow: visible!important
}

shared-train-schedule shared-train-schedule-section .sectionRow.isLast {
    min-height: 0
}

shared-train-schedule shared-train-schedule-section .sectionRow.isLast>div {
    min-height: 0
}

shared-train-schedule shared-train-schedule-section .sectionRow>div {
    min-height: 100px
}

shared-train-schedule shared-train-schedule-section .sectionRow .col1 {
    position: relative;
    overflow: visible!important;
    width: 50px
}

shared-train-schedule shared-train-schedule-section .sectionRow .col1 .departureDate {
    margin-top: 7px
}

shared-train-schedule shared-train-schedule-section .sectionRow .col1 .arrivalDate {
    position: absolute;
    bottom: -5px
}

shared-train-schedule shared-train-schedule-section .sectionRow .col2 {
    width: 50px;
    overflow: hidden;
    position: relative;
    margin-left: 9px;
    overflow: visible!important
}

shared-train-schedule shared-train-schedule-section .sectionRow .col2 .lastConnectionCircle {
    position: absolute;
    top: -7px;
    left: -8px;
    border-left: 4px solid;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    overflow: visible
}

shared-train-schedule shared-train-schedule-section .sectionRow .col2 .lastConnectionCircle svg {
    position: relative;
    right: 8px
}

shared-train-schedule shared-train-schedule-section .sectionRow .col2>ts-icon {
    margin-left: -8px
}

shared-train-schedule shared-train-schedule-section .sectionRow .col2.border {
    border-left: 4px solid
}

shared-train-schedule shared-train-schedule-section .sectionRow .col2:not(.border) {
    border-left: 4px solid transparent
}

shared-train-schedule shared-train-schedule-section .sectionRow .col2 .connectionStripe {
    width: 4px;
    left: 4px;
    top: 11px;
    position: absolute;
    height: 100%;
    display: inline-block
}

shared-train-schedule shared-train-schedule-section .sectionRow .col3 {
    flex: 1
}

@media print {
    html {
        width: auto;
        height: auto
    }
    body.printTrainSchedule #header,
    body.printTrainSchedule #journey,
    body.printTrainSchedule #off-canvas,
    body.printTrainSchedule .compareCartItemHeader,
    body.printTrainSchedule .filterIconWrapper.share,
    body.printTrainSchedule .headline>h1,
    body.printTrainSchedule .infoBubble,
    body.printTrainSchedule .innerWrapper>header,
    body.printTrainSchedule .modalBackground,
    body.printTrainSchedule .tariffs .header.tariffStripe,
    body.printTrainSchedule [iconname=printer],
    body.printTrainSchedule compare-cart-button>button {
        display: none!important
    }
    body.printTrainSchedule .print-logo-wrapper {
        padding-left: 0
    }
    body.printTrainSchedule #content,
    body.printTrainSchedule #content-wrapper,
    body.printTrainSchedule #main-wrapper,
    body.printTrainSchedule #offers .offers,
    body.printTrainSchedule #rightColumn,
    body.printTrainSchedule .headline,
    body.printTrainSchedule .innerWrapper,
    body.printTrainSchedule .innerWrapper>section,
    body.printTrainSchedule compare-cart,
    body.printTrainSchedule compare-cart-button {
        box-shadow: none;
        display: block;
        overflow: visible;
        padding: 0;
        padding-left: 0!important;
        margin: 0;
        width: auto;
        height: auto;
        max-width: none;
        max-height: none;
        position: static
    }
    body.printTrainSchedule .headline {
        display: block!important
    }
    body.printTrainSchedule #content {
        margin: 0!important
    }
    body.printTrainSchedule #content {
        margin: 0
    }
    body.printTrainSchedule #tariffs {
        display: block
    }
}

validity-period-category {
    text-transform: uppercase
}

two-column-info-bubble {
    background-color: #fff;
    border: 1px solid #d7d7d7;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

two-column-info-bubble.top {
    margin-bottom: 15px
}

two-column-info-bubble.bottom {
    margin-top: 15px
}

two-column-info-bubble.warning .left-icon-wrapper ts-icon {
    fill: #E2002A
}

two-column-info-bubble.warning .content-wrapper .header {
    color: #E2002A
}

two-column-info-bubble .left-icon-wrapper {
    margin: 15px 10px 10px 0;
    flex: 0 0 70px
}

two-column-info-bubble .left-icon-wrapper ts-icon {
    z-index: 1;
    margin-left: 30px;
    fill: #247D24
}

two-column-info-bubble .content-wrapper {
    background-color: #fff;
    display: block;
    flex: 1 1;
    margin-right: 10px;
    margin-bottom: 20px
}

two-column-info-bubble .content-wrapper .header {
    margin-top: 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    color: #247D24
}

two-column-info-bubble .content-wrapper .content {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #666;
    margin: 8px 0 23px 0
}

two-column-info-bubble .content-wrapper .buttons {
    color: #E2002A;
    padding-top: 16px;
    width: 100%
}

two-column-info-bubble .content-wrapper .buttons .mat-button,
two-column-info-bubble .content-wrapper .buttons .mat-fab,
two-column-info-bubble .content-wrapper .buttons .mat-flat-button,
two-column-info-bubble .content-wrapper .buttons .mat-icon-button,
two-column-info-bubble .content-wrapper .buttons .mat-mini-fab,
two-column-info-bubble .content-wrapper .buttons .mat-raised-button,
two-column-info-bubble .content-wrapper .buttons .mat-stroked-button {
    font-weight: 700
}

two-column-info-bubble .content-wrapper .buttons input {
    background: 0 0;
    border: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin-right: 10px
}

two-column-info-bubble>.info-bubble-arrow-wrapper {
    display: inline-block;
    background-color: inherit;
    position: relative
}

two-column-info-bubble>.info-bubble-arrow-wrapper>.info-bubble-arrow {
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: inherit;
    width: 24px;
    height: 24px;
    z-index: 1;
    left: 30px
}

two-column-info-bubble>.info-bubble-arrow-wrapper>.info-bubble-arrow.top {
    bottom: -13px;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7
}

two-column-info-bubble>.info-bubble-arrow-wrapper>.info-bubble-arrow.info-bubble-arrow.bottom {
    margin-top: -13px;
    border-left: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7
}

tree-item .fixedWidthTreeEntry {
    pointer-events: auto;
    width: 476px;
    height: 46px
}

tree-item .treemain {
    flex-grow: 1;
    display: flex
}

tree-item .treemain mat-icon {
    margin-left: 20px
}

tree-item .restricted {
    cursor: default
}

tree-item .restricted:hover {
    background: rgba(255, 255, 255, 0)!important;
    cursor: default
}

tree-item .restricted .folder {
    cursor: default
}

tree-item .restricted p {
    color: #b1b1b1!important
}

tree-item .restricted svg {
    fill: #b1b1b1!important
}

tree-item .restricted svg g {
    fill: #b1b1b1!important
}

tree-item .restricted .arrow {
    pointer-events: auto!important
}

tree-item .restricted .arrow:hover {
    fill: #247D24!important
}

tree-item .folder {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 20px;
    transition: .3s;
    cursor: pointer
}

tree-item .folder:hover {
    background: #fff
}

tree-item .folder:hover p {
    color: #247D24
}

tree-item .folder:hover .folderListIcon {
    fill: #247D24
}

tree-item .folder p {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    margin: 0;
    height: 18px;
    max-width: 300px;
    color: #d7d7d7;
    font-weight: 700;
    line-height: 22px
}

tree-item .folder.folderEntryNoChildren .drop-out {
    margin-top: -26px
}

tree-item .folder .treecontent {
    display: flex
}

tree-item .folder .treecontent .treemain {
    flex-grow: 1
}

tree-item .folder .treecontent .treemain .truncate {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 22px
}

tree-item .folder .treecontent .treenav {
    padding-right: 5px
}

tree-item .folder .treecontent .treenav .addBuIcon {
    fill: #247D24
}

tree-item .folder .treecontent .treenav .addBuIcon:hover {
    fill: #247D24
}

tree-item .folder .folderListIcon {
    float: left;
    width: 25px!important;
    margin-top: 2px;
    fill: #fff;
    transition: .5s
}

tree-item .folder .folderListIcon.arrow.closed {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-right: 4px;
    margin-left: -4px
}

tree-item .folder .folderListIcon.arrow.closed svg {
    margin-left: 7px
}

tree-item .folder .folderListIcon.arrow:hover {
    fill: #247D24
}

tree-item .folder .folderListIcon.no-children {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    margin-right: 5px;
    margin-left: 18px
}

tree-item .selected {
    background: #fff
}

tree-item .selected p {
    color: #247D24
}

tree-item .selected .folderListIcon {
    fill: #247D24
}

.dropout-container {
    position: relative;
    display: inline-block
}

.dropout-container .drop-out {
    margin-left: 12px;
    margin-top: -25px;
    display: block;
    position: absolute;
    background-color: #222;
    width: 260px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 9999
}

.dropout-container .drop-out::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 8px;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-right: 18px solid #222;
    border-bottom: 13px solid transparent
}

.dropout-container .drop-out .dropcontent {
    color: #fff
}

.dropout-container .drop-out .dropcontent .list {
    display: flex;
    flex-direction: column
}

.dropout-container .drop-out .dropcontent .list-item {
    padding: 12px 0 12px 20px;
    border-bottom: 1px solid #666
}

.dropout-container .drop-out .dropcontent .list-item.last-item {
    border-bottom: none
}

.dropout-container .drop-out .dropcontent .list-item:hover {
    font-weight: 700
}

.dropout-container .drop-out ul {
    list-style-type: none
}

reductions .reductions {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin-top: 10px
}

reductions .reductions .reduction {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin: 0;
    line-height: 1.25em
}

reductions .reductions>span {
    text-decoration: underline
}

header reductions .reductions {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    color: #666;
    line-height: 1.25em;
    margin-top: 0;
    padding: 5px 0
}

header reductions .reductions .reduction {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    line-height: 1.25em;
    margin: 0
}

header reductions .reductions>span {
    font-weight: 700;
    text-decoration: none
}

header reductions .reductions>span:after {
    content: ':'
}

app-acquisition-icon .dep-code {
    color: #6f7fbe;
    fill: #6f7fbe
}

app-acquisition-icon .dep-code svg {
    width: 60px
}

app-acquisition-icon .mobileSf svg {
    width: 54px;
    height: 34px
}

app-acquisition-icon .specialFormat svg {
    width: 50px
}

app-acquisition-icon .mobile svg {
    width: 80px;
    height: 60px
}

app-acquisition-icon .pdf svg {
    width: 45px;
    height: 42px
}

app-acquisition-icon.small .dep-code svg {
    width: 22px;
    height: 31px
}

app-acquisition-icon.small .specialFormat svg {
    width: 25px;
    height: 17px
}

app-acquisition-icon.small .mobileSf svg {
    width: 35px;
    height: 22px
}

app-acquisition-icon.small .mobile svg {
    width: 18px;
    height: 34px
}

app-acquisition-icon.small .pdf svg {
    width: 18px
}

app-acquisition-icon.medium .dep-code svg {
    width: 33px;
    height: 31px
}

app-acquisition-icon.medium .specialFormat svg {
    width: 25px;
    height: 17px
}

app-acquisition-icon.medium .mobileSf svg {
    width: 35px;
    height: 22px
}

app-acquisition-icon.medium .mobile svg {
    width: 30px;
    height: 34px
}

app-acquisition-icon.medium .pdf svg {
    width: 18px
}

app-co2-savings {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50px 1fr 50px;
    grid-template-columns: 50px 1fr 50px;
    background-color: #fff;
    color: #000;
    align-items: center;
    cursor: pointer;
    margin-top: 20px
}

app-co2-savings.co2-savings-small {
    -ms-grid-columns: 35px 1fr 25px;
    grid-template-columns: 35px 1fr 25px
}

app-co2-savings.co2-savings-small .icon {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

app-co2-savings.co2-savings-small .text-content {
    padding: 15px 50px
}

app-co2-savings.co2-savings-small .text-content .value {
    font-size: 1rem
}

@media (max-width:719px) {
    app-co2-savings.co2-savings-small .text-content .value {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

app-co2-savings.co2-savings-small .text-content .description {
    margin-top: 5px!important;
    font-size: 0.9rem!important
}

app-co2-savings.co2-savings-small .arrow-right mat-icon {
    margin-left: 0;
    height: 16px;
    width: 12px
}

app-co2-savings .icon {
    width: 60px;
    height: 72px;
    -ms-grid-column: 1;
    background-color: #86B024
}

app-co2-savings .icon mat-icon {
    height: 36px;
    width: 24px;
    margin: 15px auto;
    display: block
}

app-co2-savings .text-content {
    padding: 10px 20px 10px 20px;
    -ms-grid-column: 2
}

app-co2-savings .text-content p {
    margin: 0
}

app-co2-savings .text-content .value {
    font-size: 1rem;
    margin-bottom: 5px
}

app-co2-savings .text-content .description {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

app-co2-savings .arrow-right {
    -ms-grid-column: 3;
    display: flex
}

app-co2-savings .arrow-right mat-icon {
    margin: auto auto auto 10px;
    color: #000
}

app-coupons-pdf,
avc-coupons-pdf {
    display: block;
    padding: 28px 32px 28px 32px
}

app-coupons-pdf .coupon-block-header,
avc-coupons-pdf .coupon-block-header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    line-height: 1.25em;
    margin: 0!important;
    padding-bottom: 15px
}

@media (max-width:719px) {
    app-coupons-pdf,
    avc-coupons-pdf {
        padding: 28px 12px 28px 12px
    }
}

acquisition .dep-code-text,
acquisition .mobile-steps,
acquisition .optain-pdf,
acquisition app-pdf-acquisition-info,
app-acquisition .dep-code-text,
app-acquisition .mobile-steps,
app-acquisition .optain-pdf,
app-acquisition app-pdf-acquisition-info {
    padding-top: 16px;
    border-top: 1px solid #d7d7d7
}

acquisition .dep-code-text p,
acquisition .mobile-steps p,
acquisition .optain-pdf p,
acquisition app-pdf-acquisition-info p,
app-acquisition .dep-code-text p,
app-acquisition .mobile-steps p,
app-acquisition .optain-pdf p,
app-acquisition app-pdf-acquisition-info p {
    margin-top: 0
}

acquisition .card-inforamtion,
app-acquisition .card-inforamtion {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

acquisition .optain-pdf,
app-acquisition .optain-pdf {
    margin-bottom: 10px
}

acquisition h2,
app-acquisition h2 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600;
    margin: 0;
    line-height: 1.35
}

acquisition .acquire-pdf.custom .bottom-text,
app-acquisition .acquire-pdf.custom .bottom-text {
    padding: 20px 0
}

acquisition .acquire-pdf.custom .bottom-text .observe-text,
app-acquisition .acquire-pdf.custom .bottom-text .observe-text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 700
}

acquisition .acquire-pdf.custom .bottom-text ul,
app-acquisition .acquire-pdf.custom .bottom-text ul {
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
    margin: 10px 0
}

acquisition .acquire-pdf.custom .bottom-text li,
app-acquisition .acquire-pdf.custom .bottom-text li {
    padding: 0 0 10px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

.small-acquisition app-pdf-acquisition .api .subtext,
.small-acquisition app-sms-acquisition .api .subtext {
    margin: 10px 0
}

.small-acquisition app-pdf-acquisition .api h2,
.small-acquisition app-sms-acquisition .api h2 {
    padding: 0 0 20px
}

.small-acquisition app-pdf-acquisition .api p,
.small-acquisition app-sms-acquisition .api p {
    margin-bottom: 10px
}

.small-acquisition app-pdf-acquisition .api li,
.small-acquisition app-pdf-acquisition .api p,
.small-acquisition app-sms-acquisition .api li,
.small-acquisition app-sms-acquisition .api p {
    padding-right: 5px
}

.small-acquisition app-dep-code-acquisition .diffent-acquire {
    margin-left: 20px
}

.small-acquisition button[app-acquisition-method] {
    padding: 20px 16px 20px 32px
}

.small-acquisition .acquire-pdf.custom .bottom-text {
    padding: 20px 14px 15px 33px
}

.small-acquisition-block app-pdf-acquisition .api .subtext,
.small-acquisition-block app-sms-acquisition .api .subtext {
    margin: 10px 0
}

.small-acquisition-block app-pdf-acquisition .api h2,
.small-acquisition-block app-sms-acquisition .api h2 {
    padding: 0 0 20px
}

.small-acquisition-block app-pdf-acquisition .api p,
.small-acquisition-block app-sms-acquisition .api p {
    margin-bottom: 10px
}

.small-acquisition-block app-pdf-acquisition .api li,
.small-acquisition-block app-pdf-acquisition .api p,
.small-acquisition-block app-sms-acquisition .api li,
.small-acquisition-block app-sms-acquisition .api p {
    padding-right: 5px
}

.small-acquisition-block app-dep-code-acquisition .diffent-acquire {
    margin-left: 20px
}

.small-acquisition-block button[app-acquisition-method] {
    padding: 20px 16px 20px 32px
}

.small-acquisition-block .acquire-pdf.custom .bottom-text {
    padding: 20px 14px 15px 33px
}

.small-acquisition-block app-acquisition-aquire-method .threeColumnFooter .col1 {
    flex: 0 0 60px
}

.small-acquisition-block app-acquisition-aquire-method .threeColumnFooter .col1 mat-icon {
    height: 28px;
    width: 28px
}

.small-acquisition-block app-acquisition-aquire-method .threeColumnFooter .col2 h4 {
    font-weight: 700
}

.small-acquisition-block app-acquisition-aquire-method .threeColumnFooter .col2 p {
    padding-bottom: 20px
}

.small-acquisition-block app-acquisition-aquire-method .threeColumnFooter .col3 {
    flex: 0 0 96px
}

.small-acquisition-block app-pdf-acquisition h2,
.small-acquisition-block app-sms-acquisition h2 {
    padding: 15px 0 15px 25px;
    font-size: 1.75rem!important;
    font-weight: 400;
    line-height: 1.25em
}

.small-acquisition-block app-pdf-acquisition .aquire-button,
.small-acquisition-block app-pdf-acquisition .pdf-download-button,
.small-acquisition-block app-sms-acquisition .aquire-button,
.small-acquisition-block app-sms-acquisition .pdf-download-button {
    white-space: pre-line;
    text-align: left;
    line-height: 1;
    padding: 10px 15px;
    margin: 5px 0 15px 0
}

.small-acquisition-block app-dep-code-acquisition h2 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
}

@media (max-width:719px) {
    app-pdf-acquisition .api .subtext,
    app-sms-acquisition .api .subtext {
        margin: 10px 0
    }
    app-pdf-acquisition .api h2,
    app-sms-acquisition .api h2 {
        padding: 0 0 20px
    }
    app-pdf-acquisition .api p,
    app-sms-acquisition .api p {
        margin-bottom: 10px
    }
    app-pdf-acquisition .api li,
    app-pdf-acquisition .api p,
    app-sms-acquisition .api li,
    app-sms-acquisition .api p {
        padding-right: 5px
    }
    app-dep-code-acquisition .diffent-acquire {
        margin-left: 20px
    }
    button[app-acquisition-method] {
        padding: 20px 16px 20px 32px
    }
    .acquire-pdf.custom .bottom-text {
        padding: 20px 14px 15px 33px
    }
    app-acquisition-aquire-method .threeColumnFooter .col1 {
        flex: 0 0 60px
    }
    app-acquisition-aquire-method .threeColumnFooter .col1 mat-icon {
        height: 28px;
        width: 28px
    }
    app-acquisition-aquire-method .threeColumnFooter .col2 h4 {
        font-weight: 700
    }
    app-acquisition-aquire-method .threeColumnFooter .col2 p {
        padding-bottom: 20px
    }
    app-acquisition-aquire-method .threeColumnFooter .col3 {
        flex: 0 0 96px
    }
    app-dep-code-acquisition h2,
    app-pdf-acquisition h2 {
        padding-left: 0
    }
}

button[app-acquisition-method] {
    display: flex;
    flex-wrap: nowrap;
    padding: 24px 0 20px 0;
    align-items: center;
    border-top: 1px solid #d7d7d7;
    width: 100%;
    min-height: 90px
}

button[app-acquisition-method].no-hover {
    cursor: default
}

button[app-acquisition-method]:not(.no-hover):hover {
    background-color: #d7d7d7
}

button[app-acquisition-method] .method-icon {
    margin: 0 16px 0 0;
    border-radius: 50%;
    background-color: #fff;
    width: 43px;
    height: 43px;
    display: flex
}

button[app-acquisition-method] .method-icon svg {
    margin: auto;
    max-width: 80%;
    max-height: 80%
}

button[app-acquisition-method] .method-icon.pdf {
    color: #E2002A
}

button[app-acquisition-method] .method-icon.pdf svg {
    width: 24px;
    height: 24px
}

button[app-acquisition-method] .method-icon.automat {
    color: #6f7fbe
}

button[app-acquisition-method] .method-icon.handy-icon {
    color: #73aa1e
}

button[app-acquisition-method] .method-icon.tickets-icon {
    color: #247D24
}

button[app-acquisition-method] .method-icon.tickets-icon svg {
    width: 28px;
    height: 28px
}

button[app-acquisition-method] .method-icon.specialFormat svg {
    height: 20px
}

button[app-acquisition-method] h3 {
    font-weight: 600;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

button[app-acquisition-method] h3,
button[app-acquisition-method] p {
    margin: 5px 0
}

button[app-acquisition-method] .text {
    flex: 1
}

app-acquisition-aquire-method .bottom-text {
    border-top: 1px solid #d7d7d7;
    padding: 15px 20px
}

app-acquisition-aquire-method .acquisitionMethodButtonContainer {
    display: flex;
    align-items: center;
    padding-right: 5px;
    border-top: 1px solid #d7d7d7
}

app-acquisition-aquire-method .acquisitionMethodButtonContainer button[app-acquisition-method] {
    border-top: none
}

app-acquisition-aquire-method button.undo {
    position: relative
}

app-acquisition-aquire-method button.undo mat-icon {
    width: 18px;
    height: 18px
}

app-acquisition-aquire-method .threeColumnFooter {
    min-height: 78px;
    height: unset
}

app-acquisition-aquire-method .threeColumnFooter .col2 h4 {
    margin-bottom: 0;
    margin-top: 16px
}

app-acquisition-aquire-method .threeColumnFooter .col2 .info {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    padding-right: 5px;
    padding-bottom: 8px
}

app-acquisition-aquire-method .threeColumnFooter .col2 p.info {
    margin: 0
}

app-acquisition-aquire-method .threeColumnFooter .loading-animation {
    background-color: #666;
    color: #000
}

app-acquisition-aquire-method .threeColumnFooter .loading-animation:hover {
    background-color: #666
}

app-acquisition-aquire-method .threeColumnFooter button.col3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1.3em
}

app-acquisition-aquire-method .threeColumnFooter button.col3:hover {
    background-color: #E2002A
}

app-acquisition-aquire-method .threeColumnFooter .col1 svg {
    margin-top: 12px
}

app-acquisition-aquire-method .threeColumnFooter .col1 mat-icon {
    color: #247D24;
    fill: #247D24
}

.small-acquisition app-acquisition-aquire-method .threeColumnFooter .col1 {
    flex: 0 0 60px
}

.small-acquisition app-acquisition-aquire-method .threeColumnFooter .col1 mat-icon {
    height: 28px;
    width: 28px
}

.small-acquisition app-acquisition-aquire-method .threeColumnFooter .col2 h4 {
    font-weight: 700
}

.small-acquisition app-acquisition-aquire-method .threeColumnFooter .col2 p {
    padding-bottom: 20px
}

.small-acquisition app-acquisition-aquire-method .threeColumnFooter .col3 {
    flex: 0 0 96px
}

@media (max-width:719px) {
    app-pdf-acquisition .api .subtext,
    app-sms-acquisition .api .subtext {
        margin: 10px 0
    }
    app-pdf-acquisition .api h2,
    app-sms-acquisition .api h2 {
        padding: 0 0 20px
    }
    app-pdf-acquisition .api p,
    app-sms-acquisition .api p {
        margin-bottom: 10px
    }
    app-pdf-acquisition .api li,
    app-pdf-acquisition .api p,
    app-sms-acquisition .api li,
    app-sms-acquisition .api p {
        padding-right: 5px
    }
    app-dep-code-acquisition .diffent-acquire {
        margin-left: 20px
    }
    button[app-acquisition-method] {
        padding: 20px 16px 20px 32px
    }
    .acquire-pdf.custom .bottom-text {
        padding: 20px 14px 15px 33px
    }
    app-acquisition-aquire-method .threeColumnFooter .col1 {
        flex: 0 0 60px
    }
    app-acquisition-aquire-method .threeColumnFooter .col1 mat-icon {
        height: 28px;
        width: 28px
    }
    app-acquisition-aquire-method .threeColumnFooter .col2 h4 {
        font-weight: 700
    }
    app-acquisition-aquire-method .threeColumnFooter .col2 p {
        padding-bottom: 20px
    }
    app-acquisition-aquire-method .threeColumnFooter .col3 {
        flex: 0 0 96px
    }
}

app-sms-acquisition .diffent-acquire {
    border-top: 1px solid #d7d7d7
}

app-sms-acquisition .acquire-sms-button,
app-sms-acquisition .diffent-acquire {
    padding: 10px 0
}

app-sms-acquisition two-column-info-bubble .left-icon-wrapper {
    flex: 0 0 45px;
    margin-top: 0
}

app-sms-acquisition two-column-info-bubble .left-icon-wrapper ts-icon {
    margin-left: 15px;
    top: 17px;
    position: relative
}

app-sms-acquisition two-column-info-bubble h3 {
    font-size: 1rem!important
}

app-sms-acquisition two-column-info-bubble h3,
app-sms-acquisition two-column-info-bubble section {
    padding-right: 20px
}

app-connection-relation-icon mat-icon {
    width: 22px;
    height: 22px
}

app-connection-relation-icon mat-icon.route svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

app-pdf-acquisition two-column-info-bubble .left-icon-wrapper {
    flex: 0 0 45px
}

app-pdf-acquisition two-column-info-bubble .left-icon-wrapper ts-icon {
    margin-left: 15px
}

app-pdf-acquisition two-column-info-bubble .content-wrapper {
    width: 200px
}

app-pdf-acquisition two-column-info-bubble .print-text {
    padding-bottom: 10px
}

app-pdf-acquisition two-column-info-bubble info-header h4 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400
}

app-pdf-acquisition two-column-info-bubble h2 {
    margin: 0;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

app-pdf-acquisition p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

app-pdf-acquisition p.observe-text {
    font-weight: 700
}

app-pdf-acquisition .detail-list {
    -webkit-padding-start: 20px;
    padding-inline-start: 20px
}

app-pdf-acquisition .detail-list li {
    padding: 0 0 10px 0
}

@media (min-width:720px) {
    app-pdf-acquisition .api .subtext {
        margin: 25px 0 15px 0
    }
}

app-pdf-acquisition-info {
    margin-bottom: 20px!important
}

app-pdf-acquisition-info .title {
    padding: 20px 2px 0 30px
}

app-pdf-acquisition-info ul {
    margin-left: 20px;
    margin-top: 0;
    padding-top: 0
}

app-pdf-acquisition-info ul li {
    padding-left: 0
}

app-loading-icon {
    display: flex
}

app-loading-icon.horizontal-center {
    align-items: center;
    justify-content: center
}

app-loading-icon.full-center {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 150
}

app-loading-icon.full-center mat-icon {
    margin: auto
}

app-loading-icon mat-icon svg {
    -webkit-animation: spinning 2s linear infinite;
    animation: spinning 2s linear infinite
}

weekdays-picker {
    display: flex
}

weekdays-picker .checkboxArea {
    margin-right: 5px
}

weekdays-picker .checkboxArea .div-label {
    height: auto;
    display: block;
    border-bottom: 0
}

weekdays-picker calendar-sheet {
    height: auto;
    width: auto
}

weekdays-picker .check-icon {
    margin-top: 3px
}

weekdays-picker .close-icon {
    margin-bottom: 3px
}

weekdays-picker input+.div-label calendar-sheet .calendar-sheet-header {
    background: #666
}

weekdays-picker input+.div-label .icon svg {
    fill: #d7d7d7
}

weekdays-picker input:checked+.div-label calendar-sheet .calendar-sheet-header {
    background: #247D24
}

weekdays-picker input:checked+.div-label .icon svg {
    fill: #247D24
}

weekdays-picker input+.div-label:hover calendar-sheet .calendar-sheet-header {
    background: #247D24
}

side-dialog {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 0 30px 30px;
    margin: auto;
    border: solid 1px #666;
    border-radius: 5px;
    max-width: 448px;
    flex: 1 1 448px
}

side-dialog side-dialog-header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 16px
}

side-dialog .content {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin-bottom: 20px;
    width: 100%
}

side-dialog side-dialog-buttons {
    display: flex;
    margin: auto;
    align-items: center;
    flex-direction: column
}

side-dialog side-dialog-buttons .mat-button {
    white-space: pre-wrap;
    line-height: unset
}

app-mobile-frame-check iframe,
mobile-frame-check iframe {
    width: 1px;
    height: 1px;
    position: fixed;
    top: -5px;
    left: -5px
}

app-toggle {
    display: inline-block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

app-toggle .mat-icon,
app-toggle .mat-icon-button {
    width: 32px;
    height: 32px;
    padding: 0!important
}

app-toggle label:hover {
    cursor: pointer
}

app-split-button {
    display: block
}

app-split-button .split-button {
    padding: 10px 40px!important;
    width: 100%;
    font-size: 1rem
}

app-split-button .extend-button {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 12px;
    margin-left: 5px
}

app-explain-dialog {
    display: -ms-grid;
    display: grid;
    max-width: 600px;
    margin: 16px 16px 0 16px
}

app-explain-dialog .title {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 700;
    margin: 0
}

app-explain-dialog mat-dialog-content {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

app-explain-dialog mat-dialog-content ul {
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
    -webkit-margin-after: 0;
    margin-block-end: 0
}

app-explain-dialog mat-dialog-content ul li {
    padding-left: 0
}

app-explain-dialog .mat-dialog-actions {
    justify-content: flex-start;
    padding: 0 0 25px
}

app-explain-dialog .mat-dialog-actions .mat-icon {
    width: 13px;
    height: 13px;
    margin-top: -20px;
    margin-left: 5px
}

app-time>div,
app-travel-duration-input>div {
    display: flex
}

app-time>div .input-element,
app-travel-duration-input>div .input-element {
    border: none;
    background: 0 0;
    padding: 0;
    outline: 0;
    font: inherit;
    text-align: center;
    width: 24px;
    height: 20px
}

app-time>div .input-unity,
app-travel-duration-input>div .input-unity {
    color: #666;
    opacity: 0;
    transition: opacity .2s
}

app-time.label-floating .input-unity,
app-travel-duration-input.label-floating .input-unity {
    color: #222;
    opacity: 1
}

loading-dialog .animationContainer {
    background: url(/static/images/loadingAnimation.gif) no-repeat center center;
    width: 100%;
    height: 150px;
    margin-bottom: 20px
}

.loadingScreen mat-dialog-container {
    background: #eee
}

.split-button-shared .split-button {
    padding: 10px 40px!important;
    width: 100%;
    font-size: 1rem
}

.split-button-shared .extend-button {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 12px;
    margin-left: 5px
}

.cdk-overlay-container .split-button-dialog {
    background-color: #fff;
    display: -ms-grid;
    display: grid;
    border-radius: 2px;
    border: solid 2px #E2002A;
    padding: 5px 25px
}

@media (max-width:719px) {
    .cdk-overlay-container .split-button-dialog {
        width: 100%
    }
}

.cdk-overlay-container .split-button-dialog>button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    padding: 15px 0;
    border-bottom: 1px solid #d7d7d7;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cdk-overlay-container .split-button-dialog>button:last-of-type {
    border-bottom: none
}

.cdk-overlay-container .split-button-dialog>button .mat-icon {
    height: 16px;
    float: right
}

body[state^="root.ticket.mycards"] mat-datepicker-toggle {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

body[state^="root.ticket.mycards"] #mycards mycard-add mat-form-field input.mat-input-element {
    padding: 0
}

body[state^="root.ticket.mycards"] input[type=button][disabled] {
    opacity: .5
}

mycard-detail {
    display: block;
    z-index: 10;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    margin-right: 0
}

mycard-detail .no-line-height {
    line-height: 0!important;
    content: ""
}

mycard-detail .no-margin-bottom {
    margin-bottom: 0!important
}

mycard-detail shared-clock .seconds-hand {
    fill: #222
}

@media (min-width:720px) {
    mycard-detail {
        margin-right: 50px
    }
}

@media (min-width:860px) {
    mycard-detail {
        margin-right: 190px
    }
}

@media (min-width:1024px) {
    mycard-detail {
        margin-right: 262px
    }
}

@media (min-width:1280px) {
    mycard-detail {
        margin-right: 263px
    }
}

@media (min-width:1440px) {
    mycard-detail {
        margin-right: 430px
    }
}

mycard-detail section.mycard-detail {
    flex: 1;
    display: flex;
    flex-direction: column
}

mycard-detail section.mycard-detail .row {
    clear: both;
    overflow: hidden
}

mycard-detail section.mycard-detail .row>.cardDetails {
    margin-top: 20px
}

mycard-detail section.mycard-detail .row>.cardDetails>.col2 {
    background-position: right 20px bottom;
    background-repeat: no-repeat
}

@media (min-width:719px) {
    mycard-detail section.mycard-detail .row>.cardDetails>.col2 {
        float: left;
        background: 0 0
    }
}

mycard-detail section.mycard-detail .row>.railPlusLogo {
    float: right;
    margin-right: 21px;
    margin-bottom: 30px;
    display: none
}

@media (min-width:719px) {
    mycard-detail section.mycard-detail .row>.railPlusLogo {
        display: block
    }
}

mycard-detail section.mycard-detail .row>.aztecCode {
    float: right;
    width: 100%;
    text-align: center
}

@media (min-width:719px) {
    mycard-detail section.mycard-detail .row>.aztecCode {
        width: 203px;
        text-align: left;
        margin: 0 21px 10px 0
    }
}

mycard-detail section.mycard-detail .row>.aztecCode>.imgWrapper {
    width: 100%;
    background-color: #fff;
    margin-top: 30px;
    padding: 10px
}

mycard-detail section.mycard-detail .row>.aztecCode>.imgWrapper>img {
    width: 70%;
    padding: 10px
}

@media (min-width:719px) {
    mycard-detail section.mycard-detail .row>.aztecCode>.imgWrapper>img {
        width: 100%;
        padding: 0
    }
}

mycard-detail section.mycard-detail .col1 {
    width: 140px;
    float: left;
    text-align: right;
    margin-right: 30px
}

mycard-detail section.mycard-detail .col1 .itemGroup {
    margin-bottom: 15px
}

mycard-detail section.mycard-detail .col1 .itemGroup>div {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    line-height: 2.3em;
    height: 20px
}

@media (min-width:719px) {
    mycard-detail section.mycard-detail .col1 .itemGroup>div {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33;
        font-weight: 400;
        height: 30px
    }
}

mycard-detail section.mycard-detail .col2 {
    margin-left: 170px
}

@media (min-width:719px) {
    mycard-detail section.mycard-detail .col2 {
        margin-left: 0
    }
}

mycard-detail section.mycard-detail .col2 .itemGroup>div {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    line-height: 2em;
    height: 20px;
    white-space: nowrap
}

@media (min-width:719px) {
    mycard-detail section.mycard-detail .col2 .itemGroup>div {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1;
        font-weight: 400;
        height: 30px;
        line-height: 1.5em
    }
}

mycard-detail section.mycard-detail>.card {
    margin-top: 32px;
    padding-top: 29px;
    color: #fff;
    position: relative;
    overflow: hidden
}

mycard-detail section.mycard-detail>.card:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #E2002A;
    background-image: url(/static/images/views/root/ticket/mycards/detail/backgroundVorteilscard380x95.svg);
    background-position: 0 0;
    background-repeat: repeat-y;
    -webkit-transform: scale(-1);
    transform: scale(-1)
}

@media (max-width:719px) {
    mycard-detail section.mycard-detail>.card {
        margin-top: 0;
        border-top: 1px solid #d7d7d7
    }
}

mycard-detail section.mycard-detail>.card h1 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    color: #fff;
    margin-bottom: 20px
}

mycard-detail section.mycard-detail>.card p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    color: #fff;
    margin-bottom: 20px
}

mycard-detail section.mycard-detail>.card p b {
    font-weight: 700
}

mycard-detail section.mycard-detail>.card>header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    padding-bottom: 20px;
    overflow: hidden;
    border-bottom: 1px solid #E2002A
}

mycard-detail section.mycard-detail>.card>header .backButton {
    margin-right: 20px
}

@media (min-width:719px) {
    mycard-detail section.mycard-detail>.card>header .backButton {
        display: none
    }
}

mycard-detail section.mycard-detail>.card section {
    padding-top: 20px
}

mycard-detail section.mycard-detail>.card section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(/static/images/views/root/ticket/voucher/background/security.svg);
    background-position: right top;
    background-repeat: no-repeat;
    z-index: -1
}

mycard-detail section.mycard-detail>.card section .col1 shared-clock {
    width: 80px;
    height: 80px
}

@media (min-width:719px) {
    mycard-detail section.mycard-detail>.card section .col1 shared-clock {
        width: 100px;
        height: 100px
    }
}

mycard-detail section.mycard-detail>.card section .col2 .personTitlePrefix,
mycard-detail section.mycard-detail>.card section .col2 .personTitleSuffix {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

mycard-detail section.mycard-detail>.card section .col2 .personName {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.625rem;
    line-height: 1;
    font-weight: 400
}

mycard-detail section.mycard-detail>.card section .col2 .personName .firstName,
mycard-detail section.mycard-detail>.card section .col2 .personName .lastName {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    margin-right: 10px
}

@media (min-width:719px) {
    mycard-detail section.mycard-detail>.card section .col2 .personName .firstName,
    mycard-detail section.mycard-detail>.card section .col2 .personName .lastName {
        display: inline;
        overflow: visible
    }
}

mycard-input .validating {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

mycard-input .validating>svg {
    flex: 0 0 15px;
    margin-right: 10px
}

mycard-input .validating>span {
    flex: 1
}

mycard-input [hidden],
mycard-input template {
    display: none!important
}

div.infoBubble[name=addDiscount] section,
mycard-list section {
    color: #d7d7d7;
    padding: 0
}

div.infoBubble[name=addDiscount] section .subHeader,
mycard-list section .subHeader {
    padding: 0 29px 10px 32px;
    border-bottom: 1px solid #666
}

div.infoBubble[name=addDiscount] section .subHeader .question,
mycard-list section .subHeader .question {
    padding: 15px 0 10px 0
}

div.infoBubble[name=addDiscount] section .subHeader .search svg,
mycard-list section .subHeader .search svg {
    position: relative;
    top: 3px;
    margin-right: 10px
}

div.infoBubble[name=addDiscount] section .subHeader .search input,
mycard-list section .subHeader .search input {
    background-color: #222
}

div.infoBubble[name=addDiscount] section .subHeader .search input::-ms-clear,
mycard-list section .subHeader .search input::-ms-clear {
    display: none
}

div.infoBubble[name=addDiscount] section .passengerCards,
div.infoBubble[name=addDiscount] section .searchResult,
div.infoBubble[name=addDiscount] section .topTen,
mycard-list section .passengerCards,
mycard-list section .searchResult,
mycard-list section .topTen {
    max-height: 240px;
    overflow-y: auto
}

div.infoBubble[name=addDiscount] section .topTen,
mycard-list section .topTen {
    overflow: hidden
}

div.infoBubble[name=addDiscount] section .topTen>.discountCard,
mycard-list section .topTen>.discountCard {
    background: #222
}

div.infoBubble[name=addDiscount] section .topTen .showAllCards div,
mycard-list section .topTen .showAllCards div {
    color: #247D24
}

div.infoBubble[name=addDiscount] section .topTen .listingContainer,
mycard-list section .topTen .listingContainer {
    max-height: 240px;
    overflow-y: auto;
    overflow-x: hidden
}

div.infoBubble[name=addDiscount] section .searchResult,
mycard-list section .searchResult {
    overflow: hidden
}

div.infoBubble[name=addDiscount] section .searchResult .listingContainer,
mycard-list section .searchResult .listingContainer {
    max-height: 240px;
    overflow-y: auto
}

div.infoBubble[name=addDiscount] section .passengerCards,
mycard-list section .passengerCards {
    border-bottom: 1px solid #666;
    border-top: 1px solid #666;
    overflow-x: hidden
}

div.infoBubble[name=addDiscount] section .passengerCards.no-border,
mycard-list section .passengerCards.no-border {
    border-bottom: 0;
    border-top: 0
}

div.infoBubble[name=addDiscount] section .discountCard,
div.infoBubble[name=addDiscount] section .passengerCard,
mycard-list section .discountCard,
mycard-list section .passengerCard {
    position: relative;
    border-bottom: 1px solid #666;
    padding-right: 29px;
    padding-left: 32px;
    background: #404040;
    width: 100%
}

div.infoBubble[name=addDiscount] section .discountCard .detailsArrowRight,
div.infoBubble[name=addDiscount] section .discountCard svg[iconname=detailsArrowRight],
div.infoBubble[name=addDiscount] section .passengerCard .detailsArrowRight,
div.infoBubble[name=addDiscount] section .passengerCard svg[iconname=detailsArrowRight],
mycard-list section .discountCard .detailsArrowRight,
mycard-list section .discountCard svg[iconname=detailsArrowRight],
mycard-list section .passengerCard .detailsArrowRight,
mycard-list section .passengerCard svg[iconname=detailsArrowRight] {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px
}

div.infoBubble[name=addDiscount] section .discountCard:last-child,
div.infoBubble[name=addDiscount] section .passengerCard:last-child,
mycard-list section .discountCard:last-child,
mycard-list section .passengerCard:last-child {
    border-bottom: none
}

div.infoBubble[name=addDiscount] section .discountCard>.row,
div.infoBubble[name=addDiscount] section .passengerCard>.row,
mycard-list section .discountCard>.row,
mycard-list section .passengerCard>.row {
    display: flex
}

div.infoBubble[name=addDiscount] section .discountCard>.row.row1,
div.infoBubble[name=addDiscount] section .passengerCard>.row.row1,
mycard-list section .discountCard>.row.row1,
mycard-list section .passengerCard>.row.row1 {
    width: 250px;
    min-height: 48px
}

div.infoBubble[name=addDiscount] section .discountCard>.row .btn,
div.infoBubble[name=addDiscount] section .passengerCard>.row .btn,
mycard-list section .discountCard>.row .btn,
mycard-list section .passengerCard>.row .btn {
    color: #666;
    cursor: pointer;
    margin-top: auto;
    margin-bottom: auto
}

div.infoBubble[name=addDiscount] section .discountCard>.row>.col1,
div.infoBubble[name=addDiscount] section .passengerCard>.row>.col1,
mycard-list section .discountCard>.row>.col1,
mycard-list section .passengerCard>.row>.col1 {
    display: flex;
    flex: 0 0 29px;
    width: 29px;
    align-items: center;
    min-height: 48px
}

div.infoBubble[name=addDiscount] section .discountCard>.row>.col2,
div.infoBubble[name=addDiscount] section .passengerCard>.row>.col2,
mycard-list section .discountCard>.row>.col2,
mycard-list section .passengerCard>.row>.col2 {
    display: flex;
    flex: 1 1 auto;
    color: #fff;
    align-items: center;
    min-height: 48px
}

div.infoBubble[name=addDiscount] section .discountCard>.row>.col2.form,
div.infoBubble[name=addDiscount] section .passengerCard>.row>.col2.form,
mycard-list section .discountCard>.row>.col2.form,
mycard-list section .passengerCard>.row>.col2.form {
    display: block
}

div.infoBubble[name=addDiscount] section .discountCard>.row>.column-layout,
div.infoBubble[name=addDiscount] section .passengerCard>.row>.column-layout,
mycard-list section .discountCard>.row>.column-layout,
mycard-list section .passengerCard>.row>.column-layout {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start
}

div.infoBubble[name=addDiscount] section .discountCard>.row.row2 input,
div.infoBubble[name=addDiscount] section .passengerCard>.row.row2 input,
mycard-list section .discountCard>.row.row2 input,
mycard-list section .passengerCard>.row.row2 input {
    width: 100%;
    background-color: #666
}

div.infoBubble[name=addDiscount] section .discountCard>.row.row2>.col2 .label,
div.infoBubble[name=addDiscount] section .passengerCard>.row.row2>.col2 .label,
mycard-list section .discountCard>.row.row2>.col2 .label,
mycard-list section .passengerCard>.row.row2>.col2 .label {
    margin: 11px 0 17px 0
}

div.infoBubble[name=addDiscount] section .passengerCard .close,
mycard-list section .passengerCard .close {
    opacity: 0;
    transition: opacity .3s ease-in, left .3s ease-in;
    position: absolute;
    right: 7px;
    top: 7px
}

body[state="root.ticket.mycards"] div.infoBubble[name=addDiscount] section .passengerCard .close,
body[state="root.ticket.mycards"] mycard-list section .passengerCard .close {
    fill: #fff
}

div.infoBubble[name=addDiscount] section .passengerCard .close:focus,
mycard-list section .passengerCard .close:focus {
    opacity: 1;
    background-color: #e6e6e6
}

div.infoBubble[name=addDiscount] section .passengerCard>.row.row1 .cardNumber,
div.infoBubble[name=addDiscount] section .passengerCard>.row.row1 .validTo,
mycard-list section .passengerCard>.row.row1 .cardNumber,
mycard-list section .passengerCard>.row.row1 .validTo {
    display: block;
    color: #d7d7d7;
    font-weight: 400;
    line-height: 1.3em
}

div.infoBubble[name=addDiscount] section .passengerCard.kkmsCard>.row.row1,
mycard-list section .passengerCard.kkmsCard>.row.row1 {
    height: 85px
}

div.infoBubble[name=addDiscount] section .passengerCard.kkmsCard ts-icon>div,
mycard-list section .passengerCard.kkmsCard ts-icon>div {
    display: inherit!important
}

div.infoBubble[name=addDiscount] section .passengerCard:hover .close,
mycard-list section .passengerCard:hover .close {
    opacity: 1
}

div.infoBubble[name=addDiscount] section .passengerCard:focus .close,
mycard-list section .passengerCard:focus .close {
    opacity: 1
}

div.infoBubble[name=addDiscount] .infoBubbleArrow {
    z-index: -1000
}

div.infoBubble[name=addDiscount] .discountListing>section .subHeader .question {
    color: #222
}

mycards {
    overflow-y: auto;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    width: 100%;
    height: 100%;
    display: block
}

@media (max-width:719px) {
    mycards {
        background-color: #222
    }
}

mycards .leftContainer {
    display: flex;
    flex-direction: column;
    background-color: #222;
    position: relative
}

mycards .leftContainer .passengerCard .row.row1 {
    padding-top: 10px;
    min-height: 48px
}

mycards .leftContainer .passengerCard .row.row1 .cardNumber,
mycards .leftContainer .passengerCard .row.row1 .validTo {
    display: block;
    color: #d7d7d7;
    font-weight: 400;
    line-height: 1.3em
}

mycards .leftContainer .passengerCard.kkmsCard>.row.row1 {
    height: 85px
}

@media (min-width:720px) {
    mycards .leftContainer {
        min-height: 566px;
        float: left;
        width: 290px;
        margin: 32px 0 32px 83px
    }
}

@media (min-width:860px) {
    mycards .leftContainer {
        width: 334px
    }
}

mycards .leftContainer .inputGroup label {
    color: #b1b1b1
}

mycards .leftContainer .inputGroup input {
    color: #fff
}

mycards .leftContainer .discountCard .row .btn,
mycards .leftContainer .passengerCard .row .btn {
    color: #fff
}

mycards .rightContainer {
    display: none;
    position: relative
}

@media (min-width:720px) {
    mycards .rightContainer {
        display: block;
        float: left;
        width: 290px;
        margin: 32px 0 32px 32px
    }
}

@media (min-width:860px) {
    mycards .rightContainer {
        width: 334px
    }
}

mycards .rightContainer .infoBubble {
    -webkit-transform: scale(.3);
    transform: scale(.3);
    transition-delay: .1s;
    transition: opacity .2s cubic-bezier(.23, 1, .675, 1.12), -webkit-transform .2s cubic-bezier(.23, 1, .675, 1.12), transform .2s cubic-bezier(.23, 1, .675, 1.12)
}

mycards .rightContainer .infoBubble.visible {
    -webkit-transform: scale(1);
    transform: scale(1)
}

mycards mycard-add {
    position: absolute
}

mycards mycard-add.right .infoBubbleArrow {
    margin-top: 3em;
    margin-left: .5em;
    background: 0 0
}

mycards mycard-add.bottom .infoBubbleArrow {
    margin-left: 2em
}

mycards .infoBubble[name=mergeCardIntoCustomerAccount] {
    width: 100%;
    background-color: #f5f6f9;
    margin-left: 0;
    z-index: 100
}

mycards .infoBubble[name=mergeCardIntoCustomerAccount] .contentWrapper {
    padding: 0
}

mycards .infoBubble[name=mergeCardIntoCustomerAccount] .contentWrapper section {
    margin: 0;
    padding: 0 32px 0 32px;
    color: #000
}

mycards .infoBubble[name=mergeCardIntoCustomerAccount] .contentWrapper section .checkboxButton {
    border-bottom: 1px solid #d7d7d7
}

mycards .infoBubble[name=mergeCardIntoCustomerAccount] .contentWrapper section .checkboxButton:last-child {
    border-bottom: none
}

mycards .infoBubble[name=mergeCardIntoCustomerAccount] .contentWrapper section .checkboxButton .col2 {
    padding-right: 29px
}

mycards .infoBubble[name=mergeCardIntoCustomerAccount] .contentWrapper section .checkboxButton .col2 label {
    white-space: nowrap
}

mycards .infoBubble[name=mergeCardIntoCustomerAccount] .contentWrapper section .codes {
    color: #d7d7d7;
    margin: 0;
    padding: 0
}

mycards .infoBubble[name=mergeCardIntoCustomerAccount] .contentWrapper section .codes span {
    margin-right: 5px
}

mycards .infoBubble[name=mergeCardIntoCustomerAccount] .contentWrapper section .codes a:focus,
mycards .infoBubble[name=mergeCardIntoCustomerAccount] .contentWrapper section .codes a:hover {
    color: #cbcbcb
}

mycards .infoBubble[name=mergeCardIntoCustomerAccount] .contentWrapper header.big {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    line-height: 1.1em;
    color: #222;
    padding: 23px 29px 10px 32px
}

mycards .infoBubble[name=mergeCardIntoCustomerAccount] .contentWrapper header.big mycards .infoBubble[name=mergeCardIntoCustomerAccount] .contentWrapper header.big .error {
    color: #E2002A
}

mycards .infoBubble[name=mergeCardIntoCustomerAccount] .contentWrapper footer {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    line-height: 1.1em;
    margin-top: 20px;
    padding: 14px 29px 14px 32px
}

mycards .infoBubble[name=mergeCardIntoCustomerAccount] .contentWrapper footer:before {
    display: none
}

mycards .infoBubble[name=mergeCardIntoCustomerAccount] .contentWrapper input[type=text] {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    border: medium none #afafaf;
    border-bottom: 1px solid;
    outline: 0;
    padding-bottom: 6px;
    background: 0 0;
    margin-top: 0;
    caret-color: #000
}

mycards .infoBubble[name=mergeCardIntoCustomerAccount] .error header.big {
    color: #E2002A
}

mycards .infoBubble[name=mergeCardIntoCustomerAccount] div.input-error {
    color: #E2002A;
    margin-bottom: 1em;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

mycards .infoBubble[name=mergeCardIntoCustomerAccount] div.input-info {
    color: #E2002A;
    margin-bottom: 1em
}

mycards .infoBubble[name=mergeCardIntoCustomerAccount] div.card-input-hint {
    color: #666;
    margin-top: 5px
}

mycards span[hidden] {
    display: none!important
}

mycards mat-form-field input.mat-input-element {
    margin-top: 5px;
    padding-bottom: 6px
}

mycards mat-form-field .mat-form-field-label,
mycards mat-form-field input.mat-input-element {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1
}

mycards mat-form-field .mat-form-field-label.mat-empty.mat-form-field-empty {
    color: #868686!important
}

mycards mat-form-field .mat-form-field-flex .mat-form-field-infix {
    padding: .4375em 0 0 0!important
}

mycards mat-form-field .mat-input-element {
    caret-color: #fff
}

mycards mat-form-field .mat-form-field-label:not(.mat-form-field-empty) {
    color: #7fbb38!important
}

mycards mat-form-field .mat-form-field-underline {
    background-color: #d7d7d7!important
}

mycards mat-form-field .mat-form-field-ripple {
    background-color: #7fbb38!important
}

mycards mat-form-field .mat-form-field-appearance-legacy .mat-form-field-label {
    color: #868686
}

mycards mat-form-field span.mat-form-field-label-wrapper {
    top: -1.2em
}

mycards mat-form-field.dob span.mat-form-field-label-wrapper {
    top: -1em;
    line-height: 1.225;
    padding-top: 1.04375em
}

mycards mat-form-field .mat-form-field-wrapper {
    padding-bottom: 1.25em;
    width: 100%
}

mycards mat-form-field [name=close] {
    right: 6px!important;
    top: 8px!important
}

mycards .form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground .mat-form-field-invalid .mat-form-field-ripple {
    background-color: #ff7b8f!important
}

mycards .form:not(ng-submitted):not(.showValidationErrorsAfterSubmit).onDarkBackground .mat-form-field-invalid .mat-form-field-label:not(.mat-form-field-empty) {
    color: #ff7b8f!important
}

offer-reductions .reduction,
reductions .reduction {
    margin-top: 2px;
    margin-bottom: 0
}

offer-reductions .reductions,
reductions .reductions {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin-top: 10px
}

offer-reductions .reductions .reduction,
reductions .reductions .reduction {
    text-overflow: ellipsis;
    overflow: hidden
}

offer-reductions .reductions>span,
reductions .reductions>span {
    text-decoration: underline
}

.smartbanner-visible {
    display: block
}

.smartbanner-android-container {
    height: 60px;
    background: #222;
    position: absolute;
    z-index: 9999;
    width: 100vw;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    padding: 13px
}

.smartbanner-android-container .icon-description-section {
    display: flex;
    flex-flow: row;
    align-items: center
}

.smartbanner-android-container .icon-description-section .sb-icon {
    text-align: center;
    display: flex;
    height: 32px;
    width: 32px;
    background: linear-gradient(to bottom, #E00 0, #E00 38%, #EE0201 40%, #EE200C 64%, #EE3213 85%, #EE3815 100%)
}

.smartbanner-android-container .icon-description-section .description {
    flex: 0 1 250px;
    color: #fff;
    margin-left: 13px
}

.smartbanner-android-container .icon-description-section .description h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    margin: 0 0 3px 0
}

.smartbanner-android-container .icon-description-section .description p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    font-weight: 600;
    margin: 0
}

.smartbanner-android-container .close-section {
    display: flex;
    width: 32px;
    justify-content: flex-end
}

.smartbanner-hidden {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 750ms, opacity 750ms linear
}

root-content router-outlet-wrapper {
    display: block;
    height: 100%;
    flex-grow: 1
}

card-component .cardContainer {
    display: flex;
    margin-right: 0;
    border: solid #afafaf;
    border-width: 0 0 1px 0
}

card-component .cardContainer .cardNameContainer {
    width: 30%;
    height: auto;
    word-wrap: break-word
}

card-component .cardContainer .cardInfoContainer {
    width: 50%;
    height: auto;
    word-wrap: break-word
}

card-component .cardContainer .cardDeleteContainer {
    display: flex;
    justify-content: flex-end;
    width: 20%
}

card-component .cardContainer .cardDeleteContainer .plusElement .personSvg {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: -2px
}

payment-method .top-content {
    justify-content: flex-start!important
}

payment-method .body-content {
    position: relative
}

payment-method .add-button-icon {
    margin-right: 3px
}

payment-method .add-button-icon svg {
    fill: #247D24
}

payment-method .smallInfoText {
    height: 52px;
    border-bottom: 1px solid #d7d7d7;
    align-content: start;
    justify-content: space-between;
    display: flex
}

payment-method .smallInfoText p {
    color: #222;
    padding: 0;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    vertical-align: middle;
    margin-top: auto!important;
    margin-bottom: auto!important
}

payment-method .smallInfoText .title {
    height: 5.08%;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.5rem;
    line-height: 42px
}

payment-method .paymentMethodTitle {
    width: 40%;
    margin-top: auto!important;
    margin-bottom: auto!important
}

payment-method .paymentMethodTitle.button-column {
    display: flex;
    justify-content: flex-end
}

payment-method .paymentMethodTitleActive {
    cursor: pointer
}

payment-method .paymentMethodInfoContainer {
    width: 60%;
    margin-top: auto!important;
    margin-bottom: auto!important
}

payment-method .paymentMethodValidDate {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    color: #666
}

payment-method .addPaymentMethodButton {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    color: #247D24;
    cursor: pointer
}

payment-method .addPaymentMethodButton .plusElement {
    background: #247D24;
    padding: 1.5px 1.5px;
    text-align: center;
    width: 18px;
    height: 18px
}

payment-method .addPaymentMethodButton .plusElement .personSvg {
    display: flex;
    align-items: center;
    justify-content: center;
    fill: #f5f6f9
}

payment-method .addPaymentMethodButton .plusElement .personSvg .plusIcon {
    margin-left: 1.5px
}

payment-method .addPaymentMethodButton .buttonText {
    margin-left: 5px
}

payment-method .paymentMethodArrowIcon {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

payment-method .paymentMethodArrowIcon svg {
    fill: #247D24
}

payment-method .clickable {
    cursor: pointer
}

payment-method .clickable:hover {
    background: rgba(0, 0, 0, .04)
}

payment-method-history table {
    width: 100%
}

payment-method-history .changes-row {
    display: flex
}

payment-method-history .changes-row .changes-label {
    width: 100px
}

payment-method-history .changes-table {
    display: flex
}

payment-method-history .changes-table .changes-column {
    width: 100px
}

payment-method-history .marked {
    color: #247D24!important
}

payment-method-history .mat-column-changes {
    width: 50%
}

payment-method-history .mat-column-changes table td {
    width: 200px
}

payment-method-history .mat-column-changes table td {
    padding: 4px
}

payment-method-history td.mat-cell {
    word-wrap: break-word
}

payment-method-history tr.detail-row {
    height: 0
}

payment-method-history .mat-row:hover {
    background-color: #d7d7d7;
    cursor: pointer
}

payment-method-history .element-row td {
    border-bottom-width: 0
}

payment-method-history .expanded-row {
    background: #d7d7d7
}

payment-method-history .element-detail {
    overflow: hidden;
    display: flex
}

payment-method-history .detail-row {
    background: #d7d7d7
}

payment-method-history .element-detail-content {
    padding: 8px;
    width: 100%;
    display: flex;
    justify-content: space-between
}

payment-method-history .element-detail-content .column {
    display: flex;
    flex-direction: column;
    width: 48%
}

payment-method-history .element-detail-content table td {
    padding: 8px
}

payment-method-history .element-detail-content table td label {
    color: #666
}

payment-method-details {
    font-family: "Frutiger Next"
}

payment-method-details .top-content {
    justify-content: space-between!important
}

payment-method-details .top-content .heading {
    display: flex
}

payment-method-details .body-content {
    padding-top: 80px!important
}

payment-method-details .light-heading {
    display: flex;
    align-content: start;
    justify-content: space-between
}

payment-method-details .light-heading .title {
    height: 5.08%;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

payment-method-details .bottomContent {
    margin-top: 0!important
}

payment-method-details .smallInfoText {
    height: 52px;
    align-content: start;
    justify-content: flex-start;
    display: flex;
    margin-top: 15px
}

payment-method-details .smallInfoText p {
    color: #222;
    padding: 0;
    font-size: 1rem;
    vertical-align: middle;
    margin-top: auto!important;
    margin-bottom: auto!important
}

payment-method-details .smallInfoText .title {
    height: 5.08%;
    font-size: 1.5rem;
    line-height: 42px
}

payment-method-details .smallInfoText .col {
    flex: 1
}

payment-method-details .smallInfoText .col .label {
    color: #868686;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

payment-method-details .headingWithIcon {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    color: #247D24;
    margin-bottom: 26px;
    width: 100%;
    display: flex
}

payment-method-details .headingWithIcon .heading {
    margin-left: 5px
}

payment-method-details .deletePaymentMethodButton {
    display: flex;
    justify-content: space-around;
    margin-top: 50px
}

payment-method-details .editPaymentMethodButton {
    height: 40px
}

invoice-details .invoice-select-input {
    margin-top: 20px;
    height: 88px
}

invoice-details .description {
    font-size: 1rem;
    color: #868686;
    line-height: 24px
}

invoice-details .description.lower {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

invoice-details .row {
    display: flex;
    justify-content: space-between
}

invoice-details .row .width50 {
    width: 49%
}

airplus-details .date-selectbox {
    width: 3.5rem;
    margin-right: 1rem
}

airplus-details .airplus-card-number-input {
    margin-top: 20px
}

business-unit-card-component .cardContainer {
    display: flex;
    margin-right: 0;
    justify-content: space-between;
    border: solid #d7d7d7;
    border-width: 0 0 1px 0
}

business-unit-card-component .cardContainer .cardNameContainer {
    width: 30%;
    height: auto;
    word-wrap: break-word
}

business-unit-card-component .cardContainer .unitHeading {
    font-size: .8rem;
    color: #666
}

business-unit-card-component .cardContainer .cardInfoContainer {
    width: 50%;
    height: auto;
    word-wrap: break-word
}

business-unit-card-component .cardContainer .cardDeleteContainer {
    display: flex;
    justify-content: flex-end;
    width: 20%;
    padding: 12px 0 12px 0
}

business-unit-card-component .clickButton {
    cursor: pointer;
    color: #64942c
}

person-discount-selector-component .discountListingContainer {
    height: 85vh!important
}

.custom-modalbox mat-dialog-container {
    padding: 0
}

person-discount-selector-component .discountListingContainer {
    height: 85vh!important
}

.custom-modalbox mat-dialog-container {
    padding: 0
}

person-details-component .top-margin {
    margin-top: 50px
}

person-details-component .buttonSave {
    line-height: 20px!important
}

person-details-component .buttonSave .spinner {
    fill: #fff
}

person-details-component .buttonDelete .spinner {
    display: inline-block;
    padding-top: 10px;
    padding-right: 5px
}

person-details-component .savebuttonoffset {
    display: flex;
    justify-content: center
}

person-details-component .body-content {
    padding-top: 86px!important
}

person-details-component .middleContent {
    margin-top: 10px!important
}

person-details-component .helpIcon {
    fill: #247D24;
    vertical-align: sub
}

person-details-component .plusIcon {
    margin-right: 3px
}

person-details-component .card-component-person button {
    margin: 5px
}

person-details-component .missing-business-unit-label {
    margin-top: 10px;
    color: #E2002A
}

person-details-component .businessUnitListHeading {
    border: solid #d7d7d7;
    border-width: 0 1px 1px 0
}

person-details-component .businessUnitListHeading span {
    font-size: .9rem;
    color: #b1b1b1
}

person-details-component .onlineacctext {
    text-align: left
}

person-details-component .moreonineinfos {
    text-align: left;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

person-details-component .missingInputLabel {
    color: #E2002A;
    text-align: left;
    font-size: 0.765rem!important;
    margin-top: 5px!important
}

person-details-component .form:not(ng-submitted):not(.showValidationErrorsAfterSubmit) input.ng-invalid.ng-touched:not([type=password]):not(.ng-pristine):not(.ng-hide-validation)~label {
    color: #afafaf!important
}

person-details-component .formSubmitted input.ng-invalid {
    border-color: #E2002A!important
}

person-details-component .formSubmitted select.ng-invalid {
    border-color: #E2002A!important
}

person-details-component .ng-invalid.formSubmitted {
    border-color: #E2002A!important
}

person-details-component .leftInnerContainer {
    flex: 1 1 0!important;
    margin-right: 15px
}

person-details-component .rightInnerContainer {
    flex: 1 1 0!important;
    margin: 0!important;
    margin-left: 15px!important
}

person-details-component .rightInnerContainer .inputContainer {
    margin-top: 20.5px!important
}

person-details-component .createPersonCustomerAccountTitle {
    text-align: left;
    margin-top: 15px;
    font-size: 0.9rem
}

person-details-component .businessUnitSelect {
    margin-top: 25px
}

person-details-component .updatebuttonbar {
    width: 310px
}

person-details-component .materialFormCustomization {
    width: 100%
}

person-details-component .fullWidthInput {
    width: 100%
}

person-details-component .mat-form-field-subscript-wrapper {
    top: auto!important
}

person-details-component .inputRow {
    margin-bottom: 0!important
}

person-details-component .discountCardHeading {
    display: flex;
    justify-content: space-between!important
}

person-details-component .cardPlusButton {
    display: flex;
    margin-top: auto;
    margin-bottom: auto
}

person-history-component table {
    width: 100%
}

person-history-component .changes-row {
    display: flex
}

person-history-component .changes-row .changes-label {
    width: 100px
}

person-history-component .changes-table {
    display: flex
}

person-history-component .changes-table .changes-column {
    width: 100px
}

person-history-component .marked {
    color: #247D24!important
}

person-history-component .mat-column-changes {
    width: 50%
}

person-history-component .mat-column-changes table td {
    width: 200px
}

person-history-component .mat-column-changes table td {
    padding: 4px
}

person-history-component td.mat-cell {
    word-wrap: break-word
}

person-history-component tr.detail-row {
    height: 0
}

person-history-component .mat-row:hover {
    background-color: #d7d7d7;
    cursor: pointer
}

person-history-component .element-row td {
    border-bottom-width: 0
}

person-history-component .expanded-row {
    background: #d7d7d7
}

person-history-component .element-detail {
    overflow: hidden;
    display: flex
}

person-history-component .detail-row {
    background: #d7d7d7
}

person-history-component .element-detail-content {
    padding: 8px;
    width: 100%;
    display: flex;
    justify-content: space-between
}

person-history-component .element-detail-content .column {
    display: flex;
    flex-direction: column;
    width: 48%
}

person-history-component .element-detail-content table td {
    padding: 8px
}

person-history-component .element-detail-content table td label {
    color: #666
}

person-list-component .bottomContent.person-list-bottom-content {
    margin-top: 15px
}

person-list-component .mat-tab-label {
    background: #fff!important
}

person-list-component .remove-margin {
    margin: unset
}

person-list-component .personListEntry {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 15px;
    height: 42px;
    padding-top: 20px
}

person-list-component .personListEntry p {
    color: #f5f6f9;
    justify-content: flex-start;
    flex-direction: row;
    display: flex;
    margin-bottom: 10px
}

person-list-component .personListEntry h1 {
    font-weight: 100;
    font-size: large;
    margin-top: -10px;
    align-content: start;
    justify-content: flex-start;
    display: flex;
    margin-bottom: 0
}

person-list-component .personListEntry:hover {
    background-color: #d7d7d7
}

person-list-component .personListEntry h1 {
    cursor: pointer
}

self-registration-component .email-heading {
    margin-bottom: 0;
    margin-top: 40px
}

self-registration-component .container {
    display: flex;
    flex-direction: column
}

self-registration-component .container .row {
    display: flex;
    padding-bottom: 10px;
    padding-top: 10px
}

self-registration-component .container .column {
    flex-grow: 1;
    width: 50%
}

self-registration-component .container .column.vertically-aligned {
    margin-top: auto;
    margin-bottom: auto
}

self-registration-component .container .column .heading {
    margin-bottom: auto;
    margin-top: auto
}

self-registration-component .container .column .heading h3 {
    margin-bottom: 0
}

self-registration-component .update-button-bar {
    float: right
}

self-registration-component .tan-email-input .mat-form-field-infix {
    display: flex
}

self-registration-component .tan-email-input .tan-email-input-delete-button {
    float: right
}

self-registration-component .small-button {
    min-width: 62px!important;
    line-height: 22px;
    padding: 1px 8px 1px 8px
}

self-registration-component .tan {
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    overflow-wrap: break-word;
    max-width: 100%;
    padding: 4px;
    border-radius: 3px;
    margin-bottom: 1px;
    margin-top: 2px;
    margin-right: 15px;
    background: #247D24;
    color: #fff;
    cursor: pointer
}

self-registration-component .tan:hover {
    background-color: #247D24
}

self-registration-component .tan .text {
    padding: 2px 4px 0 4px;
    width: 92%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

self-registration-component .tan div {
    padding-top: 2px
}

self-registration-component .tan .tanDeleteIcon {
    vertical-align: middle;
    fill: #fff;
    float: right;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
    margin-top: 2px;
    margin-right: 2px;
    height: 19px
}

self-registration-component .tan .tanDeleteIcon:hover {
    fill: rgba(34, 34, 34, .5)
}

self-registration-component .tan .copy-icon {
    fill: #247D24;
    stroke: #247D24;
    cursor: pointer;
    height: 20px;
    margin-left: 3px
}

self-registration-component .tan .copy-icon:hover {
    fill: #247D24;
    stroke: #247D24
}

self-registration-component .no-tan-info {
    color: #b1b1b1;
    font-size: small;
    margin: 6px 0 6px 0
}

search-bar {
    z-index: 1
}

search-bar .add-person-button {
    line-height: initial;
    margin-bottom: 10px
}

search-bar>div.search {
    width: 474px;
    display: flex;
    flex-flow: column;
    background-color: #3e5366
}

search-bar>div.search .searchBar {
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: flex-start;
    direction: ltr;
    display: flex
}

search-bar>div.search .searchBar ts-icon {
    margin-top: 0;
    margin-left: 15px;
    margin-right: 16px;
    cursor: pointer;
    display: flex;
    align-items: center
}

search-bar>div.search .searchBar ts-icon svg.search {
    fill: #fff;
    margin-bottom: -4px
}

search-bar>div.search .searchBar mat-form-field {
    min-width: 370px
}

search-bar>div.search .searchBar mat-form-field .mat-form-field-label,
search-bar>div.search .searchBar mat-form-field input.mat-input-element {
    color: #fff!important
}

search-bar>div.search .searchBar mat-form-field .mat-form-field-underline {
    background-color: #fff!important
}

search-bar>div.search .searchBar .deleteButton {
    width: 36px;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    margin-top: auto;
    margin-bottom: auto
}

search-bar>div.search .searchBar .deleteButton .line {
    height: 50px;
    border-left: 1px solid #d7d7d7
}

search-bar>div.search .overlay {
    position: absolute;
    background-color: #3e5366;
    top: 195px;
    width: 474px;
    z-index: 2;
    color: #fff
}

search-bar>div.search .overlay.app-height {
    top: 85px
}

search-bar>div.search .overlay .updatebtn {
    text-align: center;
    cursor: pointer;
    background: #247D24;
    color: #fff;
    font-weight: 700;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    margin-left: 222px;
    width: 200px
}

search-bar>div.search .overlay .updatebtn p {
    margin: 0
}

search-bar>div.search .overlay .disabledButton {
    background: grey;
    cursor: default
}

search-bar>div.search .overlay .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

search-bar>div.search .overlay .content .header {
    font-weight: 700
}

search-bar>div.search .overlay .content .personList,
search-bar>div.search .overlay .content .unit-list {
    margin-left: 10px
}

search-bar>div.search .overlay .content .business p.name {
    margin-bottom: 0;
    margin-top: 5px
}

search-bar>div.search .overlay .content .business p.descr {
    margin-top: 0;
    color: #fff;
    opacity: .5;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

search-bar>div.search .overlay .content .business p.name:hover {
    color: #247D24;
    cursor: pointer
}

search-bar>div.search .overlay .content .business,
search-bar>div.search .overlay .content .persons {
    margin-bottom: 30px
}

search-bar>div.search .overlay .content .business h4,
search-bar>div.search .overlay .content .persons h4 {
    margin-bottom: 0
}

search-bar>div.search .overlay .content .business p.name,
search-bar>div.search .overlay .content .persons p.name {
    margin-bottom: 0;
    margin-top: 5px
}

search-bar>div.search .overlay .content .persons .personList {
    display: flex;
    margin-top: 5px
}

search-bar>div.search .overlay .content .persons .personList ts-icon {
    margin-top: 3px
}

search-bar>div.search .overlay .content .persons .personList svg.userIcon {
    fill: #fff
}

search-bar>div.search .overlay .content .persons .personList:hover p {
    color: #247D24;
    cursor: pointer
}

search-bar>div.search .overlay .content .persons .personList:hover svg.userIcon {
    fill: #247D24
}

search-bar>div.search .overlay .content .persons ts-icon {
    margin-top: 0;
    margin-left: 0
}

search-bar>div.search .overlay .content .noResults {
    margin: 20px auto;
    font-weight: 700
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    search-bar>div.search .overlay {
        margin-left: -472px!important
    }
}

selected-business-unit .mat-form-field {
    line-height: 1.3em
}

selected-business-unit .mat-tab-body-content {
    overflow: hidden
}

selected-business-unit .button-with-title {
    line-height: 32px!important
}

selected-business-unit .wideContent {
    width: 100%;
    display: flex;
    flex-direction: column
}

selected-business-unit .wideContent .display-fields {
    margin-top: 15px;
    margin-bottom: 15px
}

selected-business-unit .email-field {
    margin-top: 18px
}

selected-business-unit .pageTitle {
    max-width: 350px!important
}

selected-business-unit .buttonContainer {
    display: flex;
    flex-direction: row;
    justify-content: center
}

selected-business-unit .buttonContainer .buttonInColumn {
    cursor: pointer
}

selected-business-unit .updatebtn {
    padding-top: 10px
}

selected-business-unit .updatebtn .updatebtnText {
    width: 100px
}

selected-business-unit .mat-form-field-subscript-wrapper {
    top: auto!important
}

selected-business-unit .inputRow {
    margin-bottom: 0!important
}

selected-business-unit .statusContent {
    width: 50%
}

selected-business-unit .statusContent .inputGroup {
    margin-top: 5px
}

selected-business-unit .warning-text {
    color: #E2002A;
    display: flex;
    margin-top: 15px
}

selected-business-unit .warning-text .warning-icon {
    margin-right: 8px
}

selected-business-unit .businessUnitAdministrationLabel {
    margin-bottom: 15px
}

selected-business-unit .customerNumberField {
    margin-top: 10px;
    color: #b1b1b1
}

selected-business-unit .customerNumberField.sap-debitor-field {
    margin-bottom: 15px
}

selected-business-unit .addressContainer .infoElement {
    margin-top: 8px!important;
    margin-bottom: 8px!important
}

selected-business-unit .address-three-fields {
    display: flex
}

selected-business-unit .address-three-fields .zip-code {
    min-width: 15%
}

selected-business-unit .address-three-fields .city {
    min-width: 50%;
    padding-right: 10px;
    padding-left: 10px
}

selected-business-unit .address-three-fields .country {
    min-width: 35%
}

selected-business-unit .button-container {
    display: flex;
    flex-direction: column;
    margin: auto;
    width: 250px
}

selected-business-unit .button-container button {
    height: 50px;
    margin-bottom: 5px
}

selected-business-unit .button-container button .button-icon {
    fill: #fff
}

selected-business-unit .mat-tab-body {
    overflow-y: hidden
}

business-unit-status .status-column-list {
    display: flex;
    flex-direction: column
}

business-unit-address address-input .two-inputs-group.second {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

business-unit-address address-input .two-inputs-group.second mat-form-field {
    width: 49%
}

assign-person-to-tan-modal .contentContainer {
    height: 230px!important;
    padding: 15px 15px 0 15px
}

assign-person-to-tan-modal .headingWithIcon {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    margin-bottom: 26px;
    width: 100%;
    display: flex;
    color: #247D24
}

assign-person-to-tan-modal .headingWithIcon .heading {
    font-weight: 700;
    margin-left: 5px;
    padding-top: 2px
}

assign-person-to-tan-modal .description {
    font-size: 1rem;
    color: #868686;
    line-height: 24px
}

assign-person-to-tan-modal .content {
    padding-left: 10px
}

assign-person-to-tan-modal .buttons div {
    cursor: pointer
}

assign-person-to-tan-modal .dateInputContainer {
    display: flex
}

assign-person-to-tan-modal .dateInputContainer .dateInput {
    margin-right: 10px
}

assign-person-to-tan-modal .dateInputLabel {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    color: #868686
}

assign-person-to-tan-modal .disabled-assing-button {
    color: #b1b1b1
}

assign-person-to-tan-modal .person-field {
    width: 50%
}

tan-list-component .businessUnitItem {
    border-bottom: solid
}

tan-list-component .table-container {
    overflow: auto
}

tan-list-component table {
    margin-top: 40px
}

tan-list-component table .tableHead {
    border-bottom: solid;
    text-align: left
}

tan-list-component table .organisation-header {
    width: 33%
}

tan-list-component table .validity-header {
    width: 25%
}

tan-list-component table .tan-header {
    width: 22%
}

tan-list-component table td,
tan-list-component table th {
    border-bottom-style: none!important
}

tan-list-component table td .tan,
tan-list-component table th .tan {
    display: flex;
    padding: 2px;
    background: #247D24;
    color: #fff;
    border-radius: 3px;
    margin-bottom: 3px;
    margin-top: 2px;
    margin-right: 15px;
    cursor: pointer;
    width: 115px;
    justify-content: space-around
}

tan-list-component table td .tan:hover,
tan-list-component table th .tan:hover {
    background-color: #247D24
}

tan-list-component table td .tan .copy-icon,
tan-list-component table th .tan .copy-icon {
    margin-top: 2px
}

tan-list-component table td .tan .tanDeleteIcon,
tan-list-component table th .tan .tanDeleteIcon {
    margin-top: 2px;
    vertical-align: middle;
    fill: #fff;
    float: right;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer
}

tan-list-component table td .tan .tanDeleteIcon:hover,
tan-list-component table th .tan .tanDeleteIcon:hover {
    fill: rgba(34, 34, 34, .5)
}

tan-list-component table td .tan .tan-text,
tan-list-component table th .tan .tan-text {
    margin: 0 5px 0 5px
}

tan-list-component table td .tanAddButton,
tan-list-component table th .tanAddButton {
    margin-top: 5px;
    margin-bottom: 5px;
    min-width: 62px!important;
    line-height: 22px;
    padding: 0!important
}

tan-list-component table td .tanValidity,
tan-list-component table th .tanValidity {
    color: #bcbcbc;
    margin-left: 2px;
    margin-top: 6px;
    margin-bottom: 10px
}

tan-list-component table td .tanValidity .assignButton,
tan-list-component table th .tanValidity .assignButton {
    color: #247D24
}

tan-list-component table td .tanValidity .assignButton:hover,
tan-list-component table th .tanValidity .assignButton:hover {
    font-weight: 700
}

tan-list-component table td.mat-cell,
tan-list-component table th.mat-cell {
    vertical-align: top
}

tan-list-component table th.mat-header-cell {
    border-bottom-width: 4px!important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #000
}

tan-list-component table th.mat-header-cell:first-child {
    font-size: 1rem!important
}

tan-list-component th.mat-header-cell:first-child {
    font-size: 1rem!important
}

add-payment-method-invoice-modal .headingWithIcon {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    color: #247D24;
    margin-bottom: 26px;
    width: 100%;
    display: flex;
    fill: #247D24
}

add-payment-method-invoice-modal .headingWithIcon .heading {
    margin-left: 5px;
    padding-top: 2px
}

add-payment-method-invoice-modal .description {
    font-size: 1rem;
    color: #868686;
    line-height: 24px;
    margin-bottom: 12px
}

add-payment-method-invoice-modal .content {
    padding-left: 30px
}

add-payment-method-invoice-modal .dateInputContainer {
    display: flex
}

add-payment-method-invoice-modal .dateInputContainer .dateInput {
    margin-right: 10px
}

add-payment-method-invoice-modal .dateInputLabel {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    color: #868686
}

add-payment-method-invoice-modal .description.lower {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

add-payment-method-airplus-modal .headingWithIcon {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    color: #247D24;
    margin-bottom: 26px;
    width: 100%;
    display: flex;
    fill: #247D24
}

add-payment-method-airplus-modal .headingWithIcon .heading {
    margin-left: 5px;
    padding-top: 2px
}

add-payment-method-airplus-modal .description {
    font-size: 1rem;
    color: #868686;
    line-height: 24px;
    margin-bottom: 12px
}

add-payment-method-airplus-modal .content {
    padding-left: 30px
}

add-payment-method-airplus-modal .dateInputContainer {
    display: flex
}

add-payment-method-airplus-modal .dateInputContainer .dateInput {
    margin-right: 10px
}

add-payment-method-airplus-modal .dateInputLabel {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    color: #868686
}

management-selector {
    width: 100%
}

management-selector .ticket-panel-background {
    position: absolute;
    background: #fff;
    width: 83px;
    height: 100%;
    border-right: 3px solid #3e5366
}

management-selector .management-container {
    display: flex;
    background: rgba(35, 35, 35, .6);
    height: 100%
}

management-selector .delete-button-icon {
    margin-right: 3px
}

management-selector .delete-button-icon svg {
    fill: #E2002A
}

management-selector .management-delete-button {
    min-width: 0;
    height: 30px;
    padding: 0 3px 0 5px
}

management-selector .spinner-element {
    position: fixed;
    z-index: 4;
    height: 100%;
    width: 100%;
    max-width: 830px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, .8)
}

management-selector .spinner-element mat-spinner {
    -webkit-animation: mat-progress-spinner-linear-rotate 2s linear infinite;
    animation: mat-progress-spinner-linear-rotate 2s linear infinite
}

management-selector .spinner-element mat-spinner circle {
    transition-property: stroke!important;
    -webkit-animation-duration: 4s!important;
    animation-duration: 4s!important;
    -webkit-animation-timing-function: cubic-bezier(.35, 0, .25, 1)!important;
    animation-timing-function: cubic-bezier(.35, 0, .25, 1)!important;
    -webkit-animation-iteration-count: infinite!important;
    animation-iteration-count: infinite!important
}

management-selector .person-card-icon {
    fill: #3B4650
}

management-selector .inputContainer {
    margin-top: 20px;
    display: flex;
    justify-content: space-between
}

management-selector .inputRow {
    display: -ms-flexbox;
    flex-direction: column;
    display: flex;
    margin-bottom: 20px;
    width: 100%
}

management-selector .inputRow .sex {
    color: #b1b1b1
}

management-selector .inputRow.address .inputGroup {
    margin-right: 0
}

@media (min-width:480px) {
    management-selector .inputRow.streetNumber {
        flex: 1 1 100px;
        max-width: 100px
    }
}

@media (min-width:480px) {
    management-selector .inputRow.zipCode {
        flex: 1 1 100px;
        max-width: 100px
    }
    management-selector .inputRow.zipCode .inputGroup {
        margin-right: 0
    }
}

management-selector .inputRow .inputGroup {
    margin-right: 10px
}

management-selector .inputRow .inputGroup input[disabled=disabled] {
    background-color: transparent;
    color: #b1b1b1
}

management-selector .inputRow .inputGroup input {
    width: 100%
}

management-selector .inputRow .inputGroup .requiredElementMark {
    color: red
}

management-selector .mat-button.mat-primary:hover {
    background-color: #e4ffe4!important
}

management-selector .mat-flat-button.mat-primary {
    background-color: #247D24
}

management-selector .mat-flat-button.mat-primary:hover {
    background-color: #247D24
}

management-selector .mat-flat-button.mat-primary[disabled] {
    background-color: #b1b1b1!important
}

management-selector .left-container {
    width: 800px;
    margin-right: 20px;
    direction: ltr;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    overflow: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
    padding-left: 83px;
    height: calc(100vh - 90px)
}

management-selector .left-container::-webkit-scrollbar {
    display: none
}

management-selector .left-container.avc-height {
    height: calc(100vh - 120px)
}

management-selector .right-container {
    position: fixed;
    width: 62%;
    max-width: 881px;
    margin-left: 559px;
    background: #fff;
    border: 1px solid rgba(235, 235, 235, .2);
    height: 100%;
    overflow: hidden;
    overflow-y: hidden;
    padding: 0 0 40px 45px;
    justify-content: flex-end;
    z-index: 1
}

management-selector .right-container.app-height {
    height: calc(100% - 90px)
}

management-selector .right-container .with-close-button {
    justify-content: unset;
    display: flex
}

management-selector .right-container .body-content {
    padding-top: 75px;
    height: calc(95vh - 90px);
    overflow: auto;
    padding-right: 40px
}

management-selector .right-container.avc-height {
    height: calc(100% - 120px)
}

management-selector .right-container.avc-height .body-content {
    height: calc(95vh - 120px)
}

management-selector .right-container .top-content {
    margin-top: -5px;
    position: fixed;
    background: #fff;
    z-index: 2;
    width: 56vw;
    max-width: 835px;
    display: flex;
    align-items: center;
    padding-bottom: 18px;
    padding-top: 18px;
    border-bottom: 3px solid #3B4650;
    justify-content: space-between
}

management-selector .right-container .top-content .heading-container {
    display: flex;
    align-items: center
}

management-selector .right-container .top-content .closeButton {
    background: #64942c;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    cursor: pointer
}

management-selector .right-container .top-content .title {
    margin-left: 20px;
    height: auto;
    color: #3B4650;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    line-height: 42px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 485px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap
}

management-selector .right-container .top-content .folder {
    fill: #64942c
}

management-selector .right-container .top-content h1 {
    margin: 0;
    height: 42px;
    max-width: 558px;
    color: #64942c;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    line-height: 42px
}

management-selector .right-container .top-content .updatebuttonbar {
    justify-content: flex-end;
    display: flex;
    padding-right: 18px
}

management-selector .right-container .top-content .updatebuttonbar button {
    height: 50px
}

management-selector .right-container .bottomContent {
    margin-top: 30px
}

management-selector .right-container .middleContent {
    display: flex
}

management-selector .right-container .middleContent .rightInnerContainer {
    flex: 1 1 auto;
    margin: 5px
}

management-selector .right-container .middleContent .leftInnerContainer {
    flex: 1 1 auto;
    text-align: center
}

management-selector .right-container .middleContent .selectRole {
    width: 100%
}

management-selector .right-container .middleContent .role {
    margin-top: 19px
}

management-selector .right-container .middleContent .roleHasValue {
    bottom: 28px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    color: #2fa52f
}

management-selector .right-container .middleContent .helpwrappericon {
    display: inline
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    management-selector .right-container {
        position: relative;
        width: 67.1%;
        margin-left: -261px;
        height: 100%!important
    }
}

management-selector .infoText {
    border-bottom: 2px solid #3B4650;
    align-content: start;
    justify-content: flex-start;
    display: flex;
    margin-bottom: 15px
}

management-selector .infoText h1 {
    color: #3B4650;
    padding: 0;
    font-weight: 400;
    margin: 0 0 4px
}

management-selector .infoText .title {
    height: 5.08%;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

management-selector .infoElement {
    padding-bottom: 0;
    margin-top: 0;
    padding-top: 0;
    box-sizing: border-box;
    margin-bottom: 0
}

management-selector .infoElement p {
    color: #b4b4b4;
    justify-content: flex-start;
    flex-direction: row;
    display: flex;
    margin-bottom: 10px
}

management-selector .infoElement h1 {
    font-weight: 100;
    font-size: large;
    margin-top: -10px;
    align-content: start;
    justify-content: flex-start;
    display: flex;
    margin-bottom: 0
}

#businessunits {
    position: relative
}

#businessunits.searchbarContainer {
    display: block;
    width: 90%
}

#businessunits .searchbarItem {
    background: 0 0;
    padding: 0
}

#businessunits .buSearchInputHelpText {
    color: #b1b1b1;
    font-size: 0.765rem
}

#buSearchInput {
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #fff;
    border-left: none;
    width: 100%;
    margin-bottom: 2px
}

#buSearchInput:focus {
    border-bottom: 3px solid #247D24;
    margin-bottom: 0
}

#businessUnitSearch {
    position: absolute;
    width: 100%;
    background: rgba(102, 102, 102, .95);
    top: 60px;
    max-height: 400px;
    overflow-y: scroll;
    z-index: 2
}

#businessUnitSearch .close {
    position: absolute;
    right: 8px;
    top: 8px;
    padding: 8px;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    color: #fff;
    cursor: pointer
}

#businessUnitSearch .businessunit-item {
    padding: 4px;
    margin: 8px 16px;
    color: #fff;
    text-decoration: underline
}

#businessUnitSearch .businessunit-item span:hover {
    font-weight: 700;
    cursor: pointer
}

#businessUnitSearch .businessunit-item.selected {
    font-weight: 700;
    background: 0 0
}

#businessUnitSearch .businessunit-item.selected span:hover {
    cursor: initial
}

#selectedBusinessUnits {
    display: flex;
    flex-wrap: wrap;
    padding: 10px
}

#selectedBusinessUnits .selected-unit {
    width: calc(50% - 35px);
    margin: 0 0 20px 35px;
    padding: 5px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    justify-content: space-between
}

#selectedBusinessUnits .selected-unit:hover {
    background: rgba(255, 255, 255, .025)
}

#selectedBusinessUnits .selected-unit .close {
    color: #247D24;
    cursor: pointer;
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    padding: 4px
}

#selectedBusinessUnits .selected-unit-name {
    display: block
}

body[state="root.b2b.reporting"] #content,
reporting-landing-page {
    display: block
}

reporting-landing-page {
    flex: 1
}

reporting-landing-page .mat-form-field-label-wrapper .mat-form-field-label {
    color: #fff
}

reporting-landing-page .mat-form-field-label-wrapper label {
    color: #fff
}

reporting-landing-page .mat-form-field-underline {
    background-color: #fff!important
}

reporting-landing-page .mat-datepicker-toggle .mat-icon-button {
    color: #fff
}

reporting-landing-page .orange-error {
    color: #ff5e00
}

reporting-landing-page .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    color: #fff
}

reporting-landing-page .mat-form-field.mat-form-field-invalid .mat-form-field-label {
    color: #ff5e00
}

reporting-landing-page .mat-form-field.mat-form-field-invalid .mat-form-field-ripple {
    background-color: #ff5e00
}

#reportingLandingPage {
    height: auto;
    z-index: 1;
    display: block;
    width: 100%
}

#reportingLandingPageWrapper {
    background: #1e2831;
    color: #fff;
    padding: 37px 42px 37px 90px;
    width: 100%
}

#reportingLandingPageWrapper #bottom-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700
}

#reportingLandingPageWrapper .button-wrapper.first {
    flex: 1
}

#reportingLandingPageWrapper .button-wrapper.last {
    margin-left: 10px
}

#reportingLandingPageWrapper .until {
    padding: 0 10px
}

#reportingLandingPageWrapper input {
    background: #1e2831
}

#reportingLandingPageWrapper #resetSearch {
    color: #247D24
}

#reportingLandingPageWrapper #generateReport:disabled {
    color: #fff;
    background-color: #247D24;
    opacity: .5
}

#reportingLandingPageWrapper #downloadReport:disabled {
    color: #fff;
    background-color: #247D24;
    opacity: .5
}

#reportingLandingPageWrapper h2 {
    margin-bottom: 8px
}

#reportingLandingPageWrapper hr {
    background: #fff;
    height: 3px;
    border-radius: 1px;
    margin-bottom: 30px
}

#bu-wrapper {
    min-height: 400px;
    flex: 1;
    margin-right: 21px
}

#reportingLandingPageMain {
    display: flex
}

#reportingSendModal .button-wrapper button {
    padding: 8px 12px;
    margin-left: 10px;
    color: #247D24
}

#reportingSendModal .button-wrapper button[disabled] {
    color: #b1b1b1
}

b2b-mt-container .arz-wrapper {
    margin: 40px auto;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    background-color: #f5f6f9;
    display: flex;
    flex: 1 1 100%;
    flex-flow: column;
    padding: 23px 29px 19px 32px
}

b2b-mt-container .arz-wrapper header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    margin-bottom: 15px
}

b2b-mt-container .arz-wrapper mt-add-vehicle .content {
    padding: 0!important
}

b2b-mt-container .arz-wrapper mt-add-vehicle .content>section {
    margin: 0!important;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1
}

b2b-mt-container .arz-wrapper mt-add-vehicle .content>section .custom-flex-row {
    display: none
}

b2b-mt-container .arz-wrapper mt-add-vehicle .content>section .inputWrapper.bordered {
    border-bottom: 1px solid #d7d7d7
}

b2b-mt-container .arz-wrapper mt-add-vehicle .content>section .inputWrapper.noPadding {
    padding-bottom: 0
}

b2b-mt-container .arz-wrapper mt-add-vehicle .content>section .inputWrapper input,
b2b-mt-container .arz-wrapper mt-add-vehicle .content>section .inputWrapper select {
    width: 100%
}

b2b-mt-container .arz-wrapper mt-add-vehicle .content>section .arz-flex-row {
    display: flex!important
}

b2b-mt-container .arz-wrapper mt-add-vehicle .content>section .arz-flex-row>div {
    flex: 1 1 33%
}

b2b-mt-container .arz-wrapper mt-add-vehicle .content>section .arz-flex-row>div:first-of-type {
    padding-right: 10px
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content,
b2b-mt-container .arz-wrapper mt-add-trailer .content {
    flex: 1 1 100%
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content .inputWrapper,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content .inputWrapper,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content .inputWrapper,
b2b-mt-container .arz-wrapper mt-add-trailer .content .inputWrapper {
    width: 33%;
    padding-right: 20px
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content .checkboxWrapper,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content .checkboxWrapper,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content .checkboxWrapper,
b2b-mt-container .arz-wrapper mt-add-trailer .content .checkboxWrapper {
    width: 100%!important;
    display: flex;
    margin-top: 10px
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content .checkboxWrapper .one,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content .checkboxWrapper .one,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content .checkboxWrapper .one,
b2b-mt-container .arz-wrapper mt-add-trailer .content .checkboxWrapper .one {
    flex: 0 1 30px
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content .checkboxWrapper .two,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content .checkboxWrapper .two,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content .checkboxWrapper .two,
b2b-mt-container .arz-wrapper mt-add-trailer .content .checkboxWrapper .two {
    flex: 1 1;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content .mandatory,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content .mandatory,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content .mandatory,
b2b-mt-container .arz-wrapper mt-add-trailer .content .mandatory {
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content .mandatory-error,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content .mandatory-error,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content .mandatory-error,
b2b-mt-container .arz-wrapper mt-add-trailer .content .mandatory-error {
    width: 100%!important;
    color: #E2002A
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content .custom-flex-row,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content .custom-flex-row,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content .custom-flex-row,
b2b-mt-container .arz-wrapper mt-add-trailer .content .custom-flex-row {
    display: flex;
    flex-flow: row;
    flex: 1 1 100%
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content .custom-flex-row .inputWrapper,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content .custom-flex-row .inputWrapper,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content .custom-flex-row .inputWrapper,
b2b-mt-container .arz-wrapper mt-add-trailer .content .custom-flex-row .inputWrapper {
    flex: 0 0 33%;
    padding-right: 20px
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content .custom-flex-row .inputWrapper input,
b2b-mt-container .arz-wrapper mt-add-or-edit-car .content .custom-flex-row .inputWrapper select,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content .custom-flex-row .inputWrapper input,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content .custom-flex-row .inputWrapper select,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content .custom-flex-row .inputWrapper input,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content .custom-flex-row .inputWrapper select,
b2b-mt-container .arz-wrapper mt-add-trailer .content .custom-flex-row .inputWrapper input,
b2b-mt-container .arz-wrapper mt-add-trailer .content .custom-flex-row .inputWrapper select {
    width: 100%
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content .custom-flex-row .arz-flex-row,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content .custom-flex-row .arz-flex-row,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content .custom-flex-row .arz-flex-row,
b2b-mt-container .arz-wrapper mt-add-trailer .content .custom-flex-row .arz-flex-row {
    display: flex;
    flex: 1 0 66%
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content .custom-flex-row .arz-flex-row .inputWrapper,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content .custom-flex-row .arz-flex-row .inputWrapper,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content .custom-flex-row .arz-flex-row .inputWrapper,
b2b-mt-container .arz-wrapper mt-add-trailer .content .custom-flex-row .arz-flex-row .inputWrapper {
    flex: 1 0 33%
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content .limiting-profile-button,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content .limiting-profile-button,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content .limiting-profile-button,
b2b-mt-container .arz-wrapper mt-add-trailer .content .limiting-profile-button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    text-transform: uppercase;
    color: #247D24;
    margin-top: 10px;
    margin-bottom: 10px
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content mt-car-input-by-brand section .arz-flex-row,
b2b-mt-container .arz-wrapper mt-add-or-edit-car .content mt-car-input-by-dimension section .arz-flex-row,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content mt-car-input-by-brand section .arz-flex-row,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content mt-car-input-by-dimension section .arz-flex-row,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content mt-car-input-by-brand section .arz-flex-row,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content mt-car-input-by-dimension section .arz-flex-row,
b2b-mt-container .arz-wrapper mt-add-trailer .content mt-car-input-by-brand section .arz-flex-row,
b2b-mt-container .arz-wrapper mt-add-trailer .content mt-car-input-by-dimension section .arz-flex-row {
    display: flex;
    flex: 1 1 100%
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content mt-car-input-by-brand section .arz-flex-row .max-size-label,
b2b-mt-container .arz-wrapper mt-add-or-edit-car .content mt-car-input-by-dimension section .arz-flex-row .max-size-label,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content mt-car-input-by-brand section .arz-flex-row .max-size-label,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content mt-car-input-by-dimension section .arz-flex-row .max-size-label,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content mt-car-input-by-brand section .arz-flex-row .max-size-label,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content mt-car-input-by-dimension section .arz-flex-row .max-size-label,
b2b-mt-container .arz-wrapper mt-add-trailer .content mt-car-input-by-brand section .arz-flex-row .max-size-label,
b2b-mt-container .arz-wrapper mt-add-trailer .content mt-car-input-by-dimension section .arz-flex-row .max-size-label {
    margin-top: -10px
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content mt-car-input-by-brand section .two-entries-per-row .inputWrapper,
b2b-mt-container .arz-wrapper mt-add-or-edit-car .content mt-car-input-by-dimension section .two-entries-per-row .inputWrapper,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content mt-car-input-by-brand section .two-entries-per-row .inputWrapper,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content mt-car-input-by-dimension section .two-entries-per-row .inputWrapper,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content mt-car-input-by-brand section .two-entries-per-row .inputWrapper,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content mt-car-input-by-dimension section .two-entries-per-row .inputWrapper,
b2b-mt-container .arz-wrapper mt-add-trailer .content mt-car-input-by-brand section .two-entries-per-row .inputWrapper,
b2b-mt-container .arz-wrapper mt-add-trailer .content mt-car-input-by-dimension section .two-entries-per-row .inputWrapper {
    flex: 0 0 33%!important
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content mt-car-input-by-brand section .infos,
b2b-mt-container .arz-wrapper mt-add-or-edit-car .content mt-car-input-by-dimension section .infos,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content mt-car-input-by-brand section .infos,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content mt-car-input-by-dimension section .infos,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content mt-car-input-by-brand section .infos,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content mt-car-input-by-dimension section .infos,
b2b-mt-container .arz-wrapper mt-add-trailer .content mt-car-input-by-brand section .infos,
b2b-mt-container .arz-wrapper mt-add-trailer .content mt-car-input-by-dimension section .infos {
    color: #fff;
    padding: 15px 29px 15px 32px;
    margin: 20px -29px 20px -32px;
    background-color: #1A3A4A;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content mt-car-input-by-dimension .error-logs,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content mt-car-input-by-dimension .error-logs,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content mt-car-input-by-dimension .error-logs,
b2b-mt-container .arz-wrapper mt-add-trailer .content mt-car-input-by-dimension .error-logs {
    display: flex;
    flex: 1 1 100%
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content mt-car-input-by-dimension .error-logs>mat-error,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content mt-car-input-by-dimension .error-logs>mat-error,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content mt-car-input-by-dimension .error-logs>mat-error,
b2b-mt-container .arz-wrapper mt-add-trailer .content mt-car-input-by-dimension .error-logs>mat-error {
    flex: 0 0 33%;
    margin-top: 0;
    padding-top: 5px
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content mt-car-racks-and-roof-selection,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content mt-car-racks-and-roof-selection,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content mt-car-racks-and-roof-selection,
b2b-mt-container .arz-wrapper mt-add-trailer .content mt-car-racks-and-roof-selection {
    margin: 20px 0
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content mt-car-racks-and-roof-selection .inputWrapper,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content mt-car-racks-and-roof-selection .inputWrapper,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content mt-car-racks-and-roof-selection .inputWrapper,
b2b-mt-container .arz-wrapper mt-add-trailer .content mt-car-racks-and-roof-selection .inputWrapper {
    width: 100%;
    padding-right: 20px
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content mt-car-eurotax-properties .euro-tax-row,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content mt-car-eurotax-properties .euro-tax-row,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content mt-car-eurotax-properties .euro-tax-row,
b2b-mt-container .arz-wrapper mt-add-trailer .content mt-car-eurotax-properties .euro-tax-row {
    display: flex;
    flex-flow: column;
    background-color: #fff;
    margin: 10px -32px;
    padding: 20px 32px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content mt-car-eurotax-properties .euro-tax-row span.title-line,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content mt-car-eurotax-properties .euro-tax-row span.title-line,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content mt-car-eurotax-properties .euro-tax-row span.title-line,
b2b-mt-container .arz-wrapper mt-add-trailer .content mt-car-eurotax-properties .euro-tax-row span.title-line {
    margin-bottom: 10px
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content mt-car-eurotax-properties .euro-tax-row>span,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content mt-car-eurotax-properties .euro-tax-row>span,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content mt-car-eurotax-properties .euro-tax-row>span,
b2b-mt-container .arz-wrapper mt-add-trailer .content mt-car-eurotax-properties .euro-tax-row>span {
    line-height: 1.4
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content mt-car-input-by-national-code .custom-flex-row,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content mt-car-input-by-national-code .custom-flex-row,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content mt-car-input-by-national-code .custom-flex-row,
b2b-mt-container .arz-wrapper mt-add-trailer .content mt-car-input-by-national-code .custom-flex-row {
    display: flex;
    flex-flow: column;
    line-height: 1.4;
    padding-bottom: 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

b2b-mt-container .arz-wrapper mt-add-or-edit-car .content mt-car-input-by-national-code mat-error,
b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .content mt-car-input-by-national-code mat-error,
b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .content mt-car-input-by-national-code mat-error,
b2b-mt-container .arz-wrapper mt-add-trailer .content mt-car-input-by-national-code mat-error {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin-top: 2px
}

b2b-mt-container .arz-wrapper mt-add-or-edit-motorbike .mandatory {
    margin-left: 0!important
}

b2b-mt-container .arz-wrapper mt-choose-input-type .content>section {
    margin: 0 -29px 10px -32px;
    background: #fff
}

b2b-mt-container .arz-wrapper mt-choose-input-type .content .input-type-entry {
    display: flex;
    flex: 1 1 100%;
    flex-flow: column;
    width: 100%;
    padding: 10px 29px 10px 32px;
    border-top: 1px solid #d7d7d7;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

b2b-mt-container .arz-wrapper mt-choose-input-type .content .input-type-entry ts-icon {
    display: none
}

b2b-mt-container .arz-wrapper mt-choose-input-type .content .input-type-entry:last-child {
    border-bottom: 1px solid #d7d7d7
}

b2b-mt-container .arz-wrapper mt-choose-input-type .content .input-type-entry:hover {
    background-color: #d7d7d7
}

b2b-mt-container .arz-wrapper mt-choose-input-type mt-add-car-by-national-code .help-text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif!important;
    font-size: 0.9rem!important;
    line-height: 1.33!important;
    margin-bottom: 10px
}

b2b-mt-container .arz-wrapper mt-choose-input-type mt-add-car-by-national-code mat-error {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif!important;
    font-size: 0.9rem!important;
    line-height: 1.33!important;
    margin-bottom: 10px!important
}

b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .description {
    margin: 0 -29px 19px -32px;
    padding: 25px 32px 25px 32px;
    background-color: #fff;
    line-height: 1.4em;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

b2b-mt-container .arz-wrapper mt-add-or-edit-special-vehicle .marginTop {
    margin-top: 5px
}

b2b-mt-container .arz-wrapper mt-add-trailer .error-logs {
    margin-top: 15px;
    line-height: 1.8
}

b2b-mt-container .arz-wrapper mt-add-trailer .error-logs .mat-error {
    width: 33%;
    padding-right: 20px;
    display: inline-block
}

b2b-mt-container b2b-mt-help-info .content {
    background-color: #1A3A4A;
    color: #fff;
    margin-top: -40px;
    padding: 10px 32px
}

b2b-mt-container b2b-mt-help-info .content .header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1
}

b2b-mt-container b2b-mt-help-info .content .message {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1.4
}

b2b-mt-container footer {
    display: flex;
    justify-content: space-between
}

b2b-mt-container footer .left {
    display: flex;
    justify-content: space-between;
    flex: 1
}

b2b-mt-container footer .continue-button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #247D24;
    text-transform: uppercase
}

b2b-mt-container footer b2b-extended-buttons button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #247D24;
    text-transform: uppercase
}

b2b-mt-container footer b2b-extended-buttons button:first-child {
    margin-right: 15px
}

core-mt-container {
    background-color: #f5f6f9
}

core-mt-container mt-add-or-edit-car .content,
core-mt-container mt-add-or-edit-motorbike .content,
core-mt-container mt-add-or-edit-special-vehicle .content,
core-mt-container mt-add-trailer .content,
core-mt-container mt-add-vehicle .content {
    padding: 0!important
}

core-mt-container mt-add-or-edit-car .content header,
core-mt-container mt-add-or-edit-motorbike .content header,
core-mt-container mt-add-or-edit-special-vehicle .content header,
core-mt-container mt-add-trailer .content header,
core-mt-container mt-add-vehicle .content header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    padding: 23px 29px 19px 32px;
    border-bottom: 1px solid #d7d7d7;
    font-weight: 400
}

core-mt-container mt-add-or-edit-car .content>section,
core-mt-container mt-add-or-edit-motorbike .content>section,
core-mt-container mt-add-or-edit-special-vehicle .content>section,
core-mt-container mt-add-trailer .content>section,
core-mt-container mt-add-vehicle .content>section {
    margin: 0!important;
    padding: 23px 29px 29px 32px
}

core-mt-container mt-add-or-edit-car .content>section mt-car-input-by-brand>section,
core-mt-container mt-add-or-edit-motorbike .content>section mt-car-input-by-brand>section,
core-mt-container mt-add-or-edit-special-vehicle .content>section mt-car-input-by-brand>section,
core-mt-container mt-add-trailer .content>section mt-car-input-by-brand>section,
core-mt-container mt-add-vehicle .content>section mt-car-input-by-brand>section {
    margin: 0
}

core-mt-container mt-add-or-edit-car .content>section input,
core-mt-container mt-add-or-edit-motorbike .content>section input,
core-mt-container mt-add-or-edit-special-vehicle .content>section input,
core-mt-container mt-add-trailer .content>section input,
core-mt-container mt-add-vehicle .content>section input {
    background: 0 0
}

core-mt-container mt-add-or-edit-car .content>section input,
core-mt-container mt-add-or-edit-car .content>section select,
core-mt-container mt-add-or-edit-motorbike .content>section input,
core-mt-container mt-add-or-edit-motorbike .content>section select,
core-mt-container mt-add-or-edit-special-vehicle .content>section input,
core-mt-container mt-add-or-edit-special-vehicle .content>section select,
core-mt-container mt-add-trailer .content>section input,
core-mt-container mt-add-trailer .content>section select,
core-mt-container mt-add-vehicle .content>section input,
core-mt-container mt-add-vehicle .content>section select {
    color: #222
}

core-mt-container mt-add-or-edit-car .content>section input:disabled,
core-mt-container mt-add-or-edit-car .content>section select:disabled,
core-mt-container mt-add-or-edit-motorbike .content>section input:disabled,
core-mt-container mt-add-or-edit-motorbike .content>section select:disabled,
core-mt-container mt-add-or-edit-special-vehicle .content>section input:disabled,
core-mt-container mt-add-or-edit-special-vehicle .content>section select:disabled,
core-mt-container mt-add-trailer .content>section input:disabled,
core-mt-container mt-add-trailer .content>section select:disabled,
core-mt-container mt-add-vehicle .content>section input:disabled,
core-mt-container mt-add-vehicle .content>section select:disabled {
    color: #b1b1b1
}

core-mt-container mt-add-or-edit-car .content>section .inputWrapper input,
core-mt-container mt-add-or-edit-car .content>section .inputWrapper select,
core-mt-container mt-add-or-edit-motorbike .content>section .inputWrapper input,
core-mt-container mt-add-or-edit-motorbike .content>section .inputWrapper select,
core-mt-container mt-add-or-edit-special-vehicle .content>section .inputWrapper input,
core-mt-container mt-add-or-edit-special-vehicle .content>section .inputWrapper select,
core-mt-container mt-add-trailer .content>section .inputWrapper input,
core-mt-container mt-add-trailer .content>section .inputWrapper select,
core-mt-container mt-add-vehicle .content>section .inputWrapper input,
core-mt-container mt-add-vehicle .content>section .inputWrapper select {
    width: 100%
}

core-mt-container mt-add-or-edit-car .content>section .inputWrapper.noPadding,
core-mt-container mt-add-or-edit-motorbike .content>section .inputWrapper.noPadding,
core-mt-container mt-add-or-edit-special-vehicle .content>section .inputWrapper.noPadding,
core-mt-container mt-add-trailer .content>section .inputWrapper.noPadding,
core-mt-container mt-add-vehicle .content>section .inputWrapper.noPadding {
    padding: 0
}

core-mt-container mt-add-or-edit-car .content>section .inputWrapper.bordered,
core-mt-container mt-add-or-edit-motorbike .content>section .inputWrapper.bordered,
core-mt-container mt-add-or-edit-special-vehicle .content>section .inputWrapper.bordered,
core-mt-container mt-add-trailer .content>section .inputWrapper.bordered,
core-mt-container mt-add-vehicle .content>section .inputWrapper.bordered {
    padding-bottom: 0;
    border-bottom: 1px solid #d7d7d7
}

core-mt-container mt-add-or-edit-car .content>section .inputWrapper .year,
core-mt-container mt-add-or-edit-motorbike .content>section .inputWrapper .year,
core-mt-container mt-add-or-edit-special-vehicle .content>section .inputWrapper .year,
core-mt-container mt-add-trailer .content>section .inputWrapper .year,
core-mt-container mt-add-vehicle .content>section .inputWrapper .year {
    padding-left: 28px
}

core-mt-container mt-add-or-edit-car .content>section .inputWrapper.checkboxWrapper,
core-mt-container mt-add-or-edit-motorbike .content>section .inputWrapper.checkboxWrapper,
core-mt-container mt-add-or-edit-special-vehicle .content>section .inputWrapper.checkboxWrapper,
core-mt-container mt-add-trailer .content>section .inputWrapper.checkboxWrapper,
core-mt-container mt-add-vehicle .content>section .inputWrapper.checkboxWrapper {
    display: flex
}

core-mt-container mt-add-or-edit-car .content>section .inputWrapper.checkboxWrapper .one,
core-mt-container mt-add-or-edit-motorbike .content>section .inputWrapper.checkboxWrapper .one,
core-mt-container mt-add-or-edit-special-vehicle .content>section .inputWrapper.checkboxWrapper .one,
core-mt-container mt-add-trailer .content>section .inputWrapper.checkboxWrapper .one,
core-mt-container mt-add-vehicle .content>section .inputWrapper.checkboxWrapper .one {
    flex: 0 1 30px
}

core-mt-container mt-add-or-edit-car .content>section .inputWrapper.checkboxWrapper .two,
core-mt-container mt-add-or-edit-motorbike .content>section .inputWrapper.checkboxWrapper .two,
core-mt-container mt-add-or-edit-special-vehicle .content>section .inputWrapper.checkboxWrapper .two,
core-mt-container mt-add-trailer .content>section .inputWrapper.checkboxWrapper .two,
core-mt-container mt-add-vehicle .content>section .inputWrapper.checkboxWrapper .two {
    flex: 1 1
}

core-mt-container mt-add-or-edit-car .content>section .inputWrapper.checkboxWrapper .two .input-error,
core-mt-container mt-add-or-edit-motorbike .content>section .inputWrapper.checkboxWrapper .two .input-error,
core-mt-container mt-add-or-edit-special-vehicle .content>section .inputWrapper.checkboxWrapper .two .input-error,
core-mt-container mt-add-trailer .content>section .inputWrapper.checkboxWrapper .two .input-error,
core-mt-container mt-add-vehicle .content>section .inputWrapper.checkboxWrapper .two .input-error {
    padding-left: 8px
}

core-mt-container mt-add-or-edit-car .content>section .inputWrapper.checkboxWrapper label,
core-mt-container mt-add-or-edit-motorbike .content>section .inputWrapper.checkboxWrapper label,
core-mt-container mt-add-or-edit-special-vehicle .content>section .inputWrapper.checkboxWrapper label,
core-mt-container mt-add-trailer .content>section .inputWrapper.checkboxWrapper label,
core-mt-container mt-add-vehicle .content>section .inputWrapper.checkboxWrapper label {
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #222
}

core-mt-container mt-add-or-edit-car .content>section .inputWrapper .inputGroup .topLabel,
core-mt-container mt-add-or-edit-motorbike .content>section .inputWrapper .inputGroup .topLabel,
core-mt-container mt-add-or-edit-special-vehicle .content>section .inputWrapper .inputGroup .topLabel,
core-mt-container mt-add-trailer .content>section .inputWrapper .inputGroup .topLabel,
core-mt-container mt-add-vehicle .content>section .inputWrapper .inputGroup .topLabel {
    color: #666;
    position: absolute;
    pointer-events: none;
    left: 0;
    bottom: 28px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

core-mt-container mt-add-or-edit-car .content>section .checkboxButton>.col1 svg,
core-mt-container mt-add-or-edit-motorbike .content>section .checkboxButton>.col1 svg,
core-mt-container mt-add-or-edit-special-vehicle .content>section .checkboxButton>.col1 svg,
core-mt-container mt-add-trailer .content>section .checkboxButton>.col1 svg,
core-mt-container mt-add-vehicle .content>section .checkboxButton>.col1 svg {
    fill: #247D24
}

core-mt-container mt-add-or-edit-car .content>section .checkboxButton>.col2 label,
core-mt-container mt-add-or-edit-motorbike .content>section .checkboxButton>.col2 label,
core-mt-container mt-add-or-edit-special-vehicle .content>section .checkboxButton>.col2 label,
core-mt-container mt-add-trailer .content>section .checkboxButton>.col2 label,
core-mt-container mt-add-vehicle .content>section .checkboxButton>.col2 label {
    color: #222
}

core-mt-container mt-add-or-edit-car .content>section .checkboxWrapper,
core-mt-container mt-add-or-edit-motorbike .content>section .checkboxWrapper,
core-mt-container mt-add-or-edit-special-vehicle .content>section .checkboxWrapper,
core-mt-container mt-add-trailer .content>section .checkboxWrapper,
core-mt-container mt-add-vehicle .content>section .checkboxWrapper {
    padding: 10px 0
}

core-mt-container mt-add-or-edit-car .content>section .mandatory,
core-mt-container mt-add-or-edit-motorbike .content>section .mandatory,
core-mt-container mt-add-or-edit-special-vehicle .content>section .mandatory,
core-mt-container mt-add-trailer .content>section .mandatory,
core-mt-container mt-add-vehicle .content>section .mandatory {
    padding: 8px 0 0 0
}

core-mt-container mt-add-or-edit-car .content>section .mandatory-error,
core-mt-container mt-add-or-edit-motorbike .content>section .mandatory-error,
core-mt-container mt-add-or-edit-special-vehicle .content>section .mandatory-error,
core-mt-container mt-add-trailer .content>section .mandatory-error,
core-mt-container mt-add-vehicle .content>section .mandatory-error {
    color: #E2002A
}

core-mt-container mt-add-or-edit-car .content>section .error-logs,
core-mt-container mt-add-or-edit-motorbike .content>section .error-logs,
core-mt-container mt-add-or-edit-special-vehicle .content>section .error-logs,
core-mt-container mt-add-trailer .content>section .error-logs,
core-mt-container mt-add-vehicle .content>section .error-logs {
    margin-top: 10px
}

core-mt-container mt-add-or-edit-car .content>section .error-logs mat-error,
core-mt-container mt-add-or-edit-motorbike .content>section .error-logs mat-error,
core-mt-container mt-add-or-edit-special-vehicle .content>section .error-logs mat-error,
core-mt-container mt-add-trailer .content>section .error-logs mat-error,
core-mt-container mt-add-vehicle .content>section .error-logs mat-error {
    margin: 0
}

core-mt-container mt-add-or-edit-car .content>section .maxWidth,
core-mt-container mt-add-or-edit-motorbike .content>section .maxWidth,
core-mt-container mt-add-or-edit-special-vehicle .content>section .maxWidth,
core-mt-container mt-add-trailer .content>section .maxWidth,
core-mt-container mt-add-vehicle .content>section .maxWidth {
    width: 100%
}

core-mt-container mt-add-or-edit-car .content>section .arz-flex-row,
core-mt-container mt-add-or-edit-motorbike .content>section .arz-flex-row,
core-mt-container mt-add-or-edit-special-vehicle .content>section .arz-flex-row,
core-mt-container mt-add-trailer .content>section .arz-flex-row,
core-mt-container mt-add-vehicle .content>section .arz-flex-row {
    display: flex;
    justify-content: space-between
}

core-mt-container mt-add-or-edit-car .content>section .arz-flex-row>div:first-of-type,
core-mt-container mt-add-or-edit-motorbike .content>section .arz-flex-row>div:first-of-type,
core-mt-container mt-add-or-edit-special-vehicle .content>section .arz-flex-row>div:first-of-type,
core-mt-container mt-add-trailer .content>section .arz-flex-row>div:first-of-type,
core-mt-container mt-add-vehicle .content>section .arz-flex-row>div:first-of-type {
    padding-right: 10px
}

core-mt-container mt-add-or-edit-car .content>section .arz-flex-row>div,
core-mt-container mt-add-or-edit-motorbike .content>section .arz-flex-row>div,
core-mt-container mt-add-or-edit-special-vehicle .content>section .arz-flex-row>div,
core-mt-container mt-add-trailer .content>section .arz-flex-row>div,
core-mt-container mt-add-vehicle .content>section .arz-flex-row>div {
    width: 100%
}

core-mt-container mt-add-or-edit-car .content>section .limiting-profile-button,
core-mt-container mt-add-or-edit-motorbike .content>section .limiting-profile-button,
core-mt-container mt-add-or-edit-special-vehicle .content>section .limiting-profile-button,
core-mt-container mt-add-trailer .content>section .limiting-profile-button,
core-mt-container mt-add-vehicle .content>section .limiting-profile-button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    text-transform: uppercase;
    color: #247D24;
    margin-top: 10px;
    margin-bottom: 10px
}

core-mt-container mt-add-or-edit-car .content>footer,
core-mt-container mt-add-or-edit-motorbike .content>footer,
core-mt-container mt-add-or-edit-special-vehicle .content>footer,
core-mt-container mt-add-trailer .content>footer,
core-mt-container mt-add-vehicle .content>footer {
    display: flex;
    justify-content: flex-end;
    flex: 1 1 auto;
    border-top: 1px solid #d7d7d7;
    padding: 14px 25px 14px 18px;
    margin-left: 14px;
    color: #247D24;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1
}

core-mt-container mt-add-or-edit-car .content>footer a,
core-mt-container mt-add-or-edit-car .content>footer input,
core-mt-container mt-add-or-edit-motorbike .content>footer a,
core-mt-container mt-add-or-edit-motorbike .content>footer input,
core-mt-container mt-add-or-edit-special-vehicle .content>footer a,
core-mt-container mt-add-or-edit-special-vehicle .content>footer input,
core-mt-container mt-add-trailer .content>footer a,
core-mt-container mt-add-trailer .content>footer input,
core-mt-container mt-add-vehicle .content>footer a,
core-mt-container mt-add-vehicle .content>footer input {
    background: 0 0;
    border: none;
    padding: 0;
    margin-left: 20px;
    outline: 0
}

core-mt-container mt-add-or-edit-car .content>footer a:first-child,
core-mt-container mt-add-or-edit-car .content>footer input:first-child,
core-mt-container mt-add-or-edit-motorbike .content>footer a:first-child,
core-mt-container mt-add-or-edit-motorbike .content>footer input:first-child,
core-mt-container mt-add-or-edit-special-vehicle .content>footer a:first-child,
core-mt-container mt-add-or-edit-special-vehicle .content>footer input:first-child,
core-mt-container mt-add-trailer .content>footer a:first-child,
core-mt-container mt-add-trailer .content>footer input:first-child,
core-mt-container mt-add-vehicle .content>footer a:first-child,
core-mt-container mt-add-vehicle .content>footer input:first-child {
    margin-left: 0
}

core-mt-container mt-add-or-edit-car .content>footer .help-icon-wrapper,
core-mt-container mt-add-or-edit-motorbike .content>footer .help-icon-wrapper,
core-mt-container mt-add-or-edit-special-vehicle .content>footer .help-icon-wrapper,
core-mt-container mt-add-trailer .content>footer .help-icon-wrapper,
core-mt-container mt-add-vehicle .content>footer .help-icon-wrapper {
    width: 18px;
    height: 18px
}

core-mt-container mt-add-or-edit-car .content>footer .left,
core-mt-container mt-add-or-edit-motorbike .content>footer .left,
core-mt-container mt-add-or-edit-special-vehicle .content>footer .left,
core-mt-container mt-add-trailer .content>footer .left,
core-mt-container mt-add-vehicle .content>footer .left {
    display: flex!important;
    flex: 1 1 auto
}

core-mt-container mt-add-or-edit-car .content>footer .right,
core-mt-container mt-add-or-edit-motorbike .content>footer .right,
core-mt-container mt-add-or-edit-special-vehicle .content>footer .right,
core-mt-container mt-add-trailer .content>footer .right,
core-mt-container mt-add-vehicle .content>footer .right {
    display: flex!important;
    flex: 0 0 20px
}

core-mt-container mt-add-or-edit-car .content,
core-mt-container mt-add-or-edit-motorbike .content,
core-mt-container mt-add-or-edit-special-vehicle .content,
core-mt-container mt-add-trailer .content,
core-mt-container mt-add-vehicle .content {
    padding: 0!important
}

core-mt-container mt-add-or-edit-car .content header,
core-mt-container mt-add-or-edit-motorbike .content header,
core-mt-container mt-add-or-edit-special-vehicle .content header,
core-mt-container mt-add-trailer .content header,
core-mt-container mt-add-vehicle .content header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    padding: 23px 29px 19px 32px;
    border-bottom: 1px solid #d7d7d7;
    font-weight: 400
}

core-mt-container mt-add-or-edit-car .content>section,
core-mt-container mt-add-or-edit-motorbike .content>section,
core-mt-container mt-add-or-edit-special-vehicle .content>section,
core-mt-container mt-add-trailer .content>section,
core-mt-container mt-add-vehicle .content>section {
    margin: 0!important;
    padding: 23px 29px 29px 32px
}

core-mt-container mt-add-or-edit-car .content>section mt-car-input-by-brand>section,
core-mt-container mt-add-or-edit-motorbike .content>section mt-car-input-by-brand>section,
core-mt-container mt-add-or-edit-special-vehicle .content>section mt-car-input-by-brand>section,
core-mt-container mt-add-trailer .content>section mt-car-input-by-brand>section,
core-mt-container mt-add-vehicle .content>section mt-car-input-by-brand>section {
    margin: 0
}

core-mt-container mt-add-or-edit-car .content>section input,
core-mt-container mt-add-or-edit-motorbike .content>section input,
core-mt-container mt-add-or-edit-special-vehicle .content>section input,
core-mt-container mt-add-trailer .content>section input,
core-mt-container mt-add-vehicle .content>section input {
    background: 0 0
}

core-mt-container mt-add-or-edit-car .content>section input,
core-mt-container mt-add-or-edit-car .content>section select,
core-mt-container mt-add-or-edit-motorbike .content>section input,
core-mt-container mt-add-or-edit-motorbike .content>section select,
core-mt-container mt-add-or-edit-special-vehicle .content>section input,
core-mt-container mt-add-or-edit-special-vehicle .content>section select,
core-mt-container mt-add-trailer .content>section input,
core-mt-container mt-add-trailer .content>section select,
core-mt-container mt-add-vehicle .content>section input,
core-mt-container mt-add-vehicle .content>section select {
    color: #222
}

core-mt-container mt-add-or-edit-car .content>section input:disabled,
core-mt-container mt-add-or-edit-car .content>section select:disabled,
core-mt-container mt-add-or-edit-motorbike .content>section input:disabled,
core-mt-container mt-add-or-edit-motorbike .content>section select:disabled,
core-mt-container mt-add-or-edit-special-vehicle .content>section input:disabled,
core-mt-container mt-add-or-edit-special-vehicle .content>section select:disabled,
core-mt-container mt-add-trailer .content>section input:disabled,
core-mt-container mt-add-trailer .content>section select:disabled,
core-mt-container mt-add-vehicle .content>section input:disabled,
core-mt-container mt-add-vehicle .content>section select:disabled {
    color: #b1b1b1
}

core-mt-container mt-add-or-edit-car .content>section .inputWrapper input,
core-mt-container mt-add-or-edit-car .content>section .inputWrapper select,
core-mt-container mt-add-or-edit-motorbike .content>section .inputWrapper input,
core-mt-container mt-add-or-edit-motorbike .content>section .inputWrapper select,
core-mt-container mt-add-or-edit-special-vehicle .content>section .inputWrapper input,
core-mt-container mt-add-or-edit-special-vehicle .content>section .inputWrapper select,
core-mt-container mt-add-trailer .content>section .inputWrapper input,
core-mt-container mt-add-trailer .content>section .inputWrapper select,
core-mt-container mt-add-vehicle .content>section .inputWrapper input,
core-mt-container mt-add-vehicle .content>section .inputWrapper select {
    width: 100%
}

core-mt-container mt-add-or-edit-car .content>section .inputWrapper.noPadding,
core-mt-container mt-add-or-edit-motorbike .content>section .inputWrapper.noPadding,
core-mt-container mt-add-or-edit-special-vehicle .content>section .inputWrapper.noPadding,
core-mt-container mt-add-trailer .content>section .inputWrapper.noPadding,
core-mt-container mt-add-vehicle .content>section .inputWrapper.noPadding {
    padding: 0
}

core-mt-container mt-add-or-edit-car .content>section .inputWrapper.bordered,
core-mt-container mt-add-or-edit-motorbike .content>section .inputWrapper.bordered,
core-mt-container mt-add-or-edit-special-vehicle .content>section .inputWrapper.bordered,
core-mt-container mt-add-trailer .content>section .inputWrapper.bordered,
core-mt-container mt-add-vehicle .content>section .inputWrapper.bordered {
    padding-bottom: 0;
    border-bottom: 1px solid #d7d7d7
}

core-mt-container mt-add-or-edit-car .content>section .inputWrapper .year,
core-mt-container mt-add-or-edit-motorbike .content>section .inputWrapper .year,
core-mt-container mt-add-or-edit-special-vehicle .content>section .inputWrapper .year,
core-mt-container mt-add-trailer .content>section .inputWrapper .year,
core-mt-container mt-add-vehicle .content>section .inputWrapper .year {
    padding-left: 28px
}

core-mt-container mt-add-or-edit-car .content>section .inputWrapper.checkboxWrapper,
core-mt-container mt-add-or-edit-motorbike .content>section .inputWrapper.checkboxWrapper,
core-mt-container mt-add-or-edit-special-vehicle .content>section .inputWrapper.checkboxWrapper,
core-mt-container mt-add-trailer .content>section .inputWrapper.checkboxWrapper,
core-mt-container mt-add-vehicle .content>section .inputWrapper.checkboxWrapper {
    display: flex
}

core-mt-container mt-add-or-edit-car .content>section .inputWrapper.checkboxWrapper .one,
core-mt-container mt-add-or-edit-motorbike .content>section .inputWrapper.checkboxWrapper .one,
core-mt-container mt-add-or-edit-special-vehicle .content>section .inputWrapper.checkboxWrapper .one,
core-mt-container mt-add-trailer .content>section .inputWrapper.checkboxWrapper .one,
core-mt-container mt-add-vehicle .content>section .inputWrapper.checkboxWrapper .one {
    flex: 0 1 30px
}

core-mt-container mt-add-or-edit-car .content>section .inputWrapper.checkboxWrapper .two,
core-mt-container mt-add-or-edit-motorbike .content>section .inputWrapper.checkboxWrapper .two,
core-mt-container mt-add-or-edit-special-vehicle .content>section .inputWrapper.checkboxWrapper .two,
core-mt-container mt-add-trailer .content>section .inputWrapper.checkboxWrapper .two,
core-mt-container mt-add-vehicle .content>section .inputWrapper.checkboxWrapper .two {
    flex: 1 1
}

core-mt-container mt-add-or-edit-car .content>section .inputWrapper.checkboxWrapper .two .input-error,
core-mt-container mt-add-or-edit-motorbike .content>section .inputWrapper.checkboxWrapper .two .input-error,
core-mt-container mt-add-or-edit-special-vehicle .content>section .inputWrapper.checkboxWrapper .two .input-error,
core-mt-container mt-add-trailer .content>section .inputWrapper.checkboxWrapper .two .input-error,
core-mt-container mt-add-vehicle .content>section .inputWrapper.checkboxWrapper .two .input-error {
    padding-left: 8px
}

core-mt-container mt-add-or-edit-car .content>section .inputWrapper.checkboxWrapper label,
core-mt-container mt-add-or-edit-motorbike .content>section .inputWrapper.checkboxWrapper label,
core-mt-container mt-add-or-edit-special-vehicle .content>section .inputWrapper.checkboxWrapper label,
core-mt-container mt-add-trailer .content>section .inputWrapper.checkboxWrapper label,
core-mt-container mt-add-vehicle .content>section .inputWrapper.checkboxWrapper label {
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #222
}

core-mt-container mt-add-or-edit-car .content>section .inputWrapper .inputGroup .topLabel,
core-mt-container mt-add-or-edit-motorbike .content>section .inputWrapper .inputGroup .topLabel,
core-mt-container mt-add-or-edit-special-vehicle .content>section .inputWrapper .inputGroup .topLabel,
core-mt-container mt-add-trailer .content>section .inputWrapper .inputGroup .topLabel,
core-mt-container mt-add-vehicle .content>section .inputWrapper .inputGroup .topLabel {
    color: #666;
    position: absolute;
    pointer-events: none;
    left: 0;
    bottom: 28px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

core-mt-container mt-add-or-edit-car .content>section .checkboxButton>.col1 svg,
core-mt-container mt-add-or-edit-motorbike .content>section .checkboxButton>.col1 svg,
core-mt-container mt-add-or-edit-special-vehicle .content>section .checkboxButton>.col1 svg,
core-mt-container mt-add-trailer .content>section .checkboxButton>.col1 svg,
core-mt-container mt-add-vehicle .content>section .checkboxButton>.col1 svg {
    fill: #247D24
}

core-mt-container mt-add-or-edit-car .content>section .checkboxButton>.col2 label,
core-mt-container mt-add-or-edit-motorbike .content>section .checkboxButton>.col2 label,
core-mt-container mt-add-or-edit-special-vehicle .content>section .checkboxButton>.col2 label,
core-mt-container mt-add-trailer .content>section .checkboxButton>.col2 label,
core-mt-container mt-add-vehicle .content>section .checkboxButton>.col2 label {
    color: #222
}

core-mt-container mt-add-or-edit-car .content>section .checkboxWrapper,
core-mt-container mt-add-or-edit-motorbike .content>section .checkboxWrapper,
core-mt-container mt-add-or-edit-special-vehicle .content>section .checkboxWrapper,
core-mt-container mt-add-trailer .content>section .checkboxWrapper,
core-mt-container mt-add-vehicle .content>section .checkboxWrapper {
    padding: 10px 0
}

core-mt-container mt-add-or-edit-car .content>section .mandatory,
core-mt-container mt-add-or-edit-motorbike .content>section .mandatory,
core-mt-container mt-add-or-edit-special-vehicle .content>section .mandatory,
core-mt-container mt-add-trailer .content>section .mandatory,
core-mt-container mt-add-vehicle .content>section .mandatory {
    padding: 8px 0 0 0
}

core-mt-container mt-add-or-edit-car .content>section .mandatory-error,
core-mt-container mt-add-or-edit-motorbike .content>section .mandatory-error,
core-mt-container mt-add-or-edit-special-vehicle .content>section .mandatory-error,
core-mt-container mt-add-trailer .content>section .mandatory-error,
core-mt-container mt-add-vehicle .content>section .mandatory-error {
    color: #E2002A
}

core-mt-container mt-add-or-edit-car .content>section .error-logs,
core-mt-container mt-add-or-edit-motorbike .content>section .error-logs,
core-mt-container mt-add-or-edit-special-vehicle .content>section .error-logs,
core-mt-container mt-add-trailer .content>section .error-logs,
core-mt-container mt-add-vehicle .content>section .error-logs {
    margin-top: 10px
}

core-mt-container mt-add-or-edit-car .content>section .error-logs mat-error,
core-mt-container mt-add-or-edit-motorbike .content>section .error-logs mat-error,
core-mt-container mt-add-or-edit-special-vehicle .content>section .error-logs mat-error,
core-mt-container mt-add-trailer .content>section .error-logs mat-error,
core-mt-container mt-add-vehicle .content>section .error-logs mat-error {
    margin: 0
}

core-mt-container mt-add-or-edit-car .content>section .maxWidth,
core-mt-container mt-add-or-edit-motorbike .content>section .maxWidth,
core-mt-container mt-add-or-edit-special-vehicle .content>section .maxWidth,
core-mt-container mt-add-trailer .content>section .maxWidth,
core-mt-container mt-add-vehicle .content>section .maxWidth {
    width: 100%
}

core-mt-container mt-add-or-edit-car .content>footer,
core-mt-container mt-add-or-edit-motorbike .content>footer,
core-mt-container mt-add-or-edit-special-vehicle .content>footer,
core-mt-container mt-add-trailer .content>footer,
core-mt-container mt-add-vehicle .content>footer {
    display: flex;
    justify-content: flex-end;
    flex: 1 1 auto;
    border-top: 1px solid #d7d7d7;
    padding: 14px 25px 14px 18px;
    margin-left: 14px;
    color: #247D24;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1
}

core-mt-container mt-add-or-edit-car .content>footer a,
core-mt-container mt-add-or-edit-car .content>footer input,
core-mt-container mt-add-or-edit-motorbike .content>footer a,
core-mt-container mt-add-or-edit-motorbike .content>footer input,
core-mt-container mt-add-or-edit-special-vehicle .content>footer a,
core-mt-container mt-add-or-edit-special-vehicle .content>footer input,
core-mt-container mt-add-trailer .content>footer a,
core-mt-container mt-add-trailer .content>footer input,
core-mt-container mt-add-vehicle .content>footer a,
core-mt-container mt-add-vehicle .content>footer input {
    background: 0 0;
    border: none;
    padding: 0;
    margin-left: 20px;
    outline: 0
}

core-mt-container mt-add-or-edit-car .content>footer a:first-child,
core-mt-container mt-add-or-edit-car .content>footer input:first-child,
core-mt-container mt-add-or-edit-motorbike .content>footer a:first-child,
core-mt-container mt-add-or-edit-motorbike .content>footer input:first-child,
core-mt-container mt-add-or-edit-special-vehicle .content>footer a:first-child,
core-mt-container mt-add-or-edit-special-vehicle .content>footer input:first-child,
core-mt-container mt-add-trailer .content>footer a:first-child,
core-mt-container mt-add-trailer .content>footer input:first-child,
core-mt-container mt-add-vehicle .content>footer a:first-child,
core-mt-container mt-add-vehicle .content>footer input:first-child {
    margin-left: 0
}

core-mt-container mt-add-or-edit-car .content>footer .help-icon-wrapper,
core-mt-container mt-add-or-edit-motorbike .content>footer .help-icon-wrapper,
core-mt-container mt-add-or-edit-special-vehicle .content>footer .help-icon-wrapper,
core-mt-container mt-add-trailer .content>footer .help-icon-wrapper,
core-mt-container mt-add-vehicle .content>footer .help-icon-wrapper {
    width: 18px;
    height: 18px
}

core-mt-container mt-add-or-edit-car .content>footer .left,
core-mt-container mt-add-or-edit-motorbike .content>footer .left,
core-mt-container mt-add-or-edit-special-vehicle .content>footer .left,
core-mt-container mt-add-trailer .content>footer .left,
core-mt-container mt-add-vehicle .content>footer .left {
    display: flex!important;
    flex: 1 1 auto
}

core-mt-container mt-add-or-edit-car .content>footer .right,
core-mt-container mt-add-or-edit-motorbike .content>footer .right,
core-mt-container mt-add-or-edit-special-vehicle .content>footer .right,
core-mt-container mt-add-trailer .content>footer .right,
core-mt-container mt-add-vehicle .content>footer .right {
    display: flex!important;
    flex: 0 0 20px
}

core-mt-container mt-add-car-by-national-code form {
    padding: 0 0 6px 29px
}

core-mt-container mt-add-car-by-national-code form input {
    width: 100%;
    background: 0 0
}

core-mt-container mt-add-car-by-national-code form .help-text {
    padding: 14px 0 6px 0
}

core-mt-container mt-add-car-by-national-code footer {
    display: flex;
    justify-content: flex-end;
    flex: 1 1 auto;
    border-top: 1px solid #d7d7d7;
    padding: 14px 25px 14px 18px;
    margin-left: 14px;
    color: #247D24;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1
}

core-mt-container mt-add-car-by-national-code footer a,
core-mt-container mt-add-car-by-national-code footer input {
    background: 0 0;
    border: none;
    padding: 0;
    margin-left: 20px;
    outline: 0
}

core-mt-container mt-add-car-by-national-code footer a:first-child,
core-mt-container mt-add-car-by-national-code footer input:first-child {
    margin-left: 0
}

core-mt-container mt-car-input-by-dimension .max-size-label {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

core-mt-container mt-car-input-by-dimension .infos {
    margin: 10px 0 25px 0
}

core-mt-container mt-car-input-by-dimension .no-margin {
    margin: 0
}

core-mt-container mt-car-input-by-national-code .custom-flex-row {
    display: flex;
    flex-direction: column;
    line-height: 1.4;
    color: #222
}

core-mt-container mt-car-input-by-national-code mat-error {
    margin-top: 2px!important
}

core-mt-container mt-car-eurotax-properties .euro-tax-row {
    display: flex;
    flex-flow: column;
    line-height: 1.4;
    color: #222;
    margin: 10px 0;
    background: #d7d7d7;
    margin-left: -32px;
    margin-right: -29px;
    padding: 15px 29px 15px 32px
}

core-mt-container mt-add-or-edit-special-vehicle .content>section {
    padding: 0 29px 29px 32px!important
}

core-mt-container mt-add-or-edit-special-vehicle .content>section .description {
    line-height: 1.4;
    display: flex;
    flex-flow: column;
    color: #222;
    margin: 0 0 10px 0;
    background: #d7d7d7;
    margin-left: -32px;
    margin-right: -29px;
    padding: 15px 29px 15px 32px
}

core-mt-container mt-add-vehicle .content>section {
    padding: 5px 29px 5px 32px!important
}

core-mt-container mt-choose-input-type .content header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    padding: 23px 29px 19px 32px;
    border-bottom: 1px solid #d7d7d7;
    font-weight: 400
}

core-mt-container mt-choose-input-type .content>section {
    margin: 0 0 23px 0
}

core-mt-container mt-choose-input-type .content .input-type-entry {
    padding: 14px 29px 14px 32px;
    line-height: 1.1em;
    border-bottom: 1px solid #d7d7d7;
    color: #000;
    width: 100%;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1
}

core-mt-container mt-choose-input-type .content .input-type-entry ts-icon {
    float: right
}

core-mt-container mt-choose-input-type .content .input-type-entry:hover {
    background-color: #d7d7d7
}

core-mt-container mt-go-back-button {
    margin-top: 50px
}

mt-go-back-button {
    margin-top: 50px
}

.infoBubble.noBubble>.contentWrapper mt-container mt-add-car-by-national-code footer .left {
    display: flex!important
}

limiting-profile-modal {
    background-color: #fff
}

limiting-profile-modal .header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

limiting-profile-modal .content .row {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center
}

limiting-profile-modal .content .row .image {
    margin-left: 10px;
    margin-right: 10px
}

limiting-profile-modal .content .button {
    margin-top: 20px;
    font-weight: 700;
    text-align: right;
    margin-right: 20px;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    cursor: pointer
}

user-account .user-account {
    border-bottom: 1px solid #666
}

user-account .user-account .user-account-block {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 17px
}

@media (min-width:380px) {
    user-account .user-account .user-account-block {
        padding-top: 0
    }
}

user-account .user-account .user-account-block .icon-block {
    min-width: 55px;
    padding-top: 12px;
    display: flex;
    justify-content: center
}

user-account .user-account .user-account-block .icon-block .default-non-person {
    fill: #FF5E00
}

user-account .user-account .user-account-block .content-block {
    width: 250px;
    padding-right: 15px
}

user-account .user-account .user-account-block .content-block .greeting {
    color: #fff;
    height: 14px
}

user-account .user-account .user-account-block .content-block .greeting.logged-in {
    color: #9290ae
}

user-account .user-account .user-account-block .content-block .name {
    font-size: 1.3rem;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden
}

user-account .user-account .user-account-block .content-block .name.logged-in {
    color: #9290ae
}

user-account .user-account .user-account-block .content-block .description {
    color: #f5f6f9;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 10px
}

user-account .user-account .user-account-block .content-block .description.not-logged-in {
    width: 200px;
    white-space: normal;
    margin-bottom: 5px
}

user-account .user-account .user-account-block .content-block .account-link-side-by-side {
    display: flex;
    justify-content: space-between;
    width: 100%
}

user-account.avc-menu-item .user-account .user-account-block .icon-block {
    min-width: 65px
}

user-account.avc-menu-item .user-account .user-account-block .icon-block .default-non-person {
    fill: #9290ae
}

user-account.avc-menu-item .user-account .user-account-block .content-block .name {
    color: #9290ae
}

user-account.avc-menu-item .user-account .user-account-block .account-links .account-link .default-non-person {
    color: #9290ae
}

user-account.avc-menu-item .user-account .user-account-block .account-links .account-link .account-link-inner .default-non-person {
    fill: #9290ae
}

user-account.avc-menu-item .user-account .additional-info-section {
    background-color: #fff;
    padding: 16px;
    margin: 0 16px 16px 16px;
    color: #868686;
    line-height: 1.25em
}

user-account.avc-menu-item .user-account .additional-info-section .additional-info-title {
    margin-top: 0;
    color: #E2002A;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 700
}

user-account.avc-menu-item .user-account .additional-info-section .additional-info-content {
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

user-account.avc-menu-item .open-id-section {
    margin-left: 65px
}

user-account.avc-menu-item .open-id-section .realm-input-section {
    width: 225px
}

user-account.avc-menu-item .open-id-section .realm-input-section .mat-form-field-label,
user-account.avc-menu-item .open-id-section .realm-input-section input.mat-input-element {
    color: #fff!important
}

user-account.avc-menu-item .open-id-section .realm-input-section .mat-form-field-label.mat-empty.mat-form-field-empty {
    color: #868686!important
}

user-account.avc-menu-item .open-id-section .realm-input-section .mat-input-element {
    caret-color: #fff
}

user-account.avc-menu-item .open-id-section .realm-input-section .mat-form-field-label:not(.mat-form-field-empty) {
    color: #fff!important
}

user-account.avc-menu-item .open-id-section .realm-input-section .mat-form-field-ripple,
user-account.avc-menu-item .open-id-section .realm-input-section .mat-form-field-underline {
    background-color: #d7d7d7!important
}

user-account.avc-menu-item .open-id-section .realm-input-section .mat-form-field-appearance-legacy .mat-form-field-label {
    color: #868686
}

user-account.avc-menu-item .open-id-section .realm-input-section mat-error {
    margin-bottom: 15px
}

user-account.avc-menu-item .open-id-section .realm-input-section-error {
    width: 225px
}

user-account.avc-menu-item .open-id-section .realm-input-section-error .mat-form-field-label,
user-account.avc-menu-item .open-id-section .realm-input-section-error input.mat-input-element {
    color: #fff!important
}

user-account.avc-menu-item .open-id-section .realm-input-section-error .mat-form-field-label.mat-empty.mat-form-field-empty {
    color: #868686!important
}

user-account.avc-menu-item .open-id-section .realm-input-section-error .mat-input-element {
    caret-color: #E2002A
}

user-account.avc-menu-item .open-id-section .realm-input-section-error .mat-form-field-label:not(.mat-form-field-empty) {
    color: #E2002A!important
}

user-account.avc-menu-item .open-id-section .realm-input-section-error .mat-form-field-ripple,
user-account.avc-menu-item .open-id-section .realm-input-section-error .mat-form-field-underline {
    background-color: #d7d7d7!important
}

user-account.avc-menu-item .open-id-section .realm-input-section-error .mat-form-field-appearance-legacy .mat-form-field-label {
    color: #868686
}

user-account.avc-menu-item .open-id-section .realm-input-section-error mat-error {
    margin-bottom: 15px
}

user-account-action .account-link-inner {
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    outline: 0;
    width: 100%;
    text-align: left;
    padding: 10px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    color: #fff
}

user-account-action .account-link-inner:focus,
user-account-action .account-link-inner:hover {
    cursor: pointer
}

user-account-action .account-link-inner:focus .link-text svg,
user-account-action .account-link-inner:hover .link-text svg {
    fill: #fff
}

user-account-action .account-link-inner .link-text {
    padding-left: 4px;
    white-space: nowrap;
    display: inline-block;
    color: #fff
}

user-account-action .account-link-inner .user-account-action-item {
    color: #fff;
    fill: #fff
}

off-canvas-menu-item .menu-item {
    display: flex;
    padding: 12px 0;
    border-bottom: 1px solid #666
}

off-canvas-menu-item .menu-item .icon-block {
    width: 55px;
    min-width: 55px;
    display: flex;
    justify-content: center
}

off-canvas-menu-item .menu-item .icon-block .default-non-person {
    fill: #FF5E00
}

off-canvas-menu-item .menu-item .menu-item-content {
    width: 245px
}

off-canvas-menu-item .menu-item .menu-item-content .header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 600
}

@media (min-width:720px) {
    off-canvas-menu-item .menu-item .menu-item-content .header {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1
    }
}

off-canvas-menu-item .menu-item .menu-item-content .description {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin: 0;
    margin-top: 5px;
    color: #b1b1b1;
    white-space: nowrap;
    overflow: hidden
}

off-canvas-menu-item .menu-item .menu-item-content .inner-menu-item-action {
    margin-bottom: 0;
    margin-left: 24px
}

off-canvas-menu-item:hover {
    background-color: #2a2a2a;
    outline: 0;
    cursor: pointer
}

off-canvas-menu-item.avc-menu-item .menu-item .icon-block {
    width: 65px;
    min-width: 65px
}

off-canvas-menu-item.avc-menu-item .menu-item .icon-block .default-non-person {
    fill: #9290ae
}

off-canvas-menu-item.preset-fill-value .menu-item .icon-block .default-non-person {
    fill: #E2002A
}

offer-baggage-address-container .address {
    background-color: #f5f6f9;
    padding: 24px 30px 15px 30px;
    border-bottom: 1px solid #d7d7d7
}

offer-baggage-address-container .address .country {
    margin-bottom: 15px
}

offer-baggage-address-container .address .streetZipCityRow .zipCode {
    width: 60px;
    margin: 0 20px
}

offer-baggage-address-container .address .streetZipCityRow .city {
    width: 180px
}

offer-baggage-address-container .dateTime .col1 .col1HeaderWrapper {
    display: flex;
    justify-content: space-between;
    padding-right: 30px
}

offer-baggage-address-container .dateTime .col1 .date {
    width: 110px
}

offer-baggage-address-container .dateTime .col1 .surcharge {
    width: 100%;
    margin: 0 20px
}

offer-baggage-address-container .dateTime .col1 .note {
    color: #666;
    margin-bottom: 6px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1.25;
    text-align: justify;
    padding-right: 25px
}

.cdk-overlay-pane .hhgb-surcharge-price {
    color: #666
}

offer-baggage-contact {
    background-color: #f5f6f9;
    display: block;
    padding: 24px 30px 9px 30px
}

offer-baggage-contact .salutation {
    width: 100px
}

offer-baggage-contact .firstName {
    width: 250px;
    margin: 0 20px
}

offer-baggage-contact .lastName {
    width: 250px
}

offer-baggage-container {
    display: block;
    margin: 40px 31px 50px 0;
    max-width: 678px
}

offer-baggage-container h1 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.625rem;
    line-height: 1;
    font-weight: 400;
    padding: 0;
    color: #fff;
    background-color: transparent;
    border: none;
    margin-bottom: 20px
}

offer-baggage-container h2 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    margin: 0 0 7px 0;
    font-weight: 600
}

offer-baggage-container p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    line-height: 1.25em;
    margin: 0
}

offer-baggage-container .price {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    color: #666;
    margin-top: 3px;
    margin-bottom: 10px
}

offer-baggage-container .hasNoPrice {
    color: #666
}

offer-baggage-container .perforation {
    flex: 0 0 4px;
    width: 4px;
    max-width: 4px;
    background-image: url(/static/images/background/connectionPerforation.svg)
}

offer-baggage-container offer-baggage-address-container .col1,
offer-baggage-container offer-baggage-object .col1 {
    flex: 1;
    padding: 24px 0 9px 30px;
    background-color: #f5f6f9
}

offer-baggage-container offer-baggage-address-container .col2,
offer-baggage-container offer-baggage-object .col2 {
    text-align: right;
    background-color: #fff;
    flex: 0 0 143px;
    width: 143px;
    max-width: 143px;
    padding: 23px 16px 15px 0
}

offer-baggage-container offer-baggage-address-container .col2 h2,
offer-baggage-container offer-baggage-object .col2 h2 {
    font-weight: 600
}

offer-baggage-container .mandatoryInfo {
    color: #fff;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    text-align: right;
    margin-top: 20px
}

offer-baggage-data .baggageMissingInfo {
    padding: 15px 30px;
    background: #f5f6f9;
    border-bottom: 1px solid #d7d7d7
}

offer-baggage-data .baggageMissingInfo p {
    color: #E2002A
}

offer-baggage-data .userConfirmationForBaggages {
    display: flex;
    padding: 15px 30px;
    background: #f5f6f9;
    border-top: 1px solid #d7d7d7
}

offer-baggage-data .userConfirmationForBaggages.error .col1 svg {
    fill: #E2002A
}

offer-baggage-data .userConfirmationForBaggages.error .col2 {
    color: #E2002A
}

offer-baggage-data .userConfirmationForBaggages .col2 {
    margin-left: 10px;
    color: #666;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1.25;
    text-align: justify
}

offer-baggage-data .userConfirmationForBaggages .col2 a {
    text-decoration: underline
}

offer-baggage-object {
    display: flex;
    border-bottom: 1px solid #d7d7d7
}

offer-baggage-object>.col1 mat-form-field {
    width: 40px
}

offer-free-seat-button mat-icon {
    height: 19px;
    width: 22px
}

offer-free-seat-button mat-icon.dark svg * {
    fill: #222!important;
    color: #222!important
}

.ares-free-seat-data-dialog mat-dialog-container {
    padding: 32px;
    background-color: #fff
}

ares-free-seat-data {
    display: block
}

ares-free-seat-data .mat-dialog-content {
    max-height: 100%;
    overflow: hidden;
    padding-bottom: 17px
}

ares-free-seat-data .mat-dialog-content ares-free-seat-data-table {
    display: block;
    overflow: auto;
    height: 80vh
}

ares-free-seat-data header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px
}

ares-free-seat-data header .mat-button {
    margin-right: 10px
}

ares-free-seat-data header .mat-button.selected {
    color: #fff;
    background-color: #247D24
}

ares-free-seat-data header .buttons-right {
    display: flex;
    align-items: center
}

ares-free-seat-data header .buttons-right .close-btn {
    height: 18px;
    width: 18px
}

ares-free-seat-data table {
    min-width: 100%
}

ares-free-seat-data table th.mat-header-cell {
    background-color: #fff
}

ares-free-seat-data table td.mat-cell,
ares-free-seat-data table th.mat-header-cell {
    border-bottom: 1px solid #d7d7d7
}

ares-free-seat-data table th.mat-header-cell,
ares-free-seat-data table tr.selected .mat-cell {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 700;
    color: #222
}

ares-free-seat-data table tr.selected .mat-cell {
    background-color: #f5f6f9;
    border-bottom: 1px solid #d7d7d7
}

ares-free-seat-data table th.mat-header-cell:first-of-type {
    padding-left: 26px;
    width: 66px
}

ares-free-seat-data table th.mat-header-cell:first-of-type ts-icon {
    display: block;
    width: 33px
}

ares-free-seat-data table th.mat-header-cell:last-of-type {
    padding-right: 26px
}

ares-free-seat-data table .name div {
    min-width: 250px
}

ares-free-seat-data table .tariff-code div {
    min-width: 60px
}

ares-free-seat-data table th.fully-bookable,
ares-free-seat-data table th.spots {
    width: 90px
}

ares-free-seat-data table .fully-bookable {
    padding-right: 10px
}

ares-free-seat-data table tbody tr:hover {
    background-color: #f5f6f9
}

ares-free-seat-data table td.mat-cell.name.child {
    padding-left: 10px
}

ares-free-seat-data table .expand-icon {
    fill: #d7d7d7
}

offer-epa-free-seat-data {
    display: flex;
    justify-content: center;
    align-items: center
}

offer-epa-free-seat-data>.innerWrapper {
    border: 1px solid #d7d7d7;
    background-color: #fff;
    height: 90vh;
    width: 93vw;
    overflow-y: auto
}

offer-epa-free-seat-data>.innerWrapper>header {
    display: flex;
    padding: 13px 19px;
    position: relative
}

offer-epa-free-seat-data>.innerWrapper>header>h1 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    flex: 1 1 auto
}

offer-epa-free-seat-data>.innerWrapper>header>.closeBtn {
    flex: 0 1 auto;
    padding: 12px
}

offer-epa-free-seat-data>.innerWrapper>header>.expandBtn {
    flex: 0 1 auto;
    padding: 12px;
    vertical-align: middle;
    background-color: #70a629;
    color: #fff
}

offer-epa-free-seat-data>.innerWrapper>section {
    margin: 0 19px;
    border: 1px solid #d7d7d7
}

offer-epa-free-seat-data>.innerWrapper>section table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

offer-epa-free-seat-data>.innerWrapper>section table tbody.collapsed tr.collapsible {
    display: none
}

offer-epa-free-seat-data>.innerWrapper>section table tbody.collapsed .flip {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

offer-epa-free-seat-data>.innerWrapper>section table tbody .selected {
    background-color: #d7d7d7
}

offer-epa-free-seat-data>.innerWrapper>section table tbody .pull-right {
    float: right
}

offer-epa-free-seat-data>.innerWrapper>section table th {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    padding: 6px;
    border: 1px solid #d7d7d7;
    text-align: center;
    background: linear-gradient(white, #d7d7d7)
}

offer-epa-free-seat-data>.innerWrapper>section table th:first-of-type {
    text-align: left
}

offer-epa-free-seat-data>.innerWrapper>section table td {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    padding: 6px;
    text-align: center;
    border: 1px solid #d7d7d7
}

offer-epa-free-seat-data>.innerWrapper>section table td:first-of-type {
    text-align: left
}

offer-epa-free-seat-data>.innerWrapper>section table td.no-data {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    color: #E2002A;
    background-color: #f5f6f9
}

offer-epa-free-seat-data>.innerWrapper>section table .short {
    width: 110px
}

jp-tourist-specials .carouse-container {
    position: relative;
    min-height: 5px;
    height: auto
}

@media (min-width:720px) {
    jp-tourist-specials .carouse-container {
        max-width: 678px
    }
}

@media (max-width:719px) {
    jp-tourist-specials .carouse-container {
        width: 100%
    }
}

jp-tourist-specials .carouse-container .current-item {
    background: linear-gradient(to top, #444 0, #222 100%);
    padding: 0 30px
}

jp-tourist-specials .carouse-container .previous-item {
    position: absolute;
    top: 0;
    z-index: 999;
    height: 100%;
    width: 30px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    left: 0
}

jp-tourist-specials .carouse-container .previous-item div {
    height: 30px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

jp-tourist-specials .carouse-container .previous-item:hover {
    opacity: .75
}

jp-tourist-specials .carouse-container .next-item {
    position: absolute;
    top: 0;
    z-index: 999;
    height: 100%;
    width: 30px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    right: 0
}

jp-tourist-specials .carouse-container .next-item div {
    height: 30px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

jp-tourist-specials .carouse-container .next-item:hover {
    opacity: .75
}

.extra-item-container-light {
    border-bottom: 1px solid #d7d7d7
}

.extra-item-container-light .link {
    color: #247D24;
    margin: 15px 0
}

.extra-item-container-light .content-section {
    height: 100%;
    min-height: 80px;
    color: #222;
    display: flex
}

.extra-item-container-light .content-section:hover {
    cursor: pointer
}

.extra-item-container-light .content-section:hover .check-box-section,
.extra-item-container-light .content-section:hover .info-section {
    background: #d7d7d7
}

.extra-item-container-light .content-section:hover .price-section {
    background: #d7d7d7;
    opacity: .93
}

.extra-item-container-light .content-section .check-box-section {
    padding: 15px 0;
    width: 56px;
    min-width: 56px;
    display: flex;
    justify-content: center;
    pointer-events: none;
    background: #f5f6f9
}

.extra-item-container-light .content-section .check-box-section .mat-checkbox-checked .mat-checkbox-background {
    background: #247D24
}

@media (max-width:719px) {
    .extra-item-container-light .content-section .check-box-section {
        width: 36px;
        min-width: 36px
    }
}

.extra-item-container-light .content-section.disabled .check-box-section .mat-checkbox-checked .mat-checkbox-background {
    background: #b1b1b1
}

.extra-item-container-light .content-section .info-section {
    padding: 15px 16px 15px 0;
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    word-break: break-word;
    background: #f5f6f9
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .extra-item-container-light .content-section .info-section {
        padding: 16px 16px 16px 0
    }
}

.extra-item-container-light .content-section .info-section .title {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    margin: 0 0 10px 0;
    font-weight: 600;
    line-height: 20px
}

.extra-item-container-light .content-section .info-section .note {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    margin: 0 0 10px
}

.extra-item-container-light .content-section .info-section .further-info {
    margin: 16px 0!important;
    text-decoration: underline
}

.extra-item-container-light .content-section .info-section .price {
    margin: 8px 0 0 0!important;
    color: #666;
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

@media (max-width:719px) {
    .extra-item-container-light .content-section .info-section {
        padding-right: 6px;
        font-size: 0.9rem
    }
}

.extra-item-container-light .content-section .info-section .availability-dates p {
    margin: 16px 0!important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

.extra-item-container-light .content-section .info-section .availability-dates .dates-container {
    display: flex;
    flex-wrap: wrap
}

.extra-item-container-light .content-section .info-section .availability-dates .dates-container .date {
    width: 55px;
    margin: 0 10px 10px 0
}

.extra-item-container-light .content-section .perforation {
    width: 4px;
    min-width: 4px;
    background-image: url(/static/images/background/connectionPerforation.svg)
}

.extra-item-container-light .content-section .price-section {
    padding: 15px 16px 15px 0;
    background: #fff;
    width: 143px;
    min-width: 143px
}

.extra-item-container-light .content-section .price-section .title {
    font-weight: 400;
    text-align: right;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    margin: 0
}

@media (max-width:719px) {
    .extra-item-container-light .content-section .price-section .title {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1rem;
        line-height: 1;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
    }
}

@media (max-width:719px) {
    .extra-item-container-light .content-section .info-section .title {
        font-size: 1rem
    }
    .extra-item-container-light .content-section .info-section .acquisition-hint,
    .extra-item-container-light .content-section .info-section .note {
        font-size: 0.9rem
    }
    .extra-item-container-light .content-section .info-section .availability-dates .date {
        width: 45px
    }
    .extra-item-container-light .content-section .price-section {
        min-width: 93px;
        width: 93px
    }
}

.extra-item-container-light .validity-time-range-wrapper {
    margin-top: 10px;
    padding-top: 10px
}

.extra-item-container-light .validity.dates-container {
    margin: 20px 0 10px;
    display: flex
}

.extra-item-container-light .validity.dates-container calendar-sheet {
    margin-right: 10px
}

.extra-item-container-dark {
    border-bottom: 1px solid #d7d7d7
}

.extra-item-container-dark .link {
    color: #247D24;
    margin: 15px 0
}

.extra-item-container-dark .content-section {
    height: 100%;
    min-height: 80px;
    color: #fff;
    display: flex
}

.extra-item-container-dark .content-section:hover {
    cursor: pointer
}

.extra-item-container-dark .content-section:hover .check-box-section,
.extra-item-container-dark .content-section:hover .info-section {
    background: #d7d7d7
}

.extra-item-container-dark .content-section:hover .price-section {
    background: #d7d7d7;
    opacity: .93
}

.extra-item-container-dark .content-section .check-box-section {
    padding: 15px 0;
    width: 56px;
    min-width: 56px;
    display: flex;
    justify-content: center;
    pointer-events: none;
    background: #f5f6f9
}

.extra-item-container-dark .content-section .check-box-section .mat-checkbox-checked .mat-checkbox-background {
    background: #247D24
}

@media (max-width:719px) {
    .extra-item-container-dark .content-section .check-box-section {
        width: 36px;
        min-width: 36px
    }
}

.extra-item-container-dark .content-section.disabled .check-box-section .mat-checkbox-checked .mat-checkbox-background {
    background: #b1b1b1
}

.extra-item-container-dark .content-section .info-section {
    padding: 15px 16px 15px 0;
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    word-break: break-word;
    background: #f5f6f9
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .extra-item-container-dark .content-section .info-section {
        padding: 16px 16px 16px 0
    }
}

.extra-item-container-dark .content-section .info-section .title {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    margin: 0 0 10px 0;
    font-weight: 600;
    line-height: 20px
}

.extra-item-container-dark .content-section .info-section .note {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    margin: 0 0 10px
}

.extra-item-container-dark .content-section .info-section .further-info {
    margin: 16px 0!important;
    text-decoration: underline
}

.extra-item-container-dark .content-section .info-section .price {
    margin: 8px 0 0 0!important;
    color: #666;
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

@media (max-width:719px) {
    .extra-item-container-dark .content-section .info-section {
        padding-right: 6px;
        font-size: 0.9rem
    }
}

.extra-item-container-dark .content-section .info-section .availability-dates p {
    margin: 16px 0!important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

.extra-item-container-dark .content-section .info-section .availability-dates .dates-container {
    display: flex;
    flex-wrap: wrap
}

.extra-item-container-dark .content-section .info-section .availability-dates .dates-container .date {
    width: 55px;
    margin: 0 10px 10px 0
}

.extra-item-container-dark .content-section .perforation {
    width: 4px;
    min-width: 4px;
    background-image: url(/static/images/background/touristicExtrasPerforation.svg)
}

.extra-item-container-dark .content-section .price-section {
    padding: 15px 16px 15px 0;
    background: #fff;
    width: 143px;
    min-width: 143px
}

.extra-item-container-dark .content-section .price-section .title {
    font-weight: 400;
    text-align: right;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    margin: 0
}

@media (max-width:719px) {
    .extra-item-container-dark .content-section .price-section .title {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1rem;
        line-height: 1;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
    }
}

@media (max-width:719px) {
    .extra-item-container-dark .content-section .info-section .title {
        font-size: 1rem
    }
    .extra-item-container-dark .content-section .info-section .acquisition-hint,
    .extra-item-container-dark .content-section .info-section .note {
        font-size: 0.9rem
    }
    .extra-item-container-dark .content-section .info-section .availability-dates .date {
        width: 45px
    }
    .extra-item-container-dark .content-section .price-section {
        min-width: 93px;
        width: 93px
    }
}

.extra-item-container-dark .validity-time-range-wrapper {
    margin-top: 10px;
    padding-top: 10px
}

.extra-item-container-dark .validity.dates-container {
    margin: 20px 0 10px;
    display: flex
}

.extra-item-container-dark .validity.dates-container calendar-sheet {
    margin-right: 10px
}

.extra-item-container-dark .content-section:hover .check-box-section,
.extra-item-container-dark .content-section:hover .info-section {
    background: 0 0
}

.extra-item-container-dark .content-section:hover .price-section {
    background: 0 0
}

.extra-item-container-dark .content-section .check-box-section {
    background: 0 0
}

.extra-item-container-dark .content-section .check-box-section .mat-checkbox-checked .mat-checkbox-background {
    background: 0 0
}

.extra-item-container-dark .content-section.disabled .check-box-section .mat-checkbox-checked .mat-checkbox-background {
    background: #b1b1b1
}

.extra-item-container-dark .content-section .info-section {
    background: 0 0;
    border-bottom: unset
}

.extra-item-container-dark .content-section .info-section .title {
    font-weight: 600
}

.extra-item-container-dark .content-section .info-section .price {
    color: #fff
}

.extra-item-container-dark .content-section .price-section {
    background: 0 0
}

.p-0 {
    padding: 0!important
}

.min-height-unset {
    min-height: unset!important
}

tourist-specials {
    display: block
}

tourist-specials .headline {
    font-weight: 600
}

tourist-specials .extra-items-container .item-block .item-image {
    width: 100%;
    padding: 12px 12px 8px 12px;
    background-color: #f5f6f9;
    position: relative
}

tourist-specials .extra-items-container .item-block .item-image img {
    width: 100%;
    min-height: 70px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left;
    object-position: left
}

tourist-specials .extra-items-container .item-block .item-image .details {
    position: absolute;
    bottom: 15px;
    right: 14px;
    tab-index: -1;
    background-color: #fff;
    color: #222;
    padding: 5px 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    font-weight: 600
}

sepa {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 0 32px 0
}

sepa .form {
    background-color: #fff
}

@media (min-width:480px) {
    sepa .form {
        padding: 12px 0 0 0
    }
}

@media (min-width:720px) {
    sepa .form {
        width: 730px;
        margin: auto;
        margin-top: 20px;
        margin-bottom: 20px
    }
}

sepa .form .section-header {
    margin-bottom: 1em;
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin-bottom: 20px
}

sepa .form .personalInfo,
sepa .form .sepaMandate {
    padding: 10px 40px
}

sepa .form .personalInfo .authorizeSepaCheckbox,
sepa .form .sepaMandate .authorizeSepaCheckbox {
    fill: #247D24
}

sepa .form .personalInfo .authorizeSepaCheckbox label,
sepa .form .sepaMandate .authorizeSepaCheckbox label {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 700
}

sepa .form h2 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600;
    line-height: 1.3em;
    margin-bottom: 8px
}

sepa .form .additional-text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #666;
    margin-top: 0;
    margin-bottom: 38px
}

sepa .form .legal-text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    font-weight: 400;
    line-height: 1.5em
}

sepa .form .inputColumn {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media (min-width:480px) {
    sepa .form .inputColumn {
        flex-direction: row
    }
}

sepa .form .checkbox-container {
    margin: 25px 0 35px 0
}

sepa .form .checkbox-container label {
    white-space: pre-wrap
}

sepa .form .inputRow {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%
}

@media (min-width:480px) {
    sepa .form .inputRow {
        width: auto
    }
}

sepa .form .inputRow .input-error {
    margin-top: -15px;
    margin-bottom: 17px
}

sepa .form .inputRow.sex {
    color: #b1b1b1
}

@media (min-width:480px) {
    sepa .form .inputRow.zipCode {
        flex: 1 1 100px;
        max-width: 100px
    }
}

sepa .form .inputRow.country {
    max-width: 185px
}

sepa .form .inputRow mat-select {
    line-height: 1;
    width: 180px
}

sepa .form .inputRow .inputGroup {
    margin-right: 10px
}

sepa .form .inputRow .inputGroup input[disabled=disabled] {
    background-color: transparent;
    color: #b1b1b1
}

sepa .form .inputRow .inputGroup input {
    width: 100%;
    border: none;
    font: inherit;
    font-size: inherit
}

page-header .menu-button {
    height: 100%;
    color: #e2002a;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0
}

@media (max-width:719px) {
    page-header .menu-button {
        min-width: 87px
    }
}

page-header .menu-button[disabled] {
    color: #b1b1b1
}

@media (min-width:720px) {
    page-header .menu-button {
        overflow: hidden;
        width: 48px;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start
    }
    page-header .menu-button:focus,
    page-header .menu-button:hover {
        background-color: #f5f6f9
    }
    page-header .menu-button[disabled]:focus,
    page-header .menu-button[disabled]:hover {
        background-color: transparent
    }
}

page-header .flag {
    display: block
}

@media (max-width:719px) {
    page-header .flag {
        margin: 25px 8px 0;
        width: 14px;
        min-width: 14px;
        height: 13px
    }
    page-header .flag>svg {
        display: block
    }
}

@media (min-width:720px) {
    page-header .flag {
        margin: 40px 0 5px;
        width: 21px;
        height: 20px
    }
}

page-header .header-logo {
    height: 100%;
    display: block;
    cursor: pointer
}

page-header .header-logo.isShoppingCartEditing {
    cursor: default
}

@media (min-width:720px) {
    page-header .header-logo:focus,
    page-header .header-logo:hover {
        background-color: #f5f6f9
    }
    page-header .header-logo:not([href]):focus,
    page-header .header-logo:not([href]):hover {
        background-color: transparent
    }
}

page-header .header-logo-img {
    display: block;
    height: 100%;
    margin: -2px 5px 0 5px
}

@media (max-width:719px) {
    page-header .header-logo-img {
        margin-top: 0;
        margin-right: 8px;
        margin: 23px 5px;
        height: auto
    }
}

page-header .content {
    display: flex;
    height: 100%;
    padding-left: 18px;
    align-items: center
}

@media (min-width:480px) {
    page-header .content {
        padding-right: 28px
    }
}

@media (min-width:380px) {
    page-header .content {
        padding-left: 19px
    }
}

page-header .header-title {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    color: #222;
    padding-right: 8px;
    font-weight: 600
}

@media (min-width:720px) {
    page-header .header-title {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        padding-top: 36px;
        line-height: 1;
        margin: 0
    }
}

page-header .menu {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.7rem;
    line-height: 1;
    text-align: center;
    color: #666
}

page-header .menu-wrapper {
    height: 100%;
    width: 30px;
    color: #e2002a
}

page-header .title-wrapper {
    flex-grow: 1
}

@media (max-width:719px) {
    page-header .title-wrapper {
        display: flex;
        align-items: center
    }
    page-header .title-wrapper .icon-with-bg {
        box-sizing: content-box;
        width: 13px;
        height: 13px;
        padding: 5px;
        margin-right: 13px;
        background-color: #d7d7d7;
        border-radius: 100%
    }
    page-header .title-wrapper .icon-with-bg>svg {
        display: block
    }
}

@media (max-width:719px) {
    page-header .is-home .title-wrapper {
        margin-left: 5px
    }
}

@media (max-width:719px) {
    page-header .both-buttons {
        height: auto
    }
    page-header .both-buttons .buttons-wrapper {
        background-color: #666;
        width: 100%;
        display: flex;
        align-self: flex-start;
        align-items: center;
        height: 48px
    }
    page-header .both-buttons .buttons-wrapper button.mat-button,
    page-header .both-buttons .buttons-wrapper button.mat-flat-button {
        height: 100%;
        flex-grow: 1;
        border-radius: 0;
        color: #fff;
        background-color: #666
    }
    page-header .both-buttons .buttons-wrapper button.mat-button:hover,
    page-header .both-buttons .buttons-wrapper button.mat-flat-button:hover {
        background-color: #666
    }
    page-header .both-buttons .buttons-wrapper button.mat-button .mat-button-focus-overlay,
    page-header .both-buttons .buttons-wrapper button.mat-flat-button .mat-button-focus-overlay {
        background-color: transparent
    }
    page-header .both-buttons .buttons-wrapper .line {
        width: 1px;
        background-color: #d7d7d7;
        height: 25px;
        display: block
    }
    page-header .both-buttons .header-title {
        display: none
    }
}

page-header .line {
    display: none
}

page-header .buttons-wrapper {
    -ms-grid-row-align: center;
    align-self: center;
    padding-right: 15px
}

@media (min-width:720px) {
    page-header .buttons-wrapper {
        padding-right: 30px
    }
    page-header .buttons-wrapper button:nth-of-type(2) {
        margin-left: 10px
    }
}

@media print {
    page-header {
        display: none
    }
}

shoppingcart-item-count {
    z-index: 1
}

@media (min-width:1024px) {
    shoppingcart-item-count {
        margin-right: 36px
    }
}

shoppingcart-item-count .shoppingcart-wrapper {
    display: flex;
    width: 60px;
    flex: 0 0 60px;
    height: 100%;
    cursor: pointer
}

@media (min-width:720px) {
    shoppingcart-item-count .shoppingcart-wrapper {
        width: 88px;
        flex: 0 0 88px;
        background: 0 0
    }
    shoppingcart-item-count .shoppingcart-wrapper::before {
        box-shadow: none
    }
}

shoppingcart-item-count .shoppingcart-wrapper:focus,
shoppingcart-item-count .shoppingcart-wrapper:hover {
    background-color: #f5f6f9
}

shoppingcart-item-count .shoppingcart-wrapper .shoppingcart {
    position: relative;
    width: 20px;
    margin: 43px auto 0
}

@media (max-width:719px) {
    shoppingcart-item-count .shoppingcart-wrapper .shoppingcart {
        margin: 23px 5px
    }
}

shoppingcart-item-count .shoppingcart-wrapper .shoppingcart-icon {
    width: 20px;
    height: 20px
}

shoppingcart-item-count .shoppingcart-wrapper .shoppingcart .count {
    background-color: #e2002a;
    color: #fff;
    border-radius: 25px;
    width: 21px;
    height: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 900;
    position: absolute;
    right: -10.5px;
    top: -10.5px;
    vertical-align: middle;
    text-shadow: 0 1px 0 #000
}

shoppingcart-edit-header {
    height: 50px;
    z-index: 30;
    display: flex;
    align-items: center;
    background-color: #666;
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.7rem;
    line-height: 1
}

@media (min-width:480px) {
    shoppingcart-edit-header {
        padding-bottom: 16px;
        align-items: flex-end
    }
}

@media (min-width:720px) {
    shoppingcart-edit-header {
        height: 50px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

shoppingcart-edit-header .cancel {
    padding-left: 5px;
    padding-right: 5px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    display: flex;
    align-items: center
}

@media (min-width:480px) {
    shoppingcart-edit-header .cancel {
        align-items: baseline
    }
}

@media (min-width:720px) {
    shoppingcart-edit-header .cancel {
        padding-left: 15px;
        padding-right: 25px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

shoppingcart-edit-header .cancel:hover {
    color: #fff
}

shoppingcart-edit-header .icon-close {
    position: relative;
    top: 1px;
    width: 10px;
    height: 10px;
    margin-right: 5px
}

@media (min-width:720px) {
    shoppingcart-edit-header .icon-close {
        margin-right: 15px;
        width: 14px;
        height: 14px
    }
}

shoppingcart-edit-header .icon-close svg {
    display: block
}

passenger-list-item .div-button {
    cursor: pointer
}

passenger-list-item .summary {
    background-color: #1A3A4A;
    color: #fff;
    padding: 15px 0 15px 24px;
    cursor: pointer
}

passenger-list-item .big-button-container {
    background: #fff
}

passenger-list-item .big-button-container .big-button {
    width: 100%
}

passenger-list-item .removeFromOrAddToFavorites {
    background-color: #1A3A4A;
    color: #439643;
    padding: 15px 0 15px 28px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    display: flex;
    justify-content: left;
    flex-direction: row
}

passenger-list-item .removeFromOrAddToFavorites mat-icon {
    height: 38px
}

passenger-list-item .removeFromOrAddToFavorites svg {
    margin-right: 15px;
    fill: #439643
}

passenger-list-item .addToFavorites {
    color: #247D24;
    background-color: #fff
}

passenger-list-item .addToFavorites svg {
    fill: #247D24
}

passenger-list-item .green-icon {
    fill: #247D24!important
}

passenger-list-item .wheelchair ts-icon {
    margin-left: -9px;
    margin-right: 11px!important
}

passenger-list-item .centered-entry div {
    display: flex!important;
    align-items: center
}

passenger-list-item .discount-info .discount-cards {
    margin-left: 17px;
    width: 100%
}

passenger-list-item .card-icon {
    margin-right: 4px
}

passenger-list-item .heart-icon {
    margin-right: 4px
}

passenger-list-item .setFavoriteText {
    padding-bottom: 2px
}

passenger-list {
    width: 336px
}

passenger-list passenger-list-item>header {
    height: 64px;
    padding: 15px 12px 20px 22px;
    background: #fff;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #d7d7d7
}

passenger-list passenger-list-item>header:hover {
    background-color: #d7d7d7
}

passenger-list passenger-list-item>header .left {
    width: 100%;
    margin-right: 10px
}

passenger-list passenger-list-item>header .left:not(.noPointer) {
    cursor: pointer
}

passenger-list passenger-list-item>header .left .label {
    color: #222
}

passenger-list passenger-list-item>header .left .label .enumeration {
    width: 24px
}

passenger-list passenger-list-item>header .left .label .text {
    max-width: 230px
}

passenger-list passenger-list-item>header .left .subLabel {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #666;
    margin-left: 24px;
    overflow: hidden;
    text-overflow: ellipsis
}

passenger-list passenger-list-item>header .right {
    border-left: 1px solid #d7d7d7;
    width: 26px;
    cursor: pointer
}

passenger-list passenger-list-item>header .right svg {
    fill: #b1b1b1
}

passenger-list passenger-list-item>header .right ts-icon:hover {
    background-color: #d7d7d7;
    opacity: 1
}

passenger-list passenger-list-item>header .delete-button {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

passenger-list passenger-list-item>section {
    background-color: #fff;
    color: #247D24;
    padding-bottom: 20px;
    padding-left: 35px;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1
}

passenger-list passenger-list-item>section .child {
    padding: 0 5px 10px 38px
}

passenger-list passenger-list-item>section .child div {
    margin-bottom: 3px
}

passenger-list passenger-list-item>section .list-row {
    line-height: 1.4;
    padding: 5px 0
}

passenger-list passenger-list-item>section .list-row ts-icon {
    margin-right: 15px
}

passenger-list passenger-list-item>section .list-row svg {
    fill: #247D24
}

passenger-list .summary {
    background-color: #1A3A4A;
    color: #fff;
    padding: 15px 0 15px 24px
}

main-passenger-screen {
    display: flex
}

main-passenger-screen .left-container {
    min-width: 334px;
    max-width: 350px;
    display: flex;
    flex-direction: column;
    min-height: 498px;
    position: relative;
    float: left;
    margin: 32px 0 32px 360px
}

@media (max-width:1023px) {
    main-passenger-screen .left-container {
        margin-left: 100px
    }
}

@media (max-width:720px) {
    main-passenger-screen .left-container {
        width: 100%;
        margin: 0
    }
}

main-passenger-screen .left-container .summary {
    padding: 15px 0 15px 52px;
    background-color: #f5f6f9;
    border-top: 1px solid #d7d7d7
}

main-passenger-screen .left-container .actions {
    display: flex;
    background-color: #f5f6f9;
    flex-direction: column
}

main-passenger-screen .left-container .actions.avc-actions {
    margin-bottom: 15px
}

main-passenger-screen .left-container .actions.stored-passenger-actions {
    padding-bottom: 20px
}

main-passenger-screen .left-container .actions .stored-passenger-buttons {
    position: relative;
    display: flex;
    box-sizing: border-box
}

main-passenger-screen .left-container .actions .stored-passenger-buttons .text-for-passenger-with-attendant-without-place {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin-left: 52px;
    margin-right: 20px
}

main-passenger-screen .left-container .actions .stored-passenger-buttons:hover .remove-passenger {
    clip: unset
}

main-passenger-screen .left-container .actions .stored-passenger-buttons .add-passenger-button {
    flex-grow: 1
}

main-passenger-screen .left-container .actions .stored-passenger-buttons .remove-passenger {
    position: absolute;
    left: -50px;
    padding: 5px 0 5px 0;
    clip: rect(0, 0, 0, 0)
}

main-passenger-screen .left-container .actions .stored-passenger-buttons .remove-passenger .mat-icon {
    width: 24px;
    height: 24px;
    fill: #fff
}

main-passenger-screen .left-container .actions .stored-passenger-buttons .remove-passenger .mat-icon[svgicon="base:close"] svg g path:last-child {
    fill: #d7d7d7
}

main-passenger-screen .left-container .actions .stored-passenger {
    width: 100%
}

main-passenger-screen .left-container .actions .add-passenger-button {
    justify-content: flex-start;
    display: flex;
    padding: 5px 0 5px 50px
}

main-passenger-screen .left-container .actions .plus-icon {
    width: 14px;
    height: 28px;
    margin-right: 8px;
    fill: #247D24;
    vertical-align: middle
}

main-passenger-screen .left-container .actions .bike-icon {
    width: 22px;
    height: 28px;
    margin-right: 8px;
    fill: #247D24;
    vertical-align: middle
}

main-passenger-screen .left-container .actions .car-icon {
    width: 18px;
    height: 28px;
    margin-right: 8px;
    fill: #247D24;
    vertical-align: middle
}

main-passenger-screen .left-container .actions .double-bottom-button {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

main-passenger-screen .left-container .actions .double-bottom-button button {
    padding: 0 10px 0 10px
}

main-passenger-screen .bubble-container {
    margin-left: 24px
}

main-passenger-screen .message-padding {
    padding-right: 5px;
    margin: 0
}

main-passenger-screen .group-reservation-button {
    margin-top: 15px
}

main-passenger-screen .mat-form-field-prefix,
main-passenger-screen .mat-form-field-suffix {
    white-space: normal!important
}

remembered-passenger {
    width: 100%
}

remembered-passenger .add-passenger-button {
    width: 100%
}

schoolcard-passenger-screen .master-container {
    display: flex
}

schoolcard-passenger-screen .master-container .left-container {
    width: 334px;
    display: flex;
    flex-direction: column;
    position: relative;
    float: left;
    margin: 32px 0 32px 360px
}

schoolcard-passenger-screen .master-container .left-container .header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    padding: 15px 0 15px 0
}

schoolcard-passenger-screen .master-container .left-container .upper-container {
    background: #fff;
    padding: 15px 0 15px 42px
}

schoolcard-passenger-screen .master-container .left-container .upper-container .header {
    border-bottom: 1px solid #d7d7d7
}

schoolcard-passenger-screen .master-container .left-container .bottom-container {
    border-top: 1px solid #d7d7d7;
    background: #f5f6f9;
    padding: 15px 10px 15px 42px
}

schoolcard-passenger-screen .master-container .left-container .bottom-container .header {
    margin-bottom: 15px
}

schoolcard-passenger-screen .master-container .left-container .bottom-container .logged-in-person-text {
    margin-bottom: 15px
}

schoolcard-passenger-screen .master-container .left-container .bottom-container form {
    display: flex
}

schoolcard-passenger-screen .master-container .left-container .bottom-container form mat-form-field {
    width: 38%;
    margin-right: 5px
}

schoolcard-passenger-screen .master-container .left-container .bottom-container form mat-form-field.sex-input {
    width: 24%
}

schoolcard-passenger-screen .master-container .left-container .bottom-container form mat-form-field .mat-form-field-infix {
    width: unset!important
}

schoolcard-passenger-screen .master-container .left-container .content {
    padding-top: 15px
}

schoolcard-passenger-screen .master-container .left-container .content .middle-text {
    margin-top: 15px;
    margin-bottom: 5px
}

schoolcard-passenger-screen .master-container .left-container .button-container {
    display: flex
}

schoolcard-passenger-screen .master-container .right-container .bubble-container {
    margin-top: 32px;
    margin-left: 20px
}

passenger {
    background-color: #fff;
    border-top: 1px solid #d7d7d7;
    position: relative;
    padding-bottom: 12px
}

passenger .top-border-line {
    border-top: 1px solid #d7d7d7
}

passenger .header {
    position: relative
}

passenger .header .close-button {
    z-index: 1;
    line-height: 20px;
    position: absolute;
    margin-top: 5px;
    top: 5px;
    right: 5px;
    width: 16px;
    height: 30px
}

@media screen and (min-width:720px) {
    passenger .header .close-button {
        clip: rect(0, 0, 0, 0)
    }
}

@media screen and (max-width:719px) {
    passenger .header .close-button {
        visibility: visible;
        margin-right: 5px
    }
}

@media screen and (max-device-width:719px) {
    passenger .header .close-button {
        visibility: visible;
        margin-right: 15px
    }
}

passenger .header .close-button mat-icon {
    fill: #666;
    height: 14px;
    width: 14px
}

@media (max-width:380px) {
    passenger .header .close-button mat-icon {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

passenger .header:hover .close-button {
    clip: unset
}

passenger .additional-info {
    margin-left: 50px;
    margin-right: 25px
}

passenger .additional-info .age-input .mat-form-field-infix {
    width: 100px
}

passenger .additional-info .name-input {
    display: flex
}

passenger .additional-info .name-input .mat-form-field-infix {
    width: unset!important
}

passenger .additional-info .form-submit-button {
    margin-top: 28px;
    margin-bottom: 8px
}

passenger .birthdate-picker {
    width: 100%
}

passenger .submenu {
    margin-left: 15%;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #d7d7d7
}

passenger .submenu .passenger-menu-button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    font-weight: 600;
    padding: 10px 30px 10px 0;
    display: flex;
    flex-direction: column;
    color: #247D24
}

passenger .submenu .passenger-menu-button:hover {
    background: #d7d7d7
}

passenger .submenu .passenger-menu-button .button-subtitle {
    color: #666;
    margin-top: 2px
}

add-discount-bubble .bubble {
    width: 400px;
    background: #f5f6f9;
    position: relative
}

@media (max-width:720px) {
    add-discount-bubble .bubble {
        background: #fff;
        border: 1px solid #d7d7d7;
        margin-left: -9%;
        width: 334px
    }
}

add-discount-bubble .bubble .header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    padding: 23px 29px 23px 25px;
    border-bottom: 1px solid #d7d7d7
}

add-discount-bubble .bubble .pointer {
    position: absolute;
    background: #f5f6f9;
    display: inline-block;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    top: 78px;
    left: -12px;
    width: 25px;
    height: 25px;
    border-left: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7
}

@media (max-width:720px) {
    add-discount-bubble .bubble .pointer {
        display: none
    }
}

add-discount-bubble .bubble .content {
    position: relative;
    z-index: 1;
    padding: 0 25px 0 25px
}

add-discount-bubble .bubble .footer {
    border-top: 1px solid #d7d7d7;
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    padding: 10px 25px 10px 25px
}

add-discount-bubble .inputContainer {
    width: 100%
}

add-discount-bubble .discount-cards-list {
    max-height: 300px;
    overflow: auto
}

add-discount-bubble .discount-cards-list.selected-cards {
    margin-top: 15px
}

add-discount-bubble .discount-cards-list .search-bar {
    width: 100%
}

add-discount-bubble .discount-cards-list .search-bar .search-bar-label {
    margin-left: 8px
}

add-discount-bubble .discount-cards-list .search-bar .search-icon {
    fill: #666;
    height: 12px
}

add-discount-bubble .discount-cards-list .discount-list-entry {
    padding: 10px 0 10px 0
}

add-discount-bubble .discount-cards-list .discount-list-entry .discount-list-entry-content {
    display: flex
}

add-discount-bubble .discount-cards-list .discount-list-entry .discount-list-entry-content .card-icon {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 10px
}

add-discount-bubble .more-button {
    width: 100%
}

add-discount-bubble .bubble .footer.sticky-button-bar {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: #f5f6f9;
    border-top: 1px solid #d7d7d7;
    z-index: 1;
    display: block;
    margin-top: 0;
    padding: 0;
    justify-content: unset
}

add-discount-bubble .bubble .footer.sticky-button-bar .footer-button-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 10px 25px
}

custom-attribute mat-form-field {
    width: 100%
}

custom-attribute mat-error {
    margin-bottom: 15px
}

alert-bubble .bubble {
    width: 400px;
    background: #f5f6f9;
    position: relative
}

@media (max-width:720px) {
    alert-bubble .bubble {
        background: #fff;
        border: 1px solid #d7d7d7;
        margin-left: -9%;
        width: 334px
    }
}

alert-bubble .bubble .header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    padding: 23px 29px 23px 25px;
    border-bottom: 1px solid #d7d7d7
}

alert-bubble .bubble .pointer {
    position: absolute;
    background: #f5f6f9;
    display: inline-block;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    top: 78px;
    left: -12px;
    width: 25px;
    height: 25px;
    border-left: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7
}

@media (max-width:720px) {
    alert-bubble .bubble .pointer {
        display: none
    }
}

alert-bubble .bubble .content {
    position: relative;
    z-index: 1;
    padding: 0 25px 0 25px
}

alert-bubble .bubble .footer {
    border-top: 1px solid #d7d7d7;
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    padding: 10px 25px 10px 25px
}

alert-bubble .alert-bubble .header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    color: #E2002A;
    display: flex
}

alert-bubble .alert-bubble .header mat-icon {
    margin-right: 10px;
    width: 40px
}

alert-bubble .alert-bubble .header mat-icon svg {
    fill: #E2002A
}

alert-bubble .alert-bubble .pointer {
    top: 12px
}

group-age-input-bubble .bubble {
    width: 400px;
    background: #f5f6f9;
    position: relative
}

@media (max-width:720px) {
    group-age-input-bubble .bubble {
        background: #fff;
        border: 1px solid #d7d7d7;
        margin-left: -9%;
        width: 334px
    }
}

group-age-input-bubble .bubble .header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    padding: 23px 29px 23px 25px;
    border-bottom: 1px solid #d7d7d7
}

group-age-input-bubble .bubble .pointer {
    position: absolute;
    background: #f5f6f9;
    display: inline-block;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    top: 78px;
    left: -12px;
    width: 25px;
    height: 25px;
    border-left: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7
}

@media (max-width:720px) {
    group-age-input-bubble .bubble .pointer {
        display: none
    }
}

group-age-input-bubble .bubble .content {
    position: relative;
    z-index: 1;
    padding: 0 25px 0 25px
}

group-age-input-bubble .bubble .footer {
    border-top: 1px solid #d7d7d7;
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    padding: 10px 25px 10px 25px
}

group-age-input-bubble .content.group-age-content {
    padding: 10px 25px 0 25px
}

group-age-input-bubble .content .regular-bubble-content-padding {
    padding: 2px
}

group-age-input-bubble .content .group-age-text {
    padding-bottom: 10px
}

group-age-input-bubble .group {
    background-color: #fff;
    position: relative;
    padding: 5px 2px 0 16px;
    border-bottom: 1px solid #d7d7d7;
    display: flex;
    align-items: center
}

group-age-input-bubble .group mat-form-field {
    flex: 1
}

group-age-input-bubble .group mat-form-field.age-input {
    margin-right: 5px
}

group-age-input-bubble .group:first-of-type {
    border-top: 1px solid #d7d7d7
}

group-age-input-bubble .group .close-button {
    position: absolute;
    visibility: hidden;
    right: 8px;
    top: 3px;
    z-index: 1
}

group-age-input-bubble .group .close-button mat-icon {
    fill: #666;
    width: 14px
}

group-age-input-bubble .group:hover .close-button {
    visibility: visible
}

group-age-input-bubble .group .mat-form-field-infix {
    width: 32px
}

group-age-input-bubble .group .middle-text {
    padding: 0 4px 0 4px
}

group-age-input-bubble .add-group-button {
    margin-top: 15px;
    width: 100%
}

group-age-input-bubble .add-group-button mat-icon {
    width: 14px;
    fill: #247D24;
    margin-right: 5px
}

add-parent-bubble .bubble {
    width: 400px;
    background: #f5f6f9;
    position: relative
}

@media (max-width:720px) {
    add-parent-bubble .bubble {
        background: #fff;
        border: 1px solid #d7d7d7;
        margin-left: -9%;
        width: 334px
    }
}

add-parent-bubble .bubble .header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    padding: 23px 29px 23px 25px;
    border-bottom: 1px solid #d7d7d7
}

add-parent-bubble .bubble .pointer {
    position: absolute;
    background: #f5f6f9;
    display: inline-block;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    top: 78px;
    left: -12px;
    width: 25px;
    height: 25px;
    border-left: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7
}

@media (max-width:720px) {
    add-parent-bubble .bubble .pointer {
        display: none
    }
}

add-parent-bubble .bubble .content {
    position: relative;
    z-index: 1;
    padding: 0 25px 0 25px
}

add-parent-bubble .bubble .footer {
    border-top: 1px solid #d7d7d7;
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    padding: 10px 25px 10px 25px
}

add-parent-bubble .add-parent-bubble .checkbox-with-name:hover {
    background: #d7d7d7
}

add-parent-bubble .add-parent-bubble .checkbox-with-name passenger-header .header {
    padding: 0!important
}

add-parent-bubble .add-parent-bubble .mat-checkbox-label {
    white-space: normal
}

remember-passenger-bubble .bubble {
    width: 400px;
    background: #f5f6f9;
    position: relative
}

@media (max-width:720px) {
    remember-passenger-bubble .bubble {
        background: #fff;
        border: 1px solid #d7d7d7;
        margin-left: -9%;
        width: 334px
    }
}

remember-passenger-bubble .bubble .header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    padding: 23px 29px 23px 25px;
    border-bottom: 1px solid #d7d7d7
}

remember-passenger-bubble .bubble .pointer {
    position: absolute;
    background: #f5f6f9;
    display: inline-block;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    top: 78px;
    left: -12px;
    width: 25px;
    height: 25px;
    border-left: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7
}

@media (max-width:720px) {
    remember-passenger-bubble .bubble .pointer {
        display: none
    }
}

remember-passenger-bubble .bubble .content {
    position: relative;
    z-index: 1;
    padding: 0 25px 0 25px
}

remember-passenger-bubble .bubble .footer {
    border-top: 1px solid #d7d7d7;
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    padding: 10px 25px 10px 25px
}

remember-passenger-bubble .sex-input {
    margin-top: 10px;
    width: 100%
}

remember-passenger-bubble .double-inputs {
    display: flex;
    justify-content: space-between
}

remember-passenger-bubble .double-inputs mat-form-field {
    flex: 1
}

remember-passenger-bubble .double-inputs mat-form-field:first-of-type {
    margin-right: 5px
}

remember-passenger-bubble mat-form-field .mat-form-field-infix {
    width: unset!important
}

remember-passenger-bubble .subtext {
    margin-bottom: 1rem
}

remember-passenger-bubble color-chooser {
    display: flex;
    justify-content: center
}

remember-passenger-bubble .birthdate-picker {
    width: 100%;
    margin-top: 15px
}

confirmation-bubble .bubble {
    width: 400px;
    background: #f5f6f9;
    position: relative
}

@media (max-width:720px) {
    confirmation-bubble .bubble {
        background: #fff;
        border: 1px solid #d7d7d7;
        margin-left: -9%;
        width: 334px
    }
}

confirmation-bubble .bubble .header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    padding: 23px 29px 23px 25px;
    border-bottom: 1px solid #d7d7d7
}

confirmation-bubble .bubble .pointer {
    position: absolute;
    background: #f5f6f9;
    display: inline-block;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    top: 78px;
    left: -12px;
    width: 25px;
    height: 25px;
    border-left: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7
}

@media (max-width:720px) {
    confirmation-bubble .bubble .pointer {
        display: none
    }
}

confirmation-bubble .bubble .content {
    position: relative;
    z-index: 1;
    padding: 0 25px 0 25px
}

confirmation-bubble .bubble .footer {
    border-top: 1px solid #d7d7d7;
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    padding: 10px 25px 10px 25px
}

confirmation-bubble .confirmation-bubble .content {
    padding-top: 15px
}

delete-bubble .bubble {
    width: 400px;
    background: #f5f6f9;
    position: relative
}

@media (max-width:720px) {
    delete-bubble .bubble {
        background: #fff;
        border: 1px solid #d7d7d7;
        margin-left: -9%;
        width: 334px
    }
}

delete-bubble .bubble .header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    padding: 23px 29px 23px 25px;
    border-bottom: 1px solid #d7d7d7
}

delete-bubble .bubble .pointer {
    position: absolute;
    background: #f5f6f9;
    display: inline-block;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    top: 78px;
    left: -12px;
    width: 25px;
    height: 25px;
    border-left: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7
}

@media (max-width:720px) {
    delete-bubble .bubble .pointer {
        display: none
    }
}

delete-bubble .bubble .content {
    position: relative;
    z-index: 1;
    padding: 0 25px 0 25px
}

delete-bubble .bubble .footer {
    border-top: 1px solid #d7d7d7;
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    padding: 10px 25px 10px 25px
}

delete-bubble .delete-bubble .header {
    color: #E2002A;
    display: flex
}

delete-bubble .delete-bubble .header mat-icon {
    margin-right: 10px;
    width: 40px
}

delete-bubble .delete-bubble .header mat-icon svg {
    fill: #E2002A
}

delete-bubble .delete-bubble .content.delete-content {
    padding-top: 15px
}

disability-bubble .bubble {
    width: 400px;
    background: #f5f6f9;
    position: relative
}

@media (max-width:720px) {
    disability-bubble .bubble {
        background: #fff;
        border: 1px solid #d7d7d7;
        margin-left: -9%;
        width: 334px
    }
}

disability-bubble .bubble .header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    padding: 23px 29px 23px 25px;
    border-bottom: 1px solid #d7d7d7
}

disability-bubble .bubble .pointer {
    position: absolute;
    background: #f5f6f9;
    display: inline-block;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    top: 78px;
    left: -12px;
    width: 25px;
    height: 25px;
    border-left: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7
}

@media (max-width:720px) {
    disability-bubble .bubble .pointer {
        display: none
    }
}

disability-bubble .bubble .content {
    position: relative;
    z-index: 1;
    padding: 0 25px 0 25px
}

disability-bubble .bubble .footer {
    border-top: 1px solid #d7d7d7;
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    padding: 10px 25px 10px 25px
}

disability-bubble .disablity-bubble .checkbox-with-hint {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #d7d7d7
}

disability-bubble .disablity-bubble .checkbox-with-hint:hover {
    background: #d7d7d7
}

disability-bubble .disablity-bubble .checkbox-with-hint .mat-checkbox-label {
    padding: 15px 20px 15px 0;
    white-space: normal
}

disability-bubble .disablity-bubble .checkbox-with-hint mat-hint {
    margin-left: 25px;
    margin-bottom: 15px
}

disability-bubble .disablity-bubble .disabled-checkbox-text {
    padding: 5px 25px;
    color: #666
}

disability-bubble .disablity-bubble .content {
    padding-right: 0;
    padding-left: 0
}

disability-bubble .disablity-bubble .footer.disability-footer {
    border-top: none;
    margin-top: 0;
    padding-right: 25px
}

disability-bubble .disablity-bubble .mat-checkbox.mat-accent .mat-checkbox-inner-container {
    margin: 15px 8px auto 25px
}

disability-bubble .disablity-bubble .mat-checkbox.mat-accent .mat-checkbox-label {
    line-height: 18px
}

add-group-bubble .bubble {
    width: 400px;
    background: #f5f6f9;
    position: relative
}

@media (max-width:720px) {
    add-group-bubble .bubble {
        background: #fff;
        border: 1px solid #d7d7d7;
        margin-left: -9%;
        width: 334px
    }
}

add-group-bubble .bubble .header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    padding: 23px 29px 23px 25px;
    border-bottom: 1px solid #d7d7d7
}

add-group-bubble .bubble .pointer {
    position: absolute;
    background: #f5f6f9;
    display: inline-block;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    top: 78px;
    left: -12px;
    width: 25px;
    height: 25px;
    border-left: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7
}

@media (max-width:720px) {
    add-group-bubble .bubble .pointer {
        display: none
    }
}

add-group-bubble .bubble .content {
    position: relative;
    z-index: 1;
    padding: 0 25px 0 25px
}

add-group-bubble .bubble .footer {
    border-top: 1px solid #d7d7d7;
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    padding: 10px 25px 10px 25px
}

add-group-bubble .content.group-input-content {
    padding-top: 20px
}

vehicle-details-bubble .bubble {
    width: 400px;
    background: #f5f6f9;
    position: relative
}

@media (max-width:720px) {
    vehicle-details-bubble .bubble {
        background: #fff;
        border: 1px solid #d7d7d7;
        margin-left: -9%;
        width: 334px
    }
}

vehicle-details-bubble .bubble .header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    padding: 23px 29px 23px 25px;
    border-bottom: 1px solid #d7d7d7
}

vehicle-details-bubble .bubble .pointer {
    position: absolute;
    background: #f5f6f9;
    display: inline-block;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    top: 78px;
    left: -12px;
    width: 25px;
    height: 25px;
    border-left: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7
}

@media (max-width:720px) {
    vehicle-details-bubble .bubble .pointer {
        display: none
    }
}

vehicle-details-bubble .bubble .content {
    position: relative;
    z-index: 1;
    padding: 0 25px 0 25px
}

vehicle-details-bubble .bubble .footer {
    border-top: 1px solid #d7d7d7;
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    padding: 10px 25px 10px 25px
}

vehicle-details-bubble .vehicle-bubble .pointer {
    top: 68px
}

vehicle-details-bubble .vehicle-bubble .content {
    padding-left: 0;
    padding-right: 0
}

vehicle-details-bubble .vehicle-bubble .sex-input {
    width: 100%
}

vehicle-details-bubble .vehicle-bubble .double-inputs {
    display: flex
}

vehicle-details-bubble .vehicle-bubble mat-form-field .mat-form-field-infix {
    width: unset!important
}

vehicle-details-bubble .vehicle-bubble .subtext {
    margin-bottom: 1rem
}

vehicle-details-bubble .vehicle-bubble color-chooser {
    display: flex;
    justify-content: center
}

schoolcard-group-bubble .bubble {
    width: 400px;
    background: #f5f6f9;
    position: relative
}

@media (max-width:720px) {
    schoolcard-group-bubble .bubble {
        background: #fff;
        border: 1px solid #d7d7d7;
        margin-left: -9%;
        width: 334px
    }
}

schoolcard-group-bubble .bubble .header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    padding: 23px 29px 23px 25px;
    border-bottom: 1px solid #d7d7d7
}

schoolcard-group-bubble .bubble .pointer {
    position: absolute;
    background: #f5f6f9;
    display: inline-block;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    top: 78px;
    left: -12px;
    width: 25px;
    height: 25px;
    border-left: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7
}

@media (max-width:720px) {
    schoolcard-group-bubble .bubble .pointer {
        display: none
    }
}

schoolcard-group-bubble .bubble .content {
    position: relative;
    z-index: 1;
    padding: 0 25px 0 25px
}

schoolcard-group-bubble .bubble .footer {
    border-top: 1px solid #d7d7d7;
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    padding: 10px 25px 10px 25px
}

schoolcard-group-bubble .content.schoolcard-group-content {
    padding-bottom: 20px;
    padding-top: 20px
}

schoolcard-group-bubble .content .bordered-option {
    border-bottom: 1px solid #d7d7d7
}

schoolcard-group-bubble .content .bordered-option:first-of-type {
    border-top: 1px solid #d7d7d7
}

schoolcard-group-bubble .content .schoolcard-group-text {
    margin-bottom: 10px
}

passenger-header {
    display: flex;
    padding: 20px 0 20px 0
}

passenger-header:hover {
    background: #d7d7d7
}

passenger-header .first-column {
    width: 15%;
    display: flex;
    justify-content: center
}

passenger-header .first-column span {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

passenger-header .second-column .label {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

passenger-header .second-column .sub-label {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    width: 285px;
    color: #666
}

.disabled-card-container {
    max-width: 449px;
    overflow: hidden;
    display: flex;
    flex-flow: column;
    padding-bottom: 1px
}

.disabled-card-container .header-row {
    display: flex
}

.disabled-card-container .header-row .discount-header {
    background-color: #1A3A4A
}

.disabled-card-container .header-row .discount-header .button-icon {
    padding-right: 20px;
    fill: #fff
}

.disabled-card-container .header-row .discount-header.wide-head {
    padding: 15px 15px 20px 22px;
    width: 80%
}

.disabled-card-container .header-row .discount-header.wide-head .title {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    color: #fff;
    padding: 0;
    margin: 0
}

.disabled-card-container .header-row .discount-header.wide-head .sub-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    color: #fff;
    padding: 0;
    margin: 0
}

.disabled-card-container .header-row .discount-header.small-head {
    width: 20%;
    background-color: #081C26;
    padding: 20px 4px 20px 22px
}

.disabled-card-container .header-row .discount-header.button {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 25px
}

.disabled-card-container .form {
    background-color: #f5f6f9;
    padding-left: 20px
}

.disabled-card-container .form .row {
    margin-left: -20px;
    padding-left: 20px
}

.disabled-card-container .form .row:hover {
    background: #e6e6e6
}

.disabled-card-container .form .row .error-message {
    margin-right: 20px;
    padding-top: 18px;
    padding-bottom: 18px;
    text-align: center
}

.disabled-card-container .form shared-checkbox-button .note {
    margin: 5px 15px 0 2px
}

.closeButton {
    border-left: 1px solid #d7d7d7;
    padding: 4px 4px 4px 15px;
    cursor: pointer
}

.unlimitedHeight {
    height: auto
}

extended-discount-card-component .right-arrow {
    margin-top: 4px
}

extended-discount-card-component .right-arrow svg {
    height: 16px
}

extended-discount-card-component .loading-icon {
    fill: #666
}

extended-discount-card-component .valid-date {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    color: #666
}

extended-discount-card-component .redCardNumberInput input {
    color: #E2002A!important;
    border-bottom: 1px solid #E2002A!important
}

extended-discount-card-component .redCardNumberInput label {
    color: #E2002A!important
}

extended-discount-card-component .discountListingItem {
    padding: 10px;
    background-color: #f5f6f9
}

extended-discount-card-component .discountListingItem.big {
    width: 100%;
    padding: 10px 0 0;
    margin-top: 0
}

extended-discount-card-component .discountListingItem .search-icon {
    padding-right: 20px;
    margin-top: 7px;
    fill: rgba(34, 34, 34, .8)
}

extended-discount-card-component .discountListingItem .discountEntryList {
    overflow-x: hidden;
    overflow-y: auto;
    height: auto
}

extended-discount-card-component .middle-aligned {
    display: flex;
    justify-content: center
}

extended-discount-card-component .header {
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding-top: 10px;
    margin: 15px
}

extended-discount-card-component .header .content {
    margin-left: 32px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: rgba(34, 34, 34, .8);
    padding-top: 10px;
    margin-top: 0
}

extended-discount-card-component .header.discountListEntry {
    padding: 18px;
    display: flex;
    width: 100%;
    cursor: pointer;
    margin: 0;
    background: #fff;
    border-bottom: 1px solid #d7d7d7
}

extended-discount-card-component .header.discountListEntry:hover {
    background-color: #d7d7d7;
    opacity: .9
}

extended-discount-card-component .header.discountListEntry .title {
    color: #666;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    padding: 0;
    margin: 4px 0 0 0
}

extended-discount-card-component .header.discountListEntry .cardIcon {
    padding-right: 10px;
    margin-top: 2px;
    fill: #d7d7d7
}

extended-discount-card-component .header.addedCard {
    padding: 13px;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    width: 100%;
    cursor: pointer;
    margin: 0;
    background-color: #fff;
    border-bottom: 1px solid #d7d7d7
}

extended-discount-card-component .header.addedCard:hover {
    background-color: #d7d7d7
}

extended-discount-card-component .header.addedCard .inputGroup select,
extended-discount-card-component .header.addedCard .inputGroup>input {
    height: 29px;
    background: rgba(0, 0, 9, 0);
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    width: 90%;
    color: #666
}

extended-discount-card-component .header.addedCard .container {
    display: flex
}

extended-discount-card-component .header.addedCard .container .left {
    display: flex;
    width: 100%
}

extended-discount-card-component .header.addedCard .container .left .title {
    color: #666;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    padding: 0;
    margin: 4px 0 0 0
}

extended-discount-card-component .header.addedCard .container .left .cardIcon {
    padding-right: 10px;
    margin-top: 2px;
    fill: #666
}

extended-discount-card-component .header.addedCard .container .left .cardIcon.chosen {
    fill: #E2002A
}

extended-discount-card-component .header.addedCard .container .right {
    display: flex;
    width: 43px;
    cursor: pointer
}

extended-discount-card-component .header.addedCard .container .right svg {
    fill: #b1b1b1;
    cursor: pointer
}

extended-discount-card-component .header.addedCard .container2 {
    margin-left: 30px;
    margin-top: 20px
}

extended-discount-card-component:last-of-type .header.addedCard {
    border-bottom-width: 0
}

.discountHeaderContainer {
    width: 349px;
    height: 64px;
    overflow: hidden;
    display: flex;
    padding-bottom: 1px;
    flex-direction: row
}

.discountHeaderContainer .discountHeader {
    background-color: #1A3A4A
}

.discountHeaderContainer .discountHeader .buttonIcon {
    padding-right: 20px;
    margin-top: 7px;
    fill: #fff
}

.discountHeaderContainer .discountHeader.wideHead {
    padding: 15px 15px 20px 22px;
    width: 80%
}

.discountHeaderContainer .discountHeader.wideHead .title {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    color: #fff;
    padding: 0;
    margin: 0
}

.discountHeaderContainer .discountHeader.wideHead .subTitle {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    color: #fff;
    padding: 0;
    margin: 0
}

.discountHeaderContainer .discountHeader.smallHead {
    width: 20%;
    background-color: #081C26;
    padding: 20px 4px 20px 22px
}

.discountHeaderContainer .discountHeader.button {
    cursor: pointer;
    padding: 21px 25px 25px
}

.discountListingContainer {
    width: 349px;
    display: flex;
    flex-direction: row;
    justify-content: space-around
}

.discountListingContainer .inputContainer {
    width: 100%
}

.discountListingContainer .inputGroup select,
.discountListingContainer .inputGroup>input {
    height: 29px;
    background: rgba(0, 0, 9, 0);
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    width: 90%;
    color: #000
}

.discountListingContainer .discountListingItem {
    padding: 10px;
    background-color: #f5f6f9
}

.discountListingContainer .discountListingItem.big {
    width: 100%;
    padding: 10px 0 0;
    margin-top: 0
}

.discountListingContainer .discountListingItem .search-icon {
    padding-right: 20px;
    margin-top: 7px;
    fill: rgba(34, 34, 34, .8)
}

.discountListingContainer .discountListingItem .discountEntryList {
    overflow-x: hidden;
    overflow-y: auto;
    height: auto
}

.discountListingContainer .header {
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding-top: 10px;
    margin: 15px
}

.discountListingContainer .header .content {
    margin-left: 32px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: rgba(34, 34, 34, .8);
    padding-top: 10px;
    margin-top: 0
}

.discountListingContainer .header.discountListEntry {
    padding: 18px;
    display: flex;
    width: 100%;
    cursor: pointer;
    margin: 0;
    background: #fff;
    border-bottom: 1px solid #d7d7d7
}

.discountListingContainer .header.discountListEntry:hover {
    background-color: #d7d7d7;
    opacity: .9
}

.discountListingContainer .header.discountListEntry .title {
    color: #b1b1b1;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    padding: 0;
    margin: 0
}

.discountListingContainer .header.discountListEntry .cardIcon {
    padding-right: 10px;
    margin-top: 2px;
    fill: #d7d7d7
}

.discountListingContainer .header.addedCard {
    padding: 13px;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    width: 100%;
    cursor: pointer;
    margin: 0;
    background-color: #fff;
    border-bottom: 1px solid #d7d7d7
}

.discountListingContainer .header.addedCard:hover {
    background-color: #fff
}

.discountListingContainer .header.addedCard .inputGroup select,
.discountListingContainer .header.addedCard .inputGroup>input {
    height: 29px;
    background: rgba(0, 0, 9, 0);
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    width: 90%;
    color: #666
}

.discountListingContainer .header.addedCard .container {
    display: flex
}

.discountListingContainer .header.addedCard .container .left {
    display: flex;
    width: 100%
}

.discountListingContainer .header.addedCard .container .left .title {
    color: #b1b1b1;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    padding: 0;
    margin: 0
}

.discountListingContainer .header.addedCard .container .left .cardIcon {
    padding-right: 10px;
    margin-top: 2px;
    fill: #E2002A
}

.discountListingContainer .header.addedCard .container .right {
    display: flex;
    border-left: 1px solid #d7d7d7;
    width: 43px;
    cursor: pointer
}

.discountListingContainer .header.addedCard .container .right svg {
    fill: #b1b1b1;
    cursor: pointer
}

.discountListingContainer .header.addedCard .container2 {
    margin-left: 30px;
    margin-top: 20px
}

.closeButton {
    border-left: 1px solid #d7d7d7;
    padding: 4px 4px 4px 15px;
    cursor: pointer
}

.unlimitedHeight {
    height: auto
}

.favoritePassengerContainer {
    width: 349px;
    overflow: hidden;
    display: flex;
    flex-direction: row
}

.favoritePassengerContainer .delete-icon {
    margin-right: 3px;
    width: 14px;
    height: 14px
}

.favoritePassengerContainer .favoritePassenger {
    padding: 10px;
    margin-top: .5px;
    background-color: #1A3A4A
}

.favoritePassengerContainer .favoritePassenger.big {
    width: 349px;
    height: 64px;
    padding: 20px 10px 20px 20px
}

.favoritePassengerContainer .favoritePassenger.unlimitedHeight {
    height: auto
}

.favoritePassengerContainer .favoritePassenger.disabled {
    cursor: no-drop;
    background-color: rgba(34, 34, 34, .8)
}

.favoritePassengerContainer .favoritePassenger .favoritePassengerIcon {
    margin-top: 0;
    fill: #d7d7d7
}

.favoritePassengerContainer .favoritePassenger .header {
    justify-content: flex-start;
    display: flex
}

.favoritePassengerContainer .favoritePassenger .header.favoriteEntry {
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
    margin: 0;
    padding-bottom: 0
}

.favoritePassengerContainer .favoritePassenger .header.favoriteEntry .icon {
    fill: #fff;
    cursor: pointer
}

.favoritePassengerContainer .favoritePassenger .header.favoriteEntry.disabled .title {
    color: #b1b1b1!important;
    padding-bottom: 0
}

.favoritePassengerContainer .favoritePassenger .header.favoriteEntry.disabled .plusIcon {
    stroke-width: .5px;
    fill: #b1b1b1!important
}

.favoritePassengerContainer .favoritePassenger .header.favoriteEntry.disabled b {
    color: #b1b1b1
}

.favoritePassengerContainer .favoritePassenger .header.favoriteEntry .left {
    display: flex
}

.favoritePassengerContainer .favoritePassenger .header.favoriteEntry .left .title {
    color: #fff;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 400
}

.favoritePassengerContainer .favoritePassenger .header.favoriteEntry .left .plusIcon {
    padding-right: 10px;
    margin-top: 2px;
    fill: #fff;
    stroke-width: 1px
}

.favoritePassengerContainer .favoritePassenger .title {
    color: #d7d7d7;
    font-weight: 700;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    margin: 0 0 0 10px
}

@media (max-width:719px) {
    .favoritePassengerContainer {
        max-width: 335px;
        width: 100%
    }
}

.ageSetterHeaderContainer {
    width: 349px;
    height: 64px;
    overflow: hidden;
    display: flex;
    padding-bottom: 1px;
    flex-direction: row
}

.ageSetterHeaderContainer .setPassengerHeader {
    background-color: #1A3A4A
}

.ageSetterHeaderContainer .setPassengerHeader .buttonIcon {
    padding-right: 20px;
    margin-top: 7px;
    fill: #fff
}

.ageSetterHeaderContainer .setPassengerHeader .buttonIcon {
    padding-right: 20px;
    margin-top: 7px;
    fill: #d7d7d7
}

.ageSetterHeaderContainer .setPassengerHeader.wideHead {
    padding: 15px 15px 20px 22px;
    width: 80%
}

.ageSetterHeaderContainer .setPassengerHeader.wideHead .title {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    color: #fff;
    padding: 0;
    margin: 0
}

.ageSetterHeaderContainer .setPassengerHeader.wideHead .subTitle {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    color: #fff;
    padding: 0;
    margin: 0
}

.ageSetterHeaderContainer .setPassengerHeader.smallHead {
    width: 20%;
    background-color: #081C26;
    padding: 20px 4px 20px 22px
}

.ageSetterHeaderContainer .setPassengerHeader.button {
    cursor: pointer;
    padding: 21px 25px 25px
}

.ageSetterHeaderContainer .setPassengerHeader.button.left {
    border-right: 2px solid #1A3A4A
}

.ageSetterHeaderContainer .setPassengerHeader.button .check-icon {
    width: 20px;
    height: 20px;
    fill: #fff;
    padding-top: 4px
}

.ageSetterHeaderContainer .setPassengerHeader.button .close-icon {
    width: 25px;
    height: 25px
}

.ageSetterContainer .setPassengerAge {
    padding: 10px;
    background: #fff
}

.ageSetterContainer .setPassengerAge.big {
    width: 349px;
    height: 64px;
    padding: 20px 10px 20px 20px
}

.ageSetterContainer .setPassengerAge.unlimitedHeight {
    height: auto
}

.ageSetterContainer .setPassengerAge .inputContent {
    display: flex
}

.ageSetterContainer .setPassengerAge.disabled {
    cursor: no-drop;
    background: rgba(95, 95, 95, .95)
}

.ageSetterContainer .setPassengerAge .favoritePassengerIcon {
    margin-top: 0;
    fill: #d7d7d7
}

.ageSetterContainer .setPassengerAge .header {
    justify-content: flex-start;
    display: flex;
    padding-left: 10px;
    flex-direction: column
}

.ageSetterContainer .setPassengerAge .header .title {
    color: #247D24;
    font-weight: 400;
    margin: 0
}

.ageSetterContainer .setPassengerAge .header .rightLabel {
    display: flex;
    width: 100%;
    margin-top: 16px
}

.ageSetterContainer .setPassengerAge .header .rightLabel p {
    color: #000;
    margin: 5px 0 0 10px;
    width: 70%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

.ageSetterContainer .setPassengerAge .header .inputContainer {
    margin-top: 14px;
    margin-left: 0
}

.ageSetterContainer .setPassengerAge .header .inputContainer .ageInput {
    border: 0;
    background: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #d7d7d7;
    color: #000;
    width: 60px
}

.ageSetterContainer .setPassengerAge .header .inputContainer .redLabel {
    color: #E2002A
}

.ageSetterContainer .setPassengerAge .header .content {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #000;
    margin: 10px 0 0 0;
    width: 70%
}

.ageSetterContainer .setPassengerAge .title {
    color: #d7d7d7;
    font-weight: 700;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    margin: 0 0 0 10px
}

.passengerItem {
    padding: 10px;
    margin: .5px;
    background-color: #1A3A4A
}

.passengerItem.big {
    width: 349px;
    height: 64px;
    padding: 20px 10px 20px 20px
}

.passengerItem.unlimitedHeight {
    height: auto
}

.passengerItem.noHoverEffect:hover {
    background-color: rgba(34, 34, 34, .8)
}

.passengerItem:hover {
    background-color: rgba(34, 34, 34, .8)
}

.passengerItem.small {
    overflow: hidden;
    overflow-wrap: break-word;
    width: 116px;
    justify-content: space-around;
    height: 95px;
    flex-direction: column;
    cursor: pointer;
    padding: 18px 0 18px 0
}

@media (max-width:719px) {
    .passengerItem.small {
        width: 111px
    }
}

.passengerItem .label {
    padding: 0;
    margin: 0;
    color: #d7d7d7;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    text-align: center
}

.passengerItem .iconContainer {
    display: flex;
    justify-content: space-around
}

.passengerItem .passengerItemIcon {
    fill: #d7d7d7!important
}

.searchbarContainer {
    width: 349px;
    display: flex;
    flex-direction: row;
    justify-content: space-around
}

.searchbarContainer .searchbarItem {
    padding: 10px;
    margin: 1px;
    background-color: #1A3A4A
}

.searchbarContainer .searchbarItem.big {
    width: 100%;
    height: 64px;
    padding-top: 10px;
    margin: 0
}

.searchbarContainer .searchbarItem .search-icon {
    padding-right: 13px;
    margin-top: 7px;
    margin-left: 10px;
    fill: #d7d7d7
}

.searchbarContainer .searchbarItem .header {
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding-top: 12px;
    padding-bottom: 15px
}

.searchbarContainer .searchbarItem .header.searchResultEntry {
    padding: 5px 5px 5px 9px;
    display: flex;
    width: 100%;
    cursor: pointer;
    margin: 0
}

.searchbarContainer .searchbarItem .header.searchResultEntry .title {
    color: #d7d7d7;
    padding: 0;
    margin: 4px 0 0
}

.searchbarContainer .searchbarItem .header.searchResultEntry .title.noPersonFound {
    margin: 4px 29px 0
}

.searchbarContainer .searchbarItem .header.searchResultEntry .userIcon {
    padding-right: 10px;
    margin-top: 2px;
    fill: #d7d7d7
}

.searchbarContainer .searchbarItem .header.searchResultEntry.column {
    flex-direction: column
}

.searchbarContainer .searchbarItem .header.disabled {
    color: #f5f6f9;
    opacity: .7;
    cursor: default
}

.searchbarContainer .searchbarItem .header.disabled .userIcon {
    padding-right: 10px;
    margin-top: 2px;
    fill: #f5f6f9;
    opacity: .7
}

.searchbarContainer .searchbarItem .header.favoriteEntry {
    padding-top: 10px;
    display: flex;
    width: 100%;
    cursor: pointer;
    margin: 0;
    padding-bottom: 0
}

.searchbarContainer .searchbarItem .header.favoriteEntry.disabled .title {
    color: #b1b1b1;
    padding-bottom: 0
}

.searchbarContainer .searchbarItem .header.favoriteEntry.disabled .plusIcon {
    stroke-width: .5px;
    fill: #b1b1b1
}

.searchbarContainer .searchbarItem .header.favoriteEntry .title {
    color: #247D24;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 400
}

.searchbarContainer .searchbarItem .header.favoriteEntry .plusIcon {
    padding-right: 10px;
    margin-top: 2px;
    fill: #247D24;
    stroke-width: 1px
}

.searchbarContainer .searchbarItem .header.favoriteEntry .externPassengerIcon {
    margin-top: 2px;
    fill: #d7d7d7
}

.searchbarContainer .searchbarItem .closeButton {
    border-left: 1px solid #d7d7d7;
    padding: 4px 4px 4px 15px;
    cursor: pointer
}

.searchbarContainer .searchbarItem .closeButton:hover {
    background: rgba(235, 235, 235, .5)
}

.searchbarContainer .searchbarItem.unlimitedHeight {
    height: auto
}

.searchbarContainer .inputContainer {
    width: 100%
}

.searchbarContainer .inputGroup select,
.searchbarContainer .inputGroup>input {
    height: 29px;
    background: rgba(0, 0, 9, 0);
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    width: 90%;
    color: #d7d7d7
}

.searchbarContainer .inputGroup .bright-label {
    color: #fff
}

.searchbarContainer .spinnerContainer {
    text-align: center
}

@media (max-width:719px) {
    .searchbarContainer {
        max-width: 335px;
        width: 100%
    }
}

.space-around {
    display: flex;
    justify-content: space-around;
    overflow: hidden;
    height: 100%;
    margin-left: 50%;
    width: 100%
}

.space-around .content-container {
    display: flex;
    justify-content: space-around;
    overflow: hidden;
    height: 100%
}

.space-around .content-container .left-container {
    display: flex;
    height: auto;
    padding: 2px;
    padding-top: 100px;
    overflow-y: scroll;
    margin-bottom: 10px;
    scrollbar-color: transparent transparent
}

.space-around .content-container .left-container.b2b {
    overflow-y: scroll;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.space-around .content-container .left-container.b2b::-webkit-scrollbar {
    width: 0!important
}

.space-around .content-container .outer-right-container {
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
    flex-direction: column;
    height: auto;
    top: 0;
    padding: 0 2px;
    scrollbar-color: transparent transparent
}

.space-around .content-container .outer-right-container .right-container {
    flex-direction: column;
    height: auto;
    padding: 2px;
    padding-top: 100px;
    padding-bottom: 100px;
    padding-right: 15px
}

.space-around .content-container .outer-right-container .right-container .top-scroll {
    width: 100%;
    height: 50px;
    background-color: rgba(34, 34, 34, .5);
    display: flex;
    justify-content: space-around
}

.space-around .content-container .outer-right-container .right-container .top-scroll p {
    color: #d7d7d7
}

.space-around .content-container .outer-right-container .right-container .bottom-scroll {
    width: 100%;
    height: 50px;
    background-color: rgba(34, 34, 34, .5);
    display: flex;
    justify-content: space-around
}

.space-around .content-container .outer-right-container .right-container .bottom-scroll p {
    color: #d7d7d7
}

.space-around .content-container .main-center-container {
    overflow: scroll;
    width: 100%;
    max-width: 768px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.space-around .content-container .main-center-container::-webkit-scrollbar {
    display: none
}

@media (max-width:719px) {
    .space-around .content-container {
        display: block;
        overflow: scroll
    }
    .space-around .content-container .left-container {
        padding: 0;
        margin-top: 5px
    }
    .space-around .content-container .outer-right-container .right-container {
        padding: 0
    }
}

.space-around .passengerItemContainer {
    width: 349px;
    overflow: hidden;
    display: flex;
    flex-direction: row
}

payment-post-address .post-address-card {
    margin-top: 18px;
    padding: 10px 30px 30px;
    background-color: #f5f6f9
}

payment-post-address .post-address-card.collapsed {
    padding: 7px 30px
}

payment-post-address .post-address-card .collapsibleBoxHeader {
    display: flex;
    position: relative
}

payment-post-address .post-address-card .collapsibleBoxHeader h3 {
    margin-left: 10px
}

payment-post-address .post-address-card .collapsibleBoxHeader .collapsible-header-arrow {
    position: absolute;
    right: 10px;
    top: 18px
}

payment-post-address .post-address-card .business-vs-personal-container {
    margin-bottom: 12px
}

payment-post-address .post-address-card .business-vs-personal-container .private-address-type {
    margin-bottom: 7px
}

payment-post-address .post-address-card .twoColumns {
    display: flex;
    justify-content: space-between
}

payment-post-address .post-address-card .twoColumns .column {
    width: 48%
}

payment-post-address .post-address-card .zipCode {
    width: 80px;
    margin-right: 20px
}

payment-post-address .post-address-card .city {
    width: 167px
}

payment-post-address .post-address-card .buttons a,
payment-post-address .post-address-card .buttons span {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 600;
    color: #247D24;
    line-height: 1.1em;
    margin-right: 30px
}

@media (max-width:480px) {
    payment-post-address .post-address-card .buttons a,
    payment-post-address .post-address-card .buttons span {
        margin-right: 15px;
        display: block;
        margin-bottom: 2px;
        padding: 2px 0 2px 12px
    }
}

payment-post-address .post-address-card .buttons a:focus,
payment-post-address .post-address-card .buttons a:hover,
payment-post-address .post-address-card .buttons span:focus,
payment-post-address .post-address-card .buttons span:hover {
    color: #2fa52f
}

payment-post-address .post-address-card .buttons a:active,
payment-post-address .post-address-card .buttons span:active {
    color: #3fc83f
}

payment-post-address .post-address-card .buttons a[disabled],
payment-post-address .post-address-card .buttons span[disabled] {
    color: #222
}

payment-post-address .post-address-card .buttons a[disabled]>label,
payment-post-address .post-address-card .buttons span[disabled]>label {
    color: #222
}

avc-payment {
    width: 100%
}

avc-payment,
ts-payment {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: visible;
    height: 100%;
    z-index: 10;
    position: relative
}

avc-payment>section,
ts-payment>section {
    display: flex;
    flex: 1 1;
    overflow-x: hidden;
    margin: 0;
    flex-direction: column
}

@media (min-width:720px) {
    avc-payment>section,
    ts-payment>section {
        padding: 0 32px 0 0
    }
}

@media (min-width:860px) {
    avc-payment>section,
    ts-payment>section {
        padding: 0 32px 0 0
    }
}

@media (min-width:1024px) {
    avc-payment>section,
    ts-payment>section {
        padding: 0 60px 0 0
    }
}

@media (min-width:1280px) {
    avc-payment>section,
    ts-payment>section {
        padding: 0 152px 0 0
    }
}

@media (min-width:1440px) {
    avc-payment>section,
    ts-payment>section {
        padding: 0 312px 0 0
    }
}

@media (min-width:720px) {
    avc-payment>section .shoppingcart-item-wrapper:first-of-type,
    ts-payment>section .shoppingcart-item-wrapper:first-of-type {
        margin-top: 20px
    }
}

avc-payment .go-to-home-button,
ts-payment .go-to-home-button {
    background-color: #f5f6f9;
    display: flex;
    padding: 0 0 20px 15px
}

@media (min-width:720px) {
    avc-payment .go-to-home-button,
    ts-payment .go-to-home-button {
        display: none
    }
}

avc-payment .go-to-home-button>.col1,
ts-payment .go-to-home-button>.col1 {
    width: 35px
}

avc-payment .go-to-home-button>.col2 a,
ts-payment .go-to-home-button>.col2 a {
    padding: 0;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    line-height: 1.25em;
    color: #247D24
}

english-booking-confirmation {
    padding: 15px 50px;
    background-color: #f5f6f9;
    display: flex;
    cursor: pointer
}

english-booking-confirmation .col1 {
    width: 50px
}

english-booking-confirmation .col2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #247D24
}

payment-mobility-text {
    display: block;
    position: relative;
    margin: 0;
    padding: 26px 32px 20px 32px;
    background-color: #f5f6f9
}

@media (min-width:720px) {
    payment-mobility-text {
        margin: 72px 0
    }
}

payment-mobility-text h2 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    color: #222;
    margin-top: 0;
    margin-bottom: 10px
}

payment-mobility-text p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    color: #222;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 1.4em
}

payment-mobility-text p>svg {
    float: left
}

payment-mobility-text p.wheelchairInfo svg {
    fill: #247D24
}

payment-mobility-text p.wheelchairInfo a {
    color: #247D24
}

payment-mobility-text p span {
    display: block;
    padding: 6px 6px 6px 25px
}

tax-certificate {
    padding: 15px 50px;
    background-color: #f5f6f9;
    display: flex;
    cursor: pointer
}

tax-certificate .col1 {
    width: 50px
}

tax-certificate .col2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #247D24
}

tax-certificate .col2 .row1 {
    margin-bottom: 7px
}

tax-certificate .col2 .row2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

shoppingcart-summary .total {
    background-color: #fff;
    position: relative
}

@media (max-width:479px) {
    shoppingcart-summary .header-text {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1;
        font-weight: 600
    }
}

shoppingcart-summary-buttons {
    padding: 12px 16px;
    background-color: #f5f6f9;
    background-clip: padding-box;
    line-height: 1.5;
    display: block
}

shoppingcart-summary-buttons>button {
    position: relative
}

shoppingcart-summary-buttons button,
shoppingcart-summary-buttons>span {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    color: #247D24;
    line-height: 1.1em;
    margin-right: 30px
}

@media (max-width:480px) {
    shoppingcart-summary-buttons button,
    shoppingcart-summary-buttons>span {
        margin-right: 15px;
        display: block;
        line-height: 1.33em;
        padding: 6px 6px 6px 0
    }
}

shoppingcart-summary-buttons button:focus,
shoppingcart-summary-buttons button:hover,
shoppingcart-summary-buttons>span:focus,
shoppingcart-summary-buttons>span:hover {
    color: #439643
}

shoppingcart-summary-buttons button:active,
shoppingcart-summary-buttons>span:active {
    color: #247D24
}

shoppingcart-summary-buttons button[disabled],
shoppingcart-summary-buttons>span[disabled] {
    opacity: .5
}

shoppingcart-summary-buttons button[disabled]>label,
shoppingcart-summary-buttons>span[disabled]>label {
    color: #b1b1b1
}

shoppingcart-summary-buttons .loading-wrapper {
    background-color: #f5f6f9
}

shopping-cart-summary-price-row>.value {
    text-align: right;
    display: flex;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    line-height: 1.25em;
    border-bottom: 1px solid #d7d7d7
}

@media (min-width:480px) {
    shopping-cart-summary-price-row>.value {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1rem;
        line-height: 1
    }
}

@media (min-width:720px) {
    shopping-cart-summary-price-row>.value {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1
    }
}

shopping-cart-summary-price-row>.value>.left {
    line-height: 1;
    text-align: left;
    flex: 1 1;
    padding: 20px 10px 20px 16px
}

@media (min-width:480px) {
    shopping-cart-summary-price-row>.value>.left {
        text-align: right;
        padding: 9px 16px 10px 16px
    }
}

shopping-cart-summary-price-row>.value>.left a {
    text-decoration: underline;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    color: #666;
    line-height: 1.1em;
    cursor: pointer
}

@media (max-width:479px) {
    shopping-cart-summary-price-row>.value>.left a {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 0.765rem;
        line-height: 1
    }
}

shopping-cart-summary-price-row>.value>.left a:focus,
shopping-cart-summary-price-row>.value>.left a:hover {
    color: #999
}

shopping-cart-summary-price-row>.value>.left a:active {
    color: #ccc
}

shopping-cart-summary-price-row>.value>.perforation {
    width: 4px;
    background: url(/static/images/background/paymentPerforation.svg)
}

shopping-cart-summary-price-row>.value>.right {
    padding: 9px 16px 10px 0;
    box-sizing: content-box;
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    flex: 0 1 100px;
    white-space: nowrap
}

@media (min-width:480px) {
    shopping-cart-summary-price-row>.value>.right {
        flex: 0 1 127px
    }
}

@media (max-width:479px) {
    shopping-cart-summary-price-row>.value>.right {
        padding: 20px 5px 20px 15px;
        flex: 0 1 69px
    }
}

@media (max-width:380px) {
    shopping-cart-summary-price-row>.value>.right {
        flex: 0 1 49px
    }
}

shopping-cart-add-coupon {
    display: flex;
    justify-content: space-between;
    background-color: #f5f6f9;
    background-clip: padding-box;
    border-bottom: 1px solid #d7d7d7
}

shopping-cart-add-coupon .removeCoupon {
    flex: 0 0 53px;
    width: 53px;
    padding: 15px 16px 15px 16px;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    color: #666
}

shopping-cart-add-coupon .input-wrapper {
    padding-right: 150px;
    display: flex;
    align-items: flex-end;
    flex-flow: column
}

shopping-cart-add-coupon .input-wrapper mat-form-field {
    margin-top: 10px
}

shopping-cart-add-coupon .input-wrapper mat-error {
    margin-top: -10px;
    margin-bottom: 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    padding-left: 20px
}

@media (max-width:479px) {
    shopping-cart-add-coupon {
        justify-content: flex-start
    }
    shopping-cart-add-coupon .removeCoupon {
        flex: 0 0 48px;
        width: 48px
    }
    shopping-cart-add-coupon .input-wrapper {
        padding-left: 20px;
        padding-right: 20px;
        align-items: flex-start
    }
    shopping-cart-add-coupon .input-wrapper mat-error {
        padding-left: 0
    }
}

shopping-cart-coupon-item {
    display: flex;
    background-color: #f5f6f9;
    background-clip: padding-box;
    border-bottom: 1px solid #d7d7d7
}

shopping-cart-coupon-item .loader-container {
    display: flex;
    padding: 0 16px 0 16px;
    align-items: center;
    flex: 0 0 53px
}

shopping-cart-coupon-item>.input {
    display: flex;
    padding: 0 16px 0 16px;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    color: #666;
    align-items: center;
    flex: 0 0 53px
}

@media (max-width:479px) {
    shopping-cart-coupon-item>.input {
        flex: 0 0 48px
    }
}

shopping-cart-coupon-item>.input.remove {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

shopping-cart-coupon-item>.input.remove img,
shopping-cart-coupon-item>.input.remove svg {
    fill: #666;
    width: 17px;
    height: 17px
}

shopping-cart-coupon-item>.data {
    flex: 1 1;
    padding: 16px 16px 16px 20px;
    text-align: right
}

shopping-cart-coupon-item>.data>.code {
    font-weight: 400;
    color: #666;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1
}

shopping-cart-coupon-item>.data>.code.error {
    color: #E2002A
}

shopping-cart-coupon-item>.data .initialValue {
    color: #222;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

shopping-cart-coupon-item>.data .no-discount {
    color: #E2002A
}

shopping-cart-coupon-item>.data .redemptionDetails a {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    text-decoration: underline
}

shopping-cart-coupon-item>.data .value {
    color: #247D24;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

shopping-cart-coupon-item>.price {
    display: flex;
    flex: 0 0 144px;
    background-color: #fff;
    padding: 0 16px 0 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    align-items: center
}

shopping-cart-coupon-item>.price>.text {
    width: 100%;
    text-align: right
}

shopping-cart-coupon-item>.price>.text.green {
    color: #247D24
}

@media (min-width:480px) {
    shopping-cart-coupon-item>.price {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1rem;
        line-height: 1
    }
}

@media (min-width:720px) {
    shopping-cart-coupon-item>.price {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1
    }
}

@media (max-width:479px) {
    shopping-cart-coupon-item>.price {
        max-width: 100px
    }
}

@media (max-width:380px) {
    shopping-cart-coupon-item>.price {
        max-width: 80px;
        padding-right: 8px
    }
}

payment-box {
    position: relative;
    margin: 18px 0 0 0;
    padding: 26px 0 20px 32px;
    background-color: #f5f6f9;
    display: block
}

payment-box payment-business-unit,
payment-box payment-email,
payment-box payment-external-transaction-number {
    margin: 0 0 28px 0;
    display: block
}

@media (max-width:719px) {
    payment-box {
        margin-top: 0;
        margin-bottom: 0;
        border-top: 1px solid #d7d7d7;
        padding: 40px 0 20px 16px
    }
    payment-box payment-email {
        margin-bottom: 40px
    }
}

payment-box h2 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    color: #222;
    margin-top: 0;
    margin-bottom: 10px
}

@media (max-width:719px) {
    payment-box h2 {
        font-weight: 600
    }
}

payment-box p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    color: #222;
    margin-top: 0;
    margin-bottom: 20px
}

payment-box p.subtext {
    margin-bottom: 8px
}

payment-box p b {
    font-weight: 700
}

payment-box hr {
    background-color: #f5f6f9
}

payment-box mat-error {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin-top: -15px;
    margin-bottom: 15px
}

payment-box mat-form-field {
    width: 250px
}

payment-box mat-form-field .mat-input-element {
    color: #222;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1
}

payment-box payment-create-contractual-offer {
    border-top: 1px solid #d7d7d7;
    padding-top: 20px;
    display: block
}

payment-box-footer .security-info {
    display: flex
}

payment-box-footer .security-info>.col1 {
    width: 23px;
    padding: 25px 0 0 0;
    margin-right: 16px
}

@media (max-width:479px) {
    payment-box-footer .security-info>.col1 {
        width: 40px;
        margin-right: 14px
    }
}

payment-box-footer .security-info>.col2 {
    padding: 25px 29px 20px 0
}

payment-box-footer .security-info>.col2 p {
    padding: 0;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    color: #666
}

payment-box-footer .security-info>.col2 p a {
    text-decoration: underline
}

payment-box-footer .security-info .security-icon {
    color: #b1b1b1;
    width: 14px;
    height: 18px;
    margin-left: 3px
}

payment-create-contractual-offer button {
    background-color: #f5f6f9;
    background-clip: padding-box;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 600;
    color: #247D24;
    line-height: 1.1em
}

payment-create-contractual-offer-dialog .text-input {
    width: 300px
}

payment-create-contractual-offer-dialog .valid-until-error-when-date-control-is-untouched {
    color: #666
}

payment-email {
    display: block
}

payment-email mat-form-field {
    width: 360px;
    max-width: 100%
}

@media (max-width:479px) {
    payment-email mat-form-field {
        width: 70%
    }
}

payment-email p {
    margin: 0
}

payment-email s p.subtext {
    color: #222
}

payment-email-b2b p {
    margin-right: 30px
}

more-payment-methods {
    color: #fff;
    display: block
}

more-payment-methods p {
    text-align: right;
    cursor: pointer
}

more-payment-methods p .arrow-wrapper {
    margin-left: 5px
}

one-click-method .credit-card-info {
    margin-top: 5px;
    margin-bottom: 10px
}

one-click-method .paying-with-favorite {
    display: flex;
    justify-content: space-between
}

one-click-method .paying-with-favorite .min-width-svg-20px svg {
    min-width: 20px;
    padding-right: 1em!important;
    max-width: 100px
}

one-click-method .one-click-payment-wrapper {
    position: relative;
    margin-bottom: 0
}

one-click-methods ul.one-click-methods {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7
}

one-click-method .payment-method.selected,
payment-method-template .payment-method.selected {
    cursor: default;
    padding-bottom: 20px
}

one-click-method .payment-method.selected .undo,
payment-method-template .payment-method.selected .undo {
    display: block!important
}

one-click-method .payment-method.selected .undo:focus svg,
one-click-method .payment-method.selected .undo:hover svg,
payment-method-template .payment-method.selected .undo:focus svg,
payment-method-template .payment-method.selected .undo:hover svg {
    fill: #d7d7d7;
    color: #d7d7d7
}

one-click-method .payment-method.selected .undo:active svg,
payment-method-template .payment-method.selected .undo:active svg {
    fill: #d7d7d7;
    color: #d7d7d7
}

one-click-method .payment-method>.col1,
payment-method-template .payment-method>.col1 {
    float: left;
    width: 63px;
    padding: 24px 0 0 8px
}

@media (min-width:480px) {
    one-click-method .payment-method>.col1,
    payment-method-template .payment-method>.col1 {
        width: 63px;
        padding: 24px 0 0 8px
    }
}

one-click-method .payment-method>.col2,
payment-method-template .payment-method>.col2 {
    padding-top: 26px;
    overflow: visible;
    margin-left: 63px
}

one-click-method .payment-method>.col2 .title,
payment-method-template .payment-method>.col2 .title {
    margin: 0;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    line-height: 1.25em
}

@media (max-width:719px) {
    one-click-method .payment-method>.col2 .title,
    payment-method-template .payment-method>.col2 .title {
        font-weight: 600
    }
}

one-click-method .payment-method>.col2 .title svg,
payment-method-template .payment-method>.col2 .title svg {
    float: right;
    padding-right: 32px
}

one-click-method .payment-method>.col2 .undo,
payment-method-template .payment-method>.col2 .undo {
    display: none;
    float: right;
    margin-right: 30px
}

one-click-method .payment-method>.col2 p,
payment-method-template .payment-method>.col2 p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    line-height: 1.25em;
    margin-right: 86px
}

@media (max-width:719px) {
    one-click-method .payment-method>.col2 p,
    payment-method-template .payment-method>.col2 p {
        margin-right: 16px;
        margin-bottom: 20px
    }
}

payment-method-list one-click-methods,
payment-method-list ul.payment-methods {
    position: relative;
    list-style-type: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7
}

payment-method-list one-click-methods .loading-wrapper,
payment-method-list ul.payment-methods .loading-wrapper {
    background: #f5f6f9
}

payment-method-list one-click-methods.is-zero-price,
payment-method-list ul.payment-methods.is-zero-price {
    border-bottom: none
}

payment-method-list one-click-methods>li,
payment-method-list ul.payment-methods>li {
    min-height: 90px;
    overflow: visible;
    border-bottom: 1px solid #d7d7d7;
    padding: 0;
    cursor: pointer
}

payment-method-list one-click-methods>li:last-child,
payment-method-list ul.payment-methods>li:last-child {
    padding-bottom: 1px;
    border-bottom: none
}

payment-method-list one-click-methods>li:focus:not(.selected),
payment-method-list one-click-methods>li:hover:not(.selected),
payment-method-list ul.payment-methods>li:focus:not(.selected),
payment-method-list ul.payment-methods>li:hover:not(.selected) {
    background-color: #e2e2e2
}

payment-credit-card-method iframe {
    width: 100%;
    max-height: 7em;
    height: 7em
}

@media (min-width:720px) {
    payment-credit-card-method iframe {
        max-height: 6em;
        height: 6em
    }
}

payment-credit-card-method .loading {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #666
}

payment-credit-card-method .error-text {
    margin-bottom: 10px!important;
    margin-top: 0!important;
    color: #d63d00!important
}

payment-credit-card-moto-method iframe {
    width: 100%;
    max-height: 3em;
    height: 3em
}

payment-credit-card-moto-method .loading {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #666
}

payment-credit-card-moto-method>.col2>p.errorText {
    margin-bottom: 10px!important;
    margin-top: 0!important;
    color: #d63d00!important
}

payment-business-school-card-method form .card-hint-wrapper {
    min-height: 34px;
    padding: 0
}

payment-business-school-card-method form .card-hint-wrapper p {
    padding: 0;
    margin: 0
}

payment-business-school-card-method form .number-input {
    width: 252px
}

payment-business-school-card-method form .pin-input {
    width: 100px;
    margin-left: 10px
}

payment-business-school-card-method form .note-input {
    width: 363px
}

payment-cash-method {
    padding-bottom: 0
}

payment-cash-method .content {
    margin-top: 20px
}

payment-cash-method .content .cash-notes {
    width: 250px
}

payment-cash-method .content .cash-input {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px)
}

payment-cash-method .content .cash-input h2 {
    margin-top: 7px
}

payment-cash-method .content .cash-input mat-form-field {
    width: 80px;
    margin-top: -20px;
    margin-bottom: -15px
}

payment-cash-method .content .cash-input mat-form-field input {
    text-align: right
}

payment-cash-method .content .cash-input mat-error {
    text-align: right;
    margin-top: 0
}

payment-cash-method .content .cash-input .label {
    margin-right: 20px
}

payment-cash-method .content .cash-input .returned-cash {
    width: 100%;
    text-align: right
}

payment-cash-method .content button.cash-note {
    margin-right: 8px;
    width: 45px;
    background-color: #247D24;
    border: 1px solid #247D24;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: 2px;
    display: inline-block
}

payment-cash-method .lesser-than-price {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin-top: 10px
}

payment-save-favorite {
    display: flex
}

payment-save-favorite mat-checkbox {
    margin-left: 10px;
    margin-right: 10px
}

payment-save-favorite>.text-wrapper {
    margin-left: 15px
}

payment-save-favorite>.text-wrapper>p {
    margin-bottom: 10px
}

payment-save-favorite>.text-wrapper>p.title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #247D24;
    margin-right: 60px
}

payment-save-favorite>.text-wrapper>p.text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #666;
    margin-right: 60px
}

payment-save-favorite .payment-save-favourite-wrapper {
    display: flex
}

refund-box {
    display: block;
    position: relative;
    margin: 18px 0 0 0;
    padding: 26px 0 20px 32px;
    background-color: #f5f6f9
}

@media (max-width:719px) {
    refund-box {
        margin-top: 0;
        margin-bottom: 0;
        border-top: 1px solid #d7d7d7
    }
}

refund-box>div {
    padding-right: 32px
}

refund-box mat-error {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin-top: -15px;
    margin-bottom: 15px
}

refund-box mat-form-field {
    width: 250px
}

refund-box mat-form-field .mat-input-element {
    color: #666;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1
}

refund-box h2 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    color: #222;
    margin-top: 0;
    margin-bottom: 10px
}

refund-box p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    color: #222;
    margin-top: 0;
    margin-bottom: 20px
}

refund-box hr {
    background-color: #d7d7d7
}

refund-box .refund-methods {
    position: relative
}

refund-box .refund-methods .refund-method {
    display: block;
    border-bottom: 1px solid #d7d7d7;
    cursor: pointer
}

refund-box .refund-methods .refund-method:last-child {
    border: none
}

refund-box .refund-methods.isSelectedSomething .refund-method {
    cursor: initial
}

refund-box .loading-wrapper {
    background: #f5f6f9
}

refund-manual-component .manual-fields-wrapper {
    display: flex
}

refund-manual-component .manual-fields-wrapper mat-form-field {
    width: 215px
}

refund-manual-component .manual-fields-wrapper .zip-code-input {
    width: 65px
}

refund-manual-component .manual-fields-wrapper .city-input {
    width: 150px
}

refund-manual-component .manual-fields-wrapper,
refund-manual-component refund-email {
    margin-right: 50px
}

refund-manual-component refund-email {
    margin-top: 10px;
    display: block
}

refund-method-template {
    display: flex;
    align-items: center
}

refund-method-template .icon {
    flex: 0 0 70px;
    margin-bottom: auto!important;
    margin-top: 15px!important
}

refund-method-template .content {
    flex: 1 1 auto
}

refund-method-template .content h3 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 5px
}

refund-method-template .action {
    flex: 0 0 20px
}

airplus-payment-form .airplus-info-text {
    margin-top: 2px;
    margin-left: .7rem
}

airplus-payment-form .airplus-card-input {
    width: 100%
}

airplus-payment-form .airplus-card-input .input-container {
    width: 45%
}

airplus-payment-form .airplus-card-input .row-2-columns {
    width: 100%;
    padding-right: 35px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

airplus-payment-form .airplus-hint-wrapper {
    display: flex;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin-right: 2rem;
    padding: .5rem;
    background: #fff;
    margin-bottom: 2rem;
    color: #64942c
}

payment-footer {
    display: block;
    background-color: #fff;
    box-shadow: 0 4px 13px 4px rgba(0, 0, 0, .75);
    position: relative
}

@media (min-width:720px) {
    payment-footer {
        margin-left: -148px
    }
}

@media (min-width:1024px) {
    payment-footer {
        margin-left: -286px
    }
}

@media (min-width:1280px) {
    payment-footer {
        margin-left: -430px
    }
}

@media (min-width:1440px) {
    payment-footer {
        margin-left: -430px
    }
}

payment-footer .footer-wrapper {
    flex: 0 1 auto;
    display: flex;
    min-height: 70px;
    flex-direction: row
}

payment-footer .footer-wrapper payment-footer-price-negative,
payment-footer .footer-wrapper payment-footer-price-positive {
    -ms-grid-row-align: center;
    align-self: center
}

payment-footer .footer-wrapper payment-footer-icon {
    min-height: 70px
}

@media (min-width:480px) {
    payment-footer .footer-wrapper {
        margin: 0
    }
}

@media (min-width:860px) {
    payment-footer .footer-wrapper {
        margin: 0 49px 0 148px
    }
}

@media (min-width:1024px) {
    payment-footer .footer-wrapper {
        margin: 0 76px 0 286px
    }
}

@media (min-width:1280px) {
    payment-footer .footer-wrapper {
        margin: 0 168px 0 430px
    }
}

@media (min-width:1440px) {
    payment-footer .footer-wrapper {
        margin: 0 328px 0 430px
    }
}

payment-footer .footer-wrapper .col1 {
    flex: 0 0 56px;
    text-align: right
}

@media (max-width:719px) {
    payment-footer .footer-wrapper .col1 {
        flex: 0 0 50px
    }
}

payment-footer .footer-wrapper .col2 {
    flex: 1 1
}

payment-footer .footer-wrapper .col2 p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #666;
    padding-right: 10px
}

payment-footer .footer-wrapper .title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

payment-footer .footer-wrapper .col2 .title,
payment-footer .footer-wrapper .title.col2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #E2002A;
    fill: #E2002A;
    font-weight: 400
}

payment-footer .footer-wrapper .col2 .title.info,
payment-footer .footer-wrapper .title.col2.info {
    color: #247D24
}

@media (min-width:480px) {
    payment-footer .footer-wrapper .col2 .title,
    payment-footer .footer-wrapper .title.col2 {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1;
        padding-right: 10px
    }
}

payment-footer .footer-wrapper h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

payment-footer .footer-wrapper .col2 h2,
payment-footer .footer-wrapper h2.col2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #E2002A;
    fill: #E2002A;
    font-weight: 400
}

payment-footer .footer-wrapper .col2 h2.info,
payment-footer .footer-wrapper h2.col2.info {
    color: #247D24
}

@media (min-width:480px) {
    payment-footer .footer-wrapper .col2 h2,
    payment-footer .footer-wrapper h2.col2 {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1;
        padding-right: 10px
    }
}

payment-footer payment-footer-price-negative,
payment-footer payment-footer-price-positive {
    margin: 10px 0 10px 10px
}

payment-footer payment-footer-price-negative.pointer,
payment-footer payment-footer-price-positive.pointer {
    cursor: pointer
}

@media (max-width:719px) {
    payment-footer payment-footer-price-negative,
    payment-footer payment-footer-price-positive {
        padding: 10px 10px 10px 0;
        margin: 0
    }
}

payment-footer payment-footer-price-negative .h2,
payment-footer payment-footer-price-positive .h2 {
    margin: 0
}

payment-footer payment-footer-price-negative p,
payment-footer payment-footer-price-positive p {
    margin: 0 0 8px 0
}

payment-footer payment-footer-price-negative a,
payment-footer payment-footer-price-positive a {
    text-decoration: underline;
    color: #222
}

payment-footer payment-footer-price-negative a:focus,
payment-footer payment-footer-price-negative a:hover,
payment-footer payment-footer-price-positive a:focus,
payment-footer payment-footer-price-positive a:hover {
    color: #666
}

payment-footer-icon {
    display: flex;
    align-content: start
}

payment-footer-icon ts-icon {
    margin: auto;
    height: 25px;
    -ms-grid-row-align: center;
    align-self: center;
    fill: #247D24
}

.payment-footer-button-flex-size {
    flex: 0 0 109px
}

@media (min-width:480px) {
    .payment-footer-button-flex-size {
        flex: 0 0 143px
    }
}

payment-footer-pay-button {
    display: flex;
    flex: 0 0 109px
}

@media (min-width:480px) {
    payment-footer-pay-button {
        flex: 0 0 143px
    }
}

payment-footer-pay-button button {
    color: #fff;
    text-align: center;
    background-color: #E2002A;
    padding: 10px;
    flex: 0 0 109px
}

@media (min-width:480px) {
    payment-footer-pay-button button {
        flex: 0 0 143px
    }
}

payment-footer-pay-button button .price {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.33;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

@media (min-width:720px) {
    payment-footer-pay-button button .price {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
    }
}

payment-footer-pay-button button span {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

@media (min-width:720px) {
    payment-footer-pay-button button span {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1rem;
        line-height: 1
    }
}

payment-footer-pay-button button[disabled] {
    background-color: #666
}

payment-footer-pay-button button:not([disabled]):hover {
    background-color: #E2002A
}

payment-footer-pay-button button:not([disabled]):active {
    background-color: #E2002A
}

payment-footer-price-positive .agbInfo {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600
}

@media (max-width:719px) {
    payment-footer-price-positive .agbInfo {
        font-weight: 400
    }
}

shopping-cart-item-single-ride {
    display: flex
}

shopping-cart-item-single-ride .contractual-button,
shopping-cart-item-single-ride .remove-button {
    display: flex;
    height: 96px;
    width: 53px
}

shopping-cart-item-single-ride .contractual-button:focus,
shopping-cart-item-single-ride .contractual-button:focus-within,
shopping-cart-item-single-ride .contractual-button:hover:not([disabled]),
shopping-cart-item-single-ride .remove-button:focus,
shopping-cart-item-single-ride .remove-button:focus-within,
shopping-cart-item-single-ride .remove-button:hover:not([disabled]) {
    background-color: #d7d7d7
}

shopping-cart-item-single-ride .contractual-button ts-icon,
shopping-cart-item-single-ride .remove-button ts-icon {
    margin: auto;
    fill: #666
}

shopping-cart-item-single-ride .connection-wrapper {
    display: flex;
    flex: 1 1;
    position: relative
}

shopping-cart-item-single-ride .connection-wrapper:focus,
shopping-cart-item-single-ride .connection-wrapper:focus-within,
shopping-cart-item-single-ride .connection-wrapper:hover:not([disabled]) {
    background-color: #d7d7d7
}

shopping-cart-item-single-ride .connection-wrapper:disabled {
    color: #b1b1b1
}

shopping-cart-item-single-ride .connection-wrapper .time {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex: 0 0 54px;
    width: 54px;
    max-width: 70px;
    padding: 7px 5px
}

@media (min-width:860px) {
    shopping-cart-item-single-ride .connection-wrapper .time {
        padding: 7px 15px
    }
}

@media (min-width:380px) {
    shopping-cart-item-single-ride .connection-wrapper .time {
        flex: 0 0 70px
    }
}

shopping-cart-item-single-ride .connection-wrapper .time .input {
    white-space: nowrap;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

@media (max-width:379px) {
    shopping-cart-item-single-ride .connection-wrapper .time .input {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

shopping-cart-item-single-ride .connection-wrapper .time .input.departure {
    padding-bottom: 2px;
    padding-top: 1px
}

@media (min-width:380px) {
    shopping-cart-item-single-ride .connection-wrapper .time .input.departure {
        padding-top: 5px
    }
}

shopping-cart-item-single-ride .connection-wrapper .time .input.arrival {
    justify-content: flex-start;
    padding-top: 18px
}

@media (min-width:380px) {
    shopping-cart-item-single-ride .connection-wrapper .time .input.arrival {
        padding-top: 7px
    }
}

shopping-cart-item-single-ride .connection-wrapper .time .cart-heading {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.7rem;
    line-height: 1;
    font-weight: 600;
    color: #666;
    margin-bottom: -3px;
    padding-left: 2px;
    white-space: nowrap
}

shopping-cart-item-single-ride .connection-wrapper .connection {
    text-align: center;
    line-height: 96px;
    flex: 0 0 42px;
    width: 42px;
    max-width: 42px;
    margin-left: -5px
}

@media (max-width:479px) {
    shopping-cart-item-single-ride .connection-wrapper .connection {
        flex: 0 0 28px;
        width: 28px;
        max-width: 28px
    }
}

shopping-cart-item-single-ride .connection-wrapper .connection svg {
    vertical-align: middle
}

shopping-cart-item-single-ride .connection-wrapper .station {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex: 1 1 30px;
    min-width: 30px;
    width: 30px;
    padding: 0 10px 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    height: 92px
}

@media (min-width:1024px) {
    shopping-cart-item-single-ride .connection-wrapper .station {
        flex: 1 1;
        max-width: none
    }
}

shopping-cart-item-single-ride .connection-wrapper .station .cancelledTitle {
    position: absolute;
    top: 6px;
    left: 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    font-weight: 700
}

shopping-cart-item-single-ride .connection-wrapper .station .input {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    background-color: transparent;
    border: 0
}

@media (min-width:380px) {
    shopping-cart-item-single-ride .connection-wrapper .station .input {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1
    }
}

shopping-cart-item-single-ride .connection-wrapper .station .input.from {
    justify-content: flex-end;
    padding-bottom: 18px;
    font-weight: 700
}

@media (min-width:380px) {
    shopping-cart-item-single-ride .connection-wrapper .station .input.from {
        padding-bottom: 8px
    }
}

shopping-cart-item-single-ride .connection-wrapper .station .input.to {
    justify-content: flex-start;
    font-weight: 700
}

body[state="root.ticket.relation"] shopping-cart-item-single-ride .connection-wrapper .station input {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

shopping-cart-item-single-ride .connection-wrapper .cart-subheading .reductionWarning {
    color: #E2002A;
    align-self: flex-end;
    margin-right: 5px
}

shopping-cart-item-single-ride .connection-wrapper .cancelled-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    font-weight: 700;
    position: absolute
}

shopping-cart-item-single-ride .connection-wrapper .cancelled-title {
    top: 6px;
    left: 10px
}

shopping-cart-item-single-ride .connection {
    margin: auto;
    position: relative;
    top: -2px
}

ticket-cancellation-info .ticket-cancellation h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin-bottom: 10px
}

ticket-cancellation-info .ticket-cancellation .booking-code {
    color: #b1b1b1;
    margin-bottom: 3px
}

ticket-cancellation-info .ticket-cancellation .arrival-departure {
    color: #666;
    font-weight: 700
}

ticket-cancellation-info .ticket-cancellation ts-icon {
    padding-left: 5px;
    padding-right: 3px
}

.button-hover-offer:focus,
.button-hover-offer:focus-within,
.button-hover-offer:hover:not([disabled]) {
    background-color: #d7d7d7
}

shopping-cart-item shopping-cart-item-entry,
shopping-cart-item shopping-cart-item-route,
shopping-cart-item shopping-cart-item-single-ride {
    flex: 1 1;
    overflow: hidden;
    border-bottom: 1px solid #d7d7d7
}

shopping-cart-item .him-cart .box-container {
    max-width: unset
}

@media (max-width:719px) {
    shopping-cart-item .him-cart .box-container {
        max-width: 100vw
    }
}

@media (min-width:720px) {
    shopping-cart-item .him-cart .box-container {
        max-width: calc(100vw - 145px);
        width: calc(100vw - 145px)
    }
}

@media (min-width:1024px) {
    shopping-cart-item .him-cart .box-container {
        max-width: calc(100vw - (286px + 60px));
        width: 100%
    }
}

shopping-cart-item .cart-container {
    margin-bottom: 5px
}

@media (min-width:480px) {
    shopping-cart-item .cart-container {
        margin-bottom: 10px
    }
}

shopping-cart-item .item-wrapper {
    display: flex;
    min-height: 96px;
    color: #222;
    background-color: #f5f6f9;
    position: relative
}

@media (max-width:479px) {
    shopping-cart-item .item-wrapper {
        width: 100vw
    }
}

shopping-cart-item .item-wrapper.is-cancelled {
    color: #666
}

shopping-cart-item .item-wrapper .contractual-button,
shopping-cart-item .item-wrapper .remove-button {
    display: flex;
    width: 42px;
    flex-shrink: 0;
    border-bottom: 1px solid #d7d7d7
}

shopping-cart-item .item-wrapper .contractual-button:focus,
shopping-cart-item .item-wrapper .contractual-button:focus-within,
shopping-cart-item .item-wrapper .contractual-button:hover:not([disabled]),
shopping-cart-item .item-wrapper .remove-button:focus,
shopping-cart-item .item-wrapper .remove-button:focus-within,
shopping-cart-item .item-wrapper .remove-button:hover:not([disabled]) {
    background-color: #d7d7d7
}

@media (min-width:480px) {
    shopping-cart-item .item-wrapper .contractual-button,
    shopping-cart-item .item-wrapper .remove-button {
        width: 48px
    }
}

shopping-cart-item .item-wrapper .contractual-button ts-icon,
shopping-cart-item .item-wrapper .remove-button ts-icon {
    margin: auto;
    height: 17px;
    fill: #666
}

shopping-cart-item .item-wrapper .passengers {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    flex: 1 1;
    min-width: 35px;
    max-width: 143px;
    padding: 5px;
    border-bottom: 1px solid #d7d7d7
}

shopping-cart-item .item-wrapper .passengers:focus,
shopping-cart-item .item-wrapper .passengers:focus-within,
shopping-cart-item .item-wrapper .passengers:hover:not([disabled]) {
    background-color: #d7d7d7
}

@media (min-width:860px) {
    shopping-cart-item .item-wrapper .passengers {
        padding: 15px
    }
}

shopping-cart-item .item-wrapper .passengers[disabled] {
    color: #666;
    fill: #666
}

@media (max-width:480px) {
    shopping-cart-item .item-wrapper .passengers {
        max-width: 65px
    }
}

shopping-cart-item .item-wrapper .passengers passengers-summary .subheading {
    left: 5px
}

@media (min-width:860px) {
    shopping-cart-item .item-wrapper .passengers passengers-summary .subheading {
        left: 15px
    }
}

shopping-cart-item .item-wrapper>.conversion {
    min-height: 96px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    border-bottom: 1px solid #d7d7d7;
    padding: 20px 5px;
    min-width: 95px;
    position: relative;
    flex-shrink: 0;
    text-align: right
}

shopping-cart-item .item-wrapper>.conversion:focus,
shopping-cart-item .item-wrapper>.conversion:focus-within,
shopping-cart-item .item-wrapper>.conversion:hover:not([disabled]) {
    background-color: #d7d7d7
}

@media (min-width:720px) {
    shopping-cart-item .item-wrapper>.conversion {
        min-width: 143px;
        padding: 12px 15px 12px 11px
    }
}

shopping-cart-item .item-wrapper>.conversion[disabled] {
    color: #666
}

@media (min-width:480px) {
    shopping-cart-item .item-wrapper>.conversion {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1rem;
        line-height: 1
    }
}

@media (min-width:720px) {
    shopping-cart-item .item-wrapper>.conversion {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1
    }
}

shopping-cart-item .item-wrapper>.conversion .insuranceIcon {
    position: absolute;
    left: 7px;
    top: 7px
}

shopping-cart-item .item-wrapper>.conversion .cart-validity-heading {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.7rem;
    line-height: 1;
    font-weight: 600;
    text-align: right;
    color: #666;
    position: absolute;
    top: 7px;
    right: 5px
}

@media (min-width:720px) {
    shopping-cart-item .item-wrapper>.conversion .cart-validity-heading {
        right: 15px
    }
}

shopping-cart-item .item-wrapper>.conversion .pricing {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

shopping-cart-item .item-wrapper>.conversion .pricing.is-cancelled {
    text-decoration: line-through
}

shopping-cart-item .item-wrapper>.conversion .pricing.lower {
    color: #247D24
}

shopping-cart-item .item-wrapper>.conversion .returnAmount {
    color: #222;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1
}

shopping-cart-item .item-wrapper>.conversion .old-pricing {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    text-decoration: line-through;
    color: #666;
    margin: 0
}

shopping-cart-item .item-wrapper>.conversion.bigInfo .old-pricing {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

shopping-cart-item .item-wrapper>.conversion .temporaryBookedTill {
    margin-top: 2px
}

shopping-cart-item .item-wrapper>.conversion .service-voucher {
    display: inline-block;
    padding-right: 5px;
    fill: #247D24
}

shopping-cart-item .item-wrapper>.conversion .loading-icon {
    -webkit-animation: spinning 2s linear infinite;
    animation: spinning 2s linear infinite
}

shopping-cart-item .item-wrapper .perforation {
    width: 2px;
    position: relative;
    background: linear-gradient(to bottom, #f5f6f9 0, #f5f6f9 50%, #f5f6f9 100%);
    flex-shrink: 0
}

shopping-cart-item .item-wrapper .perforation .inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background:url(@{path-img}background/paymentHeaderPerforation.svg)
}

shopping-cart-item .item-wrapper .cart-subheading {
    position: absolute;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    white-space: nowrap;
    display: flex;
    margin-top: 73px;
    margin-left: 15px
}

shopping-cart-item .item-wrapper .cart-subheading .clone-ticket {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    z-index: 1
}

shopping-cart-item .item-wrapper .cart-subheading .clone-ticket>ts-icon {
    position: relative;
    top: 4px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

shopping-cart-item .item-wrapper .cart-subheading .clone-ticket>span {
    margin-left: 5px
}

shopping-cart-item .item-wrapper .return-amount-wrapper {
    line-height: 14px
}

shopping-cart-item .item-wrapper .return-amount-wrapper .expected-return-amount {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    color: #222
}

shopping-cart-item .item-wrapper .return-amount-wrapper .return-amount-text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    color: #247D24
}

shopping-cart-item two-column-info-bubble {
    margin: 17px 0
}

shopping-cart-item ts-icon[name=dataConfirm] svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

shopping-cart-item .client-note .info-bubble-arrow {
    left: 80px
}

shopping-cart-item .client-note info-header {
    font-weight: 700
}

shopping-cart-item .client-note .content-wrapper {
    margin-right: 40px
}

shopping-cart-item .client-note .left-icon-wrapper {
    flex: 0 0 50px
}

shopping-cart-item .client-note .left-icon-wrapper ts-icon {
    margin-left: 15px
}

shopping-cart-item-error two-column-info-bubble .left-icon-wrapper {
    flex: 0 0 50px
}

shopping-cart-item-error two-column-info-bubble .left-icon-wrapper ts-icon {
    margin-left: 15px
}

shopping-cart-item-error two-column-info-bubble .info-bubble-arrow-wrapper>.info-bubble-arrow {
    left: 80px
}

shopping-cart-item-error two-column-info-bubble info-header {
    font-weight: 700
}

shopping-cart-item-error two-column-info-bubble info-buttons {
    display: flex;
    justify-content: flex-end
}

count-down {
    display: block;
    position: absolute;
    right: 5px
}

@media (min-width:720px) {
    count-down {
        right: 15px
    }
}

count-down .info {
    width: 100%
}

shopping-cart-item-entry {
    display: flex
}

shopping-cart-item-entry>.general {
    overflow: hidden;
    width: 100%;
    padding: 20px 0 20px 5px
}

shopping-cart-item-entry>.general:focus,
shopping-cart-item-entry>.general:focus-within,
shopping-cart-item-entry>.general:hover:not([disabled]) {
    background-color: #d7d7d7
}

shopping-cart-item-entry>.general[disabled] {
    color: #b1b1b1
}

@media (min-width:860px) {
    shopping-cart-item-entry>.general {
        padding-left: 15px
    }
}

shopping-cart-item-entry>.general>.time {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.7rem;
    line-height: 1;
    font-weight: 600;
    color: #666;
    position: absolute;
    display: block;
    top: 7px;
    margin: 0
}

shopping-cart-item-entry>.general>.time .cancelled-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    font-weight: 700
}

shopping-cart-item-entry>.general>.entrypoint {
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin: 0;
    white-space: nowrap;
    overflow: hidden
}

@media (min-width:860px) {
    shopping-cart-item-entry>.general>.entrypoint {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1
    }
}

@media (min-width:1024px) {
    shopping-cart-item-entry>.general>.entrypoint {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1
    }
}

shopping-cart-item-entry>.general>.cart-subheading {
    bottom: 5px;
    margin-left: 0
}

shopping-cart-item-entry>.general>.cart-subheading .hhgbReturnTransport {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    cursor: pointer
}

shopping-cart-item-entry>.general>.cart-subheading .hhgbReturnTransport svg {
    position: relative;
    fill: #247D24;
    stroke: #247D24;
    top: 4px
}

shopping-cart-item-route {
    display: flex
}

shopping-cart-item-route>.general {
    display: flex;
    flex: 1 1;
    padding: 7px 15px 7px 15px
}

shopping-cart-item-route>.general:focus,
shopping-cart-item-route>.general:focus-within,
shopping-cart-item-route>.general:hover:not([disabled]) {
    background-color: #d7d7d7
}

shopping-cart-item-route>.general:disabled {
    color: #b1b1b1
}

shopping-cart-item-route>.general>.time {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #666;
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px 15px;
    z-index: 1
}

shopping-cart-item-route>.general>.route {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

shopping-cart-item-route>.general>.route>.connection {
    width: 42px;
    text-align: center;
    color: #fff;
    line-height: 82px
}

@media (max-width:479px) {
    shopping-cart-item-route>.general>.route>.connection {
        width: 28px
    }
}

shopping-cart-item-route>.general>.route>.connection svg {
    vertical-align: middle
}

shopping-cart-item-route>.general>.route>.reduction-warning {
    position: absolute;
    bottom: 5px;
    left: 15px;
    color: #E2002A
}

shopping-cart-item-route>.general>.route>.station {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex: 1 1 30px;
    padding: 0
}

@media (min-width:1024px) {
    shopping-cart-item-route>.general>.route>.station {
        flex: 1 1
    }
}

shopping-cart-item-route>.general>.route>.station .input {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap
}

shopping-cart-item-route>.general>.route>.station .input.from {
    justify-content: flex-end;
    padding-bottom: 18px
}

shopping-cart-item-route>.general>.route>.station .input.from span {
    font-weight: 700
}

@media (min-width:380px) {
    shopping-cart-item-route>.general>.route>.station .input.from {
        padding-bottom: 8px
    }
}

shopping-cart-item-route>.general>.route>.station .input.to {
    justify-content: flex-start
}

shopping-cart-item-route>.general>.route>.station .input.to span {
    font-weight: 700
}

shopping-cart-item-route>.general>.route>.station .input span {
    white-space: nowrap;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400
}

@media (min-width:380px) {
    shopping-cart-item-route>.general>.route>.station .input span {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1
    }
}

shopping-cart-item-route>.general .cancelled-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    font-weight: 700;
    color: #E2002A
}

shopping-cart-item-route>.general>.cart-subheading {
    margin: 66px 4px 0 0
}

shopping-cart-item-route>.general>.cart-subheading>.clone-ticket {
    position: absolute
}

reuse-data-button {
    position: relative;
    z-index: 10
}

reuse-data-button .take-data {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    z-index: 1;
    cursor: pointer
}

reuse-data-button .take-data>ts-icon {
    position: relative;
    top: 4px
}

reuse-data-button .take-data>span {
    margin-left: 5px
}

shopping-cart-item-voucher {
    display: flex;
    background: #67648c;
    color: #fff;
    padding: 0 20px 10px 20px;
    flex-direction: column;
    margin: -10px 0 10px 0
}

shopping-cart-item-voucher .serviceVoucherItem {
    margin-top: 10px;
    display: flex
}

shopping-cart-item-voucher svg {
    fill: #fff
}

shopping-cart-item-voucher .description {
    margin-left: 10px
}

payment-newsletter-box {
    display: block;
    margin: 25px 0 0 0;
    background-color: #f5f6f9;
    padding: 0
}

@media (max-width:479px) {
    payment-newsletter-box {
        margin: 0
    }
}

payment-newsletter-box .row {
    display: flex;
    align-items: baseline
}

payment-newsletter-box .row .col2 {
    margin-left: 10px
}

payment-newsletter-box .col1 {
    position: relative;
    top: -2px
}

payment-newsletter-box .checkbox-heading {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

@media (max-width:479px) {
    payment-newsletter-box .checkbox-heading {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1rem;
        line-height: 1
    }
}

payment-newsletter-box .checkbox-heading,
payment-newsletter-box .subtitle {
    margin-left: 5px
}

payment-newsletter-box .subtitle {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

@media (max-width:479px) {
    payment-newsletter-box .subtitle {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

payment-newsletter-box .persona-newsletter-checkbox {
    padding: 26px 32px 34px 32px
}

payment-newsletter-box .persona-newsletter-checkbox:hover {
    background-color: #f5f6f9
}

payment-newsletter-box .data-privacy-section {
    padding: 26px 32px 20px 32px;
    display: flex;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #666;
    border-top: 1px solid #d7d7d7
}

@media (max-width:719px) {
    payment-newsletter-box .data-privacy-section {
        padding: 25px 16px 30px 16px
    }
}

payment-newsletter-box .data-privacy-section .icon-section {
    width: 26.5px;
    margin-right: 13px;
    fill: #666
}

@media (max-width:719px) {
    payment-newsletter-box .data-privacy-section .icon-section {
        width: 40px
    }
}

payment-newsletter-box .data-privacy-section a {
    text-decoration: underline
}

shopping-cart-insurance {
    display: flex;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    line-height: 1em;
    background-color: #f5f6f9;
    background-clip: padding-box;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 10px
}

shopping-cart-insurance .input {
    display: flex;
    flex: 0 0 42px;
    width: 42px;
    justify-content: center
}

@media (min-width:480px) {
    shopping-cart-insurance .input {
        flex: 0 0 48px;
        width: 48px
    }
}

@media (min-width:1024px) {
    shopping-cart-insurance .input {
        flex: 0 0 53px;
        width: 53px
    }
}

shopping-cart-insurance .input .loading svg {
    -webkit-animation: spinning 2s linear infinite;
    animation: spinning 2s linear infinite
}

shopping-cart-insurance .input .loading,
shopping-cart-insurance .input .mat-checkbox {
    -ms-grid-row-align: center;
    align-self: center
}

shopping-cart-insurance>.data {
    flex: 1 1;
    padding: 10px 16px 10px 20px
}

@media (max-width:379px) {
    shopping-cart-insurance>.data {
        padding: 10px
    }
}

shopping-cart-insurance>.data .title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    margin: 0 0 5px 0
}

@media (min-width:720px) {
    shopping-cart-insurance>.data .title {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1
    }
}

shopping-cart-insurance>.data .title .insurancePricePreview {
    color: #666;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400
}

@media (min-width:720px) {
    shopping-cart-insurance>.data .title .insurancePricePreview {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1rem;
        line-height: 1
    }
}

shopping-cart-insurance>.data .hint {
    color: #3E73A5;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1.1em
}

shopping-cart-insurance>.data a {
    text-decoration: underline;
    display: flex;
    margin-top: 5px
}

@media (max-width:719px) {
    shopping-cart-insurance>.data a {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 0.765rem;
        line-height: 1;
        color: #666
    }
}

shopping-cart-insurance>.data .information {
    display: flex
}

@media (max-width:320px) {
    shopping-cart-insurance>.data .information {
        flex-direction: column
    }
}

shopping-cart-insurance>.data .information .iconColumn {
    flex: 0 0 20px
}

@media (min-width:720px) {
    shopping-cart-insurance>.data .information .iconColumn {
        flex: 0 0 30px
    }
}

shopping-cart-insurance>.data .information .content {
    flex: 1;
    word-break: break-word
}

shopping-cart-insurance>.perforation {
    width: 2px;
    position: relative;
    background: linear-gradient(to bottom, #d8d8d8 0, #a3a3a3 50%, #d8d8d8 100%)
}

shopping-cart-insurance>.perforation .inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background:url(@{path-img}background/paymentHeaderPerforation.svg)
}

shopping-cart-insurance>.price {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    padding: 0 16px 0 0;
    margin: auto;
    width: 100px;
    text-align: right;
    -ms-grid-row-align: center;
    align-self: center
}

@media (max-width:380px) {
    shopping-cart-insurance>.price {
        width: 80px
    }
}

@media (min-width:480px) {
    shopping-cart-insurance>.price {
        width: 143px
    }
}

autosuggest #autosuggest {
    overflow-y: auto;
    position: absolute;
    height: auto;
    left: 0;
    top: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 100%;
    visibility: hidden
}

autosuggest #autosuggest.visible {
    visibility: visible
}

@media (min-width:1024px) {
    autosuggest #autosuggest {
        width: 565px
    }
}

@media (min-width:1280px) {
    autosuggest #autosuggest {
        width: 521px
    }
}

autosuggest #autosuggest .infoBubble {
    margin-top: 30px
}

autosuggest #autosuggest .infoBubble .content {
    width: 100%
}

autosuggest #autosuggest .entry {
    display: flex;
    min-height: 48px;
    align-items: center;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    color: #222;
    position: relative;
    overflow: hidden;
    background-color: #fff
}

autosuggest #autosuggest .entry::after {
    position: absolute;
    left: 48px;
    bottom: 0;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #d7d7d7
}

autosuggest #autosuggest .entry.selected,
autosuggest #autosuggest .entry.selected:hover {
    background-color: #d7d7d7
}

autosuggest #autosuggest .entry:hover {
    background-color: #d7d7d7
}

autosuggest #autosuggest .entry.here {
    height: 67px
}

autosuggest #autosuggest .entry.here::after {
    left: 0
}

autosuggest #autosuggest .entry.here .wrapper {
    min-height: 48px
}

autosuggest #autosuggest .entry.here .wrapper .icon {
    fill: #247D24
}

autosuggest #autosuggest .entry.here .wrapper .icon svg {
    width: 19px;
    height: 19px
}

autosuggest #autosuggest .entry.here .wrapper .text {
    color: #247D24
}

autosuggest #autosuggest .entry.here .wrapper .text .sub {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin: 0;
    color: #666
}

autosuggest #autosuggest .entry.here .wrapper .info {
    color: #666
}

autosuggest #autosuggest .entry .wrapper {
    min-height: 48px;
    display: flex;
    align-items: baseline;
    flex: 1 0
}

autosuggest #autosuggest .entry .wrapper .info {
    flex: 0 0 48px;
    width: 48px;
    text-align: center;
    position: relative;
    color: #d7d7d7;
    border-left: solid 1px #d7d7d7;
    padding: 10px 0 10px 0
}

@media (min-width:1024px) {
    autosuggest #autosuggest .entry .wrapper .info {
        flex: 0 0 53px;
        width: 53px
    }
}

autosuggest #autosuggest .entry .wrapper .info svg {
    fill: #b1b1b1;
    width: 18px;
    height: 18px
}

autosuggest #autosuggest .entry .wrapper .icon {
    flex: 0 0 48px;
    width: 48px;
    fill: #b1b1b1;
    text-align: center;
    position: relative;
    top: 3px
}

@media (min-width:1024px) {
    autosuggest #autosuggest .entry .wrapper .icon {
        flex: 0 0 58px;
        width: 58px
    }
}

autosuggest #autosuggest .entry .wrapper .icon svg {
    width: 19px;
    height: 19px
}

autosuggest #autosuggest .entry .wrapper .text {
    flex: 1 0;
    margin: auto
}

autosuggest #autosuggest .entry:last-child::after {
    left: 0
}

datetime-picker {
    z-index: 999;
    position: absolute;
    display: block;
    width: 320px
}

datetime-picker header {
    background-color: #d7d7d7;
    padding: 10px 10px 0 10px
}

datetime-picker header mat-form-field {
    margin: 5px
}

datetime-picker header mat-form-field input.mat-input-element {
    font-weight: 700;
    font-size: 0.9rem
}

datetime-picker header mat-form-field input.mat-input-element::-moz-selection {
    background-color: #d7d7d7
}

datetime-picker header mat-form-field input.mat-input-element::selection {
    background-color: #d7d7d7
}

datetime-picker header form {
    display: flex;
    justify-content: space-between
}

datetime-picker header form .date-field {
    width: 11em
}

datetime-picker header form .date-field .mat-input-element {
    pointer-events: none
}

@media (max-width:720px) {
    datetime-picker header form .date-field .mat-form-field-suffix {
        display: none
    }
}

@supports (-moz-appearance:none) {
    datetime-picker header form .date-field .mat-form-field-suffix .mat-icon-button {
        bottom: 8px
    }
}

datetime-picker header form .date-field .mat-form-field-suffix .mat-icon-button {
    width: 16px;
    height: 18px
}

datetime-picker header form .date-field .mat-form-field-suffix .mat-icon-button ts-icon {
    display: block
}

datetime-picker header form .date-field .mat-form-field-suffix .mat-icon-button ts-icon[name=arrowRight] svg {
    left: 1px
}

datetime-picker header form .date-field .mat-form-field-suffix .mat-icon-button ts-icon[name=arrowLeft] svg {
    right: 1px
}

datetime-picker header form .date-field .mat-form-field-suffix .mat-icon-button ts-icon svg {
    position: relative;
    width: 8px;
    height: 10px
}

datetime-picker header form .from-to-field {
    width: 3.1em;
    font-weight: 700
}

datetime-picker header form .time-field {
    width: 2.75em
}

datetime-picker .right-buttons {
    display: flex;
    justify-content: space-between
}

datetime-picker footer {
    display: flex;
    justify-content: space-between;
    padding: 0 1em 1em 1em
}

datetime-picker footer button {
    color: #247D24;
    padding: .66em
}

datetime-picker footer button:hover {
    color: #439643
}

datetime-picker .calendar-container {
    background-color: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .5)
}

datetime-picker .mat-button {
    font-weight: 700;
    color: #247D24;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    min-width: 0;
    min-height: 35px
}

datetime-picker .mat-button:hover {
    background-color: #d7d7d7
}

datetime-picker .mat-button .mat-button-focus-overlay {
    display: none
}

datetime-picker .mat-button .mat-ripple-element {
    background-color: #247D24;
    opacity: .25
}

datetime-picker .mat-flat-button.mat-primary {
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    min-width: 0;
    margin-left: 10px
}

datetime-picker .mat-flat-button.mat-primary:hover {
    background-color: #439643
}

datetime-picker .mat-calendar-body-cell {
    height: 44px
}

datetime-picker .mat-calendar-body-cell>.mat-calendar-body-cell-content {
    height: 39.6px
}

@media (max-height:675px) {
    datetime-picker {
        position: absolute;
        top: 0
    }
    datetime-picker header {
        padding: 5px 10px 0 10px;
        height: 60px
    }
    datetime-picker shared-mat-calendar-header {
        padding: 5px
    }
    datetime-picker footer button span {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

.cdk-overlay-container .time-autocomplete {
    min-width: 69px;
    left: -10px
}

.cdk-overlay-container .time-autocomplete mat-option.mat-option {
    padding: 0 0 0 10px
}

.cdk-overlay-container .time-autocomplete mat-option.mat-option.selected {
    background-color: #f5f6f9!important
}

relation-input {
    display: block;
    z-index: 40;
    max-width: 100vw
}

@media (min-width:720px) {
    relation-input {
        margin-left: 145px
    }
}

@media (min-width:860px) {
    relation-input {
        margin-right: 32px
    }
}

@media (min-width:1024px) {
    relation-input {
        margin-left: 286px;
        margin-right: 45px
    }
}

@media (min-width:1280px) {
    relation-input {
        margin-left: 500px
    }
}

@media (max-width:719px) {
    relation-input.is-start {
        display: none
    }
}

relation-input #relationInput {
    height: 100%;
    box-shadow: 0 20px 40px -30px rgba(0, 0, 0, .75)
}

relation-input #relationInput.wrapper {
    height: 100%;
    position: relative
}

@media (max-width:719px) {
    relation-input #relationInput.wrapper {
        top: 0;
        margin-top: 0;
        z-index: 20;
        background-color: #f5f6f9
    }
}

@media (min-width:480px) and (max-width:859px) {
    relation-input #relationInput.wrapper {
        justify-content: flex-end
    }
}

@media (min-width:480px) and (max-width:719px) {
    relation-input #relationInput.wrapper {
        margin-left: 0
    }
}

@media (min-width:720px) {
    relation-input #relationInput.wrapper {
        border-top: 1px solid #d7d7d7
    }
    #header.narrow relation-input #relationInput.wrapper {
        padding-left: 48px;
        max-width: 678px
    }
}

@media (min-width:720px) and (max-width:859px) {
    body[state="root.ticket.quickstart"] relation-input #relationInput.wrapper {
        margin-right: 0
    }
}

@media (min-width:1024px) {
    relation-input #relationInput.wrapper {
        max-width: 678px
    }
}

@media (min-width:1280px) {
    body[state="root.ticket.quickstart"] relation-input #relationInput.wrapper,
    body[state="root.ticket.travel"] relation-input #relationInput.wrapper,
    body[state="root.ticket.relation"] relation-input #relationInput.wrapper {
        margin-right: 0
    }
    body[state="root.ticket.quickstart"] relation-input #relationInput.wrapper {
        max-width: 634px
    }
}

relation-input #relationInput>.content {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 20
}

body[state="root.ticket.quickstart"] relation-input #relationInput>.content {
    margin-left: 0
}

@media (min-width:480px) and (max-width:860px) {
    relation-input #relationInput>.content {
        flex: 0 0 410px;
        max-width: 410px
    }
}

@media (min-width:480px) and (max-width:719px) {
    relation-input #relationInput>.content {
        flex: 1 0;
        max-width: none
    }
}

@media (min-width:720px) and (max-width:860px) {
    relation-input #relationInput>.content {
        flex: 0 1 492px;
        max-width: none
    }
}

@media (min-width:860px) {
    relation-input #relationInput>.content {
        flex: 1 1;
        max-width: none
    }
}

relation-input #relationInput>.content hr {
    border: none;
    background-color: #d7d7d7;
    height: 1px;
    padding: 0;
    margin: 0 15px
}

relation-input #relationInput>.content .change {
    font-weight: 700;
    text-decoration: underline;
    color: #222;
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

relation-input #relationInput>.content>.mainSection {
    height: 100%;
    min-height: 96px;
    display: flex;
    position: relative;
    background-color: #f5f6f9
}

@media (min-width:720px) {
    relation-input #relationInput>.content>.mainSection {
        min-height: 95px
    }
}

relation-input #relationInput>.content>.mainSection>.button {
    flex: 0 0 48px;
    width: 48px;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background-color: #f5f6f9
}

relation-input #relationInput>.content>.mainSection>.button img,
relation-input #relationInput>.content>.mainSection>.button mat-icon,
relation-input #relationInput>.content>.mainSection>.button svg {
    fill: #666;
    color: #666;
    width: 25px;
    height: 25px
}

body.shoppingcartEditing relation-input #relationInput>.content>.mainSection>.button.home {
    cursor: default
}

body.shoppingcartEditing relation-input #relationInput>.content>.mainSection>.button.home>svg {
    fill: #666
}

relation-input #relationInput>.content>.mainSection>.button.home:focus,
relation-input #relationInput>.content>.mainSection>.button.home:hover {
    background-color: #d7d7d7
}

body.shoppingcartEditing relation-input #relationInput>.content>.mainSection>.button.home {
    background-color: #f5f6f9
}

relation-input #relationInput>.content>.mainSection>.button.cancel img,
relation-input #relationInput>.content>.mainSection>.button.cancel svg {
    width: 17px;
    height: 17px
}

relation-input #relationInput>.content>.mainSection>.connection {
    opacity: 0;
    position: relative;
    left: 100%;
    flex: 0 0 0;
    min-width: 0;
    padding: 0;
    margin: 0;
    width: 0;
    visibility: hidden;
    background-color: #f5f6f9;
    text-align: center;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center
}

body[state="root.ticket.baggageOffer"] relation-input #relationInput>.content>.mainSection>.connection,
body[state="root.ticket.offer.journey"] relation-input #relationInput>.content>.mainSection>.connection,
body[state="root.ticket.offer"] relation-input #relationInput>.content>.mainSection>.connection {
    cursor: pointer!important;
    visibility: visible;
    flex: 0 0 42px;
    width: 42px;
    max-width: 42px
}

body[state="root.ticket.baggageOffer"] relation-input #relationInput>.content>.mainSection>.connection.relationOfferGroup,
body[state="root.ticket.offer.journey"] relation-input #relationInput>.content>.mainSection>.connection.relationOfferGroup,
body[state="root.ticket.offer"] relation-input #relationInput>.content>.mainSection>.connection.relationOfferGroup {
    background-color: #f5f6f9
}

@media (max-width:480px) {
    body[state="root.ticket.baggageOffer"] relation-input #relationInput>.content>.mainSection>.connection,
    body[state="root.ticket.offer.journey"] relation-input #relationInput>.content>.mainSection>.connection,
    body[state="root.ticket.offer"] relation-input #relationInput>.content>.mainSection>.connection {
        flex: 0 0 29px;
        width: 29px;
        max-width: 29px
    }
}

relation-input #relationInput>.content>.mainSection>.connection svg {
    vertical-align: middle
}

relation-input #relationInput>.content>.mainSection>.connection .validityStartDate {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    color: #666;
    position: absolute;
    text-align: left;
    padding-left: 2px;
    top: 4px;
    left: 10px;
    line-height: 1em;
    white-space: nowrap;
    z-index: 30
}

relation-input #relationInput>.content>.mainSection>.connection .validityStartDate span {
    display: block
}

html.no-flexbox.no-flexboxlegacy relation-input #relationInput>.content>.mainSection>.connection .validityStartDate {
    display: block
}

relation-input #relationInput>.content>.mainSection>.relationInvert,
relation-input #relationInput>.content>.mainSection>.viaSelection {
    position: relative;
    visibility: hidden;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    flex-wrap: nowrap;
    flex: 0;
    width: 0;
    max-width: 0;
    background-color: #f5f6f9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%
}

relation-input #relationInput>.content>.mainSection>.relationInvert:focus,
relation-input #relationInput>.content>.mainSection>.relationInvert:hover,
relation-input #relationInput>.content>.mainSection>.viaSelection:focus,
relation-input #relationInput>.content>.mainSection>.viaSelection:hover {
    background-color: #d7d7d7
}

relation-input #relationInput>.content>.mainSection>.relationInvert+.passengers.visible,
relation-input #relationInput>.content>.mainSection>.viaSelection+.passengers.visible {
    position: absolute;
    height: 100%;
    left: 100%!important
}

body[state="root.ticket.quickstart"] relation-input #relationInput>.content>.mainSection>.relationInvert,
body[state="root.ticket.quickstart"] relation-input #relationInput>.content>.mainSection>.viaSelection,
body[state="root.ticket.travel"] relation-input #relationInput>.content>.mainSection>.relationInvert,
body[state="root.ticket.travel"] relation-input #relationInput>.content>.mainSection>.viaSelection,
body[state="root.ticket.relation"] relation-input #relationInput>.content>.mainSection>.relationInvert,
body[state="root.ticket.relation"] relation-input #relationInput>.content>.mainSection>.viaSelection {
    visibility: visible;
    flex: 0 0 48px;
    width: 48px;
    max-width: 48px
}

@media (min-width:1024px) {
    body[state="root.ticket.quickstart"] relation-input #relationInput>.content>.mainSection>.relationInvert,
    body[state="root.ticket.quickstart"] relation-input #relationInput>.content>.mainSection>.viaSelection,
    body[state="root.ticket.travel"] relation-input #relationInput>.content>.mainSection>.relationInvert,
    body[state="root.ticket.travel"] relation-input #relationInput>.content>.mainSection>.viaSelection,
    body[state="root.ticket.relation"] relation-input #relationInput>.content>.mainSection>.relationInvert,
    body[state="root.ticket.relation"] relation-input #relationInput>.content>.mainSection>.viaSelection {
        flex: 0 0 53px;
        width: 53px;
        max-width: 53px
    }
}

@media (min-width:1280px) {
    body[state="root.ticket.quickstart"] relation-input #relationInput>.content>.mainSection>.relationInvert,
    body[state="root.ticket.quickstart"] relation-input #relationInput>.content>.mainSection>.viaSelection,
    body[state="root.ticket.travel"] relation-input #relationInput>.content>.mainSection>.relationInvert,
    body[state="root.ticket.travel"] relation-input #relationInput>.content>.mainSection>.viaSelection,
    body[state="root.ticket.relation"] relation-input #relationInput>.content>.mainSection>.relationInvert,
    body[state="root.ticket.relation"] relation-input #relationInput>.content>.mainSection>.viaSelection {
        position: absolute;
        height: 100%;
        left: auto;
        right: 0;
        z-index: 20
    }
}

relation-input #relationInput>.content>.mainSection>.relationInvert::before,
relation-input #relationInput>.content>.mainSection>.viaSelection::before {
    position: absolute;
    content: "";
    left: 0;
    top: 13px;
    border-left: 1px solid #d7d7d7;
    height: 70px;
    width: 1px
}

relation-input #relationInput>.content>.mainSection>.relationInvert .icon-relation-invert,
relation-input #relationInput>.content>.mainSection>.viaSelection .icon-relation-invert {
    fill: #666;
    width: 28px;
    height: 40px
}

relation-input #relationInput>.content>.mainSection>.relationInvert .icon-relation-invert>svg,
relation-input #relationInput>.content>.mainSection>.viaSelection .icon-relation-invert>svg {
    display: block
}

relation-input #relationInput>.content>.mainSection>.relationInvert .ts-pill,
relation-input #relationInput>.content>.mainSection>.viaSelection .ts-pill {
    content: attr(data-count);
    position: absolute;
    top: -13px;
    right: -13px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    background-color: #E2002A;
    color: #fff;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
    box-shadow: 0 0 1px #E2002A
}

relation-input #relationInput>.content>.mainSection>.relationInvert,
relation-input #relationInput>.content>.mainSection>.viaSelection {
    position: absolute;
    left: auto!important;
    right: 0;
    height: 100%;
    z-index: 20;
    opacity: 1
}

relation-input #relationInput>.content>.mainSection>.passengers {
    opacity: 0;
    position: relative;
    left: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    flex: 0 0 0;
    min-width: 0;
    margin: 0;
    width: 0;
    padding: 0;
    background-color: #f5f6f9;
    visibility: hidden;
    overflow: hidden
}

relation-input #relationInput>.content>.mainSection>.passengers:focus,
relation-input #relationInput>.content>.mainSection>.passengers:hover {
    background-color: #d7d7d7
}

relation-input #relationInput>.content>.mainSection>.passengers.visible {
    visibility: visible;
    flex: 0 0 143px;
    width: 143px;
    max-width: 143px;
    padding: 5px 11px;
    cursor: pointer
}

relation-input #relationInput>.content>.mainSection>.passengers.visible.disabled {
    cursor: default;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%)
}

relation-input #relationInput>.content>.mainSection>.passengers.visible.disabled .change {
    display: none
}

@media (max-width:719px) {
    relation-input #relationInput>.content>.mainSection>.passengers.visible {
        flex: 0 0 93px;
        width: 93px;
        max-width: 93px
    }
}

@media (max-width:479px) {
    relation-input #relationInput>.content>.mainSection>.passengers.visible {
        flex: 0 0 102px;
        width: 102px;
        max-width: 102px
    }
}

@media (max-width:379px) {
    relation-input #relationInput>.content>.mainSection>.passengers.visible {
        flex: 0 0 78px;
        width: 78px;
        max-width: 78px
    }
}

@media (max-width:320px) {
    relation-input #relationInput>.content>.mainSection>.passengers.visible {
        flex: 0 0 62px;
        width: 62px;
        max-width: 62px
    }
}

relation-input #relationInput>.content>.mainSection>.passengers>div {
    white-space: nowrap
}

relation-input #relationInput>.content>.mainSection .conversionButtonWrapper {
    left: 100%;
    position: relative
}

@media (max-width:480px) {
    body[state="root.ticket.baggageOffer"] relation-input #relationInput>.content>.mainSection .conversionButtonWrapper,
    body[state="root.ticket.offer.journey"] relation-input #relationInput>.content>.mainSection .conversionButtonWrapper,
    body[state="root.ticket.offer"] relation-input #relationInput>.content>.mainSection .conversionButtonWrapper {
        flex: 0 0 96px;
        width: 96px;
        max-width: 96px
    }
}

relation-input #relationInput>.content>.infoSection {
    background-color: #f5f6f9;
    box-shadow: inset 0 5px 10px -7px rgba(0, 0, 0, .5);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

relation-input #relationInput>.content>.infoSection>.viaRelation {
    display: flex;
    flex: 1;
    border-bottom: 1px solid #d7d7d7
}

relation-input #relationInput>.content>.infoSection>.viaRelation>button {
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: flex-start;
    padding: 10px 10px 10px 20px;
    min-width: 0
}

relation-input #relationInput>.content>.infoSection>.viaRelation>button[disabled] {
    color: #b1b1b1
}

relation-input #relationInput>.content>.infoSection>.viaRelation>button[disabled]>label {
    color: #b1b1b1
}

relation-input #relationInput>.content>.infoSection>.viaRelation>button:hover {
    background-color: rgba(0, 0, 0, .08)
}

relation-input #relationInput>.content>.infoSection>.viaRelation>button>span {
    flex: 0 1 100%;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

relation-input #relationInput>.content>.infoSection>.viaRelation>button>label {
    color: #247D24;
    flex: 0 0 40px
}

relation-input #relationInput>.content .splitline {
    border-top: 1px solid #000;
    width: 60px;
    margin-left: 10px
}

relation-input #relationInput.visible .content .relationless {
    justify-content: center;
    padding-left: 20px;
    position: relative;
    left: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    background-color: #f5f6f9
}

relation-input #relationInput.visible .content .relationless .entrypoint-title {
    margin: 5px 0;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    overflow: hidden;
    line-height: 1.25em;
    color: #222;
    font-weight: 700
}

@media (max-width:319px) {
    relation-input #relationInput.visible .content .relationless {
        padding-left: 5px
    }
    relation-input #relationInput.visible .content .relationless .entrypoint-title {
        font-weight: 700;
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1
    }
}

relation-input #relationInput.visible .content .relationless.time {
    padding-left: 0
}

relation-input #relationInput.visible .content .relationless.station {
    flex: 1 1 auto
}

relation-input #relationInput.visible .content .relationless:focus,
relation-input #relationInput.visible .content .relationless:hover {
    background-color: #d7d7d7
}

relation-input #relationInput.visible .content .connection,
relation-input #relationInput.visible .content .conversionButtonWrapper,
relation-input #relationInput.visible .content .passengers,
relation-input #relationInput.visible .content .station,
relation-input #relationInput.visible .content .time,
relation-input #relationInput.visible .content .viaSelection {
    opacity: 1;
    left: 0
}

relation-input #relationInput .material-info-bubble {
    left: 166px;
    position: absolute;
    width: calc(100% - 166px)
}

@media (min-width:860px) {
    relation-input #relationInput .material-info-bubble {
        width: 512px
    }
}

relation-input #relationInput .material-info-bubble .info-bubble {
    right: 0;
    left: 0
}

relation-input #relationInput .journey-preview-buttons {
    display: none;
    padding: 10px 10px 0 0
}

@media (min-width:720px) {
    relation-input #relationInput .journey-preview-buttons {
        display: flex
    }
}

relation-input #relationInput .journey-print-button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    text-decoration: underline;
    color: #666;
    padding: 5px;
    align-self: flex-start
}

@media print {
    relation-input {
        display: none
    }
}

@media (min-width:720px) {
    body[state="root.ticket.offer.journey"] relation-input,
    body[state="root.ticket.offer"] relation-input {
        width: calc(100vw - 145px)
    }
}

relation-station {
    z-index: 20;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: relative;
    left: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex: 1 1 auto;
    min-width: 0;
    background-color: #f5f6f9;
    outline: 0
}

body[state="root.ticket.baggageOffer"] relation-station,
body[state="root.ticket.offer.journey"] relation-station,
body[state="root.ticket.offer"] relation-station,
body[state="root.ticket.timetable"] relation-station {
    cursor: pointer!important;
    padding-left: 0
}

body[state="root.ticket.baggageOffer"] relation-station.relationOfferGroup,
body[state="root.ticket.offer.journey"] relation-station.relationOfferGroup,
body[state="root.ticket.offer"] relation-station.relationOfferGroup,
body[state="root.ticket.timetable"] relation-station.relationOfferGroup {
    background-color: #f5f6f9;
    color: #666
}

body[state="root.ticket.baggageOffer"] relation-station.relationless,
body[state="root.ticket.offer.journey"] relation-station.relationless,
body[state="root.ticket.offer"] relation-station.relationless,
body[state="root.ticket.timetable"] relation-station.relationless {
    justify-content: center;
    padding-left: 20px
}

body[state="root.ticket.baggageOffer"] relation-station.relationless:focus,
body[state="root.ticket.baggageOffer"] relation-station.relationless:hover,
body[state="root.ticket.offer.journey"] relation-station.relationless:focus,
body[state="root.ticket.offer.journey"] relation-station.relationless:hover,
body[state="root.ticket.offer"] relation-station.relationless:focus,
body[state="root.ticket.offer"] relation-station.relationless:hover,
body[state="root.ticket.timetable"] relation-station.relationless:focus,
body[state="root.ticket.timetable"] relation-station.relationless:hover {
    background-color: #d7d7d7
}

body[state="root.ticket.baggageOffer"] relation-station.hasValidityInfo>.input,
body[state="root.ticket.offer.journey"] relation-station.hasValidityInfo>.input,
body[state="root.ticket.offer"] relation-station.hasValidityInfo>.input,
body[state="root.ticket.timetable"] relation-station.hasValidityInfo>.input {
    padding-left: 0
}

body[state="root.ticket.baggageOffer"] relation-station input,
body[state="root.ticket.baggageOffer"] relation-station>div,
body[state="root.ticket.offer.journey"] relation-station input,
body[state="root.ticket.offer.journey"] relation-station>div,
body[state="root.ticket.offer"] relation-station input,
body[state="root.ticket.offer"] relation-station>div,
body[state="root.ticket.timetable"] relation-station input,
body[state="root.ticket.timetable"] relation-station>div {
    cursor: pointer!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width:720px) {
    relation-station.invert-visible {
        padding-right: 48px
    }
}

@media (min-width:1024px) {
    relation-station.isViaSelectionActive {
        flex: 0 0 512px;
        width: 512px;
        max-width: 512px
    }
}

relation-station .input {
    flex: 0 1 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    height: 47px
}

relation-station .input.from {
    align-items: flex-end
}

relation-station .input.from input {
    padding-top: 15px;
    font-family: "Frutiger Next", "Frutiger Next Pro", "Frutiger";
}
relation-station .input {
	font-family: "Frutiger Next", "Frutiger Next Pro", "Frutiger";
}

relation-station .input.to input {
    padding-bottom: 16px
}

relation-station .input input {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    height: 100%;
    font-weight: 600;
    color: #222;
    background-color: transparent;
    border: 0;
    flex-grow: 1;
    min-width: 0;
    padding-left: 8px
}

relation-station .input input:focus {
    outline: 0
}

relation-station .input input::-ms-clear {
    display: none
}

relation-station .input input::-webkit-search-cancel-button {
    -webkit-appearance: none
}

relation-station .input input.hasInput {
    font-weight: 700
}

relation-station .input input.disabled {
    color: #666!important
}

relation-station .input input::-webkit-input-placeholder {
    color: #666!important
}

relation-station .input input:-moz-placeholder {
    color: #666!important
}

relation-station .input input::-moz-placeholder {
    color: #666!important
}

relation-station .input input:-ms-input-placeholder {
    color: #666!important
}

@media (min-width:380px) {
    relation-station .input input {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1
    }
}

@media (min-width:480px) {
    relation-station .input input {
        padding-left: 18px
    }
}

relation-station .input>.clearInput {
    width: 0;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    align-self: center
}

relation-station .input>.clearInput:focus,
relation-station .input>.clearInput:hover {
    opacity: 1;
    outline: 0
}

relation-station .input>.clearInput:focus img,
relation-station .input>.clearInput:focus svg,
relation-station .input>.clearInput:hover img,
relation-station .input>.clearInput:hover svg {
    fill: #666
}

relation-station .input>.clearInput img,
relation-station .input>.clearInput svg {
    width: 15px;
    height: 15px;
    fill: #666
}

body[state="root.ticket.relation"] relation-station .input>.clearInput {
    flex: 0 0 48px;
    width: 48px;
    opacity: 1
}

relation-station .input.enabled:focus,
relation-station .input.enabled:hover {
    background-color: #d7d7d7
}

relation-station.expanded {
    overflow: visible
}

relation-station.expanded::after {
    box-shadow: none!important
}

@media (max-width:719px) {
    relation-station.expanded {
        -webkit-transform: translateX(-94px);
        transform: translateX(-94px);
        min-width: 100%;
        padding-right: 96px
    }
}

@media (max-width:719px) and (min-width:480px) {
    relation-station.expanded {
        -webkit-transform: translateX(-113px);
        transform: translateX(-113px)
    }
}

.is-safari relation-time .shadow-rounded-dark,
.is-safari relation-time .shadow-rounded-light {
    overflow: unset
}

relation-time {
    z-index: 1;
    opacity: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    left: 100%;
    background-color: #f5f6f9;
    flex: 0 0 94px;
    width: 94px;
    max-width: 94px
}

relation-time>div {
    height: 100%
}

body[state="root.ticket.offer"] relation-time.route {
    flex: 0 0 94px;
    width: 94px;
    max-width: 94px
}

body[state="root.ticket.baggageOffer"] relation-time,
body[state="root.ticket.offer.journey"] relation-time,
body[state="root.ticket.offer"] relation-time {
    cursor: pointer!important;
    flex: 0 0 71px;
    width: 71px;
    min-width: 71px;
    max-width: 71px
}

body[state="root.ticket.baggageOffer"] relation-time.relationOfferGroup,
body[state="root.ticket.offer.journey"] relation-time.relationOfferGroup,
body[state="root.ticket.offer"] relation-time.relationOfferGroup {
    background-color: #f5f6f9
}

@media (max-width:380px) {
    body[state="root.ticket.baggageOffer"] relation-time,
    body[state="root.ticket.offer.journey"] relation-time,
    body[state="root.ticket.offer"] relation-time {
        flex: 0 0 66px;
        width: 66px;
        max-width: 66px;
        min-width: 66px;
        padding: 0
    }
}

@media (max-width:320px) {
    body[state="root.ticket.baggageOffer"] relation-time,
    body[state="root.ticket.offer.journey"] relation-time,
    body[state="root.ticket.offer"] relation-time {
        flex: 0 0 46px;
        width: 46px;
        min-width: 46px;
        max-width: 46px;
        padding: 0
    }
}

relation-time .input {
    width: 100%;
    flex: 1 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    white-space: nowrap;
    align-items: stretch;
    height: 47px;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400
}

@media (min-width:480px) {
    relation-time .input {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1
    }
}

relation-time .input .bold {
    color: #222
}

relation-time .input .no-data {
    color: #222
}

relation-time .input.arrival,
relation-time .input.departure {
    padding: 6px 6px 7px 6px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

@media (min-width:480px) {
    relation-time .input.arrival,
    relation-time .input.departure {
        padding: 6px 10px 7px 10px
    }
}

relation-time .input.departure {
    justify-content: flex-end;
    color: #222;
    position: relative
}

relation-time .input.departure:focus,
relation-time .input.departure:hover {
    background-color: #d7d7d7
}

relation-time .input.departure .heute {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.7rem;
    line-height: 1;
    font-weight: 600;
    color: #666;
    padding-left: 2px;
    margin-bottom: .1rem
}

relation-time .input.arrival {
    justify-content: flex-start
}

relation-time .input.arrival:focus,
relation-time .input.arrival:hover {
    background-color: #d7d7d7
}

relation-time .input.validityStartDate {
    height: 100%;
    justify-content: center;
    color: #222;
    position: relative;
    text-align: left;
    padding-left: 10px
}

.route relation-time .input.validityStartDate {
    padding-left: 20px
}

relation-time .input.validityStartDate:focus,
relation-time .input.validityStartDate:hover {
    background-color: #d7d7d7
}

relation-time .input.validityStartDate .heute {
    position: absolute;
    top: 6px;
    text-align: left;
    padding-left: 2px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.7rem;
    line-height: 1;
    font-weight: 600;
    color: #666
}

relation-time .input .time-wrapper {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    display: flex;
    justify-content: space-between
}

relation-time .input .time-wrapper .time-label {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

@media (min-width:480px) {
    relation-time .route .validityStartDate {
        padding-left: 20px
    }
}

@media (min-width:720px) {
    relation-time .route {
        flex: 0 0 95px;
        width: 95px;
        max-width: 95px
    }
}

@media (min-width:480px) {
    relation-time {
        flex: 0 0 113px;
        width: 113px;
        max-width: 113px;
        padding: 0
    }
    relation-time.route {
        flex: 0 0 95px;
        width: 95px;
        max-width: 95px
    }
    relation-time.route .validityStartDate {
        padding-left: 20px
    }
}

@media (min-width:720px) {
    relation-time {
        padding: 0
    }
}

body[state="root.shop.start"] .root-content {
    display: block
}

shop-folder,
shop-main {
    display: block;
    width: 100%;
    height: 100%
}

shop-folder .favourites-header,
shop-main .favourites-header {
    color: #fff;
    font-weight: 400
}

shop-folder shop-item-list,
shop-main shop-item-list {
    background-color: #f5f6f9
}

shop-folder .shop-block,
shop-main .shop-block {
    display: block;
    position: relative;
    padding: 16px 0 16px 30px
}

shop-folder .shop-block h1,
shop-main .shop-block h1 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.625rem;
    line-height: 1;
    font-weight: 400
}

@media (min-width:479px) {
    shop-folder .shop-block,
    shop-main .shop-block {
        padding: 16px 32px 16px 80px
    }
}

@media (min-width:719px) {
    shop-folder .shop-block,
    shop-main .shop-block {
        padding: 16px 32px 16px 135px
    }
}

@media (min-width:859px) {
    shop-folder .shop-block,
    shop-main .shop-block {
        padding: 16px 32px 16px 148px
    }
}

@media (min-width:1023px) {
    shop-folder .shop-block,
    shop-main .shop-block {
        padding: 16px 60px 16px 286px
    }
}

@media (min-width:1279px) {
    shop-folder .shop-block,
    shop-main .shop-block {
        padding: 16px 152px 16px 430px
    }
}

@media (min-width:1439px) {
    shop-folder .shop-block,
    shop-main .shop-block {
        padding: 16px 312px 16px 430px
    }
}

.shop-folder .shop-folder-content {
    padding: 20px 0 10px 0;
    min-height: 54px;
    position: relative;
    border-bottom: 1px solid #d7d7d7;
    cursor: pointer
}

@media (min-width:1024px) {
    .shop-folder .shop-folder-content {
        max-width: 463px
    }
}

.shop-folder .shop-folder-content>.header-image {
    display: block;
    position: relative;
    min-height: 54px
}

.shop-folder .shop-folder-content>.header-image>img {
    width: 100%
}

.shop-folder .shop-folder-content>.row {
    display: flex;
    flex-wrap: nowrap
}

.shop-folder .shop-folder-content>.row>.icon {
    flex: 0 0 54px;
    width: 54px;
    min-height: 54px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 100% auto;
    z-index: 2
}

.shop-folder .shop-folder-content>.row>.text {
    flex: 1 1;
    padding: 8px 16px 16px 16px;
    color: #222
}

.shop-folder .shop-folder-content>.row>.text>.title {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600;
    line-height: 1.3em;
    margin: 0
}

.shop-folder .shop-folder-content>.row>.text>.description {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    margin: 0
}

.shop-folder .shop-folder-content>.row>.next {
    flex: 0 0 32px;
    -ms-grid-row-align: center;
    align-self: center
}

.shop-entry {
    margin-bottom: 10px
}

@media (min-width:720px) {
    .shop-entry {
        max-width: 463px
    }
}

.shop-entry .shop-entry-content {
    display: flex;
    flex-wrap: nowrap;
    min-height: 54px;
    position: relative;
    background-color: #fff;
    cursor: pointer
}

.shop-entry .shop-entry-content>.icon {
    flex: 0 0 54px;
    width: 54px;
    min-height: 54px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 100% auto;
    z-index: 2
}

.shop-entry .shop-entry-content>.text {
    flex: 1 1;
    background: #fff;
    padding: 8px 8px 8px 18px;
    color: #222
}

.shop-entry .shop-entry-content>.text>.title {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 700;
    margin: 1px 0 0 0
}

.shop-entry .shop-entry-content>.text>.description {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    color: #666;
    margin: 0
}

body[state="root.shop.folder"] .ticket-content {
    display: block;
    background-color: #f5f6f9
}

shop-folder {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #f5f6f9
}

shop-folder .folder {
    font-weight: 600
}

shop-folder .shop-block {
    background-color: #f5f6f9
}

shop-folder .shopItemHeader {
    position: relative;
    background-color: #222;
    min-height: 195px;
    height: 195px;
    display: flex
}

@media (max-width:719px) {
    shop-folder .shopItemHeader {
        background: 0 0;
        min-height: unset;
        height: unset;
        margin-top: 25px
    }
}

@media (min-width:479px) {
    shop-folder .shopItemHeader {
        padding: 16px 32px 16px 10px
    }
}

@media (min-width:719px) {
    shop-folder .shopItemHeader {
        padding: 16px 32px 16px 70px
    }
}

@media (min-width:859px) {
    shop-folder .shopItemHeader {
        padding: 16px 32px 16px 80px
    }
}

@media (min-width:1023px) {
    shop-folder .shopItemHeader {
        padding: 16px 60px 16px 215px
    }
}

@media (min-width:1279px) {
    shop-folder .shopItemHeader {
        padding: 16px 152px 16px 360px
    }
}

@media (min-width:1439px) {
    shop-folder .shopItemHeader {
        padding: 16px 390px 16px 360px
    }
}

shop-folder .shopItemHeader>.shopItemHeaderImage {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background: #666 no-repeat center top;
    opacity: 1
}

@media (max-width:719px) {
    shop-folder .shopItemHeader>.shopItemHeaderImage {
        display: none
    }
}

shop-folder .shopItemHeader>.subheader {
    position: relative;
    z-index: 15;
    opacity: 1;
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end
}

shop-folder .shopItemHeader>.subheader>.col1 {
    margin-bottom: 25px;
    flex: 0 0 65px;
    display: flex;
    color: #fff
}

@media (min-width:720px) {
    shop-folder .shopItemHeader>.subheader>.col1 {
        color: #222
    }
}

@media (max-width:719px) {
    shop-folder .shopItemHeader>.subheader>.col1 {
        align-self: flex-start;
        margin-bottom: unset
    }
}

shop-folder .shopItemHeader>.subheader>.col1 .backIconWrapper {
    background-color: #f5f6f9;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .35);
    width: 48px;
    text-align: center;
    height: 48px;
    line-height: 48px;
    margin-right: 14px;
    cursor: pointer
}

shop-folder .shopItemHeader>.subheader>.col1 .backIconWrapper:hover {
    background-color: #dbdbdb
}

shop-folder .shopItemHeader>.subheader>.col1 .backIconWrapper svg {
    fill: #000!important;
    vertical-align: middle;
    margin-top: -5px
}

shop-folder .shopItemHeader>.subheader>.col2 {
    line-height: 1.1em;
    padding-left: 5px;
    flex: 1;
    color: #fff
}

shop-folder .shopItemHeader>.subheader>.col2 h1,
shop-folder .shopItemHeader>.subheader>.col2 h2 {
    line-height: 1.1em;
    margin: 4px 0;
    font-weight: 400
}

shop-folder .shopItemHeader>.subheader>.col2 h1 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

shop-folder .shopItemHeader>.subheader>.col2 h2 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1
}

@media (min-width:720px) {
    shop-folder .shopItemHeader>.subheader>.col2 h1 {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1;
        margin-bottom: 8px
    }
    shop-folder .shopItemHeader>.subheader>.col2 h2 {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1
    }
}

@media (min-width:1440px) {
    shop-folder .shopItemHeader>.subheader>.col2 {
        flex: 0 0 626px
    }
}

@media (max-width:719px) {
    shop-folder .shopItemHeader>.subheader>.col2 {
        color: #222
    }
}

shop-item-list .chevron-icon {
    width: 20px;
    height: 20px
}

timetable-boarding-time-summary {
    padding-top: 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    white-space: normal;
    display: block;
    color: #E2002A
}

timetable-connection-details .connection-sections-details .station {
    overflow: hidden;
    text-overflow: ellipsis
}

connection-sections-overview-bubble table {
    margin-top: 10px;
    width: 100%
}

connection-sections-overview-bubble table tr:nth-child(odd) {
    background: #d7d7d7
}

connection-sections-overview-bubble table th {
    text-align: center;
    padding: 0 15px
}

connection-sections-overview-bubble table td {
    text-align: center;
    padding: 0 15px
}

connection-sections-overview-bubble table td:first-of-type {
    text-align: left
}

connection-sections-overview-bubble table .delayed-info span:first-of-type {
    text-decoration: line-through
}

connection-sections-overview-bubble table .delayed-info span:last-of-type {
    text-decoration: none;
    color: #E2002A;
    margin-left: 5px
}

timetable-connection.fading .connectionWrapper {
    zoom: 1;
    filter: alpha(opacity=60);
    -webkit-opacity: .6;
    -moz-opacity: .6;
    opacity: .6;
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
    transition: .5s -webkit-filter linear, .5s -moz-filter linear, .5s -o-filter linear, .5s filter linear
}

timetable-connection .connectionWrapper {
    position: relative;
    margin-bottom: 3px
}

timetable-connection .connectionWrapper.isSuppressed {
    display: none
}

timetable-connection .connectionWrapper.isSuppressed .actions {
    display: none
}

timetable-connection .connectionWrapper .connection.widget {
    min-height: 105px;
    white-space: nowrap;
    display: flex;
    width: 100%
}

timetable-connection .connectionWrapper .connection.widget:focus,
timetable-connection .connectionWrapper .connection.widget:hover {
    outline: 0
}

timetable-connection .connectionWrapper .connection.widget:focus .time,
timetable-connection .connectionWrapper .connection.widget:focus .travel,
timetable-connection .connectionWrapper .connection.widget:hover .time,
timetable-connection .connectionWrapper .connection.widget:hover .travel {
    background-color: #d7d7d7
}

timetable-connection .connectionWrapper .connection.widget:focus .price,
timetable-connection .connectionWrapper .connection.widget:hover .price {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: #d7d7d7
}

timetable-connection .connectionWrapper .connection.widget:focus~.actions .action,
timetable-connection .connectionWrapper .connection.widget:hover~.actions .action {
    opacity: 1;
    left: -39px;
    transition: opacity .3s ease-out, left .3s ease-out;
    outline: 0
}

timetable-connection .connectionWrapper .connection.widget .time {
    z-index: 2;
    min-height: 105px;
    text-align: center;
    text-align: right;
    padding: 19px 5px 0 5px;
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #222;
    background-color: #f5f6f9;
    border-bottom: 1px solid #d7d7d7;
    width: 52px;
    flex: 0 0 52px
}

timetable-connection .connectionWrapper .connection.widget .time .time-numbers {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

timetable-connection .connectionWrapper .connection.widget .time .delayed {
    color: #E2002A
}

@media (min-width:380px) {
    timetable-connection .connectionWrapper .connection.widget .time {
        width: 70px;
        flex: 0 0 70px
    }
}

@media (min-width:480px) {
    timetable-connection .connectionWrapper .connection.widget .time {
        width: 75px;
        flex: 0 0 75px
    }
}

@media (min-width:720px) {
    timetable-connection .connectionWrapper .connection.widget .time {
        width: 83px;
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1;
        flex: 0 0 83px;
        padding: 19px 10px 0 0
    }
}

@media (min-width:1024px) {
    timetable-connection .connectionWrapper .connection.widget .time {
        width: 88px;
        flex: 0 0 88px
    }
}

timetable-connection .connectionWrapper .connection.widget .time .hour {
    font-weight: 700
}

timetable-connection .connectionWrapper .connection.widget .time .changedTime {
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    text-decoration: line-through;
    color: #666;
    margin: 0
}

@media (min-width:720px) {
    timetable-connection .connectionWrapper .connection.widget .time .changedTime {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1
    }
}

timetable-connection .connectionWrapper .connection.widget .time .date {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    text-align: center;
    color: #E2002A
}

timetable-connection .connectionWrapper .connection.widget .travel {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    padding: 19px 10px 10px 10px;
    flex: 1 1;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    background-color: #f5f6f9;
    overflow-x: hidden
}

@media (min-width:720px) {
    timetable-connection .connectionWrapper .connection.widget .travel {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

timetable-connection .connectionWrapper .connection.widget .travel>p.station {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    color: #000
}

timetable-connection .connectionWrapper .connection.widget .travel>p.station:first-of-type {
    padding-top: 5px
}

timetable-connection .connectionWrapper .connection.widget .travel>p.currentJourney {
    color: #247D24
}

timetable-connection .connectionWrapper .connection.widget .travel .reduction-summary {
    padding: 10px 0 0 0
}

timetable-connection .connectionWrapper .connection.widget .perforation {
    width: 4px;
    background-image: url(/static/images/background/connectionPerforation.svg)
}

timetable-connection .connectionWrapper .connection.widget .price {
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: #fff;
    border-bottom: 1px solid #d7d7d7;
    color: #222;
    padding: 19px 5px 0 5px;
    text-align: right;
    max-width: 80px;
    width: 80px;
    flex: 0 0 80px
}

@media (min-width:380px) {
    timetable-connection .connectionWrapper .connection.widget .price {
        max-width: 96px;
        width: 96px;
        flex: 0 0 96px
    }
}

@media (min-width:720px) {
    timetable-connection .connectionWrapper .connection.widget .price {
        max-width: 143px;
        width: 143px;
        padding: 19px 16px 0 5px;
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        flex: 0 0 143px
    }
}

timetable-connection .connectionWrapper .connection.widget .price .noOffers {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    white-space: normal;
    display: block;
    padding-top: 17px
}

@media (min-width:720px) {
    timetable-connection .connectionWrapper .connection.widget .price .noOffers {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

timetable-connection .connectionWrapper .connection.widget .price .error {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    margin: 0;
    padding: 0
}

@media (min-width:720px) {
    timetable-connection .connectionWrapper .connection.widget .price .error {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

timetable-connection .connectionWrapper .connection.widget .price .noCachedOffer {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin: 0;
    padding: 0;
    color: #E2002A;
    white-space: normal
}

timetable-connection .connectionWrapper .connection.widget .price .reduction-warning {
    color: #E2002A;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    margin: 0;
    padding-top: 9px
}

@media (min-width:720px) {
    timetable-connection .connectionWrapper .connection.widget .price .reduction-warning {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

timetable-connection .connectionWrapper .connection.widget .price .concession-info {
    font-weight: 600;
    color: #247D24;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.7rem;
    line-height: 1;
    margin: 0;
    padding: 0;
    white-space: pre-wrap;
    margin-top: 5px
}

@media (min-width:720px) {
    timetable-connection .connectionWrapper .connection.widget .price .concession-info {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 0.765rem;
        line-height: 1
    }
}

timetable-connection .connectionWrapper .actions {
    z-index: 1
}

timetable-connection .connectionWrapper .actions .action {
    padding: 7px;
    padding-bottom: 5px;
    line-height: 100%;
    position: absolute;
    left: 0;
    opacity: 0;
    top: 15px;
    width: 39px;
    transition: opacity .3s ease-in, left .3s ease-in
}

timetable-connection .connectionWrapper .actions .action:focus,
timetable-connection .connectionWrapper .actions .action:hover {
    opacity: 1;
    left: -39px;
    display: block;
    outline: 0;
    -webkit-filter: drop-shadow(1px 1px 10px #000);
    -moz-filter: drop-shadow(1px 1px 10px #000);
    -ms-filter: drop-shadow(1px 1px 10px #000);
    filter: drop-shadow(1px 1px 10px #000);
    transition: opacity .3s ease-out, left .3s ease-out
}

timetable-connection .connectionWrapper .actions svg {
    fill: #fff
}

@media (max-width:719px) {
    timetable-connection .connectionWrapper .actions {
        display: none
    }
}

@-webkit-keyframes scalefade2 {
    0% {
        -webkit-transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(0);
        height: 0;
        margin: 0;
        visibility: hidden
    }
}

@keyframes scalefade2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        height: 0;
        margin: 0;
        visibility: hidden
    }
}

timetable-header header.navigationHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 21px
}

@media (max-width:719px) {
    timetable-header header.navigationHeader {
        padding-bottom: 15px;
        margin-bottom: 0
    }
}

timetable-header header.navigationHeader h1 {
    margin: 0;
    color: #fff;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.625rem;
    line-height: 1;
    font-weight: 400;
    flex: 1
}

timetable-header header.navigationHeader .combiticket-info {
    color: #fff;
    margin-top: 0
}

@media (max-width:719px) {
    timetable-header header.navigationHeader {
        background-color: #f5f6f9
    }
    timetable-header header.navigationHeader .combiticket-info,
    timetable-header header.navigationHeader h1 {
        color: #222;
        margin: 25px 0 0 15px
    }
    timetable-header header.navigationHeader h1 {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1;
        font-weight: 600
    }
}

timetable-header header.navigationHeader .header-actions {
    display: flex;
    flex-direction: column;
    flex: 0 1 auto;
    min-width: 225px
}

@media (max-width:719px) {
    timetable-header header.navigationHeader .header-actions {
        display: none
    }
}

timetable-header header.navigationHeader .header-actions .createConnectionMonitorWrapper {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 500;
    flex: 0 1 auto;
    color: #fff
}

timetable-header header.navigationHeader .header-actions .createConnectionMonitorWrapper .createConnectionMonitorContainer {
    display: flex;
    flex-direction: column
}

timetable-header header.navigationHeader .header-actions .createConnectionMonitorWrapper .createConnectionMonitorContainer>label {
    flex: 1 0 auto;
    align-self: flex-end;
    min-height: 20px
}

timetable-header header.navigationHeader .header-actions .createConnectionMonitorWrapper .createConnectionMonitorContainer .createConnectionInfocardButtonWrapper {
    text-align: end;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    justify-content: flex-end
}

timetable-header header.navigationHeader .header-actions .createConnectionMonitorWrapper .createConnectionMonitorContainer .createConnectionInfocardButtonWrapper>.share {
    flex: 0 1 30px;
    min-width: 30px;
    text-align: center;
    margin-right: 5px
}

timetable-header header.navigationHeader .header-actions .createConnectionMonitorWrapper .createConnectionMonitorContainer svg {
    fill: #fff
}

timetable-header header.navigationHeader .header-actions .createConnectionMonitorWrapper .createConnectionMonitorContainer:focus,
timetable-header header.navigationHeader .header-actions .createConnectionMonitorWrapper .createConnectionMonitorContainer:hover {
    color: #ccc
}

timetable-header header.navigationHeader .header-actions .createConnectionMonitorWrapper .createConnectionMonitorContainer:focus svg,
timetable-header header.navigationHeader .header-actions .createConnectionMonitorWrapper .createConnectionMonitorContainer:hover svg {
    fill: #ccc
}

@media (max-width:719px) {
    timetable-header header.navigationHeader .header-actions .createConnectionMonitorWrapper {
        display: none
    }
}

timetable-header header.navigationHeader .header-actions.avc {
    min-height: 63px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

timetable-header header.navigationHeader .header-actions.avc .invertRelation {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    flex: 1;
    text-transform: uppercase;
    color: #fff
}

timetable-header header.navigationHeader .header-actions.avc .invertRelation>.invert-relation-button-wrapper {
    color: #fff;
    text-shadow: 0 0 3px #222;
    padding: 4px 0;
    background-color: rgba(34, 34, 34, .6);
    min-width: 160px
}

timetable-header header.navigationHeader .header-actions.avc .invertRelation>.invert-relation-button-wrapper svg g {
    fill: #fff
}

timetable-header header.navigationHeader .header-actions.avc .invertRelation>.invert-relation-button-wrapper:focus,
timetable-header header.navigationHeader .header-actions.avc .invertRelation>.invert-relation-button-wrapper:hover {
    color: #ccc
}

timetable-header header.navigationHeader .header-actions.avc .invertRelation>.invert-relation-button-wrapper:focus svg g,
timetable-header header.navigationHeader .header-actions.avc .invertRelation>.invert-relation-button-wrapper:hover svg g {
    fill: #ccc
}

timetable-header header.navigationHeader .header-actions.avc .invertRelation>.invert-relation-button-wrapper .invert-relation-button {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

timetable-header header.navigationHeader .header-actions.avc .invertRelation>.invert-relation-button-wrapper .invert-relation-button .invert-relation-icon {
    flex: 0 0 30px;
    text-align: center
}

timetable-header header.navigationHeader .header-actions.avc .invertRelation>.invert-relation-button-wrapper .invert-relation-button .invert-relation-text {
    flex: 0 1 136px
}

timetable-header header.navigationHeader .header-actions.avc .invertRelation>.invert-relation-button-wrapper.disabled:focus,
timetable-header header.navigationHeader .header-actions.avc .invertRelation>.invert-relation-button-wrapper.disabled:hover {
    color: #b3b3b3
}

timetable-header header.navigationHeader .header-actions.avc .invertRelation>.invert-relation-button-wrapper.disabled:focus svg g,
timetable-header header.navigationHeader .header-actions.avc .invertRelation>.invert-relation-button-wrapper.disabled:hover svg g {
    fill: #b3b3b3
}

timetable-header header.navigationHeader .header-actions.avc .createConnectionMonitorWrapper {
    color: #fff;
    text-shadow: 0 0 3px #222;
    padding: 4px 7px 4px 0;
    background-color: rgba(34, 34, 34, .6);
    min-width: 145px
}

timetable-header header.navigationHeader .header-actions.avc .createConnectionMonitorWrapper label {
    display: none
}

timetable-header-bubbles .disclaimerNewTimetableWrapper material-info-bubble i {
    display: none
}

timetable-header-bubbles .disclaimerNewTimetableWrapper material-info-bubble .normal .info-bubble {
    background-color: #221d47;
    color: #fff
}

timetable-header-bubbles .disclaimerNewTimetableWrapper material-info-bubble .normal .info-bubble .info-bubble-left svg {
    color: #fff;
    fill: #fff
}

timetable-header-bubbles .disclaimerNewTimetableWrapper material-info-bubble .normal .info-bubble .info-bubble-right .info-bubble-title {
    font-weight: 700;
    color: #fff
}

timetable-header-bubbles .disclaimerNewTimetableWrapper material-info-bubble .normal .info-bubble .info-bubble-right .info-bubble-content {
    color: #fff
}

timetable-header-bubbles .disclaimerNewTimetableWrapper material-info-bubble .normal .info-bubble .info-bubble-right .info-bubble-footer .right .mat-button {
    color: #fff;
    background-color: #221d47
}

timetable-header-bubbles .disclaimerNewTimetableWrapper material-info-bubble .normal .info-bubble .info-bubble-right .info-bubble-footer .right .mat-button .mat-button-focus-overlay {
    background-color: rgba(34, 29, 71, .1)
}

timetable-header-bubbles .disclaimerNewTimetableWrapper material-info-bubble .normal .info-bubble .info-bubble-right .info-bubble-footer .right .mat-button:hover {
    background-color: #221d47
}

timetable-container {
    display: block;
    width: 100%;
    margin-bottom: 70px
}

@media (min-width:720px) {
    timetable-container {
        max-width: 678px
    }
}

@media (max-width:719px) {
    timetable-container {
        margin: 0;
        max-width: 100vw
    }
    timetable-container .loading {
        padding: 20px
    }
}

@media (min-width:720px) {
    timetable-container .container {
        padding-top: 60px
    }
}

@media (min-width:720px) {
    timetable-container .container {
        padding-top: 30px
    }
}

timetable-container .him-2-more {
    padding-top: 171px
}

timetable-container .him-1-max {
    padding-top: 90px
}

timetable-container .him-padding {
    padding-top: 155px
}

timetable-container .him {
    position: fixed;
    z-index: 10;
    width: 100%
}

timetable-container .him .box-container {
    box-shadow: 0 20px 40px -19px rgba(0, 0, 0, .75)
}

@media (max-width:719px) {
    timetable-container .him .box-container {
        max-width: 100vw
    }
}

@media (min-width:720px) {
    timetable-container .him .box-container {
        max-width: 678px;
        width: calc(100vw - 145px)
    }
}

.timetable-container {
    opacity: 1;
    display: block;
    transition: opacity .3s ease-out .4s
}

.timetable-container.ng-hide {
    opacity: 0
}

@media (max-width:719px) {
    .timetable-container.header {
        margin: 0;
        background-color: #f5f6f9;
        padding: 39px 16px 21px 16px
    }
}

.timetable-container header {
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    display: flex;
    margin-bottom: 13px
}

.timetable-container header>span {
    text-align: center
}

.timetable-container header .departure {
    flex: 0 0 88px
}

.timetable-container header .travel {
    flex: 1 1
}

.timetable-container header .arrival {
    flex: 0 0 88px
}

.timetable-container header .price {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    flex: 0 0 123px;
    text-align: right;
    padding-right: 16px
}

@media (max-width:719px) {
    .timetable-container header {
        background-color: #f5f6f9;
        color: #222;
        margin: 0 0 8px 0;
        padding: 5px 0
    }
}

.timetable-container .button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    text-align: center;
    height: 39px;
    margin-bottom: 3px;
    line-height: 39px;
    width: 100%;
    color: #fff;
    text-shadow: 0 0 3px #222;
    background-color: rgba(34, 34, 34, .6)
}

.timetable-container .button.disabled {
    cursor: no-drop;
    color: #b1b1b1
}

.timetable-container .button:focus,
.timetable-container .button:hover {
    color: #ccc
}

.timetable-container .button.loading {
    padding-top: 7px
}

body[state="root.ticket.timetable"] .bestPriceFinderLoadingScreen {
    max-width: none!important
}

body[state="root.ticket.timetable"] .bestPriceFinderLoadingScreen mat-dialog-container {
    padding: 0;
    background: #f5f6f9
}

password-field .mat-form-field-suffix .mat-icon.visibility-icon {
    display: flex;
    align-items: center;
    margin-top: 10px;
    z-index: 3;
    width: 20px;
    height: 20px;
    margin: auto
}

password-field .mat-form-field-suffix .mat-icon.visibility-icon :hover {
    cursor: pointer
}

@media (max-width:380px) {
    password-field .mat-form-field-suffix .mat-icon.visibility-icon {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

password-field .password-info {
    margin-top: -15px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

password-field .mat-error {
    margin-top: 0
}

password-field .mat-error.info {
    color: #247D24
}

password-field .mat-error.warning {
    color: #E2002A
}

connection-debug-info,
shop-debug-info,
shopping-cart-debug-info,
start-debug-info {
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #000
}

connection-debug-info p,
shop-debug-info p,
shopping-cart-debug-info p,
start-debug-info p {
    margin: 0 0 15px 0
}

connection-debug-info hr,
shop-debug-info hr,
shopping-cart-debug-info hr,
start-debug-info hr {
    border: 1px solid #d7d7d7
}

connection-debug-info ul,
shop-debug-info ul,
shopping-cart-debug-info ul,
start-debug-info ul {
    margin: 10px 0 0 0;
    padding: 0;
    list-style-type: none
}

connection-debug-info ul li,
shop-debug-info ul li,
shopping-cart-debug-info ul li,
start-debug-info ul li {
    padding: 0 0 5px 16px
}

connection-debug-info .hafas-debug-info,
shop-debug-info .hafas-debug-info,
shopping-cart-debug-info .hafas-debug-info,
start-debug-info .hafas-debug-info {
    background: #FFF;
    font-family: monospace, monospace;
    font-size: .8em
}

connection-debug-info .hafas-debug-info span:first-child::after,
shop-debug-info .hafas-debug-info span:first-child::after,
shopping-cart-debug-info .hafas-debug-info span:first-child::after,
start-debug-info .hafas-debug-info span:first-child::after {
    content: " + "
}

connection-debug-info .virtualization,
shop-debug-info .virtualization,
shopping-cart-debug-info .virtualization,
start-debug-info .virtualization {
    margin-left: 20px
}

connection-debug-info .virtualization .virtualization-header h4,
shop-debug-info .virtualization .virtualization-header h4,
shopping-cart-debug-info .virtualization .virtualization-header h4,
start-debug-info .virtualization .virtualization-header h4 {
    margin-bottom: 5px
}

connection-debug-info .virtualization .virtualization-header .virtualization-action,
shop-debug-info .virtualization .virtualization-header .virtualization-action,
shopping-cart-debug-info .virtualization .virtualization-header .virtualization-action,
start-debug-info .virtualization .virtualization-header .virtualization-action {
    display: -ms-grid;
    display: grid;
    margin-left: 10px
}

connection-debug-info .virtualization .virtualization-header .virtualization-action .string-form,
shop-debug-info .virtualization .virtualization-header .virtualization-action .string-form,
shopping-cart-debug-info .virtualization .virtualization-header .virtualization-action .string-form,
start-debug-info .virtualization .virtualization-header .virtualization-action .string-form {
    width: 250px
}

connection-debug-info .connections,
shop-debug-info .connections,
shopping-cart-debug-info .connections,
start-debug-info .connections {
    display: flex
}

connection-debug-info .connections .time,
shop-debug-info .connections .time,
shopping-cart-debug-info .connections .time,
start-debug-info .connections .time {
    margin-right: 10px;
    margin-bottom: 5px
}

debug-container .debug-container-content {
    max-height: 320px;
    flex: 0 0 320px;
    z-index: 9999;
    background-color: #fff;
    display: block;
    overflow-y: scroll
}

debug-container .debug-container-content .header {
    height: 30px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

debug-container .debug-container-content .header>button {
    width: 14px;
    margin: 0 10px
}

debug-container .debug-container-content .debug-info-content {
    height: 100%;
    padding: 0 20px 60px 20px;
    min-height: 290px
}

app-delivery-address {
    width: 100%;
    height: 100%;
    margin: 0
}

@media (min-width:720px) {
    app-delivery-address .head {
        width: 730px;
        margin: auto;
        margin-top: 30px;
        padding: 30px 40px 0 0
    }
    app-delivery-address .head h2 {
        color: #fff
    }
    app-delivery-address .head p {
        color: #fff;
        margin: 0 0 50px 0
    }
}

@media (max-width:719px) {
    app-delivery-address .head {
        background-color: #fff;
        padding: 30px 40px 0 40px
    }
    app-delivery-address .head h2 {
        color: #222
    }
    app-delivery-address .head p {
        color: #222;
        margin: 0;
        padding-bottom: 16px
    }
}

app-delivery-address .head h2 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600;
    margin: 0 0 15px 0
}

app-delivery-address .head p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400
}

app-delivery-address .head p a {
    text-decoration: underline;
    cursor: pointer
}

app-delivery-address .form {
    overflow-y: auto;
    margin-bottom: 15px;
    background-color: #fff
}

@media (max-width:719px) {
    app-delivery-address .form {
        height: 100%;
        margin-bottom: 0
    }
    app-delivery-address .form h2 {
        margin-bottom: 20px
    }
}

@media (min-width:720px) {
    app-delivery-address .form {
        width: 730px;
        margin: 20px auto;
        height: auto
    }
    app-delivery-address .form h2 {
        margin: 30px 0 30px 0
    }
}

app-delivery-address .form .personalInfo,
app-delivery-address .form .sepaMandate {
    padding: 10px 40px
}

app-delivery-address .form .personalInfo .authorizeSepaCheckbox,
app-delivery-address .form .sepaMandate .authorizeSepaCheckbox {
    fill: #247D24
}

app-delivery-address .form .personalInfo .authorizeSepaCheckbox label,
app-delivery-address .form .sepaMandate .authorizeSepaCheckbox label {
    font-weight: 700
}

app-delivery-address .form input {
    border: none
}

app-delivery-address .form h2 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600;
    line-height: 1.3em
}

app-delivery-address .form hr {
    border: 0;
    background: #d7d7d7;
    height: 1px
}

app-delivery-address .form .inputColumn {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media (min-width:480px) {
    app-delivery-address .form .inputColumn {
        flex-direction: row
    }
}

app-delivery-address .form .info-box-disabled {
    opacity: .5
}

app-delivery-address .form .info-card {
    background-color: #f5f6f9;
    padding: 15px 20px 21px 20px;
    margin-top: 30px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

app-delivery-address .form .info-card span {
    white-space: pre-wrap!important
}

app-delivery-address .form .info-card .label {
    color: #222
}

app-delivery-address .form .info-card p {
    margin-top: 0;
    margin-bottom: 9px;
    font-weight: 700
}

app-delivery-address .form .info-card .subtext {
    margin-bottom: 0;
    font-weight: 400
}

app-delivery-address .form .info-card mat-checkbox .mat-checkbox-layout .mat-checkbox-label {
    line-height: 1.33
}

app-delivery-address .form .info-card mat-checkbox .mat-checkbox-inner-container {
    margin-top: 1.5px
}

app-delivery-address .form .mat-checkbox-disabled .mat-checkbox-label {
    color: unset
}

app-delivery-address .form .telephone {
    margin-top: 20px;
    margin-bottom: 50px
}

app-delivery-address .form .inputRow {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%
}

@media (min-width:480px) {
    app-delivery-address .form .inputRow {
        width: auto
    }
}

app-delivery-address .form .inputRow .inputGroup {
    margin-right: 10px
}

app-delivery-address .form .inputRow .inputGroup input[disabled=disabled] {
    background-color: transparent;
    color: #b1b1b1
}

app-delivery-address .form .inputRow .inputGroup input {
    width: 100%
}

app-delivery-address .mat-form-field {
    display: block
}

app-delivery-address .mat-form-field-subscript-wrapper {
    top: 70%
}

.him-details-dialog {
    max-height: 100%
}

@media (max-width:719px) {
    .him-details-dialog {
        max-height: 90%;
        margin-top: 10%;
        max-width: 100vw!important;
        width: 100vw;
        overflow: scroll
    }
}

@media (min-width:720px) {
    .him-details-dialog {
        max-height: calc(100vh - 100px);
        margin: auto 0
    }
}

.him-details-dialog .mat-dialog-container {
    padding: 0!important
}

him-details {
    display: block;
    width: 100%
}

@media (min-width:720px) {
    him-details {
        max-width: 900px
    }
}

him-details .him-header {
    background: #ecc71f;
    display: inline-block;
    width: 100%;
    height: 100%
}

@media (min-width:480px) {
    him-details .him-header {
        min-height: 210px
    }
}

him-details .him-header .icon-container {
    display: block;
    float: right;
    width: 48px;
    height: 48px;
    margin: 10px 10px 0 0;
    background: #222
}

him-details .him-header .icon-container .close-button {
    width: 25px;
    height: 25px;
    margin: 8px 0 0 12px;
    color: #fff
}

him-details .him-header .content {
    margin: 20px 55px 30px 15px
}

@media (min-width:480px) {
    him-details .him-header .content {
        margin: 105px 35px 30px 50px
    }
}

him-details .him-header .content .title {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1
}

@media (min-width:480px) {
    him-details .him-header .content .title {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.625rem;
        line-height: 1
    }
}

him-details .him-header .content .stations {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 700
}

@media (min-width:480px) {
    him-details .him-header .content .stations {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.625rem;
        line-height: 1
    }
}

him-details .messages-container {
    overflow-y: auto
}

@media (min-width:720px) {
    him-details .messages-container {
        max-height: calc(100vh - 100px - 210px)
    }
}

him-message-details {
    display: block;
    background: #fff;
    padding: 30px 15px
}

@media (min-width:480px) {
    him-message-details {
        padding: 40px 50px
    }
}

him-message-details.border-top {
    padding-top: 0
}

him-message-details.border-top:before {
    content: "";
    display: block;
    padding-top: 40px;
    border-top: 1px solid #d7d7d7
}

him-message-details .icon-container {
    float: left
}

him-message-details .icon-container .mat-icon {
    width: 24px;
    height: 24px
}

him-message-details .text-container {
    margin-left: 50px
}

him-message-details .text-container .connection,
him-message-details .text-container .text-header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    line-height: 24px
}

him-message-details .text-container .text-header {
    font-weight: 700
}

him-message-details .text-container .details,
him-message-details .text-container .text-block {
    margin-top: 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

him-message-details .text-container .text-block a {
    text-decoration: underline
}

him-message-details .text-container .details {
    display: inline-block;
    font-weight: 700;
    text-decoration: underline;
    line-height: 22px
}

him-message-details .text-container .details .mat-icon {
    width: 14px;
    height: 14px;
    float: left;
    margin: 2px 5px 0 0
}

base-infocard {
    display: block;
    position: relative;
    margin-bottom: 20px;
    max-width: 390px;
    border-radius: 3px;
    color: #222;
    background-color: #f5f6f9;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .25);
    overflow: hidden
}

base-infocard:focus .delete-icon,
base-infocard:focus .settings-icon,
base-infocard:hover .delete-icon,
base-infocard:hover .settings-icon {
    display: block
}

base-infocard.reduced-scope:not(.archive) {
    margin-bottom: 0
}

base-infocard .grid-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 42px 15px auto 15px 42px;
    grid-template-columns: 42px auto 42px;
    gap: 0 15px;
    grid-template-areas: "connection-from-time-slot connection-row connection-to-time-slot"
}

base-infocard header.grid-container {
    padding: 15px 15px 0
}

base-infocard header.grid-container>div:first-child {
    display: flex;
    justify-content: center
}

base-infocard header.grid-container>div:first-child .mat-icon:not(.multiplier-icon) {
    width: 28px;
    height: 28px
}

base-infocard .travel-assistant-row {
    margin-bottom: 5px;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row-align: center;
    align-self: center
}

base-infocard .travel-assistant-row p {
    margin: 0
}

base-infocard .multiplier-row,
base-infocard .validity-row {
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column-span: 2;
    grid-column-end: span 2
}

base-infocard .connection-from-time-slot {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: connection-from-time-slot;
    -ms-grid-row-align: start;
    align-self: start;
    text-align: right
}

base-infocard .connection-from-time-slot .arrivalNotOnSameDay {
    text-align: right
}

base-infocard .connection-row {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: connection-row;
    overflow: hidden
}

base-infocard .connection-to-time-slot {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: connection-to-time-slot;
    -ms-grid-row-align: start;
    align-self: start;
    text-align: left
}

base-infocard .connection-to-time-slot .arrivalNotOnSameDay {
    text-align: left
}

base-infocard .delete-icon {
    position: absolute;
    right: 10px;
    top: 10px
}

base-infocard .delete-icon:focus svg,
base-infocard .delete-icon:hover svg {
    fill: #7e7e7e!important
}

base-infocard .settings-icon {
    bottom: 10px
}

base-infocard h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 700;
    line-height: 1.25em;
    margin: 0;
    padding: 0
}

base-infocard p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    line-height: 1.25em;
    margin: 0;
    padding: 0
}

base-infocard p.price-information {
    padding: 5px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    line-height: normal;
    font-weight: 700;
    color: #666
}

base-infocard fat-hour-time.time {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

base-infocard fat-hour-time.time .delayed {
    line-height: 1;
    color: #E2002A
}

base-infocard fat-hour-time.time .hour {
    font-weight: 700
}

base-infocard fat-hour-time.time .minute::before {
    content: ":"
}

base-infocard>header {
    display: flex
}

base-infocard>header calendar-sheet button {
    cursor: initial
}

base-infocard>header mat-icon.multiplier-icon {
    width: 42px;
    height: 42px
}

base-infocard>section.main {
    padding: 10px 15px
}

base-infocard>section.main .grid-container:not(.travel-assistant) {
    margin-bottom: 10px
}

base-infocard .connections-section {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    line-height: 1.25em;
    color: #000;
    font-weight: 600
}

base-infocard .connections-section .iconWrapper {
    text-align: center
}

base-infocard .connections-section .connection .delayedRed {
    color: #E2002A!important
}

base-infocard .connections-section .connection .delayed {
    text-decoration: line-through;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

base-infocard .connections-section .connection .sections {
    width: 100%;
    margin-bottom: 0
}

base-infocard .connections-section .connection .sections .train {
    height: 24px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    margin-bottom: 2px
}

base-infocard .connections-section .connection .arrivalNotOnSameDay {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    color: #E2002A;
    white-space: nowrap
}

base-infocard .connections-section .platform-information {
    margin-top: 2px
}

base-infocard .connections-section .platform-information>* {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.7rem;
    line-height: 1;
    line-height: normal;
    color: #666
}

base-infocard .connections-section .platform-information p>s {
    padding-right: 5px
}

base-infocard .him-rta-rtf {
    margin-bottom: 22px
}

base-infocard .him-rta-rtf:first-child {
    margin-top: 10px
}

base-infocard .him-rta-rtf .info-him .box-container {
    width: calc(100% + (2 * 15px));
    margin-top: 12px;
    margin-left: -15px;
    border-top: none;
    border-radius: unset
}

base-infocard p.realTime {
    color: #247D24
}

base-infocard p.delayed {
    color: #E2002A
}

base-infocard .col2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    line-height: 1.25em;
    color: #666
}

base-infocard .connection .time {
    color: #000
}

base-infocard .connection .time.gradient {
    color: #247D24
}

base-infocard .connection.disabled .time {
    color: #b1b1b1
}

base-infocard .connection.disabled .journey {
    border-bottom-color: #878787!important;
    color: #b1b1b1!important;
    background-color: transparent!important
}

base-infocard .connection.disabled .journey svg {
    fill: #b1b1b1!important;
    vertical-align: bottom
}

base-infocard .connection .anotherDay {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    line-height: 1.33;
    white-space: nowrap;
    color: #E2002A
}

base-infocard .connection .realtime {
    display: block;
    color: #666;
    text-decoration: line-through;
    line-height: 1
}

base-infocard .connection .time {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

base-infocard .connection .time .delayed {
    line-height: 1;
    color: #E2002A
}

base-infocard .connection .time .hour {
    font-weight: 700
}

base-infocard .connection .time .changedTime {
    font-weight: 400;
    text-decoration: line-through;
    color: #666
}

base-infocard .connection .time .duration {
    font-weight: 400;
    color: #666
}

base-infocard .connection .time .date {
    color: #E2002A
}

base-infocard .connection .travel {
    width: 100%;
    color: #000
}

base-infocard .connection .travel>p.station {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    color: #000
}

base-infocard .connection .sections {
    width: 100%;
    margin-bottom: 0
}

base-infocard .connection .sections .train {
    height: 24px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    margin-bottom: 2px
}

base-infocard>footer {
    padding: 0 15px 15px
}

base-infocard>footer .buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    border-top: 1px solid #d7d7d7
}

base-infocard>footer .buttons a,
base-infocard>footer .buttons button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: normal;
    cursor: pointer;
    text-decoration: none
}

base-infocard>footer .buttons a[role=button] {
    display: flex;
    align-items: center
}

base-infocard>footer .buttons .mat-icon {
    display: inline-flex;
    height: 14px;
    width: 14px;
    padding: 3px 2px 2px 3px
}

base-infocard>footer .buttons .time-scroll-buttons #earlier:before {
    content: "\2039 "
}

base-infocard>footer .buttons .time-scroll-buttons #earlier:after {
    content: " \007C "
}

base-infocard>footer .buttons .time-scroll-buttons #later:after {
    content: "\203A"
}

base-infocard>footer .buttons .time-scroll-buttons ts-icon.spinner {
    padding: 0 15px
}

base-infocard him-box.info-him .box-container {
    border-top: 1px solid #d7d7d7;
    border-radius: 0 0 3px 3px
}

base-infocard him-box.info-him .icon-container {
    margin: 0 10px 0 0
}

base-infocard him-box.info-him .icon-container .mat-icon {
    width: 15px;
    height: 15px
}

base-infocard him-box.info-him .grey-card,
base-infocard him-box.info-him .white-card,
base-infocard him-box.info-him .yellow-card {
    align-items: flex-start;
    padding: 10px 15px
}

base-infocard him-box.info-him .grey-card .head-line,
base-infocard him-box.info-him .white-card .head-line,
base-infocard him-box.info-him .yellow-card .head-line {
    margin: 0;
    line-height: 1.25
}

base-infocard him-box.info-him .show-all-text {
    justify-content: flex-end;
    padding: 0 15px 10px
}

base-infocard.archive {
    color: #666
}

base-infocard.archive h2,
base-infocard.archive infocard-title {
    color: #000
}

base-infocard.archive header reductions .reductions span {
    font-weight: 600
}

base-infocard.archive>section.main .connection-from-time-slot .arrivalNotOnSameDay,
base-infocard.archive>section.main .connection-from-time-slot .time.delayedRed,
base-infocard.archive>section.main .connection-to-time-slot .arrivalNotOnSameDay,
base-infocard.archive>section.main .connection-to-time-slot .time.delayedRed {
    color: #666!important
}

base-infocard.archive>section.main validity-period-category {
    color: #000
}

base-infocard.archive>section.main .connection .sections .section .journey {
    background-color: #fff!important
}

base-infocard.archive>footer {
    color: #000
}

base-infocard.archive>footer .buttons {
    justify-content: flex-end
}

base-infocard.archive>footer a[role=button] {
    font-weight: 700
}

base-rta-rtf-infocard base-infocard .delete-icon {
    right: 15px;
    top: 5px
}

base-rta-rtf-infocard base-infocard>section.main {
    padding: 5px 15px 0
}

base-rta-rtf-infocard base-infocard>footer .journey-select-button .infocard-button-icon::after {
    content: "\203A";
    padding-left: 5px
}

infocard-passengers {
    display: block
}

infocard-passengers .infocard-passenger-wrapper {
    display: flex
}

infocard-passengers .infocard-passenger-wrapper:first-of-type {
    margin-top: 5px
}

infocard-passengers .infocard-passenger-wrapper:last-of-type {
    margin-bottom: 5px
}

infocard-passengers .infocard-passenger-wrapper span {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    line-height: 15px
}

rta-infocard .inline-material-info-bubble {
    width: 100%
}

@media (min-width:380px) {
    rta-infocard .inline-material-info-bubble {
        width: 320px
    }
}

@media (min-width:720px) and (max-width:860px) {
    rta-infocard {
        width: 320px
    }
}

rta-infocard base-infocard section.main .connection-wrapper {
    padding-left: 0;
    padding-right: 0
}

ticket-infocard base-infocard>header.grid-container {
    padding: 15px 15px 0
}

ticket-infocard base-infocard>header.grid-container>div:first-child {
    display: flex;
    justify-content: center
}

ticket-infocard base-infocard>header.grid-container>div:first-child .mat-icon:not(.multiplier-icon) {
    width: 28px;
    height: 28px
}

ticket-infocard base-infocard>header.grid-container div:last-child {
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column-span: 2;
    grid-column-end: span 2
}

ticket-infocard base-infocard>header .vias {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    color: #666;
    margin-top: 5px;
    line-height: 1.25em
}

ticket-infocard base-infocard>header calendar-sheet {
    height: 50px;
    width: 42px
}

ticket-infocard base-infocard>header calendar-sheet .calendar-sheet-header {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.7rem;
    line-height: 1;
    font-weight: 400;
    padding: 3px 0
}

ticket-infocard base-infocard>header calendar-sheet .day {
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    padding-top: 0
}

ticket-infocard base-infocard>header calendar-sheet .month {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.7rem;
    line-height: 1;
    font-weight: 400;
    padding: 1px 0 2px 0
}

ticket-infocard base-infocard>.main .connection-from-time-slot,
ticket-infocard base-infocard>.main .connection-to-time-slot {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

ticket-infocard base-infocard>.main .connection-from-time-slot.active,
ticket-infocard base-infocard>.main .connection-to-time-slot.active {
    color: #247D24
}

ticket-infocard base-infocard>.main .connection-from-time-slot .delayedRed,
ticket-infocard base-infocard>.main .connection-to-time-slot .delayedRed {
    color: #E2002A!important
}

ticket-infocard base-infocard>.main .connection-from-time-slot .delayed,
ticket-infocard base-infocard>.main .connection-to-time-slot .delayed {
    display: block;
    text-decoration: line-through;
    color: #666!important
}

ticket-infocard base-infocard>.main .connection-from-time-slot .arrivalNotOnSameDay,
ticket-infocard base-infocard>.main .connection-to-time-slot .arrivalNotOnSameDay {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    line-height: 16px;
    color: #E2002A;
    white-space: nowrap
}

ticket-infocard base-infocard>.main .connection-from-time-slot .arrived,
ticket-infocard base-infocard>.main .connection-from-time-slot .departed,
ticket-infocard base-infocard>.main .connection-to-time-slot .arrived,
ticket-infocard base-infocard>.main .connection-to-time-slot .departed {
    color: #666!important
}

ticket-infocard base-infocard footer .buttons .infocard-button-icon:not(.journey-preview) {
    font-weight: 700
}

ticket-infocard base-infocard footer .buttons .infocard-button-icon::after {
    content: "\203A";
    padding-left: 5px
}

ticket-infocard .infocard-from-to-section {
    display: flex;
    align-items: center
}

ticket-infocard .infocard-from-to-section .insured {
    margin-left: 10px
}

ticket-infocard .connection-row .col1 {
    min-width: 114px
}

ticket-infocard .connection-row .col1 .buy-again-btn {
    text-align: center
}

ticket-infocard .connection-row .col2 {
    width: 100%
}

ticket-infocard .buy-again-route {
    position: absolute;
    left: 40px
}

ticket-infocard .validity-row {
    padding-bottom: 5px
}

ticket-infocard .validity-row .validity-section validity-period-category {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    font-weight: 700;
    line-height: initial
}

ticket-infocard .validity-row .validity-section validity-period-duration {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    line-height: initial;
    color: #666
}

ticket-infocard .validity-row .validity-section validity-period-duration .fromToWrapper {
    margin-top: 5px
}

ticket-infocard material-info-bubble .inline-material-info-bubble,
ticket-infocard material-info-bubble-with-content .inline-material-info-bubble {
    min-width: 298px;
    max-width: 390px
}

ticket-infocard material-info-bubble .inline-material-info-bubble .info .info-bubble,
ticket-infocard material-info-bubble .inline-material-info-bubble .warning .info-bubble,
ticket-infocard material-info-bubble-with-content .inline-material-info-bubble .info .info-bubble,
ticket-infocard material-info-bubble-with-content .inline-material-info-bubble .warning .info-bubble {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .25)
}

ticket-travel-info .travel-assistant-row {
    display: flex;
    flex-direction: column;
    padding-right: 5px
}

ticket-travel-info .travel-assistant-row .following-section {
    margin-top: 15px
}

ticket-travel-info .travel-assistant-row p {
    display: inline-block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    line-height: inherit
}

ticket-travel-info .travel-assistant-row p .realTime,
ticket-travel-info .travel-assistant-row p.realTime {
    color: #247D24
}

ticket-travel-info .travel-assistant-row p .delayed,
ticket-travel-info .travel-assistant-row p.delayed {
    color: #E2002A;
    font-weight: 400
}

ticket-travel-info .travel-assistant-row p .has-no-realtime:before {
    content: " \0028"
}

ticket-travel-info .travel-assistant-row p .has-no-realtime:after {
    content: "\0029"
}

infocard-multiplier base-infocard {
    width: 100%
}

infocard-multiplier base-infocard header.grid-container mat-icon.multiplier-icon {
    width: 42px;
    height: 42px
}

infocard-multiplier base-infocard .multiplier-row p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    margin: 0;
    line-height: 1.25
}

infocard-multiplier base-infocard .multiplier-row p b:after {
    content: ":"
}

infocard-multiplier base-infocard .multiplier-row p:not(:last-child) {
    margin-bottom: 2px
}

infocard-multiplier base-infocard .multiplier-row p.active {
    color: #247D24
}

infocard-multiplier base-infocard .multiplier-row p.unused {
    color: #000
}

infocard-multiplier base-infocard .multiplier-row p.used {
    color: #666
}

infocard-multiplier base-infocard .multiplier-row p.unused.archive {
    color: #666!important
}

infocard-multiplier base-infocard>footer .buttons {
    justify-content: flex-end
}

infocard-wrapper .locked-header {
    margin-right: 10px;
    padding: 5px 5px 5px 0;
    background-color: #666;
    color: #fff;
    display: flex;
    max-width: 390px
}

infocard-wrapper .locked-header .icon {
    flex: 0 0 40px
}

infocard-wrapper .locked-header .locked-message {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

infocard-wrapper .locked-header [svgIcon="base:lock"] {
    margin-left: 15px
}

infocard-wrapper .locked-header [svgIcon="base:lock"] svg {
    width: 15px;
    height: 15px;
    fill: #fff
}

home-infocard-list {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden
}

home-infocard-list app-login-box,
home-infocard-list app-logout-box,
home-infocard-list app-welcome-box {
    margin-bottom: 20px;
    max-width: 390px
}

@media (max-width:720px) {
    home-infocard-list {
        margin-top: 40px
    }
}

home-infocard-list .infocards-container {
    height: 100%
}

home-infocard-list .infocards-container>.loading {
    text-align: center
}

home-infocard-list .infocards-container>shared-clock {
    padding-top: 90px
}

@media (min-width:480px) {
    home-infocard-list .infocards-container {
        margin-right: 30px
    }
}

@media (min-width:480px) and (max-width:720px) {
    home-infocard-list .infocards-container {
        width: 390px
    }
}

@media (min-width:720px) {
    home-infocard-list .infocards-container {
        margin-right: 0
    }
}

@media (min-width:1024px) {
    home-infocard-list .infocards-container {
        margin-right: 0
    }
}

general-info-bubble .inline-material-info-bubble {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    display: block;
    max-width: 380px;
    margin-bottom: 20px;
    background-color: #221d47;
    color: #fff
}

general-info-bubble .inline-material-info-bubble .icon {
    fill: #fff
}

general-info-bubble .inline-material-info-bubble .normal .info-bubble,
general-info-bubble .inline-material-info-bubble>i.arrow {
    background-color: #221d47
}

general-info-bubble .inline-material-info-bubble>i.arrow {
    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7
}

general-info-bubble .inline-material-info-bubble .normal .info-bubble {
    border: 1px solid #d7d7d7
}

general-info-bubble .inline-material-info-bubble .content {
    width: 100%
}

general-info-bubble .inline-material-info-bubble header {
    padding-top: 3px;
    padding-bottom: 10px;
    font-weight: 700
}

general-info-bubble .inline-material-info-bubble section {
    padding-left: 10px;
    margin-bottom: 16px;
    color: #fff
}

general-info-bubble .inline-material-info-bubble section>h1 {
    line-height: 1em
}

general-info-bubble .inline-material-info-bubble footer {
    border-top: 1px solid #d7d7d7;
    margin-top: 13px;
    padding-top: 13px;
    display: flex;
    justify-content: space-between
}

general-info-bubble .inline-material-info-bubble footer>a {
    margin-right: 30px
}

infocard-form .infocard-form {
    width: 100%;
    height: auto;
    min-height: 450px;
    padding: 12px;
    color: #222;
    background-color: #f5f6f9
}

infocard-form .infocard-form i {
    display: none;
    margin-top: 28px;
    padding: 10px;
    margin-left: -34px;
    background-color: #f5f6f9;
    position: absolute;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

infocard-form .infocard-form .mat-select-value {
    color: #222;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600
}

@media (min-width:720px) {
    infocard-form .infocard-form {
        padding: 12px 24px
    }
    infocard-form .infocard-form i {
        display: inline-block
    }
}

infocard-form .infocard-form .overview {
    margin: 24px 0
}

infocard-form .infocard-form .mat-checkbox-label,
infocard-form .infocard-form .overview,
infocard-form .infocard-form h1 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600
}

infocard-form .infocard-form .settings-block {
    padding: 24px 0;
    border-top: 1px solid #d7d7d7
}

infocard-form .infocard-form .settings-block p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1;
    margin: 12px 0 0 24px;
    color: #666
}

infocard-form .infocard-form .settings-block h1 {
    margin: 0 0 12px 0
}

@media (max-width:479px) {
    .mat-dialog-container {
        padding: 24px 16px!important
    }
}

.success-dialog {
    max-width: 512px;
    position: relative
}

@media (min-width:719px) {
    .success-dialog {
        width: 512px
    }
}

.success-dialog .spinner-section {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    background-color: rgba(240, 240, 240, .5)
}

.success-dialog .title-section {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    line-height: 28px;
    font-weight: 700;
    color: #247D24
}

@media (max-width:719px) {
    .success-dialog .title-section {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1rem;
        line-height: 1
    }
}

.success-dialog .body-section {
    padding-top: 24px;
    padding-bottom: 28px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 20px;
    max-height: 50vh;
    overflow: auto;
    color: #222
}

@media (min-width:720px) {
    .success-dialog .body-section {
        max-height: 75vh
    }
}

.success-dialog .body-section .matForm {
    margin-top: 8px
}

.success-dialog .body-section .matForm .inputWrapper {
    width: 60%
}

@media (max-width:479px) {
    .success-dialog .body-section .matForm .inputWrapper {
        width: 100%
    }
}

.success-dialog .body-section .matForm .inputWrapper mat-form-field {
    width: calc(100% - 10px)
}

.success-dialog .body-section .check-box {
    height: 36px;
    display: flex;
    align-items: center;
    width: 60%
}

@media (max-width:479px) {
    .success-dialog .body-section .check-box {
        width: 100%
    }
}

.success-dialog .body-section .check-box .mat-checkbox-checked .mat-checkbox-background {
    background-color: #247D24
}

.success-dialog .body-section .bold-checkbox-with-sub-label {
    min-height: 60px;
    height: auto;
    width: 100%
}

.success-dialog .body-section .bold-checkbox-with-sub-label .mat-checkbox .mat-checkbox-checked .mat-checkbox-background {
    background-color: #247D24
}

.success-dialog .body-section .bold-checkbox-with-sub-label .mat-checkbox label {
    font-weight: 700
}

.success-dialog .body-section .bold-checkbox-with-sub-label p {
    margin: 6px 0 0 22px
}

.success-dialog .body-section .action-item {
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    width: 60%;
    min-height: 36px;
    height: auto;
    padding: 8px 0;
    display: flex;
    align-items: center;
    color: #247D24
}

@media (max-width:479px) {
    .success-dialog .body-section .action-item {
        width: 100%
    }
}

.success-dialog .body-section .action-item:hover {
    background-color: rgba(0, 0, 0, .1);
    cursor: pointer
}

.success-dialog .body-section .austria-id {
    background-image: url(/static/images/austriaID.png);
    width: 229px;
    height: 38px
}

.success-dialog .body-section .austria-id:hover {
    cursor: pointer
}

.success-dialog .footer-section {
    height: auto;
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-wrap: wrap;
    color: #247D24
}

@media (min-width:719px) {
    .success-dialog .footer-section {
        justify-content: space-between
    }
}

@media (max-width:479px) {
    .success-dialog .footer-section {
        margin: 0
    }
    .success-dialog .footer-section.shadow {
        box-shadow: 0 0 16px 0 rgba(0, 0, 0, .5);
        padding: 16px 16px;
        position: relative;
        left: -16px;
        bottom: -24px;
        width: calc(100% + 32px)
    }
}

.success-dialog .footer-section .right {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

@media (max-width:719px) {
    .success-dialog .footer-section .mat-button {
        font-weight: 700
    }
}

.success-dialog .footer-section .mat-button .mat-button-focus-overlay {
    background-color: rgba(0, 0, 0, .1)
}

.success-dialog .footer-section .mat-button[disabled] {
    color: #b1b1b1
}

.success-dialog .footer-section .mat-button[disabled] .mat-button-focus-overlay {
    background-color: transparent
}

.success-dialog .footer-section .mat-button.mat-primary {
    color: #FFF;
    background-color: #247D24
}

.success-dialog .footer-section .mat-button.mat-primary .mat-button-focus-overlay {
    opacity: 0
}

.success-dialog .footer-section .mat-button.mat-primary:hover {
    background-color: #439643
}

.success-dialog .footer-section .mat-button.mat-primary[disabled] {
    color: #FFF;
    background-color: #666
}

.warning-dialog {
    max-width: 512px;
    position: relative
}

@media (min-width:719px) {
    .warning-dialog {
        width: 512px
    }
}

.warning-dialog .spinner-section {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    background-color: rgba(240, 240, 240, .5)
}

.warning-dialog .title-section {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    line-height: 28px;
    font-weight: 700;
    color: #E2002A
}

@media (max-width:719px) {
    .warning-dialog .title-section {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1rem;
        line-height: 1
    }
}

.warning-dialog .body-section {
    padding-top: 24px;
    padding-bottom: 28px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 20px;
    max-height: 50vh;
    overflow: auto;
    color: #222
}

@media (min-width:720px) {
    .warning-dialog .body-section {
        max-height: 75vh
    }
}

.warning-dialog .body-section .matForm {
    margin-top: 8px
}

.warning-dialog .body-section .matForm .inputWrapper {
    width: 60%
}

@media (max-width:479px) {
    .warning-dialog .body-section .matForm .inputWrapper {
        width: 100%
    }
}

.warning-dialog .body-section .matForm .inputWrapper mat-form-field {
    width: calc(100% - 10px)
}

.warning-dialog .body-section .check-box {
    height: 36px;
    display: flex;
    align-items: center;
    width: 60%
}

@media (max-width:479px) {
    .warning-dialog .body-section .check-box {
        width: 100%
    }
}

.warning-dialog .body-section .check-box .mat-checkbox-checked .mat-checkbox-background {
    background-color: #E2002A
}

.warning-dialog .body-section .bold-checkbox-with-sub-label {
    min-height: 60px;
    height: auto;
    width: 100%
}

.warning-dialog .body-section .bold-checkbox-with-sub-label .mat-checkbox .mat-checkbox-checked .mat-checkbox-background {
    background-color: #E2002A
}

.warning-dialog .body-section .bold-checkbox-with-sub-label .mat-checkbox label {
    font-weight: 700
}

.warning-dialog .body-section .bold-checkbox-with-sub-label p {
    margin: 6px 0 0 22px
}

.warning-dialog .body-section .action-item {
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    width: 60%;
    min-height: 36px;
    height: auto;
    padding: 8px 0;
    display: flex;
    align-items: center;
    color: #247D24
}

@media (max-width:479px) {
    .warning-dialog .body-section .action-item {
        width: 100%
    }
}

.warning-dialog .body-section .action-item:hover {
    background-color: rgba(0, 0, 0, .1);
    cursor: pointer
}

.warning-dialog .body-section .austria-id {
    background-image: url(/static/images/austriaID.png);
    width: 229px;
    height: 38px
}

.warning-dialog .body-section .austria-id:hover {
    cursor: pointer
}

.warning-dialog .footer-section {
    height: auto;
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-wrap: wrap;
    color: #E2002A
}

@media (min-width:719px) {
    .warning-dialog .footer-section {
        justify-content: space-between
    }
}

@media (max-width:479px) {
    .warning-dialog .footer-section {
        margin: 0
    }
    .warning-dialog .footer-section.shadow {
        box-shadow: 0 0 16px 0 rgba(0, 0, 0, .5);
        padding: 16px 16px;
        position: relative;
        left: -16px;
        bottom: -24px;
        width: calc(100% + 32px)
    }
}

.warning-dialog .footer-section .right {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

@media (max-width:719px) {
    .warning-dialog .footer-section .mat-button {
        font-weight: 700
    }
}

.warning-dialog .footer-section .mat-button .mat-button-focus-overlay {
    background-color: rgba(0, 0, 0, .1)
}

.warning-dialog .footer-section .mat-button[disabled] {
    color: #b1b1b1
}

.warning-dialog .footer-section .mat-button[disabled] .mat-button-focus-overlay {
    background-color: transparent
}

.warning-dialog .footer-section .mat-button.mat-primary {
    color: #FFF;
    background-color: #E2002A
}

.warning-dialog .footer-section .mat-button.mat-primary .mat-button-focus-overlay {
    opacity: 0
}

.warning-dialog .footer-section .mat-button.mat-primary:hover {
    background-color: #E2002A
}

.warning-dialog .footer-section .mat-button.mat-primary[disabled] {
    color: #FFF;
    background-color: #666
}

.error-dialog {
    max-width: 512px;
    position: relative
}

@media (min-width:719px) {
    .error-dialog {
        width: 512px
    }
}

.error-dialog .spinner-section {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    background-color: rgba(240, 240, 240, .5)
}

.error-dialog .title-section {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    line-height: 28px;
    font-weight: 700;
    color: #E2002A
}

@media (max-width:719px) {
    .error-dialog .title-section {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1rem;
        line-height: 1
    }
}

.error-dialog .body-section {
    padding-top: 24px;
    padding-bottom: 28px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 20px;
    max-height: 50vh;
    overflow: auto;
    color: #222
}

@media (min-width:720px) {
    .error-dialog .body-section {
        max-height: 75vh
    }
}

.error-dialog .body-section .matForm {
    margin-top: 8px
}

.error-dialog .body-section .matForm .inputWrapper {
    width: 60%
}

@media (max-width:479px) {
    .error-dialog .body-section .matForm .inputWrapper {
        width: 100%
    }
}

.error-dialog .body-section .matForm .inputWrapper mat-form-field {
    width: calc(100% - 10px)
}

.error-dialog .body-section .check-box {
    height: 36px;
    display: flex;
    align-items: center;
    width: 60%
}

@media (max-width:479px) {
    .error-dialog .body-section .check-box {
        width: 100%
    }
}

.error-dialog .body-section .check-box .mat-checkbox-checked .mat-checkbox-background {
    background-color: #E2002A
}

.error-dialog .body-section .bold-checkbox-with-sub-label {
    min-height: 60px;
    height: auto;
    width: 100%
}

.error-dialog .body-section .bold-checkbox-with-sub-label .mat-checkbox .mat-checkbox-checked .mat-checkbox-background {
    background-color: #E2002A
}

.error-dialog .body-section .bold-checkbox-with-sub-label .mat-checkbox label {
    font-weight: 700
}

.error-dialog .body-section .bold-checkbox-with-sub-label p {
    margin: 6px 0 0 22px
}

.error-dialog .body-section .action-item {
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    width: 60%;
    min-height: 36px;
    height: auto;
    padding: 8px 0;
    display: flex;
    align-items: center;
    color: #247D24
}

@media (max-width:479px) {
    .error-dialog .body-section .action-item {
        width: 100%
    }
}

.error-dialog .body-section .action-item:hover {
    background-color: rgba(0, 0, 0, .1);
    cursor: pointer
}

.error-dialog .body-section .austria-id {
    background-image: url(/static/images/austriaID.png);
    width: 229px;
    height: 38px
}

.error-dialog .body-section .austria-id:hover {
    cursor: pointer
}

.error-dialog .footer-section {
    height: auto;
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-wrap: wrap;
    color: #E2002A
}

@media (min-width:719px) {
    .error-dialog .footer-section {
        justify-content: space-between
    }
}

@media (max-width:479px) {
    .error-dialog .footer-section {
        margin: 0
    }
    .error-dialog .footer-section.shadow {
        box-shadow: 0 0 16px 0 rgba(0, 0, 0, .5);
        padding: 16px 16px;
        position: relative;
        left: -16px;
        bottom: -24px;
        width: calc(100% + 32px)
    }
}

.error-dialog .footer-section .right {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

@media (max-width:719px) {
    .error-dialog .footer-section .mat-button {
        font-weight: 700
    }
}

.error-dialog .footer-section .mat-button .mat-button-focus-overlay {
    background-color: rgba(0, 0, 0, .1)
}

.error-dialog .footer-section .mat-button[disabled] {
    color: #b1b1b1
}

.error-dialog .footer-section .mat-button[disabled] .mat-button-focus-overlay {
    background-color: transparent
}

.error-dialog .footer-section .mat-button.mat-primary {
    color: #FFF;
    background-color: #E2002A
}

.error-dialog .footer-section .mat-button.mat-primary .mat-button-focus-overlay {
    opacity: 0
}

.error-dialog .footer-section .mat-button.mat-primary:hover {
    background-color: #E2002A
}

.error-dialog .footer-section .mat-button.mat-primary[disabled] {
    color: #FFF;
    background-color: #666
}

shared-confirmations-dialog .mat-dialog-title {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 28px
}

shared-confirmations-dialog .mat-dialog-title.success {
    color: #247D24
}

shared-confirmations-dialog .mat-dialog-title.warning {
    color: #E2002A
}

shared-confirmations-dialog .mat-dialog-title.error {
    color: #E2002A
}

shared-confirmations-dialog .mat-dialog-content {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    overflow-wrap: break-word;
    overflow: hidden;
    line-height: 20px;
    color: #666;
    margin-bottom: 20px
}

shared-confirmations-dialog .mat-dialog-content ul {
    margin: 0;
    padding-left: 20px
}

shared-confirmations-dialog .mat-dialog-content ul li {
    padding-left: 0
}

shared-confirmations-dialog .mat-dialog-content p {
    margin: 0
}

shared-confirmations-dialog .mat-dialog-content .confirmation-cb {
    display: block;
    overflow: hidden;
    margin-top: 10px
}

shared-confirmations-dialog .mat-dialog-actions {
    padding: 0;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0
}

shared-confirmations-dialog .mat-dialog-actions.success {
    color: #247D24
}

shared-confirmations-dialog .mat-dialog-actions.success .mat-button-focus-overlay {
    background-color: rgba(0, 0, 0, .1)
}

shared-confirmations-dialog .mat-dialog-actions.warning {
    color: #E2002A
}

shared-confirmations-dialog .mat-dialog-actions.warning .mat-button-focus-overlay {
    background-color: rgba(0, 0, 0, .1)
}

shared-confirmations-dialog .mat-dialog-actions.warning .mat-flat-button {
    background-color: #E2002A
}

shared-confirmations-dialog .mat-dialog-actions.warning .mat-flat-button[disabled] {
    background-color: rgba(0, 0, 0, .12)
}

shared-confirmations-dialog .mat-dialog-actions.error {
    color: #E2002A
}

shared-confirmations-dialog .mat-dialog-actions.error .mat-button-focus-overlay {
    background-color: rgba(0, 0, 0, .1)
}

shared-confirmations-dialog .mat-dialog-actions.error .mat-flat-button {
    background-color: #E2002A
}

shared-confirmations-dialog .mat-dialog-actions.error .mat-flat-button[disabled] {
    background-color: rgba(0, 0, 0, .12)
}

global-error-dialog {
    max-width: 690px
}

global-error-dialog .mat-dialog-title {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    color: #E2002A;
    line-height: 1.1;
    margin-bottom: 15px;
    letter-spacing: normal;
    max-width: inherit
}

global-error-dialog mat-dialog-content {
    max-width: inherit;
    margin: 0!important;
    padding: 0!important
}

global-error-dialog .text {
    margin-top: 0;
    margin-bottom: 26px;
    line-height: 1.25
}

global-error-dialog .error-support-id-buttons-container {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center
}

@media (max-width:479px) {
    global-error-dialog .error-support-id-buttons-container {
        align-items: flex-start;
        flex-direction: column
    }
}

global-error-dialog .error-support-id-section {
    max-width: 320px
}

global-error-dialog .error-support-id-section>p {
    margin: 0
}

global-error-dialog .error-support-id-section a,
global-error-dialog .error-support-id-section button,
global-error-dialog .error-support-id-section span {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #666;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    display: block
}

global-error-dialog .error-support-id-section button {
    text-decoration: underline
}

global-error-dialog .error-support-id-section>p a {
    cursor: auto;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

@media (max-width:479px) {
    global-error-dialog .action-button-container {
        display: flex;
        flex-direction: column;
        align-self: flex-end
    }
}

@media (max-width:479px) {
    global-error-dialog .cancelButton {
        margin-bottom: 10px
    }
}

@media (max-width:479px) {
    global-error-dialog .okButton {
        margin-bottom: 8px
    }
}

global-error-dialog .debug-info-section {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin-top: 40px;
    color: #E2002A;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: inherit
}

.material-info-bubble {
    width: 425px
}

.material-info-bubble i.arrow {
    margin-top: 6px;
    display: inline-block;
    padding: 10px;
    margin-bottom: -15px;
    margin-left: 15px;
    background-color: #fff;
    position: absolute;
    z-index: 999;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.material-info-bubble .info .info-bubble {
    position: absolute;
    z-index: 998;
    margin-top: 16px;
    background: 80% #fff;
    padding: 24px 16px 24px 0;
    display: flex
}

.material-info-bubble .info .info-bubble .info-bubble-left {
    padding: 0 16px
}

.material-info-bubble .info .info-bubble .info-bubble-right {
    width: 100%
}

.material-info-bubble .info .info-bubble .info-bubble-right .info-bubble-title {
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1.25em;
    word-break: break-word;
    padding-bottom: 24px
}

.material-info-bubble .info .info-bubble .info-bubble-right .info-bubble-content {
    padding-bottom: 28px;
    color: #666;
    font-size: 1rem;
    word-break: break-word;
    line-height: 1.25em
}

.material-info-bubble .info .info-bubble .info-bubble-right .info-bubble-footer {
    min-height: 36px;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 8px
}

.material-info-bubble .info .info-bubble .info-bubble-right .info-bubble-footer .right {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.material-info-bubble .info .info-bubble .info-bubble-right .info-bubble-footer .right .mat-button {
    color: #247D24;
    white-space: normal;
    line-height: 20px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px
}

.material-info-bubble .info .info-bubble .info-bubble-right .info-bubble-footer .right .mat-button .mat-button-focus-overlay {
    background-color: rgba(0, 0, 0, .1)
}

.material-info-bubble .info .info-bubble .info-bubble-right .info-bubble-footer .right .ok-btn {
    color: #fff;
    background-color: #247D24
}

.material-info-bubble .info .info-bubble .info-bubble-right .info-bubble-footer .right .ok-btn:hover {
    background-color: #195519
}

@media (max-width:720px) {
    .material-info-bubble .info .info-bubble {
        padding: 16px 8px 16px 0
    }
    .material-info-bubble .info .info-bubble .info-bubble-right .info-bubble-title {
        padding-bottom: 12px
    }
    .material-info-bubble .info .info-bubble .info-bubble-right .info-bubble-content {
        padding-bottom: 12px
    }
}

.material-info-bubble .warning .info-bubble {
    position: absolute;
    z-index: 998;
    margin-top: 16px;
    background: 80% #fff;
    padding: 24px 16px 24px 0;
    display: flex
}

.material-info-bubble .warning .info-bubble .info-bubble-left {
    padding: 0 16px
}

.material-info-bubble .warning .info-bubble .info-bubble-right {
    width: 100%
}

.material-info-bubble .warning .info-bubble .info-bubble-right .info-bubble-title {
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1.25em;
    word-break: break-word;
    padding-bottom: 24px
}

.material-info-bubble .warning .info-bubble .info-bubble-right .info-bubble-content {
    padding-bottom: 28px;
    color: #666;
    font-size: 1rem;
    word-break: break-word;
    line-height: 1.25em
}

.material-info-bubble .warning .info-bubble .info-bubble-right .info-bubble-footer {
    min-height: 36px;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 8px
}

.material-info-bubble .warning .info-bubble .info-bubble-right .info-bubble-footer .right {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.material-info-bubble .warning .info-bubble .info-bubble-right .info-bubble-footer .right .mat-button {
    color: #E2002A;
    white-space: normal;
    line-height: 20px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px
}

.material-info-bubble .warning .info-bubble .info-bubble-right .info-bubble-footer .right .mat-button .mat-button-focus-overlay {
    background-color: #E2002A
}

.material-info-bubble .warning .info-bubble .info-bubble-right .info-bubble-footer .right .ok-btn {
    color: #fff;
    background-color: #E2002A
}

.material-info-bubble .warning .info-bubble .info-bubble-right .info-bubble-footer .right .ok-btn:hover {
    background-color: #a32a28
}

@media (max-width:720px) {
    .material-info-bubble .warning .info-bubble {
        padding: 16px 8px 16px 0
    }
    .material-info-bubble .warning .info-bubble .info-bubble-right .info-bubble-title {
        padding-bottom: 12px
    }
    .material-info-bubble .warning .info-bubble .info-bubble-right .info-bubble-content {
        padding-bottom: 12px
    }
}

.material-info-bubble .error .info-bubble {
    position: absolute;
    z-index: 998;
    margin-top: 16px;
    background: 80% #fff;
    padding: 24px 16px 24px 0;
    display: flex
}

.material-info-bubble .error .info-bubble .info-bubble-left {
    padding: 0 16px
}

.material-info-bubble .error .info-bubble .info-bubble-right {
    width: 100%
}

.material-info-bubble .error .info-bubble .info-bubble-right .info-bubble-title {
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1.25em;
    word-break: break-word;
    padding-bottom: 24px
}

.material-info-bubble .error .info-bubble .info-bubble-right .info-bubble-content {
    padding-bottom: 28px;
    color: #666;
    font-size: 1rem;
    word-break: break-word;
    line-height: 1.25em
}

.material-info-bubble .error .info-bubble .info-bubble-right .info-bubble-footer {
    min-height: 36px;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 8px
}

.material-info-bubble .error .info-bubble .info-bubble-right .info-bubble-footer .right {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.material-info-bubble .error .info-bubble .info-bubble-right .info-bubble-footer .right .mat-button {
    color: #E2002A;
    white-space: normal;
    line-height: 20px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px
}

.material-info-bubble .error .info-bubble .info-bubble-right .info-bubble-footer .right .mat-button .mat-button-focus-overlay {
    background-color: #E2002A
}

.material-info-bubble .error .info-bubble .info-bubble-right .info-bubble-footer .right .ok-btn {
    color: #fff;
    background-color: #E2002A
}

.material-info-bubble .error .info-bubble .info-bubble-right .info-bubble-footer .right .ok-btn:hover {
    background-color: #a32a28
}

@media (max-width:720px) {
    .material-info-bubble .error .info-bubble {
        padding: 16px 8px 16px 0
    }
    .material-info-bubble .error .info-bubble .info-bubble-right .info-bubble-title {
        padding-bottom: 12px
    }
    .material-info-bubble .error .info-bubble .info-bubble-right .info-bubble-content {
        padding-bottom: 12px
    }
}

.material-info-bubble .normal .info-bubble {
    position: absolute;
    z-index: 998;
    margin-top: 16px;
    background: 80% #fff;
    padding: 24px 16px 24px 0;
    display: flex
}

.material-info-bubble .normal .info-bubble .info-bubble-left {
    padding: 0 16px
}

.material-info-bubble .normal .info-bubble .info-bubble-right {
    width: 100%
}

.material-info-bubble .normal .info-bubble .info-bubble-right .info-bubble-title {
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1.25em;
    word-break: break-word;
    padding-bottom: 24px
}

.material-info-bubble .normal .info-bubble .info-bubble-right .info-bubble-content {
    padding-bottom: 28px;
    color: #666;
    font-size: 1rem;
    word-break: break-word;
    line-height: 1.25em
}

.material-info-bubble .normal .info-bubble .info-bubble-right .info-bubble-footer {
    min-height: 36px;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 8px
}

.material-info-bubble .normal .info-bubble .info-bubble-right .info-bubble-footer .right {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.material-info-bubble .normal .info-bubble .info-bubble-right .info-bubble-footer .right .mat-button {
    color: #222;
    white-space: normal;
    line-height: 20px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px
}

.material-info-bubble .normal .info-bubble .info-bubble-right .info-bubble-footer .right .mat-button .mat-button-focus-overlay {
    background-color: #666
}

.material-info-bubble .normal .info-bubble .info-bubble-right .info-bubble-footer .right .ok-btn {
    color: #fff;
    background-color: #222
}

.material-info-bubble .normal .info-bubble .info-bubble-right .info-bubble-footer .right .ok-btn:hover {
    background-color: #080808
}

@media (max-width:720px) {
    .material-info-bubble .normal .info-bubble {
        padding: 16px 8px 16px 0
    }
    .material-info-bubble .normal .info-bubble .info-bubble-right .info-bubble-title {
        padding-bottom: 12px
    }
    .material-info-bubble .normal .info-bubble .info-bubble-right .info-bubble-content {
        padding-bottom: 12px
    }
}

.inline-material-info-bubble {
    width: 100%;
    margin-bottom: 16px
}

.inline-material-info-bubble i.arrow {
    margin-top: 6px;
    z-index: 999;
    display: inline-block;
    padding: 10px;
    margin-bottom: -30px;
    margin-left: 15px;
    background-color: #fff;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.inline-material-info-bubble .arrow-left {
    display: flex;
    width: 100%;
    height: 0;
    justify-content: flex-end
}

.inline-material-info-bubble .arrow-left .default {
    width: 100%;
    max-width: calc(680px - 286px)
}

.inline-material-info-bubble .arrow-left .default i.arrow {
    margin-bottom: 0
}

.inline-material-info-bubble .arrow-left .conversion-section,
.inline-material-info-bubble .arrow-left .passengers-section {
    width: 143px;
    min-width: 143px;
    display: flex;
    justify-content: center
}

.inline-material-info-bubble .arrow-left .conversion-section i.arrow,
.inline-material-info-bubble .arrow-left .passengers-section i.arrow {
    margin-left: 0;
    margin-bottom: 0;
    z-index: 10
}

.inline-material-info-bubble .arrow-left i.arrow {
    margin-left: -10px;
    margin-top: 36px
}

.inline-material-info-bubble .arrow-top {
    display: flex;
    width: 100%;
    height: 0;
    justify-content: flex-end
}

.inline-material-info-bubble .arrow-top .default {
    width: 100%;
    max-width: calc(680px - 286px)
}

.inline-material-info-bubble .arrow-top .default i.arrow {
    margin-bottom: 0
}

.inline-material-info-bubble .arrow-top .conversion-section,
.inline-material-info-bubble .arrow-top .passengers-section {
    width: 143px;
    min-width: 143px;
    display: flex;
    justify-content: center
}

.inline-material-info-bubble .arrow-top .conversion-section i.arrow,
.inline-material-info-bubble .arrow-top .passengers-section i.arrow {
    margin-left: 0;
    margin-bottom: 0;
    z-index: 10
}

.inline-material-info-bubble .arrow-bottom {
    display: flex;
    width: 100%;
    height: 0;
    justify-content: flex-end;
    margin-top: -16px;
    margin-bottom: 36px;
    justify-content: normal
}

.inline-material-info-bubble .arrow-bottom .default {
    width: 100%;
    max-width: calc(680px - 286px)
}

.inline-material-info-bubble .arrow-bottom .default i.arrow {
    margin-bottom: 0
}

.inline-material-info-bubble .arrow-bottom .conversion-section,
.inline-material-info-bubble .arrow-bottom .passengers-section {
    width: 143px;
    min-width: 143px;
    display: flex;
    justify-content: center
}

.inline-material-info-bubble .arrow-bottom .conversion-section i.arrow,
.inline-material-info-bubble .arrow-bottom .passengers-section i.arrow {
    margin-left: 0;
    margin-bottom: 0;
    z-index: 10
}

.inline-material-info-bubble .arrow-bottom i.arrow {
    bottom: -25px;
    top: unset
}

.inline-material-info-bubble .info .info-bubble {
    position: static;
    z-index: 998;
    margin-top: 16px;
    background: 80% #fff;
    padding: 24px 16px 24px 0;
    display: flex
}

.inline-material-info-bubble .info .info-bubble .info-bubble-left {
    padding: 0 16px
}

.inline-material-info-bubble .info .info-bubble .info-bubble-right {
    width: 100%
}

.inline-material-info-bubble .info .info-bubble .info-bubble-right .info-bubble-title {
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1.25em;
    word-break: break-word;
    padding-bottom: 24px
}

.inline-material-info-bubble .info .info-bubble .info-bubble-right .info-bubble-content {
    padding-bottom: 28px;
    color: #666;
    font-size: 1rem;
    word-break: break-word;
    line-height: 1.25em
}

.inline-material-info-bubble .info .info-bubble .info-bubble-right .info-bubble-footer {
    min-height: 36px;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 8px
}

.inline-material-info-bubble .info .info-bubble .info-bubble-right .info-bubble-footer .right {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.inline-material-info-bubble .info .info-bubble .info-bubble-right .info-bubble-footer .right .mat-button {
    color: #247D24;
    white-space: normal;
    line-height: 20px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px
}

.inline-material-info-bubble .info .info-bubble .info-bubble-right .info-bubble-footer .right .mat-button .mat-button-focus-overlay {
    background-color: rgba(0, 0, 0, .1)
}

.inline-material-info-bubble .info .info-bubble .info-bubble-right .info-bubble-footer .right .ok-btn {
    color: #fff;
    background-color: #247D24
}

.inline-material-info-bubble .info .info-bubble .info-bubble-right .info-bubble-footer .right .ok-btn:hover {
    background-color: #195519
}

@media (max-width:720px) {
    .inline-material-info-bubble .info .info-bubble {
        padding: 16px 8px 16px 0
    }
    .inline-material-info-bubble .info .info-bubble .info-bubble-right .info-bubble-title {
        padding-bottom: 12px
    }
    .inline-material-info-bubble .info .info-bubble .info-bubble-right .info-bubble-content {
        padding-bottom: 12px
    }
}

.inline-material-info-bubble .info.no-margin .info-bubble {
    margin: 0
}

.inline-material-info-bubble .warning .info-bubble {
    position: static;
    z-index: 998;
    margin-top: 16px;
    background: 80% #fff;
    padding: 24px 16px 24px 0;
    display: flex
}

.inline-material-info-bubble .warning .info-bubble .info-bubble-left {
    padding: 0 16px
}

.inline-material-info-bubble .warning .info-bubble .info-bubble-right {
    width: 100%
}

.inline-material-info-bubble .warning .info-bubble .info-bubble-right .info-bubble-title {
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1.25em;
    word-break: break-word;
    padding-bottom: 24px
}

.inline-material-info-bubble .warning .info-bubble .info-bubble-right .info-bubble-content {
    padding-bottom: 28px;
    color: #666;
    font-size: 1rem;
    word-break: break-word;
    line-height: 1.25em
}

.inline-material-info-bubble .warning .info-bubble .info-bubble-right .info-bubble-footer {
    min-height: 36px;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 8px
}

.inline-material-info-bubble .warning .info-bubble .info-bubble-right .info-bubble-footer .right {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.inline-material-info-bubble .warning .info-bubble .info-bubble-right .info-bubble-footer .right .mat-button {
    color: #E2002A;
    white-space: normal;
    line-height: 20px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px
}

.inline-material-info-bubble .warning .info-bubble .info-bubble-right .info-bubble-footer .right .mat-button .mat-button-focus-overlay {
    background-color: rgba(0, 0, 0, .1)
}

.inline-material-info-bubble .warning .info-bubble .info-bubble-right .info-bubble-footer .right .ok-btn {
    color: #fff;
    background-color: #E2002A
}

.inline-material-info-bubble .warning .info-bubble .info-bubble-right .info-bubble-footer .right .ok-btn:hover {
    background-color: #a32a28
}

@media (max-width:720px) {
    .inline-material-info-bubble .warning .info-bubble {
        padding: 16px 8px 16px 0
    }
    .inline-material-info-bubble .warning .info-bubble .info-bubble-right .info-bubble-title {
        padding-bottom: 12px
    }
    .inline-material-info-bubble .warning .info-bubble .info-bubble-right .info-bubble-content {
        padding-bottom: 12px
    }
}

.inline-material-info-bubble .error .info-bubble {
    position: static;
    z-index: 998;
    margin-top: 16px;
    background: 80% #fff;
    padding: 24px 16px 24px 0;
    display: flex
}

.inline-material-info-bubble .error .info-bubble .info-bubble-left {
    padding: 0 16px
}

.inline-material-info-bubble .error .info-bubble .info-bubble-right {
    width: 100%
}

.inline-material-info-bubble .error .info-bubble .info-bubble-right .info-bubble-title {
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1.25em;
    word-break: break-word;
    padding-bottom: 24px
}

.inline-material-info-bubble .error .info-bubble .info-bubble-right .info-bubble-content {
    padding-bottom: 28px;
    color: #666;
    font-size: 1rem;
    word-break: break-word;
    line-height: 1.25em
}

.inline-material-info-bubble .error .info-bubble .info-bubble-right .info-bubble-footer {
    min-height: 36px;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 8px
}

.inline-material-info-bubble .error .info-bubble .info-bubble-right .info-bubble-footer .right {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.inline-material-info-bubble .error .info-bubble .info-bubble-right .info-bubble-footer .right .mat-button {
    color: #E2002A;
    white-space: normal;
    line-height: 20px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px
}

.inline-material-info-bubble .error .info-bubble .info-bubble-right .info-bubble-footer .right .mat-button .mat-button-focus-overlay {
    background-color: rgba(0, 0, 0, .1)
}

.inline-material-info-bubble .error .info-bubble .info-bubble-right .info-bubble-footer .right .ok-btn {
    color: #fff;
    background-color: #E2002A
}

.inline-material-info-bubble .error .info-bubble .info-bubble-right .info-bubble-footer .right .ok-btn:hover {
    background-color: #a32a28
}

@media (max-width:720px) {
    .inline-material-info-bubble .error .info-bubble {
        padding: 16px 8px 16px 0
    }
    .inline-material-info-bubble .error .info-bubble .info-bubble-right .info-bubble-title {
        padding-bottom: 12px
    }
    .inline-material-info-bubble .error .info-bubble .info-bubble-right .info-bubble-content {
        padding-bottom: 12px
    }
}

.inline-material-info-bubble .normal .info-bubble {
    position: static;
    z-index: 998;
    margin-top: 16px;
    background: 80% #fff;
    padding: 24px 16px 24px 0;
    display: flex
}

.inline-material-info-bubble .normal .info-bubble .info-bubble-left {
    padding: 0 16px
}

.inline-material-info-bubble .normal .info-bubble .info-bubble-right {
    width: 100%
}

.inline-material-info-bubble .normal .info-bubble .info-bubble-right .info-bubble-title {
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1.25em;
    word-break: break-word;
    padding-bottom: 24px
}

.inline-material-info-bubble .normal .info-bubble .info-bubble-right .info-bubble-content {
    padding-bottom: 28px;
    color: #666;
    font-size: 1rem;
    word-break: break-word;
    line-height: 1.25em
}

.inline-material-info-bubble .normal .info-bubble .info-bubble-right .info-bubble-footer {
    min-height: 36px;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 8px
}

.inline-material-info-bubble .normal .info-bubble .info-bubble-right .info-bubble-footer .right {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.inline-material-info-bubble .normal .info-bubble .info-bubble-right .info-bubble-footer .right .mat-button {
    color: #000;
    white-space: normal;
    line-height: 20px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px
}

.inline-material-info-bubble .normal .info-bubble .info-bubble-right .info-bubble-footer .right .mat-button .mat-button-focus-overlay {
    background-color: #666
}

.inline-material-info-bubble .normal .info-bubble .info-bubble-right .info-bubble-footer .right .ok-btn {
    color: #fff;
    background-color: #000
}

.inline-material-info-bubble .normal .info-bubble .info-bubble-right .info-bubble-footer .right .ok-btn:hover {
    background-color: #000
}

@media (max-width:720px) {
    .inline-material-info-bubble .normal .info-bubble {
        padding: 16px 8px 16px 0
    }
    .inline-material-info-bubble .normal .info-bubble .info-bubble-right .info-bubble-title {
        padding-bottom: 12px
    }
    .inline-material-info-bubble .normal .info-bubble .info-bubble-right .info-bubble-content {
        padding-bottom: 12px
    }
}

material-info-bubble-with-component .material-info-bubble .error .info-bubble,
material-info-bubble-with-component .material-info-bubble .info .info-bubble,
material-info-bubble-with-component .material-info-bubble .normal .info-bubble,
material-info-bubble-with-component .material-info-bubble .warning .info-bubble {
    padding: 12px 12px 20px 20px;
    border-bottom: 1px solid #d7d7d7;
    box-shadow: 0 5px 15px 1px rgba(0, 0, 0, .6)
}

material-info-bubble-with-content .inline-material-info-bubble {
    position: relative
}

material-info-bubble-with-content .inline-material-info-bubble i.arrow {
    position: absolute;
    top: -10px;
    left: 30px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0
}

material-info-bubble-with-content .inline-material-info-bubble .error .info-bubble,
material-info-bubble-with-content .inline-material-info-bubble .info .info-bubble,
material-info-bubble-with-content .inline-material-info-bubble .normal .info-bubble,
material-info-bubble-with-content .inline-material-info-bubble .warning .info-bubble {
    padding: 12px 0;
    border-bottom: 1px solid #d7d7d7;
    box-shadow: 0 5px 15px 1px rgba(0, 0, 0, .6);
    display: flex
}

material-info-bubble-with-content .inline-material-info-bubble .error .info-bubble .content,
material-info-bubble-with-content .inline-material-info-bubble .error .info-bubble .icon,
material-info-bubble-with-content .inline-material-info-bubble .info .info-bubble .content,
material-info-bubble-with-content .inline-material-info-bubble .info .info-bubble .icon,
material-info-bubble-with-content .inline-material-info-bubble .normal .info-bubble .content,
material-info-bubble-with-content .inline-material-info-bubble .normal .info-bubble .icon,
material-info-bubble-with-content .inline-material-info-bubble .warning .info-bubble .content,
material-info-bubble-with-content .inline-material-info-bubble .warning .info-bubble .icon {
    padding-left: 16px;
    padding-right: 16px
}

material-info-bubble-with-content .inline-material-info-bubble .error .info-bubble .content h2,
material-info-bubble-with-content .inline-material-info-bubble .info .info-bubble .content h2,
material-info-bubble-with-content .inline-material-info-bubble .normal .info-bubble .content h2,
material-info-bubble-with-content .inline-material-info-bubble .warning .info-bubble .content h2 {
    margin-top: 0
}

material-info-bubble-with-content .inline-material-info-bubble .error .info-bubble .content>section,
material-info-bubble-with-content .inline-material-info-bubble .info .info-bubble .content>section,
material-info-bubble-with-content .inline-material-info-bubble .normal .info-bubble .content>section,
material-info-bubble-with-content .inline-material-info-bubble .warning .info-bubble .content>section {
    color: #666;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin: 8px 29px 0 0
}

material-info-bubble-with-content.arrow-left>.inline-material-info-bubble>i.arrow {
    top: 30px;
    left: -10px
}

material-info-bubble-with-content.arrow-right>.inline-material-info-bubble>i.arrow {
    top: 30px;
    right: -10px;
    left: unset
}

material-info-bubble-with-content.dark>.inline-material-info-bubble>.normal .info-bubble {
    background-color: #222;
    color: #fff
}

material-info-bubble-with-content.dark>.inline-material-info-bubble>i.arrow {
    background-color: #222
}

material-info-bubble .mat-button,
material-info-bubble .mat-fab,
material-info-bubble .mat-flat-button,
material-info-bubble .mat-icon-button,
material-info-bubble .mat-mini-fab,
material-info-bubble .mat-raised-button,
material-info-bubble .mat-stroked-button,
material-info-bubble-with-component .mat-button,
material-info-bubble-with-component .mat-fab,
material-info-bubble-with-component .mat-flat-button,
material-info-bubble-with-component .mat-icon-button,
material-info-bubble-with-component .mat-mini-fab,
material-info-bubble-with-component .mat-raised-button,
material-info-bubble-with-component .mat-stroked-button,
material-info-bubble-with-content .mat-button,
material-info-bubble-with-content .mat-fab,
material-info-bubble-with-content .mat-flat-button,
material-info-bubble-with-content .mat-icon-button,
material-info-bubble-with-content .mat-mini-fab,
material-info-bubble-with-content .mat-raised-button,
material-info-bubble-with-content .mat-stroked-button {
    font-weight: 700
}

extras-wrapper .headline {
    font-weight: 600
}

city-tickets .headline {
    font-weight: 600
}

.journeyCitytickets .cityticketItem {
    display: flex
}

city-ticket-extra-item {
    display: block
}

.cityticketItem p {
    margin-top: 0;
    padding-top: 0
}

.cityticketItem>.col1 {
    flex: 0 0 50px;
    width: 50px;
    max-width: 50px;
    padding: 15px 17px;
    background-clip: padding-box
}

.cityticketItem>.col1 .checkbox {
    padding-top: 3px
}

@media (min-width:720px) {
    .cityticketItem>.col1 {
        flex: 0 0 56px;
        width: 56px;
        max-width: 56px;
        padding: 15px 16px 15px 16px
    }
}

.cityticketItem>.col2 {
    flex: 1;
    padding: 15px 0 15px 0;
    background-clip: padding-box
}

.cityticketItem>.col2 h3 {
    margin-top: 0;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400
}

.cityticketItem>.col2 p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    line-height: 1.25em
}

@media (min-width:720px) {
    .cityticketItem>.col2 p {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

.cityticketItem>.col2 p.acquisitionWarning {
    padding: 12px 0
}

.cityticketItem>.col2 p.detailsLink {
    padding: 12px 0
}

.cityticketItem>.col2 p.detailsLink a {
    text-decoration: underline
}

.cityticketItem>.col2 .price {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    color: #fff
}

@media (min-width:720px) {
    .cityticketItem>.col2 .price {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

.cityticketItem>.col3 {
    flex: 0 0 80px;
    width: 80px;
    max-width: 80px;
    text-align: right;
    padding: 15px 16px 15px 0
}

@media (min-width:380px) {
    .cityticketItem>.col3 {
        flex: 0 0 93px;
        width: 93px;
        max-width: 93px
    }
}

@media (min-width:720px) {
    .cityticketItem>.col3 {
        flex: 0 0 143px;
        width: 143px;
        max-width: 143px
    }
}

@media (min-width:720px) {
    .cityticketItem>.col3 {
        padding: 15px 16px 15px 0
    }
}

.cityticketItem>.col3 h2 {
    font-weight: 600
}

.cityticketItem>.col3 p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #247D24
}

relation-input-wrapper {
    display: block
}

amount-counter .amount-counter-section {
    display: flex;
    align-items: center
}

amount-counter .amount-counter-section p {
    margin: 0 15px 0 0
}

amount-counter .amount-counter-section .item-amount-button {
    height: 40px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center
}

amount-counter .amount-counter-section .item-amount-button.border-left {
    border-radius: 0 8px 8px 0;
    border: 2px solid #247D24
}

amount-counter .amount-counter-section .item-amount-button.border-left ts-icon {
    height: 20px
}

amount-counter .amount-counter-section .item-amount-button.border-left:hover {
    background-color: #d7d7d7;
    border-radius: 0 8px 8px 0
}

amount-counter .amount-counter-section .item-amount-button.border-left.inactive {
    border-color: #666;
    pointer-events: none
}

amount-counter .amount-counter-section .item-amount-button.border-left.inactive .disabled {
    fill: #666
}

amount-counter .amount-counter-section .item-amount-button.border-left.inactive:hover {
    border-color: #666;
    border-radius: 0 8px 8px 0
}

amount-counter .amount-counter-section .item-amount-button.border-right {
    border-radius: 8px 0 0 8px;
    border: 2px solid #247D24
}

amount-counter .amount-counter-section .item-amount-button.border-right ts-icon {
    height: 20px
}

amount-counter .amount-counter-section .item-amount-button.border-right:hover {
    background-color: #d7d7d7;
    border-radius: 8px 0 0 8px
}

amount-counter .amount-counter-section .item-amount-button.border-right.inactive {
    border-color: #666;
    pointer-events: none
}

amount-counter .amount-counter-section .item-amount-button.border-right.inactive .disabled {
    fill: #666
}

amount-counter .amount-counter-section .item-amount-button.border-right.inactive:hover {
    border-color: #666;
    border-radius: 8px 0 0 8px
}

@media (max-width:719px) {
    amount-counter .amount-counter-section p {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

offer-block {
    display: block
}

offer-block .offer-block {
    color: #222;
    height: 100%;
    min-height: 60px;
    display: flex;
    border-bottom: 1px solid #d7d7d7
}

offer-block .offer-block:hover {
    cursor: pointer
}

offer-block .offer-block:hover .check-section,
offer-block .offer-block:hover .content-section {
    background-color: #d7d7d7
}

offer-block .offer-block:hover .price-section {
    background-color: #d7d7d7
}

offer-block .offer-block .check-section {
    padding: 15px 0;
    width: 56px;
    min-width: 56px;
    display: flex;
    justify-content: center;
    pointer-events: none;
    min-height: 60px;
    background: #f5f6f9
}

offer-block .offer-block .check-section .check {
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 20px;
    width: 10px;
    border-bottom: 3px solid #439643;
    border-right: 3px solid #439643
}

offer-block .offer-block .content-section {
    padding: 15px 16px 15px 0;
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1.25em;
    font-weight: 400;
    background: #f5f6f9
}

offer-block .offer-block .content-section .title {
    display: flex;
    justify-content: space-between;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    margin: 0 0 10px 0;
    font-weight: 600;
    line-height: 26px
}

@media (max-width:719px) {
    offer-block .offer-block .content-section .title {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1rem;
        line-height: 1
    }
}

offer-block .offer-block .content-section .title .price {
    color: #666;
    min-width: 90px;
    text-align: right
}

@media (max-width:379px) {
    offer-block .offer-block .content-section .title .price {
        min-width: 80px
    }
}

offer-block .offer-block .content-section .note {
    margin: 0
}

offer-block .offer-block .content-section .note span a {
    text-decoration: underline
}

offer-block .offer-block .content-section .available-class-note {
    color: #fff;
    background: #3E3E3E;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 4px;
    margin-top: 5px
}

offer-block .offer-block .content-section .item-amount-section {
    border-top: 1px solid #d7d7d7;
    margin-top: 5px;
    padding-top: 10px
}

@media (max-width:719px) {
    offer-block .offer-block .content-section .offerPrice {
        font-size: 1rem;
        line-height: 1.33;
        font-weight: 400;
        line-height: 18px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
    }
}

offer-block .offer-block .perforation {
    width: 4px;
    min-width: 4px;
    background-image: url(/static/images/background/connectionPerforation.svg)
}

offer-block .offer-block .price-section {
    padding: 15px 16px 15px 0;
    background: #fff;
    width: 143px;
    min-width: 143px
}

@media (max-width:719px) {
    offer-block .offer-block .price-section {
        padding: 15px 12px 15px 0
    }
}

offer-block .offer-block .price-section h2 {
    font-weight: 400;
    text-align: right
}

@media (max-width:719px) {
    offer-block .offer-block .content-section h3 {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1rem;
        line-height: 1
    }
    offer-block .offer-block .content-section h3 .price {
        min-width: 70px;
        width: 70px
    }
    offer-block .offer-block .content-section .note {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
    offer-block .offer-block .price-section {
        min-width: 93px;
        width: 93px
    }
}

@media (max-width:720px) {
    offer-block .offer-block .check-section {
        width: 46px;
        min-width: 46px
    }
    offer-block .offer-block .check-section .price {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

offer-price {
    display: block
}

offer-price .saving {
    text-decoration: line-through;
    text-align: right;
    color: #666
}

offer-price .show-price {
    position: relative
}

offer-price .show-price ts-icon {
    position: absolute;
    left: 10px
}

offer-price .show-price .title {
    margin: 0 0 5px 0;
    padding: 15px 0 15px 0;
    font-weight: 400;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    text-align: right
}

@media (max-width:719px) {
    offer-price .show-price .title {
        margin-top: 1px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

offer-price .extra-info p {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    text-align: right
}

offer-price .extra-info .error {
    color: #E2002A
}

offer-price .inputWrapper {
    display: flex;
    justify-content: flex-end
}

offer-price .inputWrapper mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
    max-width: 120px!important
}

@media (max-width:719px) {
    offer-price span {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 0.765rem;
        line-height: 1
    }
    offer-price .show-price h2 {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1rem;
        line-height: 1;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
    }
    offer-price .extra-info p {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 0.765rem;
        line-height: 1
    }
    offer-price .inputWrapper {
        display: flex;
        justify-content: flex-end
    }
    offer-price .inputWrapper mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
        max-width: 75px!important
    }
}

offer-custom-attributes .custom-attributes-section {
    margin-top: 16px
}

offer-custom-attributes .custom-attributes-section .inputWrapper {
    max-width: 200px
}

fancy-reservation .fancy-reservation .info-message {
    margin: 0 0 15px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

fancy-reservation .fancy-reservation .reference-places-section {
    display: flex;
    width: 100%;
    max-width: 180px;
    justify-content: space-between
}

fancy-reservation .fancy-reservation .reference-places-section .inputWrapper {
    width: 80px
}

.particular-place-entry {
    display: flex;
    align-items: center;
    width: 100%
}

.particular-place-entry .passenger-data-section {
    width: 180px;
    min-width: 180px;
    font-size: 0.9rem!important
}

.particular-place-entry .passenger-data-section span {
    color: #6a6a6a
}

.particular-place-entry .passenger-data-section p {
    margin: 0;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1
}

.particular-place-entry .input-section {
    display: flex;
    width: 100%;
    justify-content: space-between
}

.particular-place-entry .input-section .couch-place-section {
    display: flex;
    width: 100%;
    justify-content: flex-end
}

.particular-place-entry .input-section .inputWrapper {
    width: 30%;
    max-width: 120px
}

particular-place-advanced .right {
    float: right
}

particular-place-advanced .right .mat-flat-button {
    margin: 0 0 20px 10px
}

particular-place-advanced-wagon .container {
    padding: 10px 0
}

particular-place-advanced-wagon .container .del-column {
    display: inline-block;
    height: 100%;
    text-align: center;
    vertical-align: top;
    padding: 0 8px
}

particular-place-advanced-wagon .container .del-column .remove-icon {
    color: #247D24;
    cursor: pointer
}

particular-place-advanced-wagon .container .del-column .remove-icon.disabled {
    color: #d7d7d7;
    cursor: default
}

particular-place-advanced-wagon .container .content-column {
    display: inline-block;
    width: 90%;
    padding-left: 18px;
    border-left: 1px solid #d7d7d7;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

particular-place-advanced-wagon .container .content-column .mat-form-field {
    display: block
}

particular-place-advanced-wagon .container .content-column .mat-form-field.wagon-nr {
    width: 90px
}

particular-place-advanced-wagon .container .content-column .mat-error {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    margin-top: -13px
}

.action-item {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    width: 60%;
    height: auto;
    display: flex;
    align-items: center;
    color: #247D24
}

.action-item:hover {
    cursor: pointer
}

.action-item.disabled {
    color: #b1b1b1
}

.action-item.disabled:hover {
    cursor: default
}

@media (max-width:479px) {
    .action-item {
        width: 100%
    }
}

epa-test-booking-dialog .title-section {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

epa-test-booking-dialog .data-section {
    padding-top: 24px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 20px;
    max-height: 40vh;
    overflow: auto
}

epa-test-booking-dialog .data-section .seat-content p {
    margin: 6px 0
}

epa-test-booking-dialog .data-section .seat-content li {
    margin: 0;
    padding: 0
}

epa-test-booking-dialog .data-section .footer-data {
    padding: 12px 0;
    color: #b1b1b1;
    display: flex;
    justify-content: space-between
}

business-unit-history table {
    width: 100%
}

business-unit-history .changes-row {
    display: flex
}

business-unit-history .changes-row .changes-label {
    width: 100px
}

business-unit-history .changes-table {
    display: flex
}

business-unit-history .changes-table .changes-column {
    width: 100px
}

business-unit-history .marked {
    color: #247D24!important
}

business-unit-history .mat-column-changes {
    width: 50%
}

business-unit-history .mat-column-changes table td {
    width: 200px
}

business-unit-history .mat-column-changes table td {
    padding: 4px
}

business-unit-history td.mat-cell {
    word-wrap: break-word
}

business-unit-history tr.detail-row {
    height: 0
}

business-unit-history .mat-row:hover {
    background-color: #d7d7d7;
    cursor: pointer
}

business-unit-history .element-row td {
    border-bottom-width: 0
}

business-unit-history .expanded-row {
    background: #d7d7d7
}

business-unit-history .element-detail {
    overflow: hidden;
    display: flex
}

business-unit-history .detail-row {
    background: #d7d7d7
}

business-unit-history .element-detail-content {
    padding: 8px;
    width: 100%;
    display: flex;
    justify-content: space-between
}

business-unit-history .element-detail-content .column {
    display: flex;
    flex-direction: column;
    width: 48%
}

business-unit-history .element-detail-content table td {
    padding: 8px
}

business-unit-history .element-detail-content table td label {
    color: #666
}

business-unit-history .changes-row {
    display: flex
}

business-unit-history .changes-row .changes-label {
    width: 160px
}

business-unit-history .changes-row .marked {
    width: 55%
}

@media print {
    body[state="root.ticket.offer"] #main-wrapper {
        display: none!important
    }
    body[state="root.ticket.offer"] .cdk-overlay-container {
        position: static!important
    }
    body[state="root.ticket.offer"] .cdk-overlay-container .cdk-overlay-backdrop {
        display: none!important
    }
    body[state="root.ticket.offer"] .cdk-overlay-container .cdk-global-overlay-wrapper {
        position: static!important
    }
}

compare-cart-dialog .success-dialog {
    width: auto;
    max-width: 80vw;
    height: auto
}

compare-cart-dialog .success-dialog .title-section {
    display: none
}

compare-cart-dialog .success-dialog .body-section {
    display: flex;
    width: auto;
    max-height: 80vh;
    padding: 0
}

compare-cart-dialog .success-dialog .body-section .item-content {
    width: 480px;
    height: 100%;
    border: 1px solid #d7d7d7
}

compare-cart-dialog .success-dialog .body-section .item-content .item-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f6f9;
    padding: 16px 12px
}

compare-cart-dialog .success-dialog .body-section .item-content .item-header p {
    margin: 0;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    color: #222
}

compare-cart-dialog .success-dialog .body-section .item-content .item-header .item-actions ts-icon {
    cursor: pointer
}

compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box .cart-item-header {
    width: 100%;
    min-width: 100%;
    margin: 0;
    padding: 16px 12px;
    background-color: #f5f6f9;
    border-bottom: 1px solid #d7d7d7
}

compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box .cart-item-header p {
    margin: 0;
    color: #000;
    font-size: 1rem
}

compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box .cart-item-header .title-section {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box .cart-item-header .title-section .title-icon-section {
    display: flex
}

compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box .cart-item-header .title-section .title-icon-section ts-icon {
    margin-right: 12px
}

compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box .cart-item-header .only-for-print {
    display: none;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 700
}

compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box .cart-item-content {
    border-bottom: 1px solid #d7d7d7;
    padding: 16px 12px
}

compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box .cart-item-content.offer-section-item {
    height: auto;
    overflow: auto
}

compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box .cart-item-content.offer-tariffs-section {
    height: 345px;
    overflow: auto
}

compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box .cart-item-content .only-for-print {
    display: none
}

compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box .cart-item-content .content-row {
    display: flex;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    padding: 3px 0
}

compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box .cart-item-content .content-row div:first-of-type {
    width: 100px;
    min-width: 100px
}

compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box .cart-item-content shared-train-schedule .summary {
    cursor: default
}

@media print {
    compare-cart-dialog .success-dialog {
        overflow: hidden;
        max-width: none
    }
    compare-cart-dialog .success-dialog .title-section {
        display: block
    }
    compare-cart-dialog .success-dialog .body-section {
        overflow: hidden;
        max-height: none!important;
        display: block
    }
    compare-cart-dialog .success-dialog .body-section .item-content {
        margin-top: 12px;
        float: none;
        overflow: hidden;
        width: 100%;
        max-width: 680px;
        border: none
    }
    compare-cart-dialog .success-dialog .body-section .item-content.not-print {
        display: none
    }
    compare-cart-dialog .success-dialog .body-section .item-content .item-header {
        display: none
    }
    compare-cart-dialog .success-dialog .body-section .item-content .page-break {
        margin-top: 12px;
        page-break-before: always
    }
    compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box.hide-for-print {
        display: none
    }
    compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box .cart-item-header {
        padding: 16px 0;
        border: none
    }
    compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box .cart-item-header .additional-info-section,
    compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box .cart-item-header .title-section {
        display: none
    }
    compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box .cart-item-header .only-for-print {
        display: block
    }
    compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box .cart-item-content {
        padding: 16px 0
    }
    compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box .cart-item-content .offer-tariffs-section,
    compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box .cart-item-content.offer-section-item {
        height: auto;
        overflow: hidden
    }
    compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box .cart-item-content .only-for-print {
        display: block;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33;
        margin-top: 32px
    }
    compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box .cart-item-content shared-tariffs .tariffs {
        border: 1px solid #d7d7d7
    }
    compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box .cart-item-content shared-tariffs .tariffs footer .tariffStripe .right {
        border-left: 1px solid #d7d7d7
    }
    compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box .cart-item-content shared-tariffs .tariffsItemRegular header {
        display: none
    }
    compare-cart-dialog .success-dialog .body-section .item-content shared-collapsible-box .cart-item-content shared-tariffs .tariffsItemRegular .right {
        border-left: 1px solid #d7d7d7
    }
    compare-cart-dialog .success-dialog .footer-section {
        display: none
    }
}

offers-headline .offers-headline {
    display: flex;
    align-items: center;
    justify-content: space-between
}

offers-headline .offers-headline .headline {
    margin-top: 12px;
    font-weight: 600
}

offers-headline .offers-headline .offer-headline-buttons-section {
    display: flex;
    align-items: center;
    margin-right: 13px
}

offers-headline .offers-headline .offer-headline-buttons-section .offers-headline-action {
    color: #fff;
    fill: #fff
}

offers-headline .offers-headline .offer-headline-buttons-section .offers-headline-action:hover {
    opacity: .75;
    cursor: pointer
}

offers-headline .offers-headline .offer-headline-buttons-section .offers-headline-action.compare-cart {
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    position: relative
}

offers-headline .offers-headline .offer-headline-buttons-section .offers-headline-action.compare-cart .circle-count {
    position: absolute;
    width: 16px;
    height: 16px;
    top: -8px;
    left: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #E2002A;
    border-radius: 50%
}

@media (max-width:719px) {
    offers-headline .offers-headline {
        margin-top: 38px;
        margin-bottom: 0
    }
    offers-headline .offers-headline .offer-headline-buttons-section {
        margin-right: 13px
    }
    offers-headline .offers-headline .offer-headline-buttons-section .offers-headline-action {
        color: #222;
        fill: #222
    }
}

dark-modal-background .dark-modal-background {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 50;
    transition: opacity 2.25s ease-out;
    background-color: rgba(34, 34, 34, .4)
}

dark-modal-background .dark-modal-background .dark-modal-content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%
}

@media (min-width:1440px) {
    dark-modal-background .dark-modal-background .dark-modal-content {
        max-width: 1440px
    }
}

auto-completion-list-input .auto-completion-form .auto-completion-value {
    width: 100%
}

post-checkout-additional-offers h1 {
    color: #000;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    line-height: 1.2em;
    font-weight: 600;
    margin-bottom: 5px;
    padding-left: 16px
}

@media (min-width:720px) {
    post-checkout-additional-offers h1 {
        color: #fff;
        padding-left: 0
    }
}

@media (max-width:719px) {
    post-checkout-additional-offers h1 {
        padding: 28px 16px 0 16px
    }
}

post-checkout-additional-offers .post-checkout-additional-offers-content {
    display: block;
    padding: 12px;
    background-color: #f5f6f9;
    min-height: 54px;
    position: relative;
    border-bottom: 1px solid #d7d7d7;
    cursor: pointer
}

post-checkout-additional-offers .post-checkout-additional-offers-content>.header-image {
    display: block;
    position: relative;
    min-height: 54px
}

post-checkout-additional-offers .post-checkout-additional-offers-content>.header-image>img {
    width: 100%
}

post-checkout-additional-offers .post-checkout-additional-offers-content>.row {
    display: flex;
    flex-wrap: nowrap
}

post-checkout-additional-offers .post-checkout-additional-offers-content>.row>.icon {
    flex: 0 0 54px;
    width: 54px;
    min-height: 54px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 100% auto;
    z-index: 2
}

post-checkout-additional-offers .post-checkout-additional-offers-content>.row>.text {
    flex: 1 1;
    padding: 8px 16px 8px 16px;
    color: #222
}

post-checkout-additional-offers .post-checkout-additional-offers-content>.row>.text>.title {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600;
    line-height: 1.3em;
    margin: 0
}

post-checkout-additional-offers .post-checkout-additional-offers-content>.row>.text>.description {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    margin: 0
}

post-checkout-additional-offers .post-checkout-additional-offers-content>.row>.next {
    flex: 0 0 32px;
    -ms-grid-row-align: center;
    align-self: center
}

ticket-delivery-by-post {
    display: block;
    padding: 0 29px 0 30px
}

ticket-delivery-by-post>h2 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    line-height: 1.25em
}

ticket-delivery-by-post>div {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 23px
}

order-item-base {
    color: #fff;
    display: flex;
    padding: 17px 24px 16px 17px;
    margin-bottom: 10px;
    background-position: right top;
    position: relative;
    background-repeat: repeat-y
}

order-item-base>.col1 {
    width: 34px
}

order-item-base>.col2 {
    width: 100%;
    overflow: hidden
}

order-item-base>.col2 .connection {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

order-item-base>.col2 .routeDescription {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

@media (min-width:720px) {
    order-item-base {
        max-width: 334px
    }
}

@media (min-width:320px) {
    order-item-base {
        background-image: url(/static/images/components/postcheckout/background/backgroundBuchung380x95.svg)
    }
    button:focus order-item-base,
    button:hover order-item-base {
        background: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)), url(/static/images/components/postcheckout/background/backgroundBuchung380x95.svg)
    }
    button:active order-item-base {
        background: linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .2)), url(/static/images/components/postcheckout/background/backgroundBuchung380x95.svg)
    }
}

@media (min-width:380px) {
    order-item-base {
        background-image: url(/static/images/components/postcheckout/background/backgroundBuchung480x95.svg)
    }
    button:focus order-item-base,
    button:hover order-item-base {
        background: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)), url(/static/images/components/postcheckout/background/backgroundBuchung480x95.svg)
    }
    button:active order-item-base {
        background: linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .2)), url(/static/images/components/postcheckout/background/backgroundBuchung480x95.svg)
    }
}

@media (min-width:480px) {
    order-item-base {
        background-image: url(/static/images/components/postcheckout/background/backgroundBuchung768x95.svg)
    }
    button:focus order-item-base,
    button:hover order-item-base {
        background: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)), url(/static/images/components/postcheckout/background/backgroundBuchung768x95.svg)
    }
    button:active order-item-base {
        background: linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .2)), url(/static/images/components/postcheckout/background/backgroundBuchung768x95.svg)
    }
}

@media (min-width:720px) {
    order-item-base {
        background-image: url(/static/images/components/postcheckout/background/backgroundBuchung320x95.svg)
    }
    button:focus order-item-base,
    button:hover order-item-base {
        background: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)), url(/static/images/components/postcheckout/background/backgroundBuchung320x95.svg)
    }
    button:active order-item-base {
        background: linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .2)), url(/static/images/components/postcheckout/background/backgroundBuchung320x95.svg)
    }
}

@media (min-width:860px) {
    order-item-base {
        background-image: url(/static/images/components/postcheckout/background/backgroundBuchung334x95.svg)
    }
    button:focus order-item-base,
    button:hover order-item-base {
        background: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)), url(/static/images/components/postcheckout/background/backgroundBuchung334x95.svg)
    }
    button:active order-item-base {
        background: linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .2)), url(/static/images/components/postcheckout/background/backgroundBuchung334x95.svg)
    }
}

order-item-base.acquired {
    color: #222
}

order-item-base.acquired .arrowRight {
    fill: #666
}

@media (min-width:320px) {
    order-item-base.acquired {
        background-image: url(/static/images/components/postcheckout/background/backgroundTicket380x95.svg)
    }
    button:focus order-item-base.acquired,
    button:hover order-item-base.acquired {
        background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(/static/images/components/postcheckout/background/backgroundTicket380x95.svg)
    }
    button:active order-item-base.acquired {
        background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(/static/images/components/postcheckout/background/backgroundTicket380x95.svg)
    }
}

@media (min-width:380px) {
    order-item-base.acquired {
        background-image: url(/static/images/components/postcheckout/background/backgroundTicket480x95.svg)
    }
    button:focus order-item-base.acquired,
    button:hover order-item-base.acquired {
        background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(/static/images/components/postcheckout/background/backgroundTicket480x95.svg)
    }
    button:active order-item-base.acquired {
        background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(/static/images/components/postcheckout/background/backgroundTicket480x95.svg)
    }
}

@media (min-width:480px) {
    order-item-base.acquired {
        background-image: url(/static/images/components/postcheckout/background/backgroundTicket768x95.svg)
    }
    button:focus order-item-base.acquired,
    button:hover order-item-base.acquired {
        background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(/static/images/components/postcheckout/background/backgroundTicket768x95.svg)
    }
    button:active order-item-base.acquired {
        background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(/static/images/components/postcheckout/background/backgroundTicket768x95.svg)
    }
}

@media (min-width:720px) {
    order-item-base.acquired {
        background-image: url(/static/images/components/postcheckout/background/backgroundTicket320x95.svg)
    }
    button:focus order-item-base.acquired,
    button:hover order-item-base.acquired {
        background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(/static/images/components/postcheckout/background/backgroundTicket320x95.svg)
    }
    button:active order-item-base.acquired {
        background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(/static/images/components/postcheckout/background/backgroundTicket320x95.svg)
    }
}

@media (min-width:860px) {
    order-item-base.acquired {
        background-image: url(/static/images/components/postcheckout/background/backgroundTicket334x95.png)
    }
    button:focus order-item-base.acquired,
    button:hover order-item-base.acquired {
        background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(/static/images/components/postcheckout/background/backgroundTicket334x95.png)
    }
    button:active order-item-base.acquired {
        background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(/static/images/components/postcheckout/background/backgroundTicket334x95.png)
    }
}

order-item-base.disabled {
    color: #666
}

@media (min-width:320px) {
    order-item-base.disabled {
        background-image: url(/static/images/components/postcheckout/background/backgroundTicket380x95.svg)
    }
}

@media (min-width:380px) {
    order-item-base.disabled {
        background-image: url(/static/images/components/postcheckout/background/backgroundTicket480x95.svg)
    }
}

@media (min-width:480px) {
    order-item-base.disabled {
        background-image: url(/static/images/components/postcheckout/background/backgroundTicket768x95.svg)
    }
}

@media (min-width:720px) {
    order-item-base.disabled {
        background-image: url(/static/images/components/postcheckout/background/backgroundTicket320x95.svg)
    }
}

@media (min-width:860px) {
    order-item-base.disabled {
        background-image: url(/static/images/components/postcheckout/background/backgroundTicket334x95.png)
    }
}

order-item-base span {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 600;
    line-height: 1.25em;
    margin: 0 0 17px 0
}

order-item-base p {
    margin-bottom: 16px
}

order-item-base .multiplier {
    margin-right: 20px
}

order-item-base .arrowRight {
    position: absolute;
    right: 10px;
    bottom: 40%;
    fill: #fff
}

order-item-base .mat-icon {
    width: 20px;
    height: 20px
}

order-item-base .mat-icon[svgIcon="base:voucher"] svg {
    fill: #fff
}

order-item-base .mat-icon[svgicon="base:arrowRight"] {
    width: 12px;
    height: 16px
}

order-item-base app-connection-relation-icon .mat-icon {
    width: 8px;
    height: 12px
}

order-item-ticket order-item-base.locked {
    color: #666
}

order-item-ticket order-item-base.locked svg {
    color: #666;
    fill: #666
}

order-item-ticket order-item-base .validityInfo {
    display: flex;
    justify-content: space-between;
    width: 100%
}

order-item-ticket order-item-base .validityInfo validity-period-category {
    font-weight: 700;
    white-space: nowrap
}

order-item-ticket order-item-base .validityInfo validity-period-duration {
    text-align: right;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

order-item-ticket order-item-base .passenger-list span {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    line-height: 1.5em
}

order-item-ticket order-item-base mat-icon[svgIcon="base:insurance"] {
    position: absolute;
    top: 10px;
    right: 10px
}

order-block-template {
    display: flex
}

@media (max-width:719px) {
    order-block-template {
        flex-wrap: wrap
    }
}

order-block-template p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin: 0
}

order-block-template h3 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

order-block-template>.left {
    margin-right: 18px;
    flex: 0 0 290px;
    width: 290px
}

order-block-template>.left .acquired .col1 {
    padding-right: 5px
}

order-block-template>.left .acquired .col1.acquisitionTypeSF_AND_MOBILE {
    padding-right: 12px
}

@media (max-width:719px) {
    order-block-template>.left {
        flex: 0 0 100%;
        background: #f5f6f9
    }
}

@media (min-width:1024px) {
    order-block-template>.left {
        margin-right: 32px;
        flex: 0 0 334px;
        width: 334px
    }
}

order-block-template>.left .inner {
    padding: 0 12px 0 12px
}

order-block-template>.left>hr {
    background-color: #d7d7d7
}

order-block-template>.left .form input[type=button] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1.25em
}

order-block-template>.left>h1 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600;
    line-height: 1.2em;
    color: #222;
    margin: 28px 16px
}

@media (min-width:720px) {
    order-block-template>.left>h1 {
        margin-left: 0;
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.625rem;
        line-height: 1;
        color: #fff
    }
}

order-block-template>.left>ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

order-block-template>.left>ul li {
    padding: 0
}

order-block-template>.left .optainMethod {
    text-align: right;
    margin-top: 15px
}

order-block-template>.left .orderitems button {
    width: 100%;
    outline: 0
}

order-block-template>.left .acquire-section {
    padding: 16px 0;
    border-bottom: 1px solid #e6e6e6
}

order-block-template>.right {
    padding-left: 17.14px;
    background-clip: content-box;
    overflow: hidden;
    color: #222;
    flex: 0 0 100%
}

@media (min-width:720px) {
    order-block-template>.right {
        flex: 0 0 290px;
        margin: 0;
        padding: 0;
        background-clip: border-box
    }
}

@media (min-width:1024px) {
    order-block-template>.right {
        flex: 0 0 334px
    }
}

@media (max-width:719px) {
    order-block-template>.right {
        background: #f5f6f9;
        padding: 0
    }
}

order-block-template>.right .inner>h1,
order-block-template>.right>h1 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    line-height: 1.2em;
    color: #222;
    margin: 28px 12px 28px 12px
}

@media (min-width:720px) {
    order-block-template>.right .inner>h1,
    order-block-template>.right>h1 {
        display: none
    }
}

order-block-template>.right .inner {
    padding: 20px 16px 20px 16px
}

@media (min-width:720px) {
    order-block-template>.right .inner {
        padding: 21px 2px 19px 30px
    }
}

order-block-template>.right .inner h1 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    line-height: 1.25em
}

order-block-template>.right .inner.borderBottom {
    border-bottom: 1px solid #d7d7d7;
    padding-top: 32px;
    padding-bottom: 32px
}

order-block-template>.right .inner.borderTop {
    border-top: 1px solid #d7d7d7;
    padding-top: 32px;
    padding-bottom: 32px
}

order-block-template>.right .inner.borderTop.footer {
    padding: 20px 10px 20px 20px
}

order-block-template>.right>.content {
    background-color: #f5f6f9
}

order-block-template>.right>.content.undone {
    display: inline-block;
    width: 100%
}

order-block-template>.right>.content.undone p {
    margin: 0;
    padding: 0
}

order-block-template>.right>.content.undone p:last-child {
    margin-bottom: 25px
}

order-block-template>.right>.content>.acquisition .decisionText {
    display: none
}

@media (max-width:719px) {
    order-block-template>.right>.content>.acquisition {
        display: none
    }
}

order-block-template>.right>.content .inner {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

order-block-template>.right>.content .inner.optainLater {
    padding-top: 27px;
    padding-bottom: 26px
}

order-block-template>.right>.content .inner .booking {
    margin: 0 0 8px 0;
    display: inline-block;
    width: 100%
}

@media (min-width:720px) {
    order-block-template>.right>.content .inner .booking {
        margin: 27px 0 26px 0
    }
}

order-block-template>.right>.content .inner .booking p {
    margin: 0;
    padding: 0
}

order-block-template>.right>.content h1 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    line-height: 1.2em;
    color: #222;
    margin: 28px 12px 28px 12px
}

order-block-ticket {
    display: block
}

order-block-ticket #orderItemsListDescription {
    display: none
}

order-block-cancelled .content.cancelled {
    display: inline-block;
    width: 100%
}

order-block-cancelled .content.cancelled p {
    margin: 0;
    padding: 0
}

order-block-cancelled .content.cancelled p.tariffs {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    color: #247D24
}

order-block-cancelled .content.cancelled p.insured {
    color: #3E73A5;
    padding-bottom: 10px
}

order-block-cancelled .content.cancelled p:last-child {
    margin-bottom: 15px
}

order-block-cancelled mat-icon [svgIcon="base:insurance"] svg {
    width: 15px;
    height: 15px
}

order-block-cancelled post-checkout-cancelled-text {
    display: block;
    padding-top: 20px
}

order-block-insurance order-block-template .right .insurance-confirmation .acquisition h2 {
    margin-top: 0
}

order-block-insurance order-block-template .right .insurance-confirmation .acquisition button {
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    padding-left: 0
}

post-checkout-container {
    display: block;
    padding-bottom: 70px
}

@media (max-width:719px) {
    post-checkout-container {
        background-color: #f5f6f9
    }
}

@media (min-width:720px) {
    post-checkout-container {
        width: 600px
    }
}

@media (min-width:1024px) {
    post-checkout-container {
        width: 700px
    }
}

post-checkout-container .go-to-start-section {
    width: 100%;
    height: auto;
    min-height: 45px;
    display: flex;
    align-items: center;
    padding: 15px;
    background: #f5f6f9
}

post-checkout-container .go-to-start-section p {
    margin: 0 0 0 10px
}

@media (min-width:719px) {
    post-checkout-container .go-to-start-section {
        display: none
    }
}

post-checkout-container post-checkout-actions {
    margin-top: 0
}

@media (min-width:720px) {
    post-checkout-container post-checkout-actions {
        margin-top: 50px
    }
}

post-checkout-order-blocks {
    display: block
}

@media (min-width:720px) {
    post-checkout-order-blocks .order-block {
        margin-top: 64px
    }
    post-checkout-order-blocks .order-block:first-child {
        margin-top: 42px
    }
}

post-checkout-actions {
    display: block
}

post-checkout-actions post-checkout-additional-offers,
post-checkout-actions post-checkout-info-bubbles {
    margin-top: 20px
}

post-checkout-actions .manuel.co2 {
    height: 60px;
    margin-bottom: 10px;
    padding-top: 20px
}

post-checkout-actions post-checkout-register-bubble .inline-material-info-bubble {
    margin-bottom: 0
}

post-checkout-info-bubbles {
    display: block
}

post-checkout-info-bubbles .cancellation-bubble .info-bubble-content {
    padding-bottom: 0!important
}

post-checkout-undo-bubble .undoableAriaLiveInformation {
    display: none
}

post-checkout-cash-info>div {
    padding: 0 30px
}

post-checkout-cash-info td:first-of-type {
    width: 200px
}

post-checkout-cash-info td:last-of-type {
    text-align: right
}

post-checkout-cash-info a {
    color: #247D24
}

post-checkout-payment-info {
    display: block
}

post-checkout-payment-info .shared-background {
    background: #f5f6f9
}

post-checkout-payment-info .shared-background post-checkout-payment-text {
    display: block;
    padding: 29px 30px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

@media (max-width:719px) {
    post-checkout-payment-info .shared-background post-checkout-payment-text {
        padding: 10px 16px
    }
}

.print-tickets-dialog .mat-dialog-container {
    padding: 0
}

.print-tickets-dialog .mat-dialog-container .inline-material-info-bubble {
    margin-bottom: 0
}

.print-tickets-dialog .mat-dialog-container .inline-material-info-bubble .info-bubble {
    margin-top: 0;
    padding-bottom: 0
}

app-shop-container {
    display: block;
    z-index: 100;
    box-shadow: 0 15px 55px 0 rgba(0, 0, 0, .35)
}

app-shop-container .shop-container {
    background-color: #fff
}

@media (max-width:719px) {
    app-shop-container .shop-container {
        margin-left: 13px;
        margin-right: 13px
    }
}

@media (max-width:379px) {
    app-shop-container .shop-container {
        margin-left: 5px;
        margin-right: 5px
    }
}

app-shop-container .shop-container>header {
    padding-bottom: 50px;
    display: flex;
    justify-content: space-between;
    cursor: pointer
}

app-shop-container .shop-container>header h3 {
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600;
    font-family: "Frutiger Next"
}

@media (max-width:719px) {
    app-shop-container .shop-container>header h3 {
        font-size: 1rem;
        line-height: 1.33;
        font-weight: 600;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
    }
}

app-shop-container .shop-container>header .text {
    font-weight: 400
}

app-shop-container .shop-container>header .text>p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #666
}

app-shop-container .shop-container>header .collapse-icon {
    display: flex;
    align-items: center
}

app-shop-container .shop-container>header .collapse-icon svg {
    width: 19px;
    height: 20px
}

app-shop-container:not(.is-shop-container-collapsed) {
    position: absolute;
    width: 100%;
    bottom: 0;
    box-shadow: 0 15px 55px 0 rgba(0, 0, 0, .35)
}

@media (max-width:720px) {
    app-shop-container:not(.is-shop-container-collapsed) {
        position: fixed;
        box-shadow: 0 -15px 55px 0 rgba(0, 0, 0, .08)
    }
}

app-shop-container:not(.is-shop-container-collapsed) .shop-container {
    padding: 20px
}

@media (max-width:720px) {
    app-shop-container:not(.is-shop-container-collapsed) .shop-container {
        padding: 10px
    }
}

app-shop-container:not(.is-shop-container-collapsed) .shop-container>header {
    padding-bottom: 0
}

app-shop-container:not(.is-shop-container-collapsed) .shop-container>header .text h3 {
    margin: 0;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

@media (max-width:719px) {
    app-shop-container:not(.is-shop-container-collapsed) .shop-container>header .text h3 {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

app-shop-container:not(.is-shop-container-collapsed) .shop-container>header .text p {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

@media (max-width:719px) {
    app-shop-container:not(.is-shop-container-collapsed) .shop-container>header .text p {
        margin-top: 5px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 0.765rem;
        line-height: 1
    }
}

app-shop-container.is-shop-container-collapsed .shop-container {
    margin-bottom: 50px;
    padding: 15px 40px 45px 40px
}

@media (max-width:720px) {
    app-shop-container.is-shop-container-collapsed .shop-container {
        padding: 20px 13px 45px 13px
    }
    app-shop-container.is-shop-container-collapsed .shop-container>header {
        padding-bottom: 3px
    }
    app-shop-container.is-shop-container-collapsed .shop-container>header .text h3 {
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
    app-shop-container.is-shop-container-collapsed .shop-container>header .text p {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 0.765rem;
        line-height: 1;
        margin-top: 5px
    }
}

@media (min-width:720px) {
    app-shop-container.is-shop-container-collapsed .shop-container>header {
        padding-top: 30px;
        padding-bottom: 35px
    }
    app-shop-container.is-shop-container-collapsed .shop-container>header .text h3 {
        margin: 0
    }
    app-shop-container.is-shop-container-collapsed .shop-container>header .text p {
        margin: 0;
        margin-top: 15px
    }
    app-shop-container.is-shop-container-collapsed .shop-container>header .collapse-icon svg {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

app-shop-container.is-shop-container-collapsed .shop-container shop-item-list {
    display: block
}

@media (min-width:720px) {
    app-shop-container.is-shop-container-collapsed .shop-container shop-item-list {
        display: flex;
        flex-wrap: wrap
    }
    app-shop-container.is-shop-container-collapsed .shop-container shop-item-list>.list-item {
        width: 50%
    }
    app-shop-container.is-shop-container-collapsed .shop-container shop-item-list>.list-item .shop-folder-content {
        min-height: 115px;
        padding: 15px 0 10px 0
    }
    app-shop-container.is-shop-container-collapsed .shop-container shop-item-list>.list-item:nth-child(odd) {
        padding-right: 40px
    }
}

@media (max-width:719px) {
    app-shop-container.is-shop-container-collapsed .shop-container shop-item-list>.list-item .shop-folder-content {
        padding: 15px 0 10px 0
    }
    app-shop-container.is-shop-container-collapsed .shop-container shop-item-list>.list-item .shop-folder-content>.row>.text>.title {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

body[state="root.ticket.quickstart"] .ticket-content,
body[state="root.ticket.travel"] .ticket-content,
body[state="root.ticket.relation"] .ticket-content {
    overflow-y: auto;
    overflow-x: hidden;
    display: block
}

@media (min-width:1280px) {
    body[state="root.ticket.travel"] app-start-container {
        margin-left: 168px
    }
}

app-start-container {
    display: block;
    position: relative;
    height: 100%
}

@media (min-width:860px) {
    app-start-container {
        margin-left: 32px;
        margin-right: 32px
    }
}

@media (min-width:720px) {
    app-start-container {
        margin-left: 124px
    }
}

@media (min-width:1280px) {
    app-start-container {
        margin-left: 200px
    }
}

@media (min-width:1024px) {
    app-start-container {
        width: 840px
    }
}

@media (min-width:1280px) {
    app-start-container {
        width: 937px
    }
}

app-start-container>section {
    display: flex;
    height: auto
}

@media (max-width:719px) {
    body[state="root.ticket.start"] app-start-container>section {
        height: 100%
    }
}

@media (min-width:720px) {
    app-start-container>section {
        height: 90%
    }
}

app-start-container>section .infocard-list {
    flex: 1 0 320px;
    padding-bottom: 30px
}

@media (min-width:380px) {
    app-start-container>section .infocard-list {
        flex: 1 0 380px
    }
}

@media (min-width:480px) {
    app-start-container>section .infocard-list {
        justify-content: flex-end
    }
}

@media (min-width:720px) {
    app-start-container>section .infocard-list {
        flex: 0 0 394px;
        justify-content: flex-start
    }
}

@media (min-width:720px) and (max-width:860px) {
    body[state="root.ticket.travel"] app-start-container>section .infocard-list {
        flex: 0 0 321px
    }
}

@media (min-width:860px) {
    app-start-container>section .infocard-list {
        flex: 0 0 412px
    }
}

@media (min-width:720px) {
    app-start-container>section .infocard-list {
        margin-top: 75px
    }
}

@media (min-width:1024px) {
    app-start-container>section .infocard-list {
        flex: 0 0 384px
    }
}

@media (min-width:1280px) {
    app-start-container>section .infocard-list {
        flex: 0 0 424px
    }
}

app-start-container>section .infocard-list .b2b-infocards-container {
    flex: 1
}

app-start-container>section .infocard-list home-infocard-list {
    height: 100%
}

app-start-container>section .infocard-list .main-clock {
    max-width: 100%;
    max-height: 100%;
    display: none;
    width: 298px;
    height: 298px;
    opacity: 0
}

@media (min-width:720px) {
    app-start-container>section .infocard-list .main-clock {
        display: block
    }
    body[state="root.ticket.quickstart"] app-start-container>section .infocard-list .main-clock,
    body[state="root.ticket.start"] app-start-container>section .infocard-list .main-clock {
        opacity: 1
    }
}

@media (max-width:719px) {
    body[state="root.ticket.quickstart"] app-start-container>section .infocard-list,
    body[state="root.ticket.travel"] app-start-container>section .infocard-list,
    body[state="root.ticket.relation"] app-start-container>section .infocard-list {
        display: none
    }
}

app-start-container>section .travel-action-list {
    width: 100%
}

app-start-container app-logout-box {
    margin-bottom: 20px;
    max-width: 390px
}

language-chooser {
    border-bottom: 1px solid #666
}

language-chooser .language-element {
    display: flex;
    cursor: pointer;
    color: #fff;
    padding: 16px 0
}

language-chooser .language-element .icon-block {
    width: 55px;
    min-width: 55px;
    display: flex;
    align-items: center;
    justify-content: center
}

language-chooser .language-element .header {
    margin: 0;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 600;
    line-height: 1.33
}

@media (min-width:720px) {
    language-chooser .language-element .header {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1;
        line-height: 1.33
    }
}

language-chooser .language-element:focus,
language-chooser .language-element:hover {
    background-color: #2a2a2a;
    outline: 0
}

language-chooser.avc-menu-item .language-element .icon-block {
    min-width: 65px;
    width: 65px
}

personal-data {
    display: block
}

personal-data .subtitle {
    margin: 15px 0 26px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    line-height: 1.3em
}

personal-data .note {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    line-height: 1.3em;
    margin: 10px 0 34px 0
}

@media (min-width:1024px) {
    personal-data .note {
        font-weight: 600
    }
}

personal-data .subtext {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    line-height: 1.3em;
    margin-top: 2px
}

personal-data .disclaimer-details-link-section {
    padding-left: 32px;
    color: #247D24
}

personal-data .mat-form-field {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1
}

personal-data .mat-form-field-infix {
    width: auto
}

personal-data .saluation-select,
personal-data .zip-code-input-field {
    width: 80px;
    margin-right: 10px
}

night-train-container {
    display: block;
    margin-top: 32px
}

night-train-container .night-train-groups-container {
    background-color: #f0f0f0;
    box-shadow: 0 20px 40px -30px rgba(0, 0, 0, .75);
    padding: 20px;
    cursor: default
}

@media (max-width:719px) {
    night-train-container .night-train-groups-container {
        padding: 0 12px
    }
}

night-train-container .night-train-groups-container .night-train-from-to-section {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 18px;
    margin-bottom: 20px
}

night-train-container .night-train-groups-container .night-train-container-header {
    position: relative
}

night-train-container .night-train-groups-container .night-train-container-header .group-image {
    width: 100%;
    height: auto;
    margin-bottom: -4px
}

night-train-container .night-train-groups-container .night-train-container-header .details-link {
    position: absolute;
    top: 2px;
    right: 2px;
    background-color: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

night-train-container .night-train-groups-container .night-train-container-header .details-link:hover {
    cursor: pointer
}

night-train-container .night-train-groups-container .night-train-container-header .details-link .info-icon {
    color: #247D24;
    width: 18px;
    height: 18px
}

night-train-container .night-train-groups-container .mat-tab-group {
    min-height: 125px
}

night-train-container .night-train-groups-container .mat-tab-group .mat-tab-header {
    background-color: #fff;
    width: 100%
}

night-train-container .night-train-groups-container .mat-tab-group .mat-tab-header .mat-tab-header-pagination {
    display: none!important
}

night-train-container .night-train-groups-container .mat-tab-group .mat-tab-header .mat-tab-label-container .mat-tab-labels .mat-tab-label {
    width: 33.33%;
    padding: 0
}

night-train-container .night-train-groups-container .mat-tab-group .mat-tab-header .mat-tab-label-container .mat-tab-labels .mat-tab-label .mat-tab-label-content {
    width: 100%;
    height: 100%;
    display: flex;
    white-space: normal!important
}

night-train-container .night-train-groups-container .mat-tab-group .mat-tab-header .mat-tab-label-container .mat-tab-labels .mat-tab-label .mat-tab-label-content .unavailable {
    color: #E2002A
}

night-train-container .night-train-groups-container .mat-tab-group .mat-tab-header .mat-tab-label-container .mat-tab-labels .mat-tab-label .mat-tab-label-content p {
    margin: 0
}

night-train-container .night-train-groups-container .mat-tab-group .mat-tab-header .mat-tab-label-container .mat-tab-labels .mat-tab-label .mat-tab-label-content span {
    font-weight: 400
}

night-train-container .night-train-groups-container .mat-tab-group .mat-tab-header .mat-tab-label-container .mat-tab-labels .mat-tab-label-active {
    background-color: rgba(36, 125, 36, .3)!important;
    opacity: 1!important
}

night-train-group .night-train-group-content {
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 15px;
    display: flex;
    flex-flow: column
}

night-train-group .group-not-bookable p {
    margin: 0;
    font-size: 1rem;
    line-height: 18px
}

night-train-group .group-not-bookable .title {
    font-weight: 700;
    margin-bottom: 5px
}

night-train-group .group-not-bookable .change-service-section {
    margin-top: 5px;
    width: 100%
}

night-train-group .group-not-bookable .change-service-section .action-item {
    padding-top: 15px
}

night-train-group .group-not-bookable .change-service-section .action-item a {
    color: #247D24;
    font-size: 1rem;
    line-height: 16px
}

night-train-group .group-not-bookable .change-service-section .action-item:hover {
    cursor: pointer
}

night-train-group .group-content .disclaimer {
    font-size: 1rem;
    line-height: 16px;
    margin: 12px 0 0 0
}

night-train-group .epa-test-booking-section {
    margin-top: 12px
}

night-train-category-group {
    margin-bottom: 12px
}

night-train-category-group .price {
    width: 100%;
    min-width: 100%;
    text-align: right;
    min-height: 16px
}

night-train-category-group .price p {
    font-size: 1rem;
    margin: 0
}

night-train-category-group .night-train-category-group-section {
    border-bottom: 1px solid #d7d7d7
}

night-train-category-group .night-train-category-group-section .preferences-section {
    margin-top: 12px;
    margin-bottom: 22px
}

night-train-category-group .night-train-category-group-section .notes {
    margin-bottom: 24px
}

night-train-category-group .night-train-category-group-section .notes p {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

night-train-category-group .night-train-category-group-section .notes .category-note,
night-train-category-group .night-train-category-group-section .notes .group-note {
    display: flex
}

night-train-category-group .night-train-category-group-section .notes .category-note div,
night-train-category-group .night-train-category-group-section .notes .group-note div {
    width: 12px;
    min-width: 12px
}

night-train-category-group .night-train-category-group-section .notes .category-note {
    color: #E2002A
}

night-train-category-group .night-train-category-group-section .title-section {
    width: 100%;
    display: flex;
    align-items: center;
    pointer-events: none;
    background: 0 0;
    margin: 24px 0;
    line-height: 20px;
    font-size: 1.3rem
}

night-train-category-group .night-train-category-group-section .title-section .check {
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 20px;
    width: 12px;
    border-bottom: 3px solid #247D24;
    border-right: 3px solid #247D24;
    margin: 0 0 6px 6px
}

night-train-category-group .night-train-category-group-section .title-section .title {
    margin: 0;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

night-train-category-group .night-train-category-group-section .title-section .title.margin-check {
    margin: 0 0 0 12px
}

@media (max-width:719px) {
    night-train-category-group .night-train-category-group-section .title-section .title {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1rem;
        line-height: 1
    }
}

night-train-accommodation-category-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

night-train-accommodation-category-list mat-radio-group mat-radio-button {
    width: 50%;
    min-width: 304px;
    height: auto;
    margin-bottom: 12px
}

night-train-accommodation-category-list mat-radio-group mat-radio-button .mat-radio-label .mat-radio-label-content {
    white-space: normal!important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 19px
}

night-train-accommodation-category-list mat-radio-group mat-radio-button .mat-radio-label .mat-radio-label-content .category-item-content {
    max-width: 276px
}

night-train-accommodation-category-list mat-radio-group mat-radio-button .mat-radio-label .mat-radio-label-content .category-item-content .surcharge {
    color: #666
}

night-train-accommodation-category-list mat-radio-group mat-radio-button.mat-radio-disabled .mat-radio-label-content .category-item-content .surcharge {
    color: inherit
}

@media (max-width:480px) {
    night-train-accommodation-category-list mat-radio-group mat-radio-button {
        width: 100%;
        max-width: 280px;
        min-width: unset
    }
}

night-train-category-preference-item {
    display: block
}

night-train-category-preference-item .mat-form-field {
    width: 100%;
    font-size: 1rem;
    line-height: 16px
}

@media (max-width:719px) {
    night-train-category-preference-item .mat-form-field {
        width: 100%
    }
}

night-train-category-preference-item .mat-form-field.mat-form-field-invalid {
    background-color: rgba(188, 51, 44, .2)
}

night-train-category-preferences {
    display: block
}

night-train-category-preferences .passengers-split-info {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin: 0 0 12px 0
}

night-train-category-preferences .grouped-passenger-preferences {
    margin: 0;
    border-bottom: 1px solid #d7d7d7
}

night-train-category-preferences .preferences {
    background-color: #f5f6f9;
    padding: 20px 20px 5px 20px
}

night-train-category-preferences .preferences .preference-group-title {
    margin: 0 0 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1
}

night-train-category-preferences .preferences .gender-restriction-info {
    margin: 6px 0 0 0;
    font-size: 1rem;
    line-height: 16px
}

night-train-overview .journey-preview-section-extra {
    padding: 12px 0 12px 12px;
    margin-left: 21px;
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    background-color: #fff
}

night-train-overview .journey-preview-section-extra .check-box-section {
    padding: 4px 0;
    display: flex;
    justify-content: center;
    pointer-events: none
}

night-train-overview .journey-preview-section-extra .check-box-section .mat-checkbox-checked .mat-checkbox-background {
    background: #b1b1b1
}

night-train-overview .journey-preview-section-extra .content-section {
    margin: 0 12px
}

night-train-overview .journey-preview-section-extra .content-section h2 {
    margin: 0 0 12px 0
}

night-train-overview .journey-preview-section-extra .content-section .change-service-section {
    width: 100%
}

night-train-overview .journey-preview-section-extra .content-section .change-service-section .action-item {
    padding-top: 12px
}

night-train-overview .journey-preview-section-extra .content-section .change-service-section .action-item a {
    color: #247D24;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

night-train-overview .journey-preview-section-extra .content-section .change-service-section .action-item:hover {
    cursor: pointer
}

night-train-overview .journey-preview-section-extra .perforation {
    width: 4px;
    min-width: 4px;
    background-color: #f0f0f0;
    background-image: url(/static/images/background/sectionExtraPerforation.svg)
}

night-train-overview .journey-preview-section-extra .price-section {
    width: 143px;
    min-width: 143px;
    padding-right: 12px
}

night-train-overview .journey-preview-section-extra .price-section span {
    float: right;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400
}

@media (max-width:719px) {
    night-train-overview .journey-preview-section-extra .price-section {
        width: 93px;
        min-width: 93px
    }
}

offer-state-wrapper {
    display: block
}

offer-state-wrapper .offer-controls {
    padding-bottom: 70px
}

@media (min-width:720px) {
    offer-state-wrapper {
        max-width: 678px
    }
}

offer-state-wrapper .headline {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.625rem;
    line-height: 1;
    margin: 41px 0 21px 0;
    color: #fff
}

@media (max-width:719px) {
    offer-state-wrapper .headline {
        margin-top: 38px;
        margin-bottom: 12px;
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1;
        color: #222;
        margin-left: 12px
    }
}

offer-state-wrapper .him {
    position: -webkit-sticky;
    position: sticky;
    z-index: 100
}

@media (max-width:719px) {
    offer-state-wrapper .him .box-container {
        max-width: 100vw
    }
}

@media (min-width:720px) {
    offer-state-wrapper .him .box-container {
        max-width: 678px;
        width: calc(100vw - 145px)
    }
}

offer-state-wrapper .him-padding {
    padding-top: 75px
}

offer-state-wrapper .more-or-less-section {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 21px 0 0 0;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600;
    color: #fff
}

offer-state-wrapper .more-or-less-section:hover {
    cursor: pointer
}

offer-state-wrapper .more-or-less-section span {
    margin-right: 8px
}

offer-state-wrapper .more-or-less-section .arrow-white {
    display: block
}

offer-state-wrapper .more-or-less-section .arrow-dark {
    display: none
}

offer-state-wrapper .more-or-less-section.expanded ts-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (max-width:719px) {
    offer-state-wrapper .more-or-less-section {
        color: #222;
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1rem;
        line-height: 1;
        padding-right: 16px
    }
    offer-state-wrapper .more-or-less-section .arrow-white {
        display: none
    }
    offer-state-wrapper .more-or-less-section .arrow-dark {
        display: block
    }
}

address-input .address-form {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

address-input .address-form .mat-input-element,
address-input .address-form .mat-select {
    line-height: 1
}

address-input .description {
    max-width: 285px
}

address-input .mat-error {
    margin-top: 0
}

address-input.one-column mat-form-field {
    width: 100%
}

address-input.two-columns mat-form-field {
    width: 100%
}

@media (min-width:720px) {
    address-input.two-columns .address-form>div {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }
    address-input.two-columns .address-form>div mat-form-field {
        width: 48%
    }
}

address-input.with-margins .address-form>div {
    justify-content: normal
}

address-input.with-margins .address-form>div mat-form-field {
    margin-right: 10px
}

body[state="root.ticket.reservation"] .ticket-content {
    background-color: #f5f6f9
}

app-reservation {
    display: block;
    max-width: 800px;
    margin: 0 auto;
    background-color: #f5f6f9
}

@media (min-width:860px) {
    app-reservation {
        padding: 10px 50px 20px 50px
    }
}

app-reservation .mobile {
    color: #222;
    fill: #222
}

app-reservation li {
    padding: 0
}

timetable-infocard {
    width: 100%
}

timetable-infocard .infocard-header-section {
    display: block;
    background-color: #f5f6f9;
    padding: 22px 32px
}

@media (min-width:720px) {
    timetable-infocard .infocard-header-section {
        display: none
    }
}

timetable-infocard .infocard-header-section header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600;
    color: #222
}

timetable-infocard .infocard-header-section p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1;
    margin: 12px 0 0 0;
    color: #666
}

timetable-infocard .infocard-content {
    display: flex;
    padding-top: 32px
}

@media (max-width:720px) {
    timetable-infocard .infocard-content {
        flex-flow: column;
        padding-top: 0
    }
}

timetable-infocard .infocard-content .leftContainer {
    width: 100%
}

timetable-infocard .infocard-content .leftContainer base-infocard {
    max-width: none;
    margin: 0
}

@media (min-width:860px) {
    timetable-infocard .infocard-content .leftContainer {
        width: 320px
    }
}

timetable-infocard .infocard-content .rightContainer {
    width: 100%
}

@media (min-width:860px) {
    timetable-infocard .infocard-content .rightContainer {
        width: 320px;
        margin-left: 48px
    }
}

app-routes .info-bubble-reverse-colors {
    background-color: #221d47!important;
    border-color: #fff!important;
    color: #fff!important
}

app-routes .info-bubble-reverse-colors .content-wrapper {
    background-color: #221d47!important;
    border-color: #fff!important;
    color: #fff!important
}

app-routes .info-bubble-reverse-colors ts-icon {
    fill: #fff
}

app-routes .info-bubble-content {
    width: 100%
}

app-routes .routes-content {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    width: 100%;
    max-width: 678px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

app-routes h1 {
    font-weight: 600;
    color: #fff
}

app-routes mat-icon {
    color: #fff
}

app-routes-filter .filter-close-button-icon {
    color: #b1b1b1;
    height: 14px;
    vertical-align: middle
}

app-routes-filter .filter-dialog {
    max-width: none!important
}

app-routes-filter .filter-dialog mat-dialog-container {
    padding: 0
}

@media (max-width:719px) {
    app-routes-filter .filter-dialog mat-dialog-container {
        height: 100vh
    }
}

app-routes-filter .filter-dialog .mat-dialog-content {
    padding: 0;
    margin: 0;
    max-height: none
}

app-routes-filter .filter-icon-wrapper {
    position: relative
}

app-routes-filter .filter-icon-wrapper svg {
    height: 24px
}

app-routes-filter .filter-icon-wrapper>.filter-icon-active-filters-count {
    position: absolute;
    top: 17px;
    left: 10px;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    padding: 2px;
    color: #fff;
    background-color: #E2002A;
    border-radius: 50%;
    text-align: center
}

app-routes-filter .filter-icon-wrapper:focus,
app-routes-filter .filter-icon-wrapper:hover {
    outline: 0
}

app-routes-filter .filter-icon-wrapper:focus svg,
app-routes-filter .filter-icon-wrapper:hover svg {
    fill: #ccc
}

app-routes-filter .infoBubble[name=routesFilter] {
    box-sizing: border-box
}

app-routes-filter .infoBubble[name=routesFilter] .infoBubbleArrow {
    background-color: #e6e6e6
}

app-routes-filter .infoBubble[name=routesFilter] .closeBtnWrapper svg {
    z-index: 2
}

app-routes-filter .infoBubble[name=routesFilter] .closeBtnWrapper:focus svg[name=close],
app-routes-filter .infoBubble[name=routesFilter] .closeBtnWrapper:hover svg[name=close] {
    background-color: #d7d7d7
}

app-routes-filter .filter-bubble.content-wrapper {
    background-color: #e6e6e6;
    width: 100%;
    padding: 12px 0 0 0
}

@media (max-width:719px) {
    app-routes-filter body.is-safari .filter-dialog mat-dialog-container {
        height: calc(100vh - 150px);
        margin-top: 150px
    }
}

app-routes-filter .filter-bubble-outer {
    position: relative;
    top: -5px
}

app-routes-filter .filter-bubble {
    position: relative
}

app-routes-filter .filter-bubble .filter-close-button {
    position: absolute;
    right: 10px;
    top: 20px;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 600;
    color: #247D24
}

app-routes-filter .filter-bubble .filter-close-button.focused,
app-routes-filter .filter-bubble .filter-close-button:hover {
    color: #2fa52f
}

app-routes-filter .filter-bubble h2 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    margin: 52px 32px 28px 32px
}

@media (min-width:720px) {
    app-routes-filter .filter-bubble h2 {
        margin-top: 12px
    }
}

app-routes-filter .filter-bubble .overview {
    border-bottom: solid 1px #d7d7d7;
    padding: 0 32px 30px 32px
}

app-routes-filter .filter-bubble .overview-item {
    float: left;
    width: 100%
}

app-routes-filter .filter-bubble .overview-item>div {
    display: flex
}

app-routes-filter .filter-bubble .overview-item>div.top {
    min-height: 3em
}

app-routes-filter .filter-bubble .overview-item>div.action {
    margin-top: 26px
}

app-routes-filter .filter-bubble .overview-item>div .left {
    width: 65px;
    flex: 0 0 65px
}

app-routes-filter .filter-bubble .overview-item>div .right {
    flex: 1
}

app-routes-filter .filter-bubble .overview-item-1 {
    padding-right: 32px
}

@media (max-width:719px) {
    app-routes-filter .filter-bubble .overview {
        margin-left: -5px
    }
    app-routes-filter .filter-bubble .overview-item-1 .left {
        width: 0!important;
        flex: 0!important
    }
    app-routes-filter .filter-bubble .overview-item-1 .filter-reset-all {
        margin-top: 0!important;
        margin-bottom: 20px!important
    }
    app-routes-filter .filter-bubble .overview-item-1 .filter-reset-all .left {
        width: 30px!important
    }
}

app-routes-filter .filter-bubble .filter-icon-active-filters-count {
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    padding: 2px;
    color: #fff;
    background-color: #E2002A;
    border-radius: 50%;
    text-align: center;
    display: inline-block
}

app-routes-filter .filter-bubble .filter-reset-all {
    color: #247D24;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    text-transform: uppercase
}

app-routes-filter .filter-bubble .filter-reset-all svg {
    float: right;
    fill: #247D24
}

app-routes-filter .filter-bubble .filter-dropped-connections-show {
    color: #247D24;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    text-transform: uppercase
}

app-routes-filter .filter-bubble .filter-dropped-connections-show:focus,
app-routes-filter .filter-bubble .filter-dropped-connections-show:hover,
app-routes-filter .filter-bubble .filter-reset-all:focus,
app-routes-filter .filter-bubble .filter-reset-all:hover {
    color: #2fa52f
}

app-routes-filter .filter-bubble .filter-dropped-connections-show:focus svg,
app-routes-filter .filter-bubble .filter-dropped-connections-show:hover svg,
app-routes-filter .filter-bubble .filter-reset-all:focus svg,
app-routes-filter .filter-bubble .filter-reset-all:hover svg {
    fill: #2fa52f
}

app-routes-filter .filter-bubble .filter-dropped-connections-show:active,
app-routes-filter .filter-bubble .filter-reset-all:active {
    color: #3fc83f
}

app-routes-filter .filter-bubble .filter-dropped-connections-show:active svg,
app-routes-filter .filter-bubble .filter-reset-all:active svg {
    fill: #3fc83f
}

app-routes-filter .filter-bubble .filter-column {
    float: left;
    width: 100%
}

@media (min-width:720px) {
    app-routes-filter .filter-bubble .filter-column {
        width: 50%;
        min-width: 400px
    }
}

app-routes-filter .filter-bubble .filter-column-1 div.label-inner {
    margin: 0 32px 0 28px
}

app-routes-filter .filter-bubble .filter-column-2 div.label-inner {
    margin: 0 28px 0 32px
}

app-routes-filter .filter-bubble .header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
    margin-top: 8px
}

app-routes-filter .filter-bubble .icon-wrapper {
    width: 65px;
    flex: 0 0 65px
}

app-routes-filter .filter-bubble .icon {
    width: 43px;
    height: 43px;
    border-radius: 25px
}

app-routes-filter .filter-bubble .icon svg {
    fill: #222!important
}

app-routes-filter .filter-bubble .icon svg line {
    stroke: #222
}

app-routes-filter .filter-bubble .icon svg circle {
    stroke: #222
}

app-routes-filter .filter-bubble .icon svg .base {
    fill: #fff
}

app-routes-filter .filter-bubble .selected .icon svg {
    fill: #fff!important
}

app-routes-filter .filter-bubble .selected .icon svg line {
    stroke: #fff
}

app-routes-filter .filter-bubble .selected .icon svg circle {
    stroke: #fff
}

app-routes-filter .filter-bubble .selected .icon svg .base {
    fill: #E2002A
}

app-routes-filter .filter-bubble .selected .header {
    color: #E2002A
}

app-routes-filter .filter-bubble .filter {
    width: 100%
}

app-routes-filter .filter-bubble .filter label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block
}

app-routes-filter .filter-bubble .filter label.focused {
    background: #d7d7d7
}

app-routes-filter .filter-bubble .filter label:hover {
    background: #d7d7d7
}

app-routes-filter .filter-bubble .filter div.label-inner {
    border-bottom: solid 1px #d7d7d7;
    padding: 13px 0;
    min-height: 6.5em;
    display: flex
}

app-routes-filter .filter-bubble .filter label:hover div.label-inner {
    border-bottom-color: #d7d7d7
}

app-routes-filter .filter-bubble .filter.last div.label-inner {
    padding-bottom: 30px
}

@media (min-width:720px) {
    app-routes-filter .filter-bubble .filter.last div.label-inner {
        border-bottom: none
    }
}

app-routes-filter .filter-bubble .filter input {
    display: none
}

app-routes-filter .filter-bubble .filter .content {
    flex: 1
}

app-routes-filter .filter-bubble .filter .text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400
}

app-routes-filter .filter-bubble .filter .suboptions {
    margin-top: 0
}

app-routes-filter .filter-bubble .filter .suboptions select {
    border: none;
    border-bottom: solid 1px #d7d7d7;
    padding-left: 0;
    padding-right: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url(/static/images/icons/dropDownMenuIcon.svg) no-repeat right 3px center
}

app-routes-filter .filter-bubble .filter .suboptions select:focus,
app-routes-filter .filter-bubble .filter .suboptions select:hover {
    background-color: #d7d7d7
}

app-routes-filter .filter-bubble .filter .suboptions select::-ms-expand {
    display: none
}

app-routes-filter .filter-bubble .filter .suboptions select svg {
    fill: red
}

app-routes-filter .filter-bubble .filter .suboptions .text>p {
    margin-bottom: 0
}

app-routes-filter .filter-bubble .filter .suboption {
    padding: 0 3px;
    background-color: #fff;
    display: inline-block;
    font-size: .9em;
    border-right: 1px solid #f9f9f9
}

app-routes-filter .filter-bubble .filter .suboption.selected {
    color: #fff;
    background-color: #E2002A
}

app-routes-list .routes-list {
    width: 100%
}

app-routes-list .route-wrapper {
    position: relative;
    width: 100%;
    cursor: pointer
}

app-routes-list .route-wrapper.isSuppressed {
    display: none
}

app-routes-list .route-wrapper.isSuppressed .actions {
    display: none
}

app-routes-list .route.widget {
    min-height: 105px;
    margin-bottom: 10px;
    white-space: nowrap;
    display: flex;
    width: 100%
}

app-routes-list .route.widget:focus,
app-routes-list .route.widget:hover {
    outline: 0
}

app-routes-list .route.widget:focus .scope,
app-routes-list .route.widget:focus .travel,
app-routes-list .route.widget:hover .scope,
app-routes-list .route.widget:hover .travel {
    background-color: #e2e2e2
}

app-routes-list .route.widget:focus .choose,
app-routes-list .route.widget:hover .choose {
    background-color: #780016
}

app-routes-list .route.widget:focus~.actions .action,
app-routes-list .route.widget:hover~.actions .action {
    opacity: 1;
    left: -39px;
    transition: opacity .3s ease-out, left .3s ease-out;
    outline: 0
}

app-routes-list .route.widget.ng-enter {
    opacity: 0;
    margin-left: 60px;
    transition: opacity .3s ease-out, margin-left .3s ease-out
}

app-routes-list .route.widget.ng-enter.ng-enter-active {
    opacity: 1;
    margin-left: 0
}

app-routes-list .route.widget.ng-leave {
    opacity: 1;
    margin-left: 0;
    transition: opacity .2s ease-in, margin-left .2s ease-in
}

app-routes-list .route.widget.ng-leave.ng-leave-active {
    opacity: 0;
    margin-left: -60px
}

app-routes-list .route.widget.ng-move {
    transition: all .2s ease-out .2s
}

app-routes-list .route.widget .scope {
    z-index: 2;
    min-height: 105px;
    text-align: right;
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #222;
    background-color: #f5f6f9;
    width: 110px;
    flex: 0 0 110px;
    padding: 19px 10px 0 10px;
    text-align: center
}

@media (min-width:380px) {
    app-routes-list .route.widget .scope {
        width: 0;
        flex: 0 0 0
    }
}

@media (min-width:480px) {
    app-routes-list .route.widget .scope {
        border-left: 1px solid #d7d7d7;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

@media (min-width:720px) {
    app-routes-list .route.widget .scope {
        width: 85px;
        flex: 0 0 85px
    }
}

app-routes-list .route.widget .scope>.label {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    background-color: #81c200;
    padding: 2px;
    color: #fff
}

app-routes-list .route.widget .scope>.label.color-0 {
    background-color: #558164
}

app-routes-list .route.widget .scope>.label.color-1 {
    background-color: #508546
}

app-routes-list .route.widget .scope>.label.color-2 {
    background-color: #64942c
}

app-routes-list .route.widget .scope>.label.color-3 {
    background-color: #779100
}

app-routes-list .route.widget .scope>.label.color-4 {
    background-color: #8eb504
}

app-routes-list .route.widget .scope>.label.color-5 {
    background-color: #81c200
}

app-routes-list .route.widget .travel {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    color: #666;
    padding: 10px;
    flex: 1 1;
    background-color: #f5f6f9;
    overflow-x: hidden;
    white-space: normal
}

@media (min-width:720px) {
    app-routes-list .route.widget .travel {
        border-left: 1px solid #d7d7d7;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

app-routes-list .route.widget .travel>.route-description {
    margin-bottom: 0;
    color: #222
}

app-routes-list .route.widget .travel>.route-description>div {
    margin-bottom: 5px
}

app-routes-list .route.widget .travel>.route-description>.ticketNote {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    color: #666
}

app-routes-list .route.widget .travel>.route-description>.currentJourney {
    color: #247D24
}

app-routes-list .route.widget .travel>.route-description>.availableClassNote {
    color: #fff;
    background: #3e3e3e;
    display: inline-block;
    padding: 1px 4px
}

app-routes-list .route.widget .choose {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
    background-color: #E2002A;
    color: #fff;
    width: 80px;
    max-width: 80px;
    flex: 0 0 80px;
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center
}

@media (min-width:380px) {
    app-routes-list .route.widget .choose {
        max-width: 55px;
        width: 55px;
        flex: 0 0 55px
    }
}

@media (min-width:720px) {
    app-routes-list .route.widget .choose {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1
    }
}

app-routes-list .route.widget .choose .noOffers {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    white-space: normal;
    display: block;
    padding-top: 17px
}

@media (min-width:720px) {
    app-routes-list .route.widget .choose .noOffers {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

app-routes-list .route.widget .choose .error {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    margin: 0;
    padding: 0
}

@media (min-width:720px) {
    app-routes-list .route.widget .choose .error {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

app-routes-list .route.widget .choose .reduction-warning {
    color: #E2002A;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    margin: 0;
    padding-top: 9px
}

@media (min-width:720px) {
    app-routes-list .route.widget .choose .reduction-warning {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

app-routes-list .route.widget .choose .concession-info {
    color: #666;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    margin: 5px 0 0 0;
    padding: 0
}

@media (min-width:720px) {
    app-routes-list .route.widget .choose .concession-info {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 0.765rem;
        line-height: 1
    }
}

app-routes-list .actions {
    z-index: 1
}

app-routes-list .actions .action {
    padding: 7px;
    padding-bottom: 5px;
    line-height: 100%;
    position: absolute;
    left: 0;
    opacity: 0;
    top: 15px;
    width: 39px;
    transition: opacity .3s ease-in, left .3s ease-in
}

app-routes-list .actions .action:focus,
app-routes-list .actions .action:hover {
    opacity: 1;
    left: -39px;
    display: block;
    outline: 0;
    -webkit-filter: drop-shadow(1px 1px 10px #000);
    -moz-filter: drop-shadow(1px 1px 10px #000);
    -ms-filter: drop-shadow(1px 1px 10px #000);
    filter: drop-shadow(1px 1px 10px #000);
    transition: opacity .3s ease-out, left .3s ease-out
}

app-routes-list .actions svg {
    fill: #fff
}

@media (max-width:719px) {
    app-routes-list .actions {
        display: none
    }
}

@-webkit-keyframes scalefade2 {
    0% {
        -webkit-transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(0);
        height: 0;
        margin: 0;
        visibility: hidden
    }
}

@keyframes scalefade2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        height: 0;
        margin: 0;
        visibility: hidden
    }
}

app-journey-preview {
    display: block;
    width: 100%;
    overflow: hidden
}

.info-him-journey .box-container {
    margin-left: 30px;
    margin-right: 30px;
    width: unset
}

@media (max-width:719px) {
    .info-him-journey .box-container {
        margin-left: 0;
        margin-right: 0
    }
}

.him-container-journey {
    max-width: 678px;
    background: #f5f6f9;
    padding-top: 40px
}

@media (max-width:719px) {
    .him-container-journey {
        padding-top: 0
    }
}

@media print {
    html {
        width: auto;
        height: auto
    }
    body[state="root.ticket.offer.journey"].printJourneyPreview * {
        overflow: visible
    }
    body[state="root.ticket.offer.journey"].printJourneyPreview #header,
    body[state="root.ticket.offer.journey"].printJourneyPreview #off-canvas,
    body[state="root.ticket.offer.journey"].printJourneyPreview .compareCartItemHeader,
    body[state="root.ticket.offer.journey"].printJourneyPreview .headline>h1,
    body[state="root.ticket.offer.journey"].printJourneyPreview .infoBubble,
    body[state="root.ticket.offer.journey"].printJourneyPreview .innerWrapper>header,
    body[state="root.ticket.offer.journey"].printJourneyPreview .printWrapper,
    body[state="root.ticket.offer.journey"].printJourneyPreview [iconname=printer],
    body[state="root.ticket.offer.journey"].printJourneyPreview compare-cart-button>button {
        display: none!important
    }
    body[state="root.ticket.offer.journey"].printJourneyPreview #content,
    body[state="root.ticket.offer.journey"].printJourneyPreview #content-wrapper,
    body[state="root.ticket.offer.journey"].printJourneyPreview #journey,
    body[state="root.ticket.offer.journey"].printJourneyPreview #main-wrapper,
    body[state="root.ticket.offer.journey"].printJourneyPreview .headline,
    body[state="root.ticket.offer.journey"].printJourneyPreview .innerWrapper,
    body[state="root.ticket.offer.journey"].printJourneyPreview .innerWrapper>section {
        box-shadow: none;
        display: block;
        overflow: visible;
        padding: 0;
        padding-left: 0!important;
        margin: 0;
        width: auto;
        height: auto;
        max-width: none;
        max-height: none;
        position: static
    }
    body[state="root.ticket.offer.journey"].printJourneyPreview #journey {
        -webkit-transform: none;
        transform: none;
        background-color: #fff
    }
    body[state="root.ticket.offer.journey"].printJourneyPreview #content {
        margin: 0!important
    }
    body[state="root.ticket.offer.journey"].printJourneyPreview .print-disclaimer {
        margin-top: 15px
    }
    body[state="root.ticket.offer.journey"].printJourneyPreview .train-schedule {
        padding: 0 0 0 30px;
        border: none;
        page-break-before: auto
    }
    body[state="root.ticket.offer.journey"].printJourneyPreview .train-schedule .train-schedule-header {
        padding-left: 0;
        margin-bottom: 28px
    }
    body[state="root.ticket.offer.journey"].printJourneyPreview .train-schedule .train-schedule-header>h2,
    body[state="root.ticket.offer.journey"].printJourneyPreview .train-schedule .train-schedule-header>p {
        margin: 18px 0;
        display: inline-block;
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1
    }
    body[state="root.ticket.offer.journey"].printJourneyPreview .train-schedule .train-schedule-content {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33;
        height: auto!important;
        max-height: none!important
    }
}

app-journey-preview-section {
    display: block;
    background-color: #f5f6f9
}

app-journey-preview-section .mat-expansion-panel {
    background-color: #f5f6f9
}

@media (min-width:720px) {
    app-journey-preview-section {
        max-width: 678px
    }
}

app-line-section {
    display: flex
}

app-line-section .col1 {
    flex: 0 0 212px
}

@media (max-width:719px) {
    app-line-section .col1 {
        flex: 0 0 80px
    }
}

app-line-section .line-symbol {
    width: 52px;
    position: relative
}

app-line-section .line-symbol .conn-stripe {
    position: absolute;
    height: 100%;
    left: 24px
}

app-line-section .content {
    flex: 1 1 auto;
    max-width: 414px
}

app-journey-preview-section-destination {
    background-color: #221d47;
    color: #fff;
    display: block;
    padding: 25px 0
}

app-journey-preview-section-destination .destination-information {
    font-weight: 600
}

app-journey-preview-section-destination .destination-information,
app-journey-preview-section-destination app-city-ticket-item:not(.isSelected) {
    margin-left: 268px
}

@media (max-width:719px) {
    app-journey-preview-section-destination .destination-information,
    app-journey-preview-section-destination app-city-ticket-item:not(.isSelected) {
        margin-left: 40px
    }
}

app-journey-preview-section-destination app-city-ticket-item.isSelected {
    margin-left: 40px
}

app-journey-preview-section-destination p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    margin: 0
}

app-journey-preview-section-destination h3 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    margin: 8px 20px 18px 0;
    font-weight: 800
}

app-journey-preview-section-destination.last {
    background-color: #404040
}

app-journey-preview-section-destination hr {
    background-color: #fff
}

app-journey-preview-section-destination app-city-ticket-item {
    border-bottom: 1px solid #d7d7d7
}

app-journey-preview-section-destination .city-tickets .more {
    display: flex;
    justify-content: flex-end;
    padding: 10px 0
}

app-journey-preview-section-destination .city-tickets .more .mat-button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 36px
}

app-journey-preview-section-destination .travel-assistance {
    display: flex;
    position: relative
}

app-journey-preview-section-destination .travel-assistance .clock-wrapper {
    flex: 0 0 262px
}

@media (max-width:719px) {
    app-journey-preview-section-destination .travel-assistance .clock-wrapper {
        flex: 0 0 100px;
        width: 100px
    }
}

app-journey-preview-section-destination .travel-assistance .clock-wrapper shared-clock {
    margin-right: 50px;
    margin-top: 10px;
    float: right
}

@media (max-width:719px) {
    app-journey-preview-section-destination .travel-assistance .clock-wrapper shared-clock {
        margin-right: 10px
    }
}

app-journey-preview-section-destination .travel-assistance .assistant-heading {
    margin-top: 0;
    border-bottom: 1px solid #fff
}

app-journey-preview-section-destination .travel-assistance .arrow-down {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    bottom: -40px;
    left: 150px;
    border-top: 15px solid #221d47
}

app-city-ticket-item {
    display: flex;
    padding: 10px 0 20px 0
}

app-city-ticket-item .price h3,
app-city-ticket-item .ticket-description h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    margin-top: 12px;
    margin-bottom: 10px
}

@media (max-width:719px) {
    app-city-ticket-item .price h3,
    app-city-ticket-item .ticket-description h3 {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

app-city-ticket-item .checkbox {
    width: 56px;
    display: flex;
    justify-content: center;
    margin-top: 10px
}

@media (max-width:719px) {
    app-city-ticket-item .checkbox {
        margin-right: 10px
    }
}

app-city-ticket-item>.price {
    flex: 1 0 120px;
    font-weight: 600
}

@media (max-width:719px) {
    app-city-ticket-item>.price {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

app-city-ticket-item>.price h3 {
    text-align: right
}

app-city-ticket-item .notes {
    font-size: 0.9rem
}

app-city-ticket-item .perforation {
    width: 4px;
    flex: 0 0 4px;
    background-color: #404040;
    background-image: url(/static/images/background/touristicExtrasPerforation.svg)
}

app-city-ticket-item .reductions {
    margin-top: 10px
}

app-city-ticket-item .reductions h5,
app-city-ticket-item .reductions p {
    font-size: 1rem
}

app-city-ticket-item .reductions h5 {
    text-decoration: underline;
    margin: 0;
    font-weight: 400
}

app-journey-preview-section-travel {
    display: block;
    padding: 25px 0
}

app-journey-preview-section-travel .info-him-section .box-container {
    margin-right: 30px;
    width: unset
}

@media (max-width:719px) {
    app-journey-preview-section-travel .info-him-section .box-container {
        margin-right: 0
    }
}

app-journey-preview-section-travel app-journey-information {
    border-bottom: 1px solid #d7d7d7
}

app-journey-preview-section-travel app-line-section.walk .content {
    display: flex
}

app-journey-preview-section-travel app-line-section.walk .content .walk {
    color: #b1b1b1;
    height: 20px
}

app-journey-preview-section-travel app-line-section.walk .content .walk-description {
    margin: 0 10px
}

app-journey-preview-section-travel app-line-section .train-info {
    padding: 10px 0;
    font-family: unset
}

app-journey-preview-section-travel app-line-section .train-info .title-icon-wrapper {
    display: flex;
    align-items: center
}

app-journey-preview-section-travel app-line-section .train-info .title-icon-wrapper .title {
    font-weight: 700;
    text-decoration: underline
}

app-journey-preview-section-travel app-line-section .train-info .title-icon-wrapper .launch {
    margin-left: 5px;
    width: 20px;
    height: 20px
}

app-journey-preview-section-travel app-line-section .train-info .subtitle {
    font-size: 1rem;
    font-weight: 500
}

app-journey-preview-section-travel .conn-stripe.middle {
    height: 120%;
    left: 24px;
    position: relative;
    z-index: -1
}

app-journey-preview-section-travel .purchased-extra {
    position: relative;
    background-color: #fff;
    margin: 10px 0;
    padding: 20px;
    z-index: 1;
    color: #666;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

app-journey-preview-section-travel .purchased-extra h3 {
    margin: 0 0 5px 0;
    font-size: 1rem
}

app-journey-preview-section-travel .purchased-extra li,
app-journey-preview-section-travel .purchased-extra ul {
    margin: 0;
    padding: 0;
    list-style: none
}

app-journey-preview-section-travel .purchased-extra li p,
app-journey-preview-section-travel .purchased-extra ul p {
    margin: 0;
    font-size: 1rem;
    font-weight: 600
}

app-travel-assistance {
    display: flex;
    min-height: 126px;
    position: relative;
    margin-bottom: 20px;
    z-index: 1
}

app-travel-assistance .clock-wrapper {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYigyNTUsIDI1NSwgMjU1KSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(to left, #fff 80%, rgba(255, 255, 255, 0) 100%);
    flex: 0 0 212px
}

@media (max-width:719px) {
    app-travel-assistance .clock-wrapper {
        flex: 0 0 80px;
        width: 80px
    }
}

app-travel-assistance .clock-wrapper shared-clock.clock {
    padding: 28px 6px 0 0;
    float: right;
    width: 82px;
    height: 82px
}

@media (max-width:719px) {
    app-travel-assistance .clock-wrapper shared-clock.clock {
        padding-left: 6px
    }
}

app-travel-assistance .col2 {
    flex: 0 0 52px;
    background-color: #fff
}

app-travel-assistance .col3 {
    padding-right: 20px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYigyNTUsIDI1NSwgMjU1KSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(to right, #fff 80%, rgba(255, 255, 255, 0) 100%)
}

app-travel-assistance .col3 .travel-information {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600
}

app-travel-assistance .col3 .sub-text {
    color: #b1b1b1;
    font-size: 1rem;
    font-weight: 600
}

app-travel-assistance .col3.realtime .travel-information {
    color: #247D24
}

app-travel-assistance .clock-wrapper,
app-travel-assistance .col3 {
    position: relative
}

app-travel-assistance .clock-wrapper:after,
app-travel-assistance .clock-wrapper:before,
app-travel-assistance .col3:after,
app-travel-assistance .col3:before {
    position: absolute;
    z-index: -1;
    content: "";
    height: 22px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

app-travel-assistance .clock-wrapper:after,
app-travel-assistance .clock-wrapper:before {
    left: 50px;
    right: -15px
}

app-travel-assistance .clock-wrapper:before {
    border-top-left-radius: 50%
}

app-travel-assistance .clock-wrapper:after {
    border-bottom-left-radius: 50%
}

app-travel-assistance .col3:after,
app-travel-assistance .col3:before {
    left: -35px;
    right: 150px
}

app-travel-assistance .clock-wrapper:before,
app-travel-assistance .col3:before {
    top: 0
}

app-travel-assistance .clock-wrapper:after,
app-travel-assistance .col3:after {
    bottom: 0
}

app-travel-assistance .col3:before {
    border-top-right-radius: 50%
}

app-travel-assistance .col3:after {
    border-bottom-right-radius: 50%
}

app-travel-assistance .arrow-down {
    border-top: 15px solid #fff;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    bottom: -15px;
    left: 260px
}

app-journey-preview-station {
    display: flex
}

app-journey-preview-station .station,
app-journey-preview-station .time,
app-journey-preview-station .travel-icon {
    padding-bottom: 10px
}

app-journey-preview-station .time {
    flex: 0 0 212px;
    text-align: right;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: 1.3rem;
    min-height: 41px;
    color: #000
}

@media (max-width:719px) {
    app-journey-preview-station .time {
        flex: 0 0 80px
    }
}

app-journey-preview-station .time .date {
    margin: 0;
    font-size: 0.9rem
}

app-journey-preview-station .travel-icon {
    flex: 0 0 52px;
    width: 52px;
    display: flex;
    position: relative
}

app-journey-preview-station .travel-icon mat-icon {
    margin: auto;
    z-index: 2;
    position: relative
}

app-journey-preview-station .travel-icon .line {
    position: absolute;
    left: 24px;
    z-index: 1;
    width: 4px;
    height: 60%;
    top: 40%
}

app-journey-preview-station .travel-icon.to mat-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: 0
}

app-journey-preview-station .travel-icon.to .line {
    top: 0;
    height: 24px
}

app-journey-preview-station .station {
    flex: 1 1 auto
}

app-journey-preview-station .station .station-name {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

app-journey-preview-station .station .sub-platform {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600
}

app-journey-preview-station .station .station-name,
app-journey-preview-station .station .walking-station-name {
    font-weight: 700
}

app-journey-preview-station .station h4,
app-journey-preview-station .station p {
    margin: 0
}

app-journey-preview-station.disabled .travel-icon mat-icon {
    color: #d7d7d7!important
}

app-journey-preview-station.disabled .travel-icon .line {
    border-left: 4px solid #d7d7d7!important
}

app-journey-preview-station:not(.small) .station {
    -ms-grid-row-align: center;
    align-self: center
}

app-journey-preview-station.small .station .station-name {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1
}

app-journey-preview-station.small .station .station-name,
app-journey-preview-station.small .station .walking-station-name {
    font-weight: 400
}

app-journey-preview-station.small .station .walking-station-name {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

@media (max-width:719px) {
    app-journey-preview-station .time {
        font-size: 1rem
    }
    app-journey-preview-station .station .station-name,
    app-journey-preview-station .station .sub-platform {
        font-size: 1rem
    }
}

app-journey-preview-section-extra {
    display: block;
    position: relative;
    background-color: #fff;
    margin: 10px 0 10px 21px;
    z-index: 1;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

app-journey-preview-section-extra .width-full {
    width: 100%
}

app-journey-preview-section-extra .padding-left-16px {
    padding-left: 16px
}

app-journey-preview-section-extra .preview-box {
    display: flex
}

app-journey-preview-section-extra .preview-box .extra-title {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    cursor: pointer
}

app-journey-preview-section-extra .preview-box .extra-selection,
app-journey-preview-section-extra .preview-box .extra-text {
    padding: 10px
}

app-journey-preview-section-extra .preview-box .extra-selection {
    width: 30px;
    padding: 12px
}

app-journey-preview-section-extra .preview-box .extra-text {
    flex: 1
}

app-journey-preview-section-extra .preview-box .extra-note {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

app-journey-preview-section-extra .preview-box .price {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

app-journey-preview-section-extra .preview-box .price.selected {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

app-journey-preview-section-extra .preview-box .extra-note,
app-journey-preview-section-extra .preview-box .extra-title,
app-journey-preview-section-extra .preview-box .price {
    margin: 0
}

app-journey-preview-section-extra .preview-box .extra-note p,
app-journey-preview-section-extra .preview-box .extra-title p,
app-journey-preview-section-extra .preview-box .price p {
    margin: 0
}

app-journey-preview-section-extra .preview-box .extra-note .reduced,
app-journey-preview-section-extra .preview-box .extra-title .reduced,
app-journey-preview-section-extra .preview-box .price .reduced {
    text-decoration: line-through;
    font-size: 1rem;
    color: #666
}

app-journey-preview-section-extra .preview-box .extra-title {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 5px
}

app-journey-preview-section-extra .preview-box .perforation {
    width: 4px;
    flex: 0 0 4px;
    background-color: #f5f6f9;
    background-image: url(/static/images/background/sectionExtraPerforation.svg)
}

app-journey-preview-section-extra .price.selected,
app-journey-preview-section-extra .spacer {
    width: 143px
}

@media (max-width:719px) {
    app-journey-preview-section-extra .price.selected,
    app-journey-preview-section-extra .spacer {
        width: 80px
    }
}

app-journey-preview-section-extra .mat-expansion-panel {
    background-color: #fff
}

app-journey-preview-section-extra .mat-expansion-panel .mat-expansion-panel-header {
    padding: 15px 0;
    height: unset!important
}

app-journey-preview-section-extra .mat-expansion-panel .mat-expansion-panel-body {
    display: none
}

app-journey-preview-section-extra.selected {
    margin: 0 0 0 21px
}

app-journey-preview-section-extra.selected .extra-note {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 10px
}

app-journey-preview-section-extra.selected .extra-text {
    padding-bottom: 0
}

app-journey-preview-section-extra.selected .price {
    padding: 10px 15px 0 0;
    text-align: right
}

app-journey-preview-section-extra .reservation-link {
    padding: 10px 20px;
    border-top: 1px solid #d7d7d7
}

app-journey-preview-section-extra .accommodation-text {
    margin: 5px 0
}

app-journey-preview-section-extra-graphical-reservation {
    padding: 3px 0;
    display: flex;
    align-items: center;
    font-size: 1rem;
    color: #247D24
}

app-journey-preview-section-extra-graphical-reservation .seat-icon {
    height: 20px;
    margin: 0 5px
}

app-journey-preview-section-extra-graphical-reservation .wagon {
    font-weight: 700
}

app-journey-preview-extra-accommodation .accommodation-wrapper {
    border: 1px solid #d7d7d7
}

app-journey-preview-extra-accommodation .header {
    overflow-x: scroll;
    display: flex
}

app-journey-preview-extra-accommodation .accommodation-category {
    height: 45px
}

app-journey-preview-extra-accommodation .accommodation-wrapper {
    border: 1px solid #d7d7d7;
    flex: 1 0 auto
}

app-journey-preview-extra-accommodation .accommodation-wrapper.active {
    border-bottom: 4px solid #247D24
}

app-journey-preview-extra-accommodation-preference li {
    list-style: none;
    padding: 7px 20px
}

app-journey-preview-extra-accommodation-preference ul {
    padding-left: 0;
    margin: 5px 0 0 0
}

app-journey-preview-extra-accommodation-preference .check-radio {
    color: #247D24;
    border: 1px solid #d7d7d7;
    height: 16px;
    width: 16px
}

app-journey-preview-extra-accommodation-preference .check-radio svg {
    position: relative;
    top: -3px
}

app-journey-preview-extra-accommodation-preference .checkbox {
    width: 100%;
    border-bottom: 1px solid #d7d7d7
}

app-journey-preview-extra-accommodation-preference .radio {
    display: flex;
    cursor: pointer
}

app-journey-preview-extra-accommodation-preference .radio .description {
    margin: 0 0 0 10px;
    border-bottom: 1px solid #d7d7d7;
    flex: 1;
    padding-bottom: 3px
}

app-journey-preview-extra-accommodation-preference .radio:last-child .description {
    border-bottom: none
}

app-journey-preview-extra-accommodation-preference .radio:not(.selected) mat-icon {
    display: none
}

app-journey-preview-extra-accommodation-preference .radio:not(.selected) .description {
    margin-left: 25px
}

app-journey-preview-time {
    display: block
}

app-journey-preview-time.delayed {
    color: #E2002A
}

app-journey-preview-time.change-time {
    text-decoration: line-through;
    color: #666
}

app-journey-preview-time .hours {
    font-weight: 700
}

.small app-journey-preview-time {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

.small app-journey-preview-time .hours {
    font-weight: 400
}

app-parallel-ride .category-name {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin: 0
}

app-parallel-ride .parallel-header {
    display: flex
}

app-parallel-ride .parallel-header button {
    padding: 0 8px;
    height: 32px;
    background-color: #d7d7d7;
    font-size: 1rem
}

app-parallel-ride .parallel-header button.selected {
    border-top: 4px solid #247D24;
    background-color: #f5f6f9
}

app-parallel-ride .info-bubble-wrapper {
    position: absolute
}

app-parallel-ride .switch-bubble {
    position: absolute;
    z-index: 100;
    left: -332px;
    width: 678px
}

app-parallel-ride .switch-bubble .info-bubble-arrow {
    left: 510px
}

app-journey-information {
    display: block
}

app-journey-information .direction {
    margin: 0
}

@media (max-width:719px) {
    app-journey-information .direction {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 0.765rem;
        line-height: 1
    }
}

app-journey-information .travel-icon {
    margin: auto 0
}

@media (max-width:719px) {
    app-journey-information .travel-icon {
        width: 18px;
        height: 18px
    }
}

app-journey-information .heading-text {
    margin-left: 20px
}

app-journey-information .parallel-ride {
    overflow: visible
}

app-journey-information .parallel-ride mat-expansion-panel-header {
    height: unset!important;
    min-height: 48px
}

app-journey-information .parallel-ride mat-expansion-panel-header .mat-content {
    overflow: visible
}

app-line-symbol {
    display: block;
    width: 52px;
    position: relative
}

app-line-symbol .conn-stripe {
    position: absolute;
    height: 100%;
    left: 24px
}

.disabled app-line-symbol .conn-stripe {
    border-left: 4px solid #d7d7d7!important
}

.disabled app-line-symbol .conn-stripe .journey-connection-middle {
    background-color: #d7d7d7!important
}

app-journey-line-section .passlist-header {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

@media (max-width:719px) {
    app-journey-line-section .passlist-header {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

app-journey-line-section .journey-connection-middle {
    width: 15px;
    height: 2px;
    display: inline-block;
    position: absolute;
    top: 9px
}

app-journey-line-section .mat-expansion-panel:not(.mat-expanded) .journey-header {
    border-bottom: 1px solid #d7d7d7
}

app-journey-line-section .disabled .passlist-header {
    color: #b1b1b1
}

body[state="root.ticket.voucher"] .ticket-content {
    display: block
}

app-voucher {
    width: 100%;
    display: block
}

app-voucher .voucher-wrapper {
    background-color: #f5f6f9;
    width: 100%;
    max-width: 1440px
}

app-voucher .voucher-wrapper app-voucher-action {
    margin: auto;
    max-width: 678px
}

app-voucher-locked-header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 40px 1fr;
    grid-template-columns: 40px 1fr;
    background: #666;
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

app-voucher-locked-header .text-wrapper {
    margin: 5px 0
}

app-voucher-locked-header .text-wrapper .locked-message {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

app-voucher-locked-header .icon {
    margin: 5px auto;
    color: #fff;
    height: 15px;
    width: 15px
}

app-voucher-title {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 154px 1fr;
    grid-template-columns: 154px 1fr
}

@media (max-width:719px) {
    app-voucher-title {
        -ms-grid-columns: 100px 1fr;
        grid-template-columns: 100px 1fr
    }
}

app-voucher-title .left-content {
    -ms-grid-column: 1;
    grid-column: 1;
    display: flex
}

app-voucher-title .left-content .voucher-icon,
app-voucher-title .left-content app-acquisition-icon {
    margin: auto 30px auto auto;
    display: block
}

app-voucher-title .left-content shared-pie-chart {
    width: 50px
}

app-voucher-title .right-content {
    -ms-grid-column: 2;
    grid-column: 2
}

app-voucher-title .right-content h2 {
    margin-top: 0;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.625rem;
    line-height: 1;
    padding-right: 20px
}

@media (max-width:719px) {
    app-voucher-title .right-content h2 {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1
    }
}

app-ticket-item {
    margin: 23px auto;
    max-width: 678px
}

@media (max-width:719px) {
    app-ticket-item {
        margin: 0 auto
    }
}

app-insurance-ticket-item,
app-ticket-item {
    display: block
}

app-insurance-ticket-item p,
app-ticket-item p {
    margin: 0
}

app-insurance-ticket-item .order-item,
app-ticket-item .order-item {
    padding: 43px 59px 36px 0;
    color: #fff;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    line-height: 1.2em;
    height: auto;
    background: url(/static/images/views/root/ticket/voucher/background/backgroundBuchung768x95.png) right top repeat-y
}

@media (max-width:719px) {
    app-insurance-ticket-item .order-item,
    app-ticket-item .order-item {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33;
        padding-right: 10px
    }
}

app-insurance-ticket-item .order-item .dummy-load-image,
app-insurance-ticket-item .order-item.acquired,
app-ticket-item .order-item .dummy-load-image,
app-ticket-item .order-item.acquired {
    color: #222;
    background: url(/static/images/views/root/ticket/voucher/background/security.png) right no-repeat, url(/static/images/views/root/ticket/voucher/background/backgroundTicket768x96.png) top repeat-y
}

app-insurance-ticket-item .order-item-wrapper,
app-ticket-item .order-item-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 154px 1fr;
    grid-template-columns: 154px 1fr
}

@media (max-width:719px) {
    app-insurance-ticket-item .order-item-wrapper,
    app-ticket-item .order-item-wrapper {
        -ms-grid-columns: 100px 1fr;
        grid-template-columns: 100px 1fr
    }
}

app-insurance-ticket-item .order-item-wrapper .title,
app-ticket-item .order-item-wrapper .title {
    text-align: right;
    padding: 16px 32px 0 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    -ms-grid-column: 1;
    grid-column: 1
}

app-insurance-ticket-item .order-item-wrapper .content,
app-ticket-item .order-item-wrapper .content {
    padding: 16px 0;
    display: block;
    width: 100%;
    -ms-grid-column: 2;
    grid-column: 2
}

app-insurance-ticket-item .order-item-wrapper div:nth-of-type(24),
app-ticket-item .order-item-wrapper div:nth-of-type(24) {
    -ms-grid-row: 12
}

app-insurance-ticket-item .order-item-wrapper div:nth-of-type(23),
app-ticket-item .order-item-wrapper div:nth-of-type(23) {
    -ms-grid-row: 12
}

app-insurance-ticket-item .order-item-wrapper div:nth-of-type(22),
app-ticket-item .order-item-wrapper div:nth-of-type(22) {
    -ms-grid-row: 11
}

app-insurance-ticket-item .order-item-wrapper div:nth-of-type(21),
app-ticket-item .order-item-wrapper div:nth-of-type(21) {
    -ms-grid-row: 11
}

app-insurance-ticket-item .order-item-wrapper div:nth-of-type(20),
app-ticket-item .order-item-wrapper div:nth-of-type(20) {
    -ms-grid-row: 10
}

app-insurance-ticket-item .order-item-wrapper div:nth-of-type(19),
app-ticket-item .order-item-wrapper div:nth-of-type(19) {
    -ms-grid-row: 10
}

app-insurance-ticket-item .order-item-wrapper div:nth-of-type(18),
app-ticket-item .order-item-wrapper div:nth-of-type(18) {
    -ms-grid-row: 9
}

app-insurance-ticket-item .order-item-wrapper div:nth-of-type(17),
app-ticket-item .order-item-wrapper div:nth-of-type(17) {
    -ms-grid-row: 9
}

app-insurance-ticket-item .order-item-wrapper div:nth-of-type(16),
app-ticket-item .order-item-wrapper div:nth-of-type(16) {
    -ms-grid-row: 8
}

app-insurance-ticket-item .order-item-wrapper div:nth-of-type(15),
app-ticket-item .order-item-wrapper div:nth-of-type(15) {
    -ms-grid-row: 8
}

app-insurance-ticket-item .order-item-wrapper div:nth-of-type(14),
app-ticket-item .order-item-wrapper div:nth-of-type(14) {
    -ms-grid-row: 7
}

app-insurance-ticket-item .order-item-wrapper div:nth-of-type(13),
app-ticket-item .order-item-wrapper div:nth-of-type(13) {
    -ms-grid-row: 7
}

app-insurance-ticket-item .order-item-wrapper div:nth-of-type(12),
app-ticket-item .order-item-wrapper div:nth-of-type(12) {
    -ms-grid-row: 6
}

app-insurance-ticket-item .order-item-wrapper div:nth-of-type(11),
app-ticket-item .order-item-wrapper div:nth-of-type(11) {
    -ms-grid-row: 6
}

app-insurance-ticket-item .order-item-wrapper div:nth-of-type(10),
app-ticket-item .order-item-wrapper div:nth-of-type(10) {
    -ms-grid-row: 5
}

app-insurance-ticket-item .order-item-wrapper div:nth-of-type(9),
app-ticket-item .order-item-wrapper div:nth-of-type(9) {
    -ms-grid-row: 5
}

app-insurance-ticket-item .order-item-wrapper div:nth-of-type(8),
app-ticket-item .order-item-wrapper div:nth-of-type(8) {
    -ms-grid-row: 4
}

app-insurance-ticket-item .order-item-wrapper div:nth-of-type(7),
app-ticket-item .order-item-wrapper div:nth-of-type(7) {
    -ms-grid-row: 4
}

app-insurance-ticket-item .order-item-wrapper div:nth-of-type(6),
app-ticket-item .order-item-wrapper div:nth-of-type(6) {
    -ms-grid-row: 3
}

app-insurance-ticket-item .order-item-wrapper div:nth-of-type(5),
app-ticket-item .order-item-wrapper div:nth-of-type(5) {
    -ms-grid-row: 3
}

app-insurance-ticket-item .order-item-wrapper div:nth-of-type(4),
app-ticket-item .order-item-wrapper div:nth-of-type(4) {
    -ms-grid-row: 2
}

app-insurance-ticket-item .order-item-wrapper div:nth-of-type(3),
app-ticket-item .order-item-wrapper div:nth-of-type(3) {
    -ms-grid-row: 2
}

app-insurance-ticket-item .order-item-wrapper div:nth-of-type(2),
app-ticket-item .order-item-wrapper div:nth-of-type(2) {
    -ms-grid-row: 1
}

app-insurance-ticket-item .order-item-wrapper div:nth-of-type(1),
app-ticket-item .order-item-wrapper div:nth-of-type(1) {
    -ms-grid-row: 1
}

app-insurance-ticket-item .order-item-wrapper .booking-information.content,
app-insurance-ticket-item .order-item-wrapper .category.content,
app-insurance-ticket-item .order-item-wrapper .details.content,
app-insurance-ticket-item .order-item-wrapper .extras.content,
app-insurance-ticket-item .order-item-wrapper .insurance-data.content,
app-insurance-ticket-item .order-item-wrapper .mycard.content,
app-insurance-ticket-item .order-item-wrapper .passengers.content,
app-insurance-ticket-item .order-item-wrapper .valid.content,
app-insurance-ticket-item .order-item-wrapper .via.content,
app-ticket-item .order-item-wrapper .booking-information.content,
app-ticket-item .order-item-wrapper .category.content,
app-ticket-item .order-item-wrapper .details.content,
app-ticket-item .order-item-wrapper .extras.content,
app-ticket-item .order-item-wrapper .insurance-data.content,
app-ticket-item .order-item-wrapper .mycard.content,
app-ticket-item .order-item-wrapper .passengers.content,
app-ticket-item .order-item-wrapper .valid.content,
app-ticket-item .order-item-wrapper .via.content {
    border-top: 1px solid #666
}

app-insurance-ticket-item .order-item-wrapper .from,
app-ticket-item .order-item-wrapper .from {
    padding-bottom: 5px
}

app-insurance-ticket-item .order-item-wrapper .from button.renew,
app-ticket-item .order-item-wrapper .from button.renew {
    float: right
}

app-insurance-ticket-item .order-item-wrapper .category,
app-ticket-item .order-item-wrapper .category {
    padding-bottom: 5px
}

app-insurance-ticket-item .order-item-wrapper .date,
app-insurance-ticket-item .order-item-wrapper .from,
app-insurance-ticket-item .order-item-wrapper .to,
app-ticket-item .order-item-wrapper .date,
app-ticket-item .order-item-wrapper .from,
app-ticket-item .order-item-wrapper .to {
    padding-top: 5px
}

app-insurance-ticket-item .order-item-wrapper .insurance-data a,
app-ticket-item .order-item-wrapper .insurance-data a {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    text-decoration: underline
}

app-insurance-ticket-item .order-item-wrapper .insurance-text,
app-ticket-item .order-item-wrapper .insurance-text {
    margin-bottom: 10px
}

app-insurance-ticket-item .order-item-wrapper .insurance-details,
app-ticket-item .order-item-wrapper .insurance-details {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

app-insurance-ticket-item .order-item-wrapper .insurance-details a,
app-ticket-item .order-item-wrapper .insurance-details a {
    text-decoration: underline
}

app-insurance-ticket-item .validityInfoWrapper,
app-ticket-item .validityInfoWrapper {
    width: 100%
}

app-insurance-ticket-item .bookingcode,
app-insurance-ticket-item .purchased-on,
app-ticket-item .bookingcode,
app-ticket-item .purchased-on {
    text-align: right;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

app-insurance-ticket-item .details,
app-ticket-item .details {
    width: 100%
}

app-insurance-ticket-item .details .tariff-button,
app-ticket-item .details .tariff-button {
    display: flex;
    width: 100%
}

app-insurance-ticket-item .details .price,
app-ticket-item .details .price {
    margin-right: 10px
}

app-insurance-ticket-item .details a,
app-ticket-item .details a {
    text-decoration: underline;
    flex: 1
}

app-insurance-ticket-item .mycard.content,
app-ticket-item .mycard.content {
    display: flex;
    width: 100%
}

app-insurance-ticket-item .mycard.content .cardName,
app-ticket-item .mycard.content .cardName {
    flex: 1 1
}

app-insurance-ticket-item .back-icon,
app-ticket-item .back-icon {
    height: 18px;
    width: 18px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    bottom: -3px;
    position: relative
}

app-voucher-action {
    display: flex;
    flex-direction: column;
    background-color: #f5f6f9;
    color: #222;
    padding-top: 38px
}

@media (max-width:719px) {
    app-voucher-action {
        padding: 10px
    }
}

app-voucher-action .abo {
    padding-bottom: 25px
}

app-voucher-action .abo>h2 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600;
    margin-top: 0
}

app-voucher-action .calendar.add {
    padding: 10px 0
}

app-voucher-action .additional-information-wrapper,
app-voucher-action .calendar.add,
app-voucher-action app-voucher-undo-action {
    border-top: 1px solid #d7d7d7;
    margin-bottom: 10px
}

app-voucher-action .additional-information-wrapper {
    padding-top: 30px;
    margin-top: 14px;
    margin-bottom: 40px
}

app-voucher-action app-acquisition h2 {
    margin: 0 0 25px 0
}

app-voucher-action app-acquisition app-sms-acquisition .dep-code-id {
    padding-top: 16px;
    border-top: 1px solid #d7d7d7;
    margin-top: 0
}

app-voucher-action app-acquisition app-pdf-acquisition .optain-pdf {
    padding-top: 0
}

app-voucher-action app-acquisition app-pdf-acquisition li {
    padding: 0 0 11px 0
}

app-voucher-action app-acquisition app-pdf-acquisition p.observe-text {
    margin-top: 25px
}

app-voucher-action app-acquisition app-dep-code-acquisition .diffent-acquire {
    margin-left: 0
}

app-voucher-action app-coupons-pdf {
    padding-left: 0
}

app-voucher-action app-coupons-pdf>h3.coupon-block-header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600
}

app-voucher-action app-invoice {
    margin-bottom: 25px
}

app-voucher-action app-invoice h4 {
    border-top: 1px solid #d7d7d7;
    padding-left: 0;
    padding-bottom: 25px;
    font-weight: 600
}

app-voucher-action app-invoice .mat-checkbox {
    padding-left: 0
}

app-voucher-action app-invoice div>.mat-button:first-of-type {
    margin-left: 0
}

app-voucher-undo-action h2 {
    font-weight: 400
}

app-voucher-undo-action p {
    margin: 25px 0 15px 0
}

app-insurance-ticket-item .order-item {
    max-width: 678px;
    margin: 23px auto
}

app-insurance-ticket-item .order-item .order-item-wrapper .heading {
    margin-top: 0
}

app-insurance-ticket-item .order-item .order-item-wrapper .insurance-icon {
    margin: 0 32px auto auto
}

app-insurance-ticket-item .order-item .order-item-wrapper .content {
    border-top: 1px solid #666
}

app-insurance-ticket-item .order-item .order-item-wrapper .insurance-link,
app-insurance-ticket-item .order-item .order-item-wrapper .product-information,
app-insurance-ticket-item .order-item .order-item-wrapper .tarif.link {
    text-decoration: underline
}

app-insurance-ticket-item .order-item .order-item-wrapper .policy-number {
    line-height: 1.5em;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

app-insurance-ticket-item .order-item .order-item-wrapper .tarif a {
    text-decoration: underline
}

app-insurance-ticket-item .order-item .order-item-wrapper .tarif p {
    cursor: pointer
}

app-insurance-ticket-item .order-item .order-item-wrapper .tarif .back-icon,
app-insurance-ticket-item .order-item .order-item-wrapper .tarif .price {
    float: right
}

app-insurance-ticket-item .order-item .order-item-wrapper .tarif .back-icon {
    fill: #666;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

app-insurance-ticket-item .order-item .order-item-wrapper .tarif mat-icon {
    height: 18px;
    margin-top: 3px
}

app-insurance-ticket-item .order-item .order-item-wrapper .product-information {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

app-insurance-ticket-item .action-wrapper {
    background-color: #f5f6f9
}

app-insurance-ticket-item .action-wrapper .action {
    max-width: 678px;
    margin: auto;
    display: flex;
    flex-direction: column;
    min-height: 30vh
}

app-insurance-ticket-item .action-wrapper .action h2 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600
}

mycard-native-detail {
    display: block;
    z-index: 10;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    margin-right: 0;
    flex: 1
}

mycard-native-detail section {
    min-height: 200px
}

mycard-native-detail .spinner {
    position: absolute;
    left: 50%;
    top: 100px
}

mycard-native-detail .spinner .loading-icon {
    fill: #fff;
    color: #fff
}

mycard-native-detail shared-clock .seconds-hand {
    fill: #222
}

@media (min-width:720px) {
    mycard-native-detail {
        margin-right: 50px
    }
}

@media (min-width:860px) {
    mycard-native-detail {
        margin-right: 190px
    }
}

@media (min-width:1024px) {
    mycard-native-detail {
        margin-right: 262px
    }
}

@media (min-width:1280px) {
    mycard-native-detail {
        margin-right: 263px
    }
}

@media (min-width:1440px) {
    mycard-native-detail {
        margin-right: 430px
    }
}

mycard-native-detail .card {
    margin-top: 32px;
    padding-top: 29px;
    position: relative;
    overflow: hidden
}

mycard-native-detail .card shared-clock {
    position: absolute;
    width: 12%;
    height: 12%;
    margin: unset
}

mycard-native-detail .card .clockH {
    top: 24%;
    left: 6%
}

mycard-native-detail .card .clockV {
    width: 20%;
    height: 20%;
    bottom: 25%;
    left: 10%
}

mycard-native-detail .card .card-img {
    width: 100%;
    cursor: pointer
}

mycard-native-detail .code-container {
    margin-top: 20px
}

mycard-native-detail .close-icon {
    fill: #fff;
    height: 15px;
    width: 15px
}

mycard-native-detail .aztec-code {
    padding: 15px;
    background: #fff;
    margin-top: 5px;
    width: 100%
}

app-birthday {
    display: block;
    margin: 20px auto;
    max-width: 730px;
    padding: 45px 54px;
    background-color: #fff
}

@media (max-width:479px) {
    app-birthday {
        margin: 0;
        height: 100%;
        padding: 45px 14px
    }
}

app-birthday h2 {
    margin: 0 0 10px 0;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

@media (max-width:479px) {
    app-birthday h2 {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1rem;
        line-height: 1
    }
}

app-birthday p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #666
}

@media (max-width:479px) {
    app-birthday p {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

app-birthday .birthday {
    min-width: 260px;
    margin-top: 13px
}

app-ticket-shop-main.fullscreen {
    max-width: unset
}

app-ticket-shop-main.fullscreen #content-wrapper {
    max-width: unset
}

app-ticket-shop-main.fullscreen .root-content-wrapper .ticket-content {
    display: flex
}

@media (min-width:380px) {
    app-ticket-shop-main {
        max-width: 1770px
    }
}

app-ticket-shop-main .root-content-wrapper app-quick-navigation-bar {
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 49
}

app-ticket-shop-main .root-content-wrapper app-quick-navigation-bar.no-relation-input-home {
    top: 75px
}

app-ticket-shop-main .root-content-wrapper .ticket-content {
    flex-grow: 1;
    display: block;
    overflow-y: auto;
    width: 100%
}

app-ticket-shop-main .root-content-wrapper .ticket-content .scrolled-container {
    display: flex;
    flex: 1
}

app-ticket-shop-main .root-content-wrapper .ticket-content .scrolled-container.global-content-wrapper-single-col {
    display: block;
    height: 100%
}

@media (max-width:719px) {
    body[state="root.ticket.baggageOffer"] .background,
    body[state="root.ticket.baggageOffer"] [appChangingBackground],
    body[state="root.ticket.offer"] .background,
    body[state="root.ticket.offer"] [appChangingBackground],
    body[state="root.ticket.tickets"] .background,
    body[state="root.ticket.tickets"] [appChangingBackground] {
        background: #f5f6f9!important;
        opacity: 1
    }
}

.background.debug-container,
[appChangingBackground].debug-container {
    max-height: calc(100% - 90px - 320px)
}

.box-container {
    width: 100%;
    z-index: 100;
    cursor: pointer
}

@media (max-width:719px) {
    .box-container .box-container {
        max-width: 100vw
    }
}

@media (min-width:720px) {
    .box-container .box-container {
        max-width: 678px;
        width: calc(100vw - 145px)
    }
}

.arrow-him {
    position: relative;
    display: block
}

.arrow-him:after {
    bottom: 100%;
    left: 90%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 12px solid transparent;
    border-bottom-color: #ecc71f;
    margin-left: -15px
}

.arrow-yellow:after {
    border-bottom-color: #ecc71f
}

.arrow-grey:after {
    border-bottom-color: #f5f6f9
}

.arrow-white:after {
    border-bottom-color: #fff
}

.head-line {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.85rem;
    line-height: 1;
    line-height: 18px
}

.icon-container {
    margin: 10px 10px 0 10px
}

.icon-container .mat-icon {
    width: 16px;
    height: 16px
}

.white-card {
    display: flex;
    background-color: #fff
}

.white-card .head-line {
    margin: 10px 12px 0 0
}

.yellow-card {
    display: flex;
    background-color: #ecc71f
}

.yellow-card .head-line {
    margin: 10px 12px 0 0
}

.grey-card {
    display: flex;
    background-color: #f5f6f9
}

.grey-card .head-line {
    margin: 10px 12px 0 0
}

.blue-card {
    display: flex;
    background-color: #221d47;
    color: #fff
}

.blue-card .head-line {
    margin: 10px 12px 0 0
}

.last-of-type .head-line {
    margin-bottom: 10px
}

.last-of-type .icon-container {
    margin-bottom: 10px
}

.show-all-text {
    padding: 0 0 10px 36px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    line-height: 18px;
    text-decoration: underline
}

.bold {
    font-weight: 700
}

.text-cut {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

app-tariff-details {
    display: block;
    width: 100%;
    padding: 0 0 32px 0
}

@media (min-width:480px) {
    app-tariff-details {
        padding: 12px 50px 32px 0
    }
}

app-quick-navigation-bar {
    box-sizing: border-box
}

@media print {
    app-quick-navigation-bar {
        display: none
    }
}

app-quick-navigation-bar button.quick-item {
    display: flex;
    flex-direction: column;
    padding: 0 3px;
    width: 80px;
    background-color: #fff;
    align-items: stretch
}

app-quick-navigation-bar button.quick-item:last-child .border-box {
    border-bottom: none
}

app-quick-navigation-bar button.quick-item .border-box {
    padding: 10px 0;
    min-height: 75px;
    width: 100%;
    border-bottom: 1px solid #d7d7d7;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center
}

app-quick-navigation-bar button.quick-item.route-active {
    background-color: #E2002A
}

app-quick-navigation-bar button.quick-item.route-active .border-box {
    border-bottom: none
}

app-quick-navigation-bar button.quick-item.route-active mat-icon,
app-quick-navigation-bar button.quick-item.route-active p {
    color: #fff;
    fill: #fff
}

app-quick-navigation-bar button.quick-item mat-icon {
    height: 24px;
    width: 24px
}

app-quick-navigation-bar button.quick-item p {
    margin: 5px 5px 0 5px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.7rem;
    line-height: 1;
    text-align: center;
    font-weight: 600
}

app-quick-navigation-bar button.quick-item mat-icon,
app-quick-navigation-bar button.quick-item p {
    color: #666;
    fill: #666;
    -ms-grid-row-align: center;
    align-self: center
}

app-welcome-box {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    background-color: #fff;
    border-top: 5px solid #E2002A;
    padding: 30px 40px 27px 40px
}

app-welcome-box>div {
    -ms-flex: 1 1 150px
}

app-welcome-box h3 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    margin: 0 0 14px 0
}

app-welcome-box a,
app-welcome-box div,
app-welcome-box p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1.4
}

app-welcome-box a,
app-welcome-box p {
    margin: 10px 0
}

app-welcome-box a {
    text-decoration: underline;
    cursor: pointer
}

app-login-box {
    display: flex;
    flex-direction: column;
    background-color: #fff
}

app-login-box header {
    min-height: 44px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 40px 1fr;
    grid-template-columns: 40px 1fr;
    background-color: #f5f6f9
}

app-login-box header .mat-icon {
    -ms-grid-column-align: center;
    justify-self: center;
    width: 12px;
    margin: auto
}

app-login-box a,
app-login-box h4,
app-login-box p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1.4
}

app-login-box h4 {
    -ms-grid-column: 2
}

app-login-box p {
    margin: 0 0 10px 0
}

app-login-box a {
    text-decoration: underline;
    cursor: pointer
}

app-login-box .login-body {
    padding: 15px 40px 27px 40px
}

app-logout-box {
    display: block;
    opacity: .8;
    background-color: #222;
    color: #fff
}

app-logout-box header {
    padding-top: 8px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 40px 1fr;
    grid-template-columns: 40px 1fr
}

app-logout-box header .mat-icon {
    -ms-grid-column-align: center;
    justify-self: center;
    width: 12px;
    margin: auto
}

app-logout-box header h4 {
    margin: 8px 0;
    -ms-grid-column: 2
}

app-logout-box .content-text {
    padding: 0 7px 17px 40px;
    margin: 0
}

app-logout-box a,
app-logout-box h4,
app-logout-box p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1.4
}

app-logout-box a {
    text-decoration: underline;
    cursor: pointer
}

app-post-checkout-additional-information {
    display: block;
    background-color: #fff;
    padding: 9px 12px 14px 30px
}

@media (max-width:719px) {
    app-post-checkout-additional-information {
        padding: 15px 16px
    }
}

app-post-checkout-additional-information h3 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    margin: 15px 0
}

app-post-checkout-additional-information ul {
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
    margin-left: 3px
}

app-post-checkout-additional-information li {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    padding: 0 0 5px 0
}

app-offerinfocard {
    width: 100%;
    position: relative
}

@media (min-width:860px) {
    app-offerinfocard {
        display: flex
    }
}

app-offerinfocard .normal .info-bubble {
    margin: 0!important;
    padding: 0!important
}

app-offerinfocard .leftContainer {
    float: left;
    width: 100%
}

app-offerinfocard .leftContainer base-infocard {
    max-width: 390px;
    margin-bottom: 0
}

@media (min-width:1024px) {
    app-offerinfocard .leftContainer {
        width: 334px;
        margin: 32px 0 32px 32px
    }
}

app-offerinfocard .rightContainer {
    float: left
}

@media (min-width:1024px) {
    app-offerinfocard .rightContainer {
        width: 334px;
        margin: 32px 0 32px 50px
    }
}

app-offerinfocard .rightContainer .inline-material-info-bubble .normal .info-bubble,
app-offerinfocard .rightContainer .inline-material-info-bubble i.arrow {
    background-color: #f5f6f9
}

app-offerinfocard .rightContainer .inline-material-info-bubble .normal .info-bubble .icon {
    padding-left: 0;
    padding-right: 0
}

app-offerinfocard .rightContainer .weekdays>p {
    margin: 12px 0
}

app-offerinfocard .rightContainer .content {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    color: #222!important
}

app-offerinfocard .rightContainer .content h1 {
    font-size: 1em;
    line-height: 1.33
}

app-offerinfocard .rightContainer .content .mat-checkbox-label {
    line-height: 1;
    font-weight: 600
}

app-offerinfocard .rightContainer .content ul {
    list-style: none;
    padding: 0!important
}

app-offerinfocard .rightContainer .content ul li {
    overflow: hidden;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 18px;
    padding-top: 18px
}

app-offerinfocard .rightContainer .content ul .subtext {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #666
}

app-offerinfocard .rightContainer .content ul .subtext.header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600;
    color: #222
}

app-activate-cookies-dialog {
    display: flex;
    flex-direction: column;
    max-width: 800px
}

app-activate-cookies-dialog .mat-dialog-title {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    color: #E2002A
}

app-activate-cookies-dialog .mat-dialog-content {
    overflow: hidden
}

app-invoice {
    display: block;
    background-color: #f5f6f9;
    margin-top: 20px;
    position: relative
}

app-invoice .close-button {
    position: absolute;
    color: #666;
    right: 0
}

app-invoice .close-button mat-icon {
    height: 18px
}

app-invoice h4 {
    padding: 26px 9px 15px 33px;
    margin: 0;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400
}

app-invoice .confirm-invoice {
    padding: 0 9px 35px 33px;
    display: block
}

app-invoice .confirm-invoice .mat-checkbox-layout {
    white-space: pre-wrap
}

app-invoice .button-wrapper {
    border-top: 1px #d7d7d7 solid
}

app-invoice .button-wrapper button:first-of-type {
    margin: 7px 0 7px 18px
}

app-invoice-dialog {
    display: block
}

@media (min-width:720px) {
    app-invoice-dialog {
        width: 650px
    }
}

app-invoice-dialog .mat-dialog-content {
    padding: 10px 24px
}

@media (max-width:719px) {
    app-invoice-dialog .mat-dialog-content {
        margin: 0 -16px
    }
}

app-invoice-dialog h4.mat-dialog-title {
    color: #247D24;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 700;
    margin: 0 0 10px
}

@media (min-width:720px) {
    app-invoice-dialog h4.mat-dialog-title {
        margin: 0 0 20px
    }
}

@media (min-width:720px) {
    app-invoice-dialog .label {
        margin-bottom: 5px
    }
}

app-invoice-dialog .recipient-type {
    margin-bottom: 5px;
    display: flex;
    flex-wrap: wrap
}

@media (min-width:720px) {
    app-invoice-dialog .recipient-type {
        margin-bottom: 15px
    }
}

app-invoice-dialog mat-radio-group {
    display: flex;
    justify-content: space-between
}

app-invoice-dialog mat-radio-group mat-radio-button {
    margin-top: 5px
}

app-invoice-dialog .form {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-column-gap: 20px
}

@media (min-width:720px) {
    app-invoice-dialog .form {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
    app-invoice-dialog .form .address-supplement,
    app-invoice-dialog .form .label,
    app-invoice-dialog .form .legal-name,
    app-invoice-dialog .form .organization-name,
    app-invoice-dialog .form .recipient-type,
    app-invoice-dialog .form address-input {
        grid-column: span 2
    }
}

app-invoice-dialog .form .label {
    font-weight: 700
}

app-invoice-dialog .mat-dialog-actions {
    padding: 10px 0 20px 0
}

app-deactivate-invoice-dialog {
    display: block
}

@media (min-width:720px) {
    app-deactivate-invoice-dialog {
        width: 650px
    }
}

app-deactivate-invoice-dialog .mat-dialog-title {
    color: #E2002A;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    margin: 0 0 15px
}

app-deactivate-invoice-dialog .mat-dialog-content {
    margin: 0 0 30px 0;
    padding: 0
}

app-deactivate-invoice-dialog .mat-dialog-actions {
    padding: 10px 0 20px 0
}

app-invoice-change-valid-from-date .mat-dialog-content {
    padding: 25px 25px 10px 25px
}

@media (max-width:719px) {
    app-invoice-change-valid-from-date .mat-dialog-content {
        padding: 25px 15px 10px 15px;
        margin: 0 -15px
    }
}

app-invoice-change-valid-from-date h4.mat-dialog-title {
    color: #247D24;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 700;
    margin: 0 0 0
}

app-invoice-change-valid-from-date p {
    margin-top: 0;
    margin-bottom: 10px
}

app-invoice-change-valid-from-date mat-radio-group {
    display: flex;
    flex-direction: column
}

app-invoice-change-valid-from-date mat-radio-button {
    margin-top: 15px
}

app-invoice-change-valid-from-date mat-form-field {
    margin-top: 10px;
    margin-left: 29px
}

app-invoice-wrapper app-invoice {
    max-width: 826px
}

app-foto-upload {
    width: 100%;
    height: 100%;
    margin: 0
}

app-foto-upload .head {
    text-align: center
}

@media (min-width:720px) {
    app-foto-upload .head {
        width: 730px;
        margin: auto;
        margin-top: 30px;
        padding: 30px 40px 0 0
    }
    app-foto-upload .head h2 {
        color: #fff
    }
    app-foto-upload .head p {
        color: #fff;
        margin: 0 0 50px 0
    }
}

@media (max-width:719px) {
    app-foto-upload .head {
        background-color: #fff;
        padding: 30px 40px 0 40px
    }
    app-foto-upload .head h2 {
        color: #222
    }
    app-foto-upload .head p {
        color: #222;
        margin: 0;
        padding-bottom: 16px
    }
}

app-foto-upload .head h2 {
    display: inline-block!important;
    width: 300px;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600;
    text-align: left;
    margin: 0 0 15px 0
}

@media (min-width:720px) {
    app-foto-upload .head h2 {
        width: 100%
    }
}

app-foto-upload .head p {
    display: inline-block!important;
    width: 300px;
    text-align: left;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400
}

app-foto-upload .head p a {
    text-decoration: underline;
    cursor: pointer
}

@media (min-width:720px) {
    app-foto-upload .head p {
        width: 100%
    }
}

app-foto-upload .foto-upload-wrapper {
    width: 100%;
    position: relative;
    display: inline-block
}

@media (min-width:720px) {
    app-foto-upload .foto-upload-wrapper {
        padding: 30px
    }
}

app-foto-upload .foto-upload-left {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 5px
}

@media (min-width:720px) {
    app-foto-upload .foto-upload-left {
        width: auto;
        margin-right: 20px
    }
}

app-foto-upload .foto-upload-right {
    position: relative;
    float: left;
    width: 100%;
    padding: 10px 10px 0 10px;
    text-align: center
}

@media (min-width:720px) {
    app-foto-upload .foto-upload-right {
        width: 50%;
        text-align: left
    }
}

app-foto-upload .foto-upload-right-top {
    position: relative;
    float: left;
    width: 100%;
    padding: 10px;
    text-align: center
}

@media (min-width:720px) {
    app-foto-upload .foto-upload-right-top {
        width: 50%;
        text-align: left
    }
}

app-foto-upload .foto-upload-image-wrapper {
    position: relative;
    display: inline-block;
    width: 300px;
    min-height: 305px;
    background: #f5f6f9;
    border-radius: 4px;
    border: 1px solid #b1b1b1;
    overflow: hidden
}

app-foto-upload .line-bottom {
    padding-bottom: 10px;
    border-bottom: 1px solid #d7d7d7
}

app-foto-upload .line-top {
    border-top: 1px solid #d7d7d7
}

app-foto-upload .error-item {
    position: relative;
    float: left;
    margin: 5px;
    cursor: pointer
}

app-foto-upload .error-text {
    font-size: 1rem;
    white-space: break-spaces
}

app-foto-upload .foto-upload-details-list {
    margin: 5px 0;
    padding-left: 15px;
    font-size: 0.765rem;
    line-height: 18px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

app-foto-upload .foto-upload-details-list li {
    padding-left: 0;
    padding-bottom: 0
}

app-foto-upload .foto-upload-details-header {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 18px
}

app-foto-upload .image-error-message-list {
    color: #E2002A;
    display: block;
    position: absolute;
    z-index: 10;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

app-foto-upload .error-message-item {
    width: 100%;
    position: relative;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px
}

app-foto-upload .top-button-bar {
    color: #666;
    position: relative;
    width: 100%;
    padding-right: 0
}

app-foto-upload .image-processing-button-bar {
    color: #247D24;
    bottom: 0;
    position: absolute;
    width: 100%;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

app-foto-upload .button-float-left {
    margin: 5px 10px;
    position: relative;
    float: left;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

app-foto-upload .button-float-right {
    margin: 5px;
    position: relative;
    float: right;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

app-foto-upload .upload-label {
    width: 100%;
    height: 100%;
    min-height: 305px;
    background: #f5f6f9;
    display: block;
    position: relative;
    z-index: 5;
    cursor: pointer
}

app-foto-upload .upload-label:hover {
    background: #d7d7d7
}

app-foto-upload .upload-loading-spinner {
    position: absolute;
    left: 50%;
    top: 74px;
    margin-left: -25px;
    z-index: 3
}

app-foto-upload .upload-icon {
    width: 40px;
    height: 40px
}

app-foto-upload .upload-label-text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 700;
    text-decoration: underline
}

app-foto-upload .upload-input {
    visibility: hidden;
    width: 0;
    height: 0
}

app-foto-upload .upload-section {
    width: 100%;
    text-align: center;
    margin-top: 25%;
    color: #666
}

app-foto-upload .foto-upload-preview {
    display: inline-block;
    text-align: left;
    width: 300px
}

@media (min-width:720px) {
    app-foto-upload .foto-upload-preview {
        width: 100%
    }
}

app-foto-upload .preview-image {
    border-radius: 50%;
    width: 85px;
    height: 85px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

app-foto-upload .preview-image-explanation {
    display: inline-block;
    width: 65%;
    margin-left: 15px
}

app-foto-upload .align-middle {
    vertical-align: middle
}

app-foto-upload .title {
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

app-foto-upload .statement {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

app-foto-upload .image-cropper {
    width: 100%;
    padding: 0;
    padding-top: 5px;
    margin-bottom: 35px;
    background: #f5f6f9
}

app-foto-upload .error-icon {
    width: 24px;
    height: 24px
}

app-foto-upload .form {
    overflow-y: auto;
    margin-bottom: 15px;
    background-color: #fff
}

@media (max-width:719px) {
    app-foto-upload .form {
        height: 100%;
        margin-bottom: 0
    }
    app-foto-upload .form h2 {
        margin-bottom: 20px
    }
}

@media (min-width:720px) {
    app-foto-upload .form {
        width: 730px;
        margin: 20px auto;
        height: auto
    }
    app-foto-upload .form h2 {
        margin: 30px 0 30px 0
    }
}

app-error-page,
error-page {
    height: 100%
}

app-error-page .error-header,
error-page .error-header {
    display: flex;
    align-items: center;
    padding-left: 12px;
    background-color: #fff
}

app-error-page .error-header .header h1,
error-page .error-header .header h1 {
    font-weight: 400;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.625rem;
    line-height: 1;
    margin: 8px 0 0 0;
    color: #666
}

app-error-page .error-content,
error-page .error-content {
    padding: 24px 100px;
    background-color: #f5f6f9;
    height: 100%
}

app-error-page .error-content h1,
error-page .error-content h1 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.625rem;
    line-height: 1;
    font-weight: 400
}

@media (max-width:719px) {
    app-error-page .error-content,
    error-page .error-content {
        padding: 12px
    }
    app-error-page .error-content h1,
    error-page .error-content h1 {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1
    }
}

app-error-page .error-content section a,
error-page .error-content section a {
    text-decoration: underline
}

app-error-page .error-content section ul li,
error-page .error-content section ul li {
    padding: 0
}

body[state="root.ticket.quickstart"] app-ticket-shop-main .root-content-wrapper .ticket-content {
    display: flex
}

app-home {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1
}

app-home .background,
app-home [appChangingBackground] {
    height: unset;
    min-height: 250px;
    background-position: center center
}

app-home [aria-posinset="4"] {
    min-width: 0!important;
    flex-grow: 1;
    pointer-events: none;
    border-right: 0 solid #b1b1b1;
    padding: 0
}

app-home .travel-header {
    margin-left: 40px;
    margin-top: 40px
}

@media (max-width:719px) {
    app-home .travel-header {
        margin-left: 25px;
        margin-top: 25px
    }
}

app-home .travel-header h2 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    margin-bottom: 5px
}

app-home .travel-header span {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

app-home .customer-selection {
    flex: 1 0 auto
}

app-home .customer-information,
app-home .tab0Content,
app-home app-travel-action-push,
app-home general-info-bubble {
    margin: 0 auto
}

app-home .customer-selection {
    padding-top: 40px
}

app-home .customer-tab,
app-home app-general-information {
    margin: auto
}

app-home .customer-tab {
    margin: auto;
    background-color: #fff
}

app-home .customer-tab {
    margin-bottom: 40px
}

app-home app-general-information {
    margin-bottom: 10px
}

app-home .limit-background {
    background-size: cover;
    background-position: center
}

app-home .customer-information {
    margin-bottom: 145px
}

@media (min-width:720px) {
    app-home .customer-information {
        min-height: 270px
    }
    app-home .customer-information.empty {
        min-height: unset
    }
}

app-home app-home-user-box {
    margin-bottom: 215px
}

@media (max-width:720px) {
    app-home app-home-user-box {
        margin-bottom: 0
    }
}

app-home app-travel-input {
    margin: 40px 40px 25px 40px
}

app-home app-travel-input.extended-selection {
    margin: 40px
}

app-home app-home-shop {
    display: block
}

@media (max-width:1279px) {
    app-home .customer-information,
    app-home .customer-tab,
    app-home .tab0Content,
    app-home app-general-information,
    app-home app-travel-action-push {
        margin-left: 105px;
        margin-right: 25px
    }
    app-home app-travel-action-push {
        width: unset
    }
}

@media (max-width:719px) {
    app-home .customer-information,
    app-home .customer-tab,
    app-home .tab0Content,
    app-home app-general-information,
    app-home app-travel-action-push {
        margin-left: 0;
        margin-right: 0
    }
    app-home .customer-selection {
        padding-top: 20px
    }
    app-home .customer-tab {
        margin-bottom: 40px
    }
    app-home .background,
    app-home [appChangingBackground] {
        background-image: unset!important;
        min-height: unset
    }
    app-home .tab0Content,
    app-home app-travel-action-push {
        margin-top: 0;
        padding-bottom: 25px;
        margin-bottom: 40px
    }
    app-home .customer-information {
        margin-bottom: 40px
    }
    app-home app-travel-input {
        margin: 25px 25px 25px 25px
    }
    app-home app-travel-input.extended-selection {
        margin: 25px 25px 40px 25px
    }
}

app-home .mat-tab-label {
    border-right: 1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
    opacity: 1;
    min-width: 160px
}

app-home mat-tab-header {
    border-bottom: 0!important;
    max-width: 100vw;
    background-color: #f5f6f9
}

@media (max-width:719px) {
    app-home mat-tab-header {
        border-top: 1px solid #b1b1b1
    }
}

app-home .mat-tab-label-active {
    border-bottom-width: 0!important
}

app-home mat-ink-bar {
    display: none
}

app-home .mat-tab-label-active {
    background-color: #fff
}

app-home .tab-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

@media (max-width:719px) {
    app-home .header-spacing {
        margin-top: 25px
    }
}

@media (max-width:1279px) {
    app-footer>footer {
        margin-left: 105px;
        margin-right: 25px
    }
}

@media (max-width:719px) {
    app-footer>footer {
        margin-left: 0;
        margin-right: 0
    }
    app-footer>footer .app-links,
    app-footer>footer .language,
    app-footer>footer .link-list,
    app-footer>footer .logo-wrapper,
    app-footer>footer .mobile-link-list {
        grid-column: 1/-1
    }
    app-footer>footer .link-list span,
    app-footer>footer .link-list>a {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 0.765rem;
        line-height: 1
    }
    app-footer>footer .logo-wrapper {
        padding: 0 25px
    }
}

app-footer>footer .help-link-list,
app-footer>footer .legal-link-list,
app-footer>footer .link-list {
    display: flex
}

app-footer>footer .help-link-list h5,
app-footer>footer .help-link-list span,
app-footer>footer .help-link-list>a,
app-footer>footer .legal-link-list h5,
app-footer>footer .legal-link-list span,
app-footer>footer .legal-link-list>a,
app-footer>footer .link-list h5,
app-footer>footer .link-list span,
app-footer>footer .link-list>a {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #666
}

app-footer>footer .help-link-list h5,
app-footer>footer .legal-link-list h5,
app-footer>footer .link-list h5 {
    margin: 0 0 5px 0
}

app-footer>footer .help-link-list,
app-footer>footer .legal-link-list {
    flex-direction: column;
    grid-row: 2/-1;
    grid-row-gap: 3px
}

app-footer>footer .link-list {
    align-content: center;
    justify-content: center;
    font-weight: 600
}

app-footer>footer .link-list span,
app-footer>footer .link-list>a {
    padding: 0 10px;
    border-right: 1px solid #666;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

@media (max-width:379px) {
    app-footer>footer .link-list span,
    app-footer>footer .link-list>a {
        border-right: unset
    }
}

app-footer>footer .link-list a:last-child {
    padding-right: 0;
    border-right: unset
}

app-footer>footer .app-links,
app-footer>footer .link-list {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap
}

@media (max-width:719px) {
    app-footer>footer .app-links,
    app-footer>footer .link-list {
        justify-content: center;
        margin-top: 25px;
        padding: 0 25px
    }
}

app-footer .logo-wrapper {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    margin-bottom: 25px
}

@media (max-width:719px) {
    app-footer .logo-wrapper {
        display: flex;
        justify-content: center
    }
}

app-footer .logo {
    width: 50px
}

app-footer .store-badge {
    width: 100px;
    max-height: 30px
}

app-footer .mat-expansion-panel-header-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #666;
    padding: 10px 0
}

app-footer .mobile-link-list {
    border-bottom: 1px solid #d7d7d7
}

app-footer .mobile-link-list:nth-of-type(1) {
    border-top: 1px solid #d7d7d7
}

app-footer app-language-combo-box {
    justify-content: flex-end
}

@media (max-width:719px) {
    app-footer app-language-combo-box {
        justify-content: center
    }
}

app-travel-action-push .heading {
    margin: 0
}

app-travel-action-push .sub-text {
    margin: 10px 0 0 0
}

app-travel-action-push .sub-text a {
    text-decoration: underline
}

app-travel-action-push .header {
    margin-bottom: 25px
}

app-travel-action-push .header h3 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

app-travel-action-push .buttons {
    display: flex;
    justify-content: flex-end;
    margin-top: 40px
}

@media (max-width:719px) {
    app-travel-action-push .buttons {
        margin-top: 25px
    }
}

app-travel-action-push .buttons>a .mat-button-wrapper {
    display: flex;
    align-items: center
}

app-travel-action-push .buttons>a mat-icon {
    height: 16px!important;
    width: 16px!important;
    margin-left: 2px
}

app-travel-action-push .buttons>a mat-icon svg {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

app-travel-action-push .travel-actions {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px 10px
}

@media (max-width:719px) {
    app-travel-action-push .travel-actions {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }
}

app-travel-action-push .travel-actions app-travel-action .icon {
    padding: 5px;
    border-radius: 2px
}

@media (max-width:719px) {
    app-travel-action-push .travel-actions app-travel-action .icon>img {
        height: 40px
    }
}

app-travel-action-push .travel-actions app-travel-action .text {
    margin: 15px 25px 15px 25px;
    gap: 5px
}

@media (max-width:719px) {
    app-travel-action-push .travel-actions app-travel-action .text {
        margin: 15px
    }
}

app-home-shop {
    margin: 40px 40px 65px 40px
}

@media (max-width:719px) {
    app-home-shop {
        margin: 40px 25px 65px 25px
    }
}

app-home-shop .shop-header {
    margin: 40px 0 25px 0
}

app-home-shop .shop-header h3 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    margin: 0 0 5px 0
}

app-home-shop .shop-header p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin: 0
}

app-home-shop shop-item-list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

app-home-shop shop-item-list>.list-item {
    border-bottom: 1px solid #d7d7d7;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center
}

@media (min-width:720px) {
    app-home-shop shop-item-list>.list-item {
        width: calc(50% - 40px)
    }
    app-home-shop shop-item-list>.list-item .shop-folder-content {
        min-height: 85px;
        padding: 10px 0
    }
    app-home-shop shop-item-list>.list-item:nth-child(odd) {
        margin-right: 40px
    }
}

@media (max-width:719px) {
    app-home-shop shop-item-list>.list-item {
        width: 100%
    }
    app-home-shop shop-item-list>.list-item .shop-folder-content {
        padding: 15px 0 10px 0
    }
}

app-home-shop shop-item-list>.list-item .shop-folder-content {
    border-bottom: unset
}

app-home-shop shop-item-list>.list-item .shop-folder-content>.row>.text {
    padding: 10px 15px
}

app-home-shop shop-item-list>.list-item .shop-folder-content>.row>.text>.title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    margin-bottom: 5px
}

app-home-shop shop-item-list>.list-item .shop-folder-content>.row>.icon {
    -ms-grid-row-align: center;
    align-self: center
}

app-home-shop shop-item-list shop-folder-entry .description {
    color: #666
}

app-travel-input {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr min-content;
    grid-template-columns: 1fr 1fr -webkit-min-content;
    grid-template-columns: 1fr 1fr min-content;
    color: #222
}

app-travel-input:not(.extended-selection) {
    grid-column-gap: 25px
}

app-travel-input.extended-selection {
    -ms-grid-columns: 1fr 60px 1fr;
    grid-template-columns: 1fr 60px 1fr
}

app-travel-input.extended-selection avc-new-power-tool-bar {
    grid-column: 1/-1
}

app-travel-input.extended-selection app-travel-passenger-list {
    margin-top: 4px;
    min-height: 55px;
    cursor: pointer
}

@media (max-width:719px) {
    app-travel-input.extended-selection {
        -ms-grid-columns: 1fr 60px;
        grid-template-columns: 1fr 60px
    }
    app-travel-input.extended-selection .person,
    app-travel-input.extended-selection .via-duration,
    app-travel-input.extended-selection div,
    app-travel-input.extended-selection>app-travel-station-input {
        grid-column: 1/-1
    }
    app-travel-input.extended-selection .switch-direction,
    app-travel-input.extended-selection .to {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }
    app-travel-input.extended-selection app-travel-passenger-list {
        margin-top: 0;
        min-height: 55px
    }
    app-travel-input.extended-selection .to {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2
    }
    app-travel-input.extended-selection .switch-direction {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3
    }
}

@media (max-width:719px) {
    app-travel-input {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

app-travel-input .switch-direction {
    margin: 10px auto
}

app-travel-input .filter-button {
    font-weight: 400;
    padding-left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

app-travel-input .add-via-button {
    padding-right: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

app-travel-input .via {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    grid-column: 1/-1;
    margin-bottom: 15px
}

app-travel-input .via>button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

app-travel-input .person {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    margin-bottom: 25px
}

app-travel-input .via-duration {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    white-space: nowrap
}

app-travel-input .via-duration>button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin-left: 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

app-travel-input .via-duration .mat-form-field-subscript-wrapper {
    white-space: normal;
    width: 250px
}

@media (min-width:1024px) {
    app-travel-input .via-duration .mat-form-field-subscript-wrapper {
        width: 400px
    }
}

app-travel-input .via-duration .mat-form-field-infix {
    width: 160px
}

app-travel-input .date .mat-form-field-infix,
app-travel-input .time .mat-form-field-infix {
    width: unset;
    height: 59px
}

app-travel-input .travel-time {
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

app-travel-input .travel-time .mat-form-field-suffix {
    top: .35em
}

app-travel-input .travel-time .date {
    flex: 1 1 180px;
    margin-right: 10px
}

app-travel-input .travel-time .date .mat-form-field-infix {
    padding-top: 13px
}

app-travel-input .travel-time .time {
    flex: 1 1
}

app-travel-input .travel-time .time .mat-form-field-infix {
    padding-top: 11px
}

app-travel-input .travel-time .time .time-icon {
    height: 24px
}

app-travel-input .travel-time .time-wrapper {
    flex: 1 1 180px;
    display: flex
}

app-travel-input .travel-time app-toggle {
    margin: 10px 0 0 10px;
    min-width: 80px
}

@media (max-width:719px) {
    app-travel-input .travel-time app-toggle {
        margin: 10px 25px 10px 25px
    }
}

app-travel-input .ticket-button-wrapper {
    display: flex;
    justify-content: flex-end;
    grid-column: -2/-1
}

@media (max-width:719px) {
    app-travel-input .ticket-button-wrapper {
        flex-direction: column
    }
}

@media (min-width:720px) {
    app-travel-input .ticket-button-wrapper {
        margin-top: 4px
    }
}

app-travel-input .ticket-button-wrapper .simple-travel-button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    padding: 10px 40px!important;
    height: 55px
}

@media (max-width:719px) {
    app-travel-input .ticket-button-wrapper .simple-travel-button {
        width: 100%
    }
}

@media (min-width:720px) {
    app-travel-input .ticket-button-wrapper .openTravelActionDialogButtonContainer>button,
    app-travel-input .ticket-button-wrapper>app-split-button>button {
        height: 55px
    }
}

@media (max-width:719px) {
    app-travel-input .ticket-button-wrapper .openTravelActionDialogButtonContainer,
    app-travel-input .ticket-button-wrapper>app-split-button {
        margin-top: 7px;
        width: 100%
    }
}

app-travel-input .mat-datepicker-toggle {
    color: #222
}

app-travel-input .open-split-dialog-button {
    padding: 10px 40px!important;
    width: 100%;
    font-size: 1rem
}

app-travel-input .open-split-dialog-icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 12px;
    margin-left: 5px
}

.travel-action-list-dialog-container .mat-dialog-container {
    padding: 0!important
}

.cdk-overlay-pane .time-autocomplete {
    background-color: #fff;
    overflow-y: scroll
}

.cdk-overlay-pane .mat-datepicker-close-button {
    display: none
}

app-home-login-box {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    background-color: #fff;
    border-top: 5px solid #E2002A;
    max-width: 520px;
    padding: 25px
}

@media (max-width:719px) {
    app-home-login-box {
        padding: 25px;
        max-width: unset
    }
}

app-home-login-box h3 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 700;
    margin: 0 0 10px 0
}

app-home-login-box .text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

app-home-login-box p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin: 10px 0
}

app-home-login-box .button-bar {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-top: 10px
}

app-home-login-box .infocard-divider {
    margin: 25px 0
}

app-home-user-box {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    background-color: #fff;
    border-top: 5px solid #E2002A;
    max-width: 460px;
    padding: 25px
}

@media (max-width:719px) {
    app-home-user-box {
        max-width: unset
    }
}

app-home-user-box h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    margin: 0
}

app-home-user-box h3.name {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 700
}

app-home-user-box p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin: 10px 0
}

app-home-user-box a {
    cursor: pointer;
    text-decoration: underline
}

app-home-user-box .button-bar {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap
}

app-home-user-box .divider-space {
    margin-top: 25px
}

app-home-user-box ticket-infocard {
    margin-top: 25px;
    display: block
}

app-home-user-box base-infocard p {
    margin: 0;
    text-align: left
}

app-general-information {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 38px 1fr 30px;
    grid-template-columns: 38px 1fr 30px;
    background-color: #221d47;
    color: #fff;
    padding: 10px 0
}

app-general-information .header {
    font-weight: 600;
    margin-bottom: 2px
}

app-general-information .content,
app-general-information .header,
app-general-information a {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

app-general-information a {
    text-decoration: underline
}

app-general-information .info-icon {
    width: 17px;
    height: 17px
}

app-general-information .close,
app-general-information .info-icon {
    margin: 0 auto
}

app-general-information .close,
app-general-information .mat-icon-button {
    width: 25px;
    height: 25px;
    margin-top: -5px;
    line-height: unset
}

app-general-information .close mat-icon,
app-general-information .mat-icon-button mat-icon {
    width: 14px;
    height: 14px
}

app-language-combo-box {
    display: flex;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.9rem;
    line-height: 1.33
}

app-language-combo-box label {
    font-weight: 600;
    color: #666;
    margin: 10px 5px
}

app-language-combo-box .mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 5px 0;
    border-top-width: 5px;
    width: 130px
}

app-language-combo-box .mat-form-field-appearance-outline .mat-select-arrow-wrapper {
    -webkit-transform: unset;
    transform: unset
}

app-language-combo-box .selected-language {
    display: flex
}

app-language-combo-box .selected-language>span {
    -ms-grid-row-align: center;
    align-self: center;
    margin-left: 10px
}

app-language-combo-box .mat-icon {
    width: 18px;
    height: 18px
}

app-travel-station-input {
    display: flex
}

app-travel-station-input>mat-form-field {
    width: 100%
}

@media (min-width:720px) {
    app-travel-station-input {
        min-width: 160px
    }
}

@media (max-width:719px) {
    app-travel-station-input .mat-form-field-wrapper {
        padding-bottom: 15px
    }
}

.cdk-overlay-container .station-autocomplete {
    max-height: unset
}

.cdk-overlay-container .station-autocomplete .station-autocomplete-box {
    margin-top: -2px;
    border: 2px solid #000;
    padding: 10px 0
}

.cdk-overlay-container .station-autocomplete mat-option:last-of-type .mat-option-text {
    border-bottom: unset
}

.cdk-overlay-container .station-autocomplete mat-option .mat-option-text {
    display: flex;
    height: 100%;
    border-bottom: 1px solid #d7d7d7
}

.cdk-overlay-container .station-autocomplete mat-option .mat-option-text mat-icon {
    width: 20px;
    height: 20px
}

.cdk-overlay-container .station-autocomplete mat-option .mat-option-text .option-wrapper {
    margin: auto 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    display: flex;
    align-items: center
}

.cdk-overlay-container .station-autocomplete-conventional-scroll {
    max-height: unset;
    max-height: 300px
}

.cdk-overlay-container .station-autocomplete-conventional-scroll .station-autocomplete-box {
    margin-top: -2px;
    border: 2px solid #000;
    padding: 10px 0
}

.cdk-overlay-container .station-autocomplete-conventional-scroll mat-option:last-of-type .mat-option-text {
    border-bottom: unset
}

.cdk-overlay-container .station-autocomplete-conventional-scroll mat-option .mat-option-text {
    display: flex;
    height: 100%;
    border-bottom: 1px solid #d7d7d7
}

.cdk-overlay-container .station-autocomplete-conventional-scroll mat-option .mat-option-text mat-icon {
    width: 20px;
    height: 20px
}

.cdk-overlay-container .station-autocomplete-conventional-scroll mat-option .mat-option-text .option-wrapper {
    margin: auto 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    display: flex;
    align-items: center
}

app-travel-passenger-list {
    display: flex;
    border: 1px solid #222;
    border-radius: 2px;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center
}

app-travel-passenger-list .person-list {
    list-style-type: none;
    padding: 15px 5px 15px 15px;
    margin: 0
}

app-travel-passenger-list .person-list>li {
    padding: 0
}

app-travel-passenger-list .change-wrapper {
    display: flex;
    align-items: center;
    padding-right: 10px
}

app-travel-passenger-list .change-wrapper .change {
    color: #E2002A;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    font-weight: 700;
    padding-right: 10px
}

app-travel-passenger-list .change-wrapper .passenger-icon {
    width: 32px;
    height: 32px
}

app-travel-passenger-list .person1 {
    color: #000
}

app-travel-duration-input>div {
    align-items: flex-end
}

app-travel-duration-input>div .input-unity {
    margin-right: 10px
}

app-favorite {
    display: block
}

app-favorite .favorite {
    border-bottom: 1px solid #d7d7d7;
    margin: 0 40px 0 40px;
    padding: 40px 0 65px 0
}

app-favorite .favorite.empty {
    padding: 0
}

@media (max-width:719px) {
    app-favorite .favorite {
        margin: 0 25px 0 25px;
        padding: 40px 0 40px 0
    }
}

app-favorite .favorite:last-child {
    border-bottom: unset
}

app-favorite-offer {
    display: block
}

app-favorite-offer rta-infocard {
    max-width: 390px
}

app-favorite-offer rta-infocard rta-infocard-bubbles .inline-material-info-bubble {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .25)
}

app-favorite-offer app-loading-icon {
    grid-column: 1/-1
}

app-favorite-travel {
    display: block
}

app-favorite-travel rta-infocard {
    max-width: 390px
}

app-favorite-travel app-loading-icon {
    grid-column: 1/-1
}

app-favorite-search {
    display: block
}

app-favorite-search app-travel-action {
    background-color: #f5f6f9;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .25)
}

app-favorite-search app-travel-action .title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

app-favorite-base {
    display: block
}

app-favorite-base>header {
    margin-bottom: 25px
}

app-favorite-base>header>h3 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    display: flex;
    align-items: center;
    margin: 0 0 5px 0
}

@media (max-width:719px) {
    app-favorite-base>header>h3 {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1rem;
        line-height: 1
    }
}

app-favorite-base>header>h3 .info-icon {
    width: 15px;
    height: 15px;
    line-height: 15px;
    margin-left: 15px;
    margin-bottom: 3px
}

@media (max-width:380px) {
    app-favorite-base>header>h3 .info-icon {
        margin-left: 5px;
        padding-left: 10px;
        padding-right: 10px
    }
}

app-favorite-base>header>h3 .info-icon .mat-icon-button,
app-favorite-base>header>h3 .info-icon mat-icon {
    vertical-align: unset!important;
    width: 15px;
    height: 15px
}

@media (max-width:380px) {
    app-favorite-base>header>h3 .info-icon .mat-icon-button,
    app-favorite-base>header>h3 .info-icon mat-icon {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

app-favorite-base>header>h3 .info-icon svg {
    vertical-align: top
}

app-favorite-base>header>p {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

app-favorite-base .infocards-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 40px
}

@media (max-width:719px) {
    app-favorite-base .infocards-container {
        gap: 15px 40px;
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }
}

app-favorite-base .infocards-container base-infocard {
    max-width: 390px;
    margin-bottom: 0
}

app-favorite-base .no-content>p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-style: italic;
    margin-bottom: 40px
}

app-travel-action {
    flex: 1 1 300px
}

app-travel-action>button {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: stretch
}

app-travel-action .icon {
    flex: 0 0 54px;
    display: flex
}

app-travel-action .icon>img {
    max-height: 54px;
    margin: auto
}

app-travel-action .title {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 700
}

app-travel-action .text {
    margin: 10px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1
}

app-travel-action .text>p {
    margin: 0
}

app-travel-action .description {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

app-travel-action .remove-icon {
    margin: auto
}

body[state="root.ticket.station"] app-ticket-shop-main .root-content-wrapper .ticket-content {
    display: flex
}

app-station {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1
}

app-station .background-image {
    height: 350px;
    background-position: center center
}

@media (min-width:720px) {
    app-station .background-image {
        min-height: 250px
    }
}

app-station .travel-input-wrapper {
    background-color: #fff;
    max-width: 980px;
    margin: -170px auto auto
}

@media (max-width:719px) {
    app-station .travel-input-wrapper {
        margin: 25px auto
    }
}

app-station .travel-input-wrapper .travel-input {
    margin: 40px
}

app-station .travel-input-wrapper .heading {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

app-station .travel-input-wrapper .ticket-button-wrapper {
    justify-content: space-between;
    grid-column: 1/-1
}

app-station .travel-input-wrapper .ticket-button-wrapper .back-button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    height: 55px
}

@media (max-width:719px) {
    app-station .travel-input-wrapper .ticket-button-wrapper .back-button {
        width: 100%;
        order: 2;
        text-align: center
    }
}

app-station .travel-input-wrapper .ticket-button-wrapper>app-split-button {
    width: unset
}

@media (max-width:719px) {
    app-station .travel-input-wrapper .ticket-button-wrapper>.simple-travel-button {
        margin-top: 25px;
        margin-bottom: 25px
    }
}

app-invoice-copy-dialog h4.mat-dialog-title {
    color: #247D24;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 700;
    margin: 0 0 0
}

app-invoice-copy-dialog .mat-dialog-content {
    padding: 15px 25px 10px 25px
}

@media (max-width:719px) {
    app-invoice-copy-dialog .mat-dialog-content {
        padding: 15px 15px 10px 15px;
        margin: 0 -15px
    }
}

app-invoice-copy-dialog p {
    margin-top: 0;
    margin-bottom: 25px
}

app-invoice-copy-dialog .contact-email {
    max-width: 500px;
    width: 100%
}

smart-journey-infocard .smart-journey-main-content-container {
    width: 390px;
    background-color: #f5f6f9;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .25);
    overflow: hidden
}

smart-journey-infocard .smart-journey-main-content-container>nav.infocard-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 10px 15px
}

smart-journey-infocard .smart-journey-main-content-container>nav.infocard-nav .smart-journey-comment-icon-container {
    display: inline-flex
}

smart-journey-infocard .smart-journey-main-content-container>nav.infocard-nav .smart-journey-comment-icon-container .smart-journey-comment-icon {
    display: none;
    width: 20px;
    height: 20px;
    cursor: pointer
}

smart-journey-infocard .smart-journey-main-content-container .grid-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 42px 6fr 1fr;
    grid-template-columns: 42px 6fr 1fr;
    gap: 0 15px
}

smart-journey-infocard .smart-journey-main-content-container>header.grid-container {
    padding: 0 15px
}

smart-journey-infocard .smart-journey-main-content-container>header.grid-container div:last-child {
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column-span: 2;
    grid-column-end: span 2
}

smart-journey-infocard .smart-journey-main-content-container>section.main {
    padding: 10px 15px
}

smart-journey-infocard .smart-journey-main-content-container>section.main .grid-container {
    margin-bottom: 10px
}

smart-journey-infocard .smart-journey-main-content-container h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 700;
    line-height: 1.1em;
    margin: 0;
    padding: 0
}

smart-journey-infocard .smart-journey-route-container {
    display: flex;
    flex-direction: column;
    margin-top: 5px
}

smart-journey-infocard .smart-journey-route-container infocard-title {
    margin-bottom: 5px
}

smart-journey-infocard .smart-journey-route-container infocard-title h2 {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 700
}

smart-journey-infocard .smart-journey-route-container .smart-journey-date-price {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    line-height: normal;
    color: #666
}

smart-journey-infocard .smart-journey-route-container .smart-journey-bold {
    font-weight: 700
}

smart-journey-infocard .smart-journey-route-container ul {
    margin: 15px 0 0 0;
    padding: 0 0 0 18px
}

smart-journey-infocard .smart-journey-route-container ul li {
    margin-bottom: 15px;
    padding: 0
}

smart-journey-infocard .smart-journey-route-container ul li span {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

smart-journey-infocard .smart-journey-route-container ul li div {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

smart-journey-infocard .smart-journey-main-content {
    width: 100%;
    min-height: 202px
}

smart-journey-infocard .smart-journey-train-icon {
    width: 42px;
    height: 42px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden
}

smart-journey-infocard .smart-journey-border-line {
    height: 1px;
    background-color: #f5f6f9;
    width: 390px
}

smart-journey-infocard .smart-journey-border-line hr {
    margin: 0 15px;
    background-color: #d7d7d7
}

smart-journey-infocard .smart-journey-buttons {
    width: 390px;
    height: 46px;
    background-color: #f5f6f9;
    display: flex;
    align-content: center
}

smart-journey-infocard .smart-journey-buttons button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    margin: 5px 5px;
    padding: 5px 10px
}

smart-journey-infocard .smart-journey-buttons button:active {
    background-color: #f5f6f9
}

pending-payment-dialog .animationContainer {
    background: url(/static/images/loadingAnimation.gif) no-repeat center center;
    width: 100%;
    height: 150px;
    margin-bottom: 20px
}

.pendingPaymentScreen mat-dialog-container {
    background: #eee
}

.checkbox {
    display: inline-block
}

.checkboxButton {
    cursor: pointer;
    color: #222
}

.checkboxButton>.col1 {
    float: left;
    width: 32px;
    padding-top: 18px
}

.checkboxButton>.col2 {
    overflow: hidden;
    padding: 18px 0 18px 0
}

.checkboxButton>.col2 label {
    cursor: pointer;
    line-height: 1.1em;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 600
}

.checkboxButton>.col2 .transcluded {
    margin-top: 18px
}

.checkboxButton:focus,
.checkboxButton:hover {
    background: #e6e6e6
}

.checkboxButton:focus svg,
.checkboxButton:hover svg {
    background: #e6e6e6
}

.checkboxButton:active svg {
    background: #ccc
}

.checkboxButton.disabled>.col2 {
    color: #b1b1b1
}

.checkboxButton.disabled>.col2 label {
    color: #b1b1b1
}

collapsible-box {
    display: block
}

collapsible-box[white] {
    background-color: #fff
}

collapsible-box[white]>collapsible-box-content,
collapsible-box[white]>collapsible-box-header {
    background-color: #fff
}

collapsible-box:not(.collapsed)>collapsible-box-header svg {
    width: 20px
}

collapsible-box:not(.collapsed)>collapsible-box-header ts-vogerl {
    display: none
}

collapsible-box.collapsed>collapsible-box-content {
    max-height: 0
}

collapsible-box ts-vogerl {
    cursor: pointer
}

collapsible-box>collapsible-box-header {
    cursor: pointer
}

collapsible-box>collapsible-box-header>div {
    padding: 16px
}

collapsible-box>collapsible-box-header>div:first-child {
    max-width: 35px;
    width: 35px;
    padding-right: 0
}

collapsible-box>collapsible-box-header>div:last-child {
    padding-left: 0;
    margin-right: 35px
}

collapsible-box>collapsible-box-content {
    display: block;
    max-height: 99999px;
    overflow: hidden
}

collapsible-box>collapsible-box-content>section>div:first-child {
    padding-left: 35px;
    margin-left: 16px
}

collapsible-box>collapsible-box-content>section>div:last-child {
    margin-right: 16px;
    padding-right: 35px
}

collapsible-box>collapsible-box-content>footer {
    flex: 1 0 auto;
    min-height: 16px
}

collapsible-box>collapsible-box-content>footer>div {
    padding: 0 16px 16px 16px
}

collapsible-box>collapsible-box-content>footer>div:first-child {
    padding-left: 51px;
    padding-right: 0
}

collapsible-box>collapsible-box-content>footer>div:last-child {
    padding-left: 0;
    padding-right: 51px
}

.form collapsible-box-content,
collapsible-box .form,
collapsible-box form,
form collapsible-box-content {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

.form collapsible-box-content select,
collapsible-box .form select,
collapsible-box form select,
form collapsible-box-content select {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

.form collapsible-box-content table,
collapsible-box .form table,
collapsible-box form table,
form collapsible-box-content table {
    width: 100%;
    margin-bottom: 40px
}

.form collapsible-box-content table tr td,
collapsible-box .form table tr td,
collapsible-box form table tr td,
form collapsible-box-content table tr td {
    width: 50%;
    padding: 15px 35px 0 0
}

.form collapsible-box-content table tr td:first-child,
collapsible-box .form table tr td:first-child,
collapsible-box form table tr td:first-child,
form collapsible-box-content table tr td:first-child {
    padding-left: 51px
}

.form collapsible-box-content table tr td:last-child,
collapsible-box .form table tr td:last-child,
collapsible-box form table tr td:last-child,
form collapsible-box-content table tr td:last-child {
    padding-right: 51px
}

.form collapsible-box-content table tr td.doubleEqualColumn>div,
collapsible-box .form table tr td.doubleEqualColumn>div,
collapsible-box form table tr td.doubleEqualColumn>div,
form collapsible-box-content table tr td.doubleEqualColumn>div {
    width: 50%;
    float: left
}

.form collapsible-box-content table tr td.thirdEqualColumn>div,
collapsible-box .form table tr td.thirdEqualColumn>div,
collapsible-box form table tr td.thirdEqualColumn>div,
form collapsible-box-content table tr td.thirdEqualColumn>div {
    width: 33%;
    float: left
}

.form collapsible-box-content section.flexRow .flexRow,
collapsible-box .form section.flexRow .flexRow,
collapsible-box form section.flexRow .flexRow,
form collapsible-box-content section.flexRow .flexRow {
    margin-bottom: 15px;
    margin-right: 35px
}

.form collapsible-box-content [ts-click].loading .loading-wrapper,
collapsible-box .form [ts-click].loading .loading-wrapper,
collapsible-box form [ts-click].loading .loading-wrapper,
form collapsible-box-content [ts-click].loading .loading-wrapper {
    background: #fff
}

.form collapsible-box-content button[disabled],
collapsible-box .form button[disabled],
collapsible-box form button[disabled],
form collapsible-box-content button[disabled] {
    color: #b1b1b1
}

.form collapsible-box-content input[type=search],
.form collapsible-box-content input[type=text],
collapsible-box .form input[type=search],
collapsible-box .form input[type=text],
collapsible-box form input[type=search],
collapsible-box form input[type=text],
form collapsible-box-content input[type=search],
form collapsible-box-content input[type=text] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    background-color: #fff;
    border-color: #d7d7d7;
    border-style: none none solid;
    border-width: medium medium 1px;
    outline: 0;
    width: 100%;
    color: #222;
    padding: 4px 0
}

.threeColumnFooter {
    background-color: #fff;
    min-height: 130px;
    height: 130px;
    display: flex
}

.threeColumnFooter>div.nopointer {
    cursor: default
}

.threeColumnFooter>.col1 {
    flex: 0 0 74px;
    text-align: center
}

.threeColumnFooter>.col1 svg {
    margin-top: 19px
}

.threeColumnFooter>.col1 svg[iconname=tickets-icon] {
    margin-top: 12px;
    width: 32px;
    height: 24px
}

.threeColumnFooter>.col2 {
    flex: 1
}

.threeColumnFooter>.col2 h2 {
    color: #E2002A;
    fill: #E2002A;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600;
    margin: 19px 0 23px 0
}

.threeColumnFooter>.col2 h2.info {
    color: #247D24;
    fill: #247D24
}

.threeColumnFooter>.col2 p {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 600;
    line-height: 1.25em;
    color: #666
}

.threeColumnFooter>.col2 p a {
    color: #222;
    text-decoration: underline
}

.threeColumnFooter>.col2 p a:focus,
.threeColumnFooter>.col2 p a:hover {
    color: #999
}

.threeColumnFooter>.col2 p a:active {
    color: #666
}

.threeColumnFooter>.col2.nopointer {
    cursor: default
}

.threeColumnFooter>.col3 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 600;
    line-height: 1.1em;
    flex: 0 0 109px;
    background-color: #E2002A;
    color: #fff;
    text-align: center
}

.threeColumnFooter>.col3.disabled {
    background-color: #b1b1b1
}

.threeColumnFooter>.col3.disabled span {
    display: none
}

.threeColumnFooter>.col3 .price {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.25em
}

.threeColumnFooter>.col3:focus,
.threeColumnFooter>.col3:hover {
    background-color: #E2002A
}

.threeColumnFooter>.col3:focus.disabled,
.threeColumnFooter>.col3:hover.disabled {
    background-color: #b1b1b1
}

.threeColumnFooter>.col3:active {
    background-color: #E2002A
}

.threeColumnFooter>.col3:active.disabled {
    background-color: #b1b1b1
}

:focus {
    outline: 0
}

:focus.noOutline {
    outline: 0
}

.rotateElement180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rotateElement180 svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.date-of-birth {
    padding: 0;
    border: 0
}

.date-of-birth .formWrapper {
    display: flex
}

.date-of-birth .formWrapper .inputGroup {
    margin: 0
}

.date-of-birth .formWrapper .inputGroup:first-of-type {
    flex: 1 0 50px;
    min-width: 50px
}

.date-of-birth .formWrapper .inputGroup:nth-child(2) {
    flex: 1 0 70px;
    min-width: 70px
}

.date-of-birth .formWrapper .inputGroup:nth-child(3) {
    flex: 1 0 70px;
    min-width: 70px
}

.date-of-birth .formWrapper .inputGroup:last-of-type {
    flex: 1 0 100px;
    min-width: 100px
}

.footerShadow {
    z-index: 10;
    position: absolute;
    left: 0;
    bottom: -1px;
    right: 0;
    height: 1px
}

.headerShadow {
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px
}

.overflowCheck {
    height: 0;
    visibility: hidden
}

.dropdownWrapper,
ts-dropdown-wrapper {
    position: relative;
    display: inline-block
}

ts-dropdown {
    position: absolute;
    top: 26px;
    left: 0;
    height: auto;
    z-index: 10;
    background-color: #f5f6f9
}

ts-dropdown>.entry {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
    color: #222
}

ts-dropdown>.entry.hover {
    background-color: #d7d7d7
}

ts-dropdown>.entry>.wrapper {
    padding: 10px;
    border-bottom: 1px solid #d7d7d7
}

ts-dropdown>.entry>.wrapper>.text {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    color: #222
}

.globalInfobubbleContent {
    min-width: 500px
}

.globalInfobubbleContent .errorHeader {
    color: #E2002A!important
}

.globalInfobubbleContent .warningHeader {
    color: #E2002A!important
}

.globalInfobubbleContent .infobubble-left {
    padding-top: 20px;
    width: 55px;
    display: inline-block;
    float: left;
    text-align: center
}

.globalInfobubbleContent .infobubble-right {
    overflow: hidden;
    padding: 22px 0 19px 0
}

ts-info-bubble {
    visibility: hidden!important;
    width: 0!important;
    height: 0!important;
    overflow: hidden!important
}

.infoBubble {
    opacity: 0;
    transition: left .2s ease-out, top .2s ease-out, height .2s ease-out, width .2s ease-out, opacity .25s ease-out, margin-top .25s ease-out;
    background-color: #fff;
    background-clip: content-box;
    cursor: default;
    position: relative;
    outline: 0
}

.infoBubble svg:not(:root) {
    overflow: visible
}

.infoBubble.plain>.contentWrapper {
    padding: 0
}

.infoBubble.plain>.contentWrapper>section {
    margin: 0;
    padding: 0
}

.infoBubble.plain>.contentWrapper>footer:before {
    display: none
}

.infoBubble.noBubble {
    background-color: inherit!important
}

.infoBubble.noBubble .infoBubbleArrow {
    display: none!important
}

.infoBubble.noBubble .contentWrapper {
    background-color: inherit!important;
    padding: 0!important
}

.infoBubble.noBubble .contentWrapper .left {
    display: none!important
}

.infoBubble.inlineWidth {
    display: inline-block
}

.infoBubble.visible {
    opacity: 1;
    width: auto;
    height: auto
}

.infoBubble.arrow>.infoBubbleArrow {
    display: inline-block
}

.infoBubble.overlay {
    position: fixed;
    z-index: 101
}

.infoBubble.border,
.infoBubble.overlay {
    border-bottom: 1px solid #d7d7d7;
    box-shadow: 0 5px 15px 1px rgba(0, 0, 0, .6)
}

.infoBubble.border>.infoBubbleArrow,
.infoBubble.overlay>.infoBubbleArrow {
    z-index: 1;
    border-left: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7
}

.infoBubble.border>.contentWrapper,
.infoBubble.overlay>.contentWrapper {
    border: 1px solid #d7d7d7;
    border-bottom: none
}

.infoBubble.border {
    box-shadow: none
}

.infoBubble .info .left>.contentWrapper footer a:focus,
.infoBubble .info .left>.contentWrapper footer a:hover,
.infoBubble .info .left>.contentWrapper footer>input:focus,
.infoBubble .info .left>.contentWrapper footer>input:hover,
.infoBubble .info footer>.contentWrapper footer a:focus,
.infoBubble .info footer>.contentWrapper footer a:hover,
.infoBubble .info footer>.contentWrapper footer>input:focus,
.infoBubble .info footer>.contentWrapper footer>input:hover,
.infoBubble .info header>.contentWrapper footer a:focus,
.infoBubble .info header>.contentWrapper footer a:hover,
.infoBubble .info header>.contentWrapper footer>input:focus,
.infoBubble .info header>.contentWrapper footer>input:hover,
.infoBubble.info .content .left>.contentWrapper footer a:focus,
.infoBubble.info .content .left>.contentWrapper footer a:hover,
.infoBubble.info .content .left>.contentWrapper footer>input:focus,
.infoBubble.info .content .left>.contentWrapper footer>input:hover,
.infoBubble.info .content footer>.contentWrapper footer a:focus,
.infoBubble.info .content footer>.contentWrapper footer a:hover,
.infoBubble.info .content footer>.contentWrapper footer>input:focus,
.infoBubble.info .content footer>.contentWrapper footer>input:hover,
.infoBubble.info .content header>.contentWrapper footer a:focus,
.infoBubble.info .content header>.contentWrapper footer a:hover,
.infoBubble.info .content header>.contentWrapper footer>input:focus,
.infoBubble.info .content header>.contentWrapper footer>input:hover {
    color: #2fa52f
}

.infoBubble .info .left>.contentWrapper footer a:active,
.infoBubble .info .left>.contentWrapper footer>input:active,
.infoBubble .info footer>.contentWrapper footer a:active,
.infoBubble .info footer>.contentWrapper footer>input:active,
.infoBubble .info header>.contentWrapper footer a:active,
.infoBubble .info header>.contentWrapper footer>input:active,
.infoBubble.info .content .left>.contentWrapper footer a:active,
.infoBubble.info .content .left>.contentWrapper footer>input:active,
.infoBubble.info .content footer>.contentWrapper footer a:active,
.infoBubble.info .content footer>.contentWrapper footer>input:active,
.infoBubble.info .content header>.contentWrapper footer a:active,
.infoBubble.info .content header>.contentWrapper footer>input:active {
    color: #3fc83f
}

.infoBubble .warning .left footer a:focus,
.infoBubble .warning .left footer a:hover,
.infoBubble .warning .left footer>input:focus,
.infoBubble .warning .left footer>input:hover,
.infoBubble .warning footer footer a:focus,
.infoBubble .warning footer footer a:hover,
.infoBubble .warning footer footer>input:focus,
.infoBubble .warning footer footer>input:hover,
.infoBubble .warning header footer a:focus,
.infoBubble .warning header footer a:hover,
.infoBubble .warning header footer>input:focus,
.infoBubble .warning header footer>input:hover,
.infoBubble.warning .content .left footer a:focus,
.infoBubble.warning .content .left footer a:hover,
.infoBubble.warning .content .left footer>input:focus,
.infoBubble.warning .content .left footer>input:hover,
.infoBubble.warning .content footer footer a:focus,
.infoBubble.warning .content footer footer a:hover,
.infoBubble.warning .content footer footer>input:focus,
.infoBubble.warning .content footer footer>input:hover,
.infoBubble.warning .content header footer a:focus,
.infoBubble.warning .content header footer a:hover,
.infoBubble.warning .content header footer>input:focus,
.infoBubble.warning .content header footer>input:hover {
    color: #d75c5a
}

.infoBubble .warning .left footer a:active,
.infoBubble .warning .left footer>input:active,
.infoBubble .warning footer footer a:active,
.infoBubble .warning footer footer>input:active,
.infoBubble .warning header footer a:active,
.infoBubble .warning header footer>input:active,
.infoBubble.warning .content .left footer a:active,
.infoBubble.warning .content .left footer>input:active,
.infoBubble.warning .content footer footer a:active,
.infoBubble.warning .content footer footer>input:active,
.infoBubble.warning .content header footer a:active,
.infoBubble.warning .content header footer>input:active {
    color: #e18583
}

.infoBubble .error .left footer a:focus,
.infoBubble .error .left footer a:hover,
.infoBubble .error .left footer>input:focus,
.infoBubble .error .left footer>input:hover,
.infoBubble .error footer footer a:focus,
.infoBubble .error footer footer a:hover,
.infoBubble .error footer footer>input:focus,
.infoBubble .error footer footer>input:hover,
.infoBubble .error header footer a:focus,
.infoBubble .error header footer a:hover,
.infoBubble .error header footer>input:focus,
.infoBubble .error header footer>input:hover,
.infoBubble.error .content .left footer a:focus,
.infoBubble.error .content .left footer a:hover,
.infoBubble.error .content .left footer>input:focus,
.infoBubble.error .content .left footer>input:hover,
.infoBubble.error .content footer footer a:focus,
.infoBubble.error .content footer footer a:hover,
.infoBubble.error .content footer footer>input:focus,
.infoBubble.error .content footer footer>input:hover,
.infoBubble.error .content header footer a:focus,
.infoBubble.error .content header footer a:hover,
.infoBubble.error .content header footer>input:focus,
.infoBubble.error .content header footer>input:hover {
    color: #d75c5a
}

.infoBubble .error .left footer a:active,
.infoBubble .error .left footer>input:active,
.infoBubble .error footer footer a:active,
.infoBubble .error footer footer>input:active,
.infoBubble .error header footer a:active,
.infoBubble .error header footer>input:active,
.infoBubble.error .content .left footer a:active,
.infoBubble.error .content .left footer>input:active,
.infoBubble.error .content footer footer a:active,
.infoBubble.error .content footer footer>input:active,
.infoBubble.error .content header footer a:active,
.infoBubble.error .content header footer>input:active {
    color: #e18583
}

.infoBubble .content.twoColumn {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.infoBubble .content.twoColumn .left {
    flex: 0 0 40px
}

.infoBubble .content.twoColumn2 .left {
    float: left;
    width: 40px
}

.infoBubble .content.twoColumn2 .right {
    overflow: hidden
}

.infoBubble .content.twoColumn2.inlineWidth {
    display: inline-block
}

.infoBubble>.contentWrapper {
    background-color: inherit;
    padding: 12px 12px 20px 20px
}

.info.infoBubble>.contentWrapper {
    padding: 0
}

.info.infoBubble>.contentWrapper>.left {
    padding-top: 17px;
    width: 55px;
    display: inline-block;
    float: left;
    text-align: center
}

.info.infoBubble>.contentWrapper>.right {
    overflow: hidden;
    padding: 23px 0 19px 0
}

.infoBubble>.contentWrapper header {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1.25em;
    padding: 0 29px 0 0;
    box-sizing: border-box;
    font-weight: 400;
    margin: 0
}

.infoBubble>.contentWrapper header>h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1.25em;
    padding: 0 29px 0 0;
    box-sizing: border-box;
    font-weight: 400;
    margin: 0
}

.infoBubble>.contentWrapper section {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #666;
    line-height: 1.25em;
    margin: 8px 29px 23px 0
}

.infoBubble>.contentWrapper footer {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1.25em;
    border-top: 1px solid #d7d7d7;
    position: relative;
    padding-top: 16px
}

.infoBubble>.contentWrapper footer:before {
    content: " ";
    position: absolute;
    width: 15px;
    height: 1px;
    background-color: #f5f6f9;
    left: -15px;
    top: -1px
}

.infoBubble>.contentWrapper footer a,
.infoBubble>.contentWrapper footer>input {
    background: 0 0;
    border: none;
    padding: 0;
    outline: 0
}

@media (min-width:379px) {
    .infoBubble>.contentWrapper footer a,
    .infoBubble>.contentWrapper footer>input {
        margin-left: 20px
    }
}

.infoBubble>.contentWrapper footer a:first-child,
.infoBubble>.contentWrapper footer>input:first-child {
    margin-left: 0
}

.infoBubble [name=close] {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 16px;
    height: 16px;
    fill: #666;
    opacity: 0;
    transition: opacity .3s
}

.infoBubble .closeBtnWrapper:focus [name=close],
.infoBubble:focus [name=close],
.infoBubble:hover [name=close] {
    display: inline-block;
    fill: #b1b1b1;
    opacity: 1
}

.infoBubble>.infoBubbleArrow {
    background-color: inherit;
    display: none;
    z-index: -1;
    width: 24px;
    position: absolute;
    height: 24px
}

.infoBubble.bottom.inline {
    margin-top: 17.14px;
    margin-bottom: 18px
}

.infoBubble.bottom>.infoBubbleArrow {
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -12px;
    left: 5.14px
}

.infoBubble.top.inline {
    margin-bottom: 17.14px
}

.infoBubble.top>.infoBubbleArrow {
    display: inline-block;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    bottom: -12px;
    left: 5.14px
}

.infoBubble.right.inline {
    margin-left: 17.14px
}

.infoBubble.right>.infoBubbleArrow {
    display: inline-block;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    top: 5.14px;
    left: -12px
}

.infoBubble.left.inline {
    margin-right: 17.14px
}

.infoBubble.left>.infoBubbleArrow {
    display: inline-block;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 5.14px;
    right: -12px
}

.infoBubble.centered {
    text-align: left;
    margin: 1px solid #d7d7d7;
    box-shadow: 3px 6px 20px #d7d7d7;
    left: 50%;
    top: 50%;
    position: absolute
}

.infoBubble.hasTopBar {
    top: calc(50% - 26px)
}

.infoBubble:focus {
    background-color: #f2f2f2
}

.infoBubble.info>.contentWrapper footer a:focus,
.infoBubble.info>.contentWrapper footer a:hover,
.infoBubble.info>.contentWrapper footer>input:focus,
.infoBubble.info>.contentWrapper footer>input:hover {
    color: #2fa52f
}

.infoBubble.info>.contentWrapper footer a:active,
.infoBubble.info>.contentWrapper footer>input:active {
    color: #3fc83f
}

.infoBubble.error footer a:focus,
.infoBubble.error footer a:hover,
.infoBubble.error footer>input:focus,
.infoBubble.error footer>input:hover,
.infoBubble.warning footer a:focus,
.infoBubble.warning footer a:hover,
.infoBubble.warning footer>input:focus,
.infoBubble.warning footer>input:hover,
.infoBubble[name=globalErrorBubble] footer a:focus,
.infoBubble[name=globalErrorBubble] footer a:hover,
.infoBubble[name=globalErrorBubble] footer>input:focus,
.infoBubble[name=globalErrorBubble] footer>input:hover {
    color: #d75c5a
}

.infoBubble.error footer a:active,
.infoBubble.error footer>input:active,
.infoBubble.warning footer a:active,
.infoBubble.warning footer>input:active,
.infoBubble[name=globalErrorBubble] footer a:active,
.infoBubble[name=globalErrorBubble] footer>input:active {
    color: #e18583
}

.infoBubble.infoInfo {
    margin-bottom: 20px;
    background-color: #221d47;
    color: #fff
}

.infoBubble.infoInfo svg {
    color: #fff;
    fill: #fff
}

.infoBubble.infoInfo>.contentWrapper {
    padding-right: 0;
    padding-bottom: 16px
}

.infoBubble.infoInfo>.contentWrapper header {
    padding-top: 3px;
    padding-left: 10px;
    font-weight: 700
}

.infoBubble.infoInfo>.contentWrapper section {
    padding-left: 10px;
    margin-bottom: 16px;
    color: #fff
}

.infoBubble.infoInfo>.contentWrapper footer {
    padding-left: 10px;
    padding-top: 13px
}

.infoBubble.infoInfo>.contentWrapper footer>.closeGeneralInfoBubble {
    float: right;
    margin-right: 29px
}

.infoBubble.blocking .blockingLayer {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    opacity: .5;
    z-index: 10
}

.infoBubble.blocking>.contentWrapper {
    z-index: 15;
    position: relative
}

.cardinput {
    z-index: 0;
    position: relative
}

.cardinput:focus {
    outline: 0
}

.cardinput>.placeholder {
    z-index: 0;
    position: absolute;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    line-height: 1.25em;
    font-weight: 400;
    color: #666;
    cursor: text
}

.cardinput input {
    background-color: transparent;
    border: none
}

.cardinput input:focus {
    outline: 0
}

tab {
    display: block
}

tabs {
    display: block
}

tabs.fullWidth>header>button {
    flex: 1
}

tabs .borderline {
    background-color: #d7d7d7;
    height: 1px
}

tabs>header {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: transparent;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600;
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

tabs>header>button {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-bottom: 4px solid transparent
}

tabs>header>button.selected {
    border-bottom: 4px solid
}

tabs>header>button span {
    width: 100%;
    line-height: 25px;
    height: 25px;
    text-align: center;
    padding: 0 25px;
    margin: 10px 0;
    border-right: 1px solid #d7d7d7
}

tabs>header>button:first-child>span {
    border-left: none
}

tabs>header>button:last-child>span {
    border-right: none
}

label.top {
    display: flex;
    flex-wrap: wrap
}

label.top>span:first-child {
    flex: 0 0 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #b1b1b1
}

ts-vogerl {
    cursor: pointer
}

.vogerlWrapper:not(.collapsed) ts-vogerl svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

[circle-count] {
    position: relative
}

[circle-count][circle-count="0"]:after,
[circle-count][circle-count=""]:after {
    display: none
}

[circle-count][circle-count-outside]:after {
    right: -20px
}

[circle-count]:after {
    position: absolute;
    top: -5px;
    right: -1px;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    padding: 2px;
    color: #fff;
    background-color: #E2002A;
    border-radius: 50%;
    text-align: center;
    content: attr(circle-count)
}

archive-infocard-list {
    display: block;
    overflow-y: scroll;
    height: 100%
}

archive-infocard-list>section {
    color: #b1b1b1;
    margin: 32px 0
}

archive-infocard-list ticket-infocard {
    width: 100%
}

feedback-support #feedbackSupport {
    transition: opacity .3s cubic-bezier(.23, 1, .675, 1.12), -webkit-transform .3s cubic-bezier(.23, 1, .675, 1.12);
    transition: opacity .3s cubic-bezier(.23, 1, .675, 1.12), transform .3s cubic-bezier(.23, 1, .675, 1.12);
    transition: opacity .3s cubic-bezier(.23, 1, .675, 1.12), transform .3s cubic-bezier(.23, 1, .675, 1.12), -webkit-transform .3s cubic-bezier(.23, 1, .675, 1.12)
}

feedback-support #feedbackSupport .contentWrapper {
    padding: 15px 20px 20px 32px;
    background-color: #222;
    height: auto;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #b1b1b1
}

feedback-support #feedbackSupport .contentWrapper h2 {
    color: #fff;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 600;
    line-height: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width:1024px) {
    feedback-support #feedbackSupport {
        padding: 30px 0 0 320px
    }
}

@media (min-width:720px) {
    feedback-support #feedbackSupport .contentWrapper {
        width: 320px
    }
}

.stepper {
    background-color: transparent
}

.b2b-tan p {
    color: #666
}

.side-by-side-form-fields {
    display: flex;
    justify-content: space-between
}

.side-by-side-form-fields.two-fields>div {
    width: 47.5%
}

.side-by-side-form-fields .mat-form-field-wrapper {
    width: 100%
}

new-account .matForm mat-error {
    margin-top: 0
}

@media (max-width:719px) {
    new-account .register-explaination {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
    new-account .new-account-disclaimer {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 0.765rem;
        line-height: 1
    }
}

new-account .inputWrapper .mat-form-field-underline {
    position: static
}

new-account .inputWrapper .mat-form-field-subscript-wrapper {
    position: static
}

new-account .footer-section .right {
    display: flex;
    flex-direction: row-reverse
}

.new-account-disclaimer {
    padding: 0;
    margin-top: 10px
}

.new-account-disclaimer a {
    color: #247D24;
    text-decoration: underline
}

.b2b-form .two-inputs-row {
    display: flex
}

.b2b-form .two-inputs-row .zip-code-input {
    width: 30%!important;
    margin-right: 8px
}

.b2b-form .two-inputs-row .city-code-input {
    width: 70%!important
}

.b2b-form .identification-number-inputs {
    padding-top: 8px;
    padding-bottom: 8px
}

.b2b-form .address-wrapper {
    width: 60%
}

.infoBubble[name=myCouponsDetail] {
    width: 100%;
    background-color: #666;
    position: relative;
    margin-left: 0;
    z-index: 100
}

.infoBubble[name=myCouponsDetail].border {
    border: none
}

.infoBubble[name=myCouponsDetail].border>.contentWrapper,
.infoBubble[name=myCouponsDetail].border>.infoBubbleArrow {
    border: none
}

.infoBubble[name=myCouponsDetail]:focus {
    background-color: #666
}

@media (min-width:720px) {
    .infoBubble[name=myCouponsDetail]:focus {
        background-color: #222
    }
}

@media (min-width:720px) {
    .infoBubble[name=myCouponsDetail] {
        background-color: #222
    }
}

.infoBubble[name=myCouponsDetail] .contentWrapper {
    padding: 20px;
    border-color: #222!important
}

.infoBubble[name=myCouponsDetail] .contentWrapper .couponWrapper {
    padding: 5px;
    background: url(/static/images/components/coupon/voucherBg.svg) right top repeat-y;
    background-size: 100%
}

.infoBubble[name=myCouponsDetail] .contentWrapper .couponWrapper header {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    color: #fff;
    margin: 20px;
    padding: 0 0 10px;
    border-bottom: 1px solid #d7d7d7
}

.infoBubble[name=myCouponsDetail] .contentWrapper .couponWrapper header .voucherIcon {
    flex: 0 1 35px;
    text-align: left
}

.infoBubble[name=myCouponsDetail] .contentWrapper .couponWrapper header .logoIcon {
    flex: 0 1;
    text-align: left;
    min-width: 46px;
    min-height: 18px;
    background-image: url(/static/images/components/header/oebb-logo-30-80.svg);
    background-repeat: no-repeat;
    background-size: 100% auto
}

.infoBubble[name=myCouponsDetail] .contentWrapper .couponWrapper header .title {
    flex: 1;
    align-self: flex-end;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    text-align: right;
    min-width: 1px
}

.infoBubble[name=myCouponsDetail] .contentWrapper .couponWrapper section {
    color: #000;
    margin: 20px
}

.infoBubble[name=myCouponsDetail] .contentWrapper .couponWrapper section .couponDates,
.infoBubble[name=myCouponsDetail] .contentWrapper .couponWrapper section .couponValues {
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.infoBubble[name=myCouponsDetail] .contentWrapper .couponWrapper section .couponDates div,
.infoBubble[name=myCouponsDetail] .contentWrapper .couponWrapper section .couponValues div {
    display: flex;
    flex-wrap: wrap;
    line-height: 1.5em
}

.infoBubble[name=myCouponsDetail] .contentWrapper .couponWrapper section .couponDates div label,
.infoBubble[name=myCouponsDetail] .contentWrapper .couponWrapper section .couponValues div label {
    flex: 0 1;
    color: #b1b1b1;
    white-space: nowrap
}

.infoBubble[name=myCouponsDetail] .contentWrapper .couponWrapper section .couponDates div span,
.infoBubble[name=myCouponsDetail] .contentWrapper .couponWrapper section .couponValues div span {
    flex: 1 0;
    text-align: right;
    color: #fff
}

.infoBubble[name=myCouponsDetail] .contentWrapper .couponWrapper section .couponDates div span .amount,
.infoBubble[name=myCouponsDetail] .contentWrapper .couponWrapper section .couponValues div span .amount {
    color: #247D24
}

.infoBubble[name=myCouponsDetail] .contentWrapper .couponWrapper section .couponFooter {
    text-align: left;
    color: #b1b1b1
}

.infoBubble[name=myCouponsDetail] .contentWrapper .couponWrapper section .couponFooter a {
    text-decoration: underline;
    word-wrap: break-word
}

.infoBubble[name=myCouponsDetail] .contentWrapper footer {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    line-height: 1.1em;
    border: none;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between
}

.infoBubble[name=myCouponsDetail] .contentWrapper footer:before {
    display: none
}

mycoupons .myCouponInputWrapper .inputSection {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 10px
}

mycoupons .myCouponInputWrapper .inputSection>.couponInput {
    background-color: transparent;
    border: none;
    color: #fff;
    line-height: 1.2em;
    min-width: 200px;
    margin-bottom: 3px;
    padding-right: 10px;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    flex: 1 1 auto
}

mycoupons .myCouponInputWrapper .inputSection .clearInput {
    fill: #666;
    flex: 0 0 15px
}

mycoupons .myCouponInputWrapper .errorSection .error {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #E2002A
}

mycoupons .infoBubble[name=myCouponsAdd] {
    width: 100%;
    background-color: #fff;
    position: relative;
    margin-left: 0;
    z-index: 100
}

mycoupons .infoBubble[name=myCouponsAdd].border {
    border: none
}

mycoupons .infoBubble[name=myCouponsAdd].border>.contentWrapper,
mycoupons .infoBubble[name=myCouponsAdd].border>.infoBubbleArrow {
    border: none
}

mycoupons .infoBubble[name=myCouponsAdd]:focus {
    background-color: #666
}

@media (min-width:720px) {
    mycoupons .infoBubble[name=myCouponsAdd]:focus {
        background-color: #222
    }
}

@media (min-width:720px) {
    mycoupons .infoBubble[name=myCouponsAdd] {
        background-color: #222
    }
}

mycoupons .infoBubble[name=myCouponsAdd] .contentWrapper {
    padding: 15px;
    border-color: #222!important
}

mycoupons .infoBubble[name=myCouponsAdd] .contentWrapper .couponInput {
    width: 100%;
    padding-bottom: 1px
}

mycoupons .infoBubble[name=myCouponsAdd] .contentWrapper header {
    padding: 0
}

mycoupons .infoBubble[name=myCouponsAdd] .contentWrapper header .title {
    color: #222;
    font-weight: 600;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

mycoupons .infoBubble[name=myCouponsAdd] .contentWrapper header .description {
    color: #222;
    font-weight: 600;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    line-height: 1em
}

@media (min-width:720px) {
    mycoupons .infoBubble[name=myCouponsAdd] .contentWrapper header .description,
    mycoupons .infoBubble[name=myCouponsAdd] .contentWrapper header .title {
        color: #fff;
        font-weight: 400
    }
}

mycoupons .infoBubble[name=myCouponsAdd] .contentWrapper section {
    margin: 30px 0 23px 0
}

mycoupons .infoBubble[name=myCouponsAdd] .contentWrapper footer {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    line-height: 1.1em;
    border: none;
    text-transform: uppercase
}

mycoupons .infoBubble[name=myCouponsAdd] .contentWrapper footer:before {
    display: none
}

mycoupons .infoBubble[name=myCouponsAdd] .contentWrapper footer .addCouponAddButton {
    background-color: #247D24;
    color: #fff
}

@media (min-width:720px) {
    mycoupons .infoBubble[name=myCouponsAdd] .contentWrapper footer .addCouponAddButton {
        background-color: transparent;
        color: #247D24
    }
}

mycoupons .myCouponInputWrapper .inputSection {
    border: none
}

mycoupons mat-form-field .mat-form-field-label,
mycoupons mat-form-field input.mat-input-element {
    color: #222!important;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1
}

@media (min-width:720px) {
    mycoupons mat-form-field .mat-form-field-label,
    mycoupons mat-form-field input.mat-input-element {
        color: #fff!important
    }
}

mycoupons mat-form-field .mat-form-field-label.mat-empty.mat-form-field-empty {
    color: #222!important
}

@media (min-width:720px) {
    mycoupons mat-form-field .mat-form-field-label.mat-empty.mat-form-field-empty {
        color: #868686!important
    }
}

mycoupons mat-form-field .mat-input-element {
    caret-color: #222
}

@media (min-width:720px) {
    mycoupons mat-form-field .mat-input-element {
        caret-color: #fff
    }
}

mycoupons mat-form-field .mat-form-field-label:not(.mat-form-field-empty) {
    color: #247D24!important
}

@media (min-width:720px) {
    mycoupons mat-form-field .mat-form-field-label:not(.mat-form-field-empty) {
        color: #7fbb38!important
    }
}

mycoupons mat-form-field .mat-form-field-ripple,
mycoupons mat-form-field .mat-form-field-underline {
    background-color: #d7d7d7!important
}

mycoupons mat-form-field .mat-form-field-appearance-legacy .mat-form-field-label {
    color: #868686
}

mycoupons mat-form-field span.mat-form-field-label-wrapper {
    top: -1.25em;
    line-height: 1.225
}

mycoupons mat-form-field .mat-form-field-wrapper {
    padding-bottom: 1.25em;
    width: 100%
}

mycoupons mat-form-field [name=close] {
    right: 6px!important;
    top: 8px!important
}

.myCoupon {
    background: url(/static/images/components/coupon/voucherBg.svg) right top repeat-y;
    background-size: 99%;
    margin-bottom: 15px;
    padding: 15px
}

.myCoupon .couponHeader {
    display: flex;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 700;
    margin-bottom: 20px
}

.myCoupon .couponHeader .title {
    flex: 1 0;
    color: #fff
}

.myCoupon .couponHeader .amount {
    flex: 0 0 80px;
    text-align: right;
    color: #fff
}

.myCoupon .couponInfo {
    color: #fff;
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.myCoupon .couponInfo p {
    margin: 0
}

.myCoupon .couponInfo .icon {
    flex: 0 0 30px;
    fill: #757398
}

.myCoupon .couponInfo .description {
    flex: 1 0
}

.myCoupon .couponContent {
    display: flex;
    align-items: center
}

.myCoupon .couponContent .left {
    flex: 1 1
}

.myCoupon .couponContent .left label {
    color: #b1b1b1
}

.myCoupon .couponContent .left span {
    color: #fff
}

.myCoupon .couponContent .right {
    text-align: right;
    flex: 0 0 50px
}

.myCoupon.locked .couponHeader .amount,
.myCoupon.locked .couponHeader .title {
    color: #b1b1b1
}

.myCoupon.locked .couponInfo .icon {
    fill: #E2002A
}

.myCoupon.locked .couponInfo .description {
    color: #E2002A
}

.myCoupon.locked .couponContent .left span {
    color: #b1b1b1
}

mycoupons {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    width: 100%;
    height: 100%;
    display: block
}

@media (max-width:719px) {
    mycoupons {
        background-color: #222
    }
}

mycoupons .leftContainer {
    display: flex;
    flex-direction: column;
    background-color: #222;
    position: relative
}

@media (min-width:720px) {
    mycoupons .leftContainer {
        min-height: 566px;
        float: left;
        width: 290px;
        margin: 32px 0 32px 0
    }
}

@media (min-width:860px) {
    mycoupons .leftContainer {
        width: 334px
    }
}

mycoupons .leftContainer .overlay {
    z-index: 1
}

mycoupons .leftContainer .innerPadLarge {
    padding-left: 64px
}

mycoupons .leftContainer .innerPadLargeInverse .couponDetail {
    margin-left: -40px;
    margin-bottom: 20px;
    margin-right: -40px
}

mycoupons .leftContainer .innerPadLargeInverse .couponAdd {
    margin-left: -40px;
    margin-bottom: 20px;
    margin-right: -25px;
    padding-right: 0
}

mycoupons .leftContainer>.myCouponsContainer {
    padding: 20px 25px 25px 25px;
    min-height: calc(100% - 62px)
}

@media (min-width:720px) {
    mycoupons .leftContainer>.myCouponsContainer {
        min-height: calc(100% - 90px)
    }
}

mycoupons .leftContainer>.myCouponsContainer>.myCouponsHeader {
    display: flex;
    align-items: flex-start
}

mycoupons .leftContainer>.myCouponsContainer>.myCouponsHeader>.myCouponsIcon {
    fill: #757398;
    flex: 0 0 45px
}

mycoupons .leftContainer>.myCouponsContainer>.myCouponsHeader>.myCouponsDescription {
    margin-top: 5px;
    flex: 1 0
}

mycoupons .leftContainer>.myCouponsContainer>.myCouponsHeader>.myCouponsDescription h3 {
    color: #fff;
    margin: 0 0 5px 0;
    font-weight: 400;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

mycoupons .leftContainer>.myCouponsContainer>.myCouponsHeader>.myCouponsDescription p {
    color: #fff;
    margin-top: 0
}

mycoupons .leftContainer>.myCouponsContainer .myCouponsActions .myCouponsAdd {
    display: flex;
    align-items: center;
    justify-content: center
}

mycoupons .leftContainer>.myCouponsContainer .myCouponsActions .myCouponsAdd .plus-icon {
    width: 16px;
    margin-top: -2px
}

mycoupons .leftContainer>.myCouponsContainer .myCouponsActions .myCouponsAdd .addCouponIcon {
    flex: 0 0 55px;
    text-align: right
}

mycoupons .leftContainer>.myCouponsContainer .myCouponsActions .myCouponsAdd .addCouponIcon svg {
    fill: #247D24
}

mycoupons .leftContainer>.myCouponsContainer .myCouponsListing {
    padding: 15px
}

mycoupons .leftContainer>.myCouponsContainer .myCouponsListing .noCoupons {
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

mycoupons .leftContainer>.myCouponsContainer hr {
    margin-top: 0;
    margin-bottom: 15px;
    background-color: #666
}

mycoupons .rightContainer {
    display: none
}

@media (min-width:720px) {
    mycoupons .rightContainer {
        display: block;
        float: left;
        width: 290px;
        margin: 32px 0 32px 32px
    }
}

@media (min-width:860px) {
    mycoupons .rightContainer {
        width: 334px
    }
}

mycoupons .rightContainer .infoBubble {
    -webkit-transform: scale(.3);
    transform: scale(.3);
    transition-delay: .1s;
    transition: opacity .2s cubic-bezier(.23, 1, .675, 1.12), -webkit-transform .2s cubic-bezier(.23, 1, .675, 1.12), transform .2s cubic-bezier(.23, 1, .675, 1.12)
}

mycoupons .rightContainer .infoBubble.visible {
    -webkit-transform: scale(1);
    transform: scale(1)
}

mycoupons mycoupon .couponContent .left span {
    margin: 5px
}

mycoupons .myCoupon {
    cursor: pointer
}

@media (max-width:719px) {
    mycoupons mycoupon coupon-detail {
        display: inherit
    }
}

@media (min-width:719px) {
    mycoupons mycoupon coupon-detail {
        display: none
    }
}

mycoupons mycoupon coupon-detail footer input {
    margin-right: 1em
}

@media (min-width:719px) {
    mycoupons .myCouponsActions coupon-popover {
        display: none
    }
}

mycoupons coupon-detail {
    transition: all .3s;
    display: block;
    margin: 0
}

mycoupons coupon-detail.right .infoBubbleArrow {
    margin-left: 0;
    margin-top: 3em
}

mycoupons coupon-detail.bottom .infoBubbleArrow {
    margin-left: 2.3em;
    margin-top: 2px
}

mycoupons coupon-popover {
    display: block;
    margin: 0
}

mycoupons coupon-popover.right .infoBubbleArrow {
    margin-left: 1px;
    margin-top: 2em
}

mycoupons coupon-popover.bottom .infoBubbleArrow {
    margin-left: 2.3em;
    margin-top: 0
}

.couponInputWrapper .couponInput {
    background-color: transparent;
    min-width: 200px;
    text-align: right
}

.couponInputWrapper>.error {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #E2002A;
    margin-top: 5px
}

off-canvas #off-canvas {
    overflow-y: auto;
    overflow-x: hidden;
    background: #222;
    height: 100vh;
    padding-bottom: 100px;
    width: 272px;
    flex: 0 0 272px
}

@media (min-width:380px) {
    off-canvas #off-canvas {
        flex: 0 0 330px;
        width: 330px;
        padding-bottom: 0
    }
}

off-canvas #off-canvas .off-canvas-container {
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap
}

off-canvas #off-canvas .off-canvas-container .close {
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
    padding-right: 10px
}

off-canvas #off-canvas .off-canvas-container .close svg {
    fill: #fff
}

off-canvas #off-canvas .off-canvas-container .close:focus svg,
off-canvas #off-canvas .off-canvas-container .close:hover svg {
    fill: #b1b1b1;
    cursor: pointer
}

off-canvas #off-canvas .off-canvas-container .close:active svg {
    fill: #666
}

off-canvas #off-canvas .off-canvas-container .off-canvas-footer {
    min-height: 210px
}

off-canvas #off-canvas .off-canvas-container .off-canvas-footer .footer-link {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 600;
    padding: 9px 0 9px 55px
}

off-canvas #off-canvas .off-canvas-container .off-canvas-footer .footer-link:hover {
    cursor: pointer
}

travel-action-listing {
    display: block;
    padding-top: 20px;
    height: calc(100% - 20px);
    overflow: hidden
}

travel-action-listing .travelActions {
    flex: 1 0;
    position: relative;
    left: 0;
    opacity: 1;
    height: 100%;
    transition: opacity .3s ease-in .1s, left .3s ease-in .1s
}

travel-action-listing .travelActions .travel-actions-list {
    height: 100%;
    overflow: scroll;
    padding-bottom: 70px;
    padding-left: 50px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

@media (max-width:719px) {
    travel-action-listing .travelActions .travel-actions-list {
        padding-left: 0
    }
}

travel-action-listing .travelActions .travel-actions-list::-webkit-scrollbar {
    display: none
}

travel-action-listing .travelActions .travel-actions-list.no-invert-button {
    margin-top: 55px
}

@media (max-width:1279px) {
    travel-action-listing .travelActions {
        margin-left: 0
    }
}

@media (max-width:719px) {
    travel-action-listing .travelActions {
        margin-left: 22px
    }
}

travel-action-listing .travelActions.ng-hide {
    left: -60px;
    opacity: 0
}

travel-action-listing .travelActions>.invertRelation {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #fff;
    text-align: right;
    padding: 0 0 20px 20px
}

travel-action-listing .travelActions>.invertRelation>button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 0 3px #222;
    padding: 8px;
    background-color: rgba(34, 34, 34, .6)
}

travel-action-listing .travelActions>.invertRelation>button:focus,
travel-action-listing .travelActions>.invertRelation>button:hover {
    color: #e6e6e6
}

travel-action-listing .travelActions>.invertRelation>button:active {
    color: #ccc
}

@media (min-width:1024px) {
    travel-action-listing .travelActions>.invertRelation {
        max-width: 513px;
        padding-right: 0
    }
    body[state="root.ticket.travel"] travel-action-listing .travelActions>.invertRelation,
    body[state="root.ticket.timetable"] travel-action-listing .travelActions>.invertRelation {
        max-width: 512px
    }
}

@media (max-width:720px) {
    travel-action-listing .travelActions {
        height: auto
    }
}

@media (min-width:720px) and (max-width:859px) {
    body[state="root.ticket.travel"] travel-action-listing .travelActions,
    body[state="root.ticket.timetable"] travel-action-listing .travelActions {
        flex: 0 0 326px
    }
}

travel-action-listing .travelActions .travelAction {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: nowrap;
    min-height: 54px;
    position: relative
}

@media (min-width:1024px) {
    travel-action-listing .travelActions .travelAction {
        max-width: 463px
    }
    body[state="root.ticket.travel"] travel-action-listing .travelActions .travelAction,
    body[state="root.ticket.timetable"] travel-action-listing .travelActions .travelAction {
        max-width: 512px
    }
}

travel-action-listing .travelActions .travelAction>.icon {
    flex: 0 0 54px;
    width: 54px;
    min-height: 54px;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center
}

travel-action-listing .travelActions .travelAction>.icon>img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: 100%
}

travel-action-listing .travelActions .travelAction>.delete {
    position: absolute;
    width: 54px;
    min-height: unset;
    left: 0;
    top: calc(50% - 10px);
    opacity: 0;
    z-index: 1;
    transition: left ease-out .3s, opacity ease-out .3s
}

travel-action-listing .travelActions .travelAction>.delete.active {
    left: -30px;
    opacity: 1
}

@media (min-width:720px) {
    travel-action-listing .travelActions .travelAction>.delete.active {
        transition: left ease-out .3s, opacity ease-out .3s
    }
}

@media (min-width:380px) {
    travel-action-listing .travelActions .travelAction>.delete.active {
        left: -35px
    }
}

travel-action-listing .travelActions .travelAction>.delete button>ts-icon[name=close]>div {
    -webkit-filter: drop-shadow(2px 5px 7px #b1b1b1);
    -moz-filter: drop-shadow(2px 5px 7px #b1b1b1);
    -ms-filter: drop-shadow(2px 5px 7px #b1b1b1);
    filter: drop-shadow(2px 5px 7px #b1b1b1)
}

travel-action-listing .travelActions .travelAction>.text {
    flex: 1 1;
    background-color: #fff;
    padding: 8px 8px 8px 18px;
    min-width: 0;
    color: #222
}

travel-action-listing .travelActions .travelAction>.text>.title {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 700;
    margin: 1px 0 0 0
}

travel-action-listing .travelActions .travelAction>.text>.via {
    margin: 0 0 5px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

travel-action-listing .travelActions .travelAction>.text>.description {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    color: #666;
    margin: 0
}

travel-action-listing .travelActions .travelAction.ng-enter {
    opacity: 0;
    -webkit-transform: translate3d(50vw, 0, 0);
    transform: translate3d(50vw, 0, 0);
    transition: all ease-out .3s, opacity ease-out .3s
}

travel-action-listing .travelActions .travelAction.ng-enter.ng-enter-active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

travel-action-listing .travelActions .travelAction.ng-leave {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all ease-out .4s, opacity ease-out .4s
}

travel-action-listing .travelActions .travelAction.ng-leave.ng-leave-active {
    opacity: 0;
    -webkit-transform: translate3d(0, 50vh, 0);
    transform: translate3d(0, 50vh, 0)
}

travel-action-listing .travelActions .travelAction.ng-enter-stagger {
    transition-delay: .3s
}

travel-action-listing .travelActions>.icon-wrapper {
    height: 29px
}

travel-action-listing .travelActions>.loading {
    max-width: 463px
}

body[state="root.ticket.travel"] travel-action-listing .travelActions>.loading,
body[state="root.ticket.timetable"] travel-action-listing .travelActions>.loading {
    max-width: 512px
}

.travelActionWrapper .delete {
    position: absolute;
    width: 54px;
    min-height: 54px;
    left: 0;
    top: 16px;
    opacity: 0;
    z-index: 1;
    transition: left ease-out .3s, opacity ease-out .3s
}

@media (min-width:380px) {
    .travelActionWrapper .delete {
        top: 18px
    }
}

.travelActionWrapper .travelAction:hover .delete {
    left: -30px;
    opacity: 1;
    transition: left ease-out .3s, opacity ease-out .3s
}

@media (min-width:380px) {
    .travelActionWrapper .travelAction:hover .delete {
        left: -35px
    }
}

.travelActionWrapper button {
    width: 100%
}

@media (min-width:1024px) {
    .travelActionWrapper button {
        max-width: 463px
    }
    body[state="root.ticket.travel"] .travelActionWrapper button,
    body[state="root.ticket.timetable"] .travelActionWrapper button {
        max-width: 512px
    }
}

.travelActionWrapper ts-icon {
    padding: 0 3px
}

.travelActionWrapper .via .label {
    padding-right: 5px
}

body[state^="root.vc.personal"] .ticket-content {
    overflow-y: auto;
    width: 100%;
    z-index: 1
}

vc-personal-check {
    padding-left: 64px;
    padding-right: 64px;
    background-color: #fff;
    color: #222;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100vw
}

@media (min-width:720px) {
    vc-personal-check {
        min-height: 566px;
        width: 434px;
        margin: 32px 0 32px 83px;
        float: left
    }
}

@media (min-width:860px) {
    vc-personal-check {
        margin-left: 128px;
        width: 434px
    }
}

@media (min-width:1024px) {
    vc-personal-check {
        margin-left: 264px;
        width: 434px
    }
}

@media (min-width:1440px) {
    vc-personal-check {
        width: 434px;
        margin-left: 430px
    }
}

vc-personal-check h1 {
    margin: 17px 0 15px 0;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    line-height: 1.25em
}

vc-personal-check h2 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
    line-height: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

vc-personal-check .note {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    line-height: 1.3em;
    margin: 10px 0 34px 0
}

@media (min-width:1024px) {
    vc-personal-check .note {
        font-weight: 400
    }
}

vc-personal-check personal-newsletter {
    display: block;
    margin-top: 10px
}

vc-personal-check a {
    color: #247D24
}

vc-personal-check .finish-button-wrapper {
    flex: 0 1 auto;
    display: flex;
    margin: 30px auto;
    fill: #fff;
    background-color: #247D24
}

vc-personal-check .finish-button-wrapper:hover {
    background-color: #439643
}

vc-personal-check .finish-button-wrapper:disabled {
    background-color: #b1b1b1
}

vc-personal-check .finish-button-wrapper .finish-text {
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

ticket-archive-b2b-hotlinks {
    background-color: #2E3A44
}

ticket-archive-b2b-hotlinks button {
    text-decoration: underline;
    display: inline-block;
    margin: 10px 15px;
    color: #fff
}

.ticket-archive-body-container {
    width: 100%
}

.ticket-archive-body-container .ticket-archive-body {
    width: 100%
}

.ticket-archive-body-container .ticket-archive-body .infoCard-container {
    max-height: 376px
}

.ticket-archive-body-container .ticket-archive-hotlinks {
    width: 100%;
    background-color: #2E3A44
}

.ticket-archive-header {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: row
}

.ticket-archive-header .ticket-archive-header-item {
    background-color: rgba(34, 34, 34, .8);
    overflow: hidden;
    overflow-wrap: break-word;
    width: 100%;
    justify-content: space-around;
    padding: 10px 10px 10px 5px;
    flex-direction: column;
    cursor: pointer
}

.ticket-archive-header .ticket-archive-header-item .ticket-archive-header-item-data-container {
    display: flex;
    justify-content: space-around;
    flex-direction: column
}

.ticket-archive-header .ticket-archive-header-item .ticket-archive-header-item-data-container .ticket-archive-header-item-image {
    fill: #f5f6f9;
    opacity: .8;
    display: flex;
    margin: 0 auto;
    width: 25px;
    height: 25px
}

.ticket-archive-header .ticket-archive-header-item .ticket-archive-header-item-data-container .ticket-archive-header-item-text {
    padding: 0;
    margin: 0;
    text-align: center;
    color: #f5f6f9;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

.ticket-archive-header .ticket-archive-header-item.selected {
    background-color: rgba(34, 34, 34, .8);
    border-bottom: 4px solid #fff
}

.ticket-archive-header .ticket-archive-header-item.selected .ticket-archive-header-item-data-container .ticket-archive-header-item-image {
    fill: #fff;
    opacity: 1;
    margin: 0 auto;
    width: 25px;
    height: 25px
}

.ticket-archive-header .ticket-archive-header-item.selected .ticket-archive-header-item-data-container .ticket-archive-header-item-text {
    color: #fff
}

.ticket-archive-header .ticket-archive-header-item:hover {
    background-color: rgba(34, 34, 34, .8);
    border-bottom: 4px solid #fff
}

.ticket-archive-header .ticket-archive-header-item:hover .ticket-archive-header-item-data-container .ticket-archive-header-item-image {
    opacity: 1
}

.ticket-archive-header .ticket-archive-header-item:hover .ticket-archive-header-item-data-container .ticket-archive-header-item-text {
    color: #fff
}

.ticket-archive-header .ticket-archive-header-item:hover .ticket-archive-header-item-data-container p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

.extendedContainer {
    background: #fff;
    display: flex;
    justify-content: space-around;
    flex-direction: column
}

.extendedContainer .loading-icon {
    fill: #666
}

.extendedContainer.grey {
    background: #f5f6f9
}

.extendedContainer.white {
    background: #fff
}

.extendedContainer .closeExtendedCard {
    height: 100%;
    width: 55px!important;
    padding: 15px 10px;
    border-left: 1px solid #d7d7d7;
    background: #fff;
    cursor: pointer;
    display: flex;
    justify-content: space-around
}

.extendedContainer .closeExtendedCard .closeicon {
    fill: #666
}

.extendedContainer .closeExtendedCard .closeicon svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.extendedContainer .closeExtendedCard.grey {
    background: #f5f6f9
}

.extendedContainer .closeExtendedCard.white {
    background: #fff
}

.extendedContainer base-infocard {
    max-width: 529px;
    margin-bottom: 0
}

.extendedContainer base-infocard section.main {
    padding-left: 0;
    padding-right: 0
}

.extendedContainer base-infocard section.main>.connection-wrapper {
    padding-left: 15px;
    padding-right: 15px
}

.extendedContainer base-infocard section.main>.connection-wrapper .him-rta-rtf:last-child {
    margin-bottom: 2px
}

.extendedContainer base-infocard section.main>.connection-wrapper .him-rta-rtf .info-him .box-container {
    width: 100%;
    margin-top: 12px;
    margin-left: 0;
    border-top: 1px solid #d7d7d7;
    border-radius: 0 0 3px 3px
}

.extendedContainer base-rta-rtf-infocard base-infocard section.main>.connection-wrapper {
    padding-left: 0;
    padding-right: 0
}

.extendedContainer .infoCardWrapper {
    display: flex;
    justify-content: space-around;
    padding-top: 10px
}

.extendedContainer .infoCardWrapper.grey {
    background: #f5f6f9
}

.extendedContainer .infoCardWrapper.white {
    background: #fff
}

.extendedContainer .infoCardWrapper.white .cardWrapper86 base-infocard {
    background: #fff
}

.extendedContainer .infoCardWrapper.white shared-connection-sections .connection .sections .section .journey {
    background-color: #b1b1b1
}

.extendedContainer .infoCardWrapper .cardWrapper86 {
    width: 86%;
    margin: 0
}

.extendedContainer .infoCardWrapper .cardWrapper86 base-infocard {
    background: unset unset;
    margin-bottom: 0;
    box-shadow: none
}

.extendedContainer .infoCardWrapper .cardWrapper86 base-infocard:focus,
.extendedContainer .infoCardWrapper .cardWrapper86 base-infocard:hover {
    background: unset unset
}

.extendedContainer .infoCardWrapper .cardWrapper86 base-infocard section.main .grid-container {
    padding-left: 15px;
    padding-right: 15px
}

.extendedContainer .infoCardWrapper .cardWrapper86 ticket-infocard>ticket-infocard-bubbles>material-info-bubble-with-content>.inline-material-info-bubble {
    width: calc(100% + 54px)
}

.infoCard-item {
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: 75px;
    max-height: 75px;
    background: #fff;
    flex-direction: column;
    padding: 10px 5px 10px 15px
}

.infoCard-item.grey {
    background: #f5f6f9
}

.infoCard-item.white {
    background: #fff
}

.infoCard-item.extended {
    height: auto
}

.infoCard-item .row {
    display: flex;
    justify-content: space-around;
    flex-direction: row
}

.infoCard-item .row .item {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.infoCard-item .row .item p {
    margin: 0;
    color: #000;
    font-weight: 700
}

.infoCard-item .row .item p.sub {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    color: #000;
    opacity: .7;
    font-weight: unset;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px
}

.infoCard-item .row .item.withMargin {
    margin-left: 15px;
    margin-bottom: 5px;
    width: 100%;
    justify-content: center
}

.infoCard-item .row .item.withMargin .from-to {
    display: flex;
    min-width: 0
}

.infoCard-item .row .item.withMargin .from-to p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 95px
}

.infoCard-item .row .item.withMargin .from-to .from-to-icon {
    fill: #666;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.infoCard-item .row .item.end {
    border-left: 1px solid #d7d7d7;
    cursor: pointer;
    justify-content: center;
    flex-direction: row;
    padding: 15px 15px 15px 18px;
    margin-left: 10px
}

.infoCard-item .row .item.end .ticket-archive-item-image {
    fill: #666;
    display: flex;
    justify-content: space-around
}

.month-bar {
    width: 100%;
    background: rgba(35, 35, 35, .9);
    color: #fff;
    padding: 5px;
    cursor: pointer;
    display: flex
}

.month-bar p {
    margin: 0
}

.load-more-item {
    width: 100%;
    background: rgba(35, 35, 35, .9);
    color: #fff;
    padding: 5px;
    cursor: pointer;
    justify-content: center;
    display: flex
}

.load-more-item p {
    margin: 0
}

.infoCard-container {
    max-height: 50vh;
    overflow-y: auto;
    -ms-overflow-style: scrollbar;
    overflow: -moz-scrollbars-vertical;
    margin-top: 15px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .25);
    border-radius: 3px
}

.infoCard-container .no-content-container {
    background: #000;
    opacity: .6;
    padding: 21px
}

.infoCard-container .no-content-container p {
    color: #fff;
    margin: 0
}

ticket-archive-search .ticket-archive-search-item {
    display: flex;
    justify-content: space-between;
    background-color: rgba(34, 34, 34, .8);
    opacity: .85;
    color: #d7d7d7;
    padding-left: 10px;
    padding-right: 10px;
    widtH: 100%;
    height: auto
}

ticket-archive-search .ticket-archive-search-item .mat-form-field-label {
    color: #d7d7d7
}

ticket-archive-search .ticket-archive-search-item .mat-form-field-underline {
    background-color: #d7d7d7
}

ticket-archive-search .ticket-archive-search-item .ticket-archive-search-bar {
    margin-left: 8px
}

ticket-archive-search .ticket-archive-search-item .ticket-archive-search-bar input {
    color: #d7d7d7
}

ticket-archive-search .ticket-archive-search-item .ticket-archive-search-more {
    display: flex;
    justify-content: space-around;
    padding-top: 20px;
    cursor: pointer
}

ticket-archive-search .ticket-archive-search-item .ticket-archive-search-more .ticket-archive-search-more-icon.extended svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    fill: #d7d7d7
}

ticket-archive-search .ticket-archive-search-item .ticket-archive-search-more .ticket-archive-search-more-icon svg {
    fill: #d7d7d7
}

ticket-archive-search .ticket-archive-search-item .ticket-archive-search-more .ticket-archive-search-more-text {
    margin: 0;
    padding-left: 10px
}

ticket-archive-search .datePickerContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    background-color: rgba(34, 34, 34, .8);
    opacity: .85;
    color: #d7d7d7;
    padding-left: 10px;
    padding-right: 10px
}

ticket-archive-search .datePickerContainer .mat-form-field-label {
    color: #fff!important
}

ticket-archive-search .datePickerContainer .mat-form-field-underline {
    border-bottom: 1px solid #d7d7d7!important
}

ticket-archive-search .datePickerContainer .mat-input-element {
    color: #d7d7d7
}

ticket-archive-search .datePickerContainer .mat-datepicker-toggle-default-icon {
    color: #d7d7d7
}

ticket-archive-search mat-input-container label {
    color: #d7d7d7!important
}

ticket-archive-search mat-input-container.md-input-focused label {
    color: #d7d7d7!important
}

ticket-archive-search .mat-input-underline {
    border-bottom: 1px solid #d7d7d7!important
}

ticket-archive {
    display: block;
    max-width: 390px
}

.infoBubble[name=cancelHafasPushServiceCancellation] {
    width: 390px
}

@media (min-width:1439px) {
    newsletter-disclaimer .success-dialog {
        width: 90vw;
        max-width: 90vw
    }
}

@media (min-width:1023px) {
    newsletter-disclaimer .success-dialog {
        width: 90vw;
        max-width: 90vw
    }
}

@media (min-width:719px) {
    newsletter-disclaimer .success-dialog {
        width: 60vw;
        max-width: 60vw
    }
}

newsletter-disclaimer .success-dialog .body-section {
    overflow-y: auto;
    overflow-x: hidden
}

@media (min-width:719px) {
    newsletter-disclaimer .success-dialog .body-section {
        max-height: 80vh
    }
}

newsletter-disclaimer .success-dialog .body-section a {
    text-decoration: underline
}

@media (min-width:860px) {
    newsletter-selection123m-disclaimer .success-dialog {
        width: 700px;
        max-width: 700px
    }
}

@media (max-width:859px) {
    newsletter-selection123m-disclaimer .success-dialog {
        width: 60vw;
        max-width: 60vw
    }
}

newsletter-selection123m-disclaimer .success-dialog .details>h1 {
    margin: 10px 0 5px;
    padding-right: 10px;
    padding-left: 10px;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

@media (max-width:719px) {
    newsletter-selection123m-disclaimer .success-dialog .details>h1 {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1rem;
        line-height: 1;
        padding-right: 5px;
        padding-left: 5px
    }
}

newsletter-selection123m-disclaimer .success-dialog .details>.body-section {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin-top: 10px;
    padding: 0 10px 0 10px
}

newsletter-selection123m-disclaimer .success-dialog .details>.body-section a {
    text-decoration: underline;
    color: #247D24
}

@media (max-width:719px) {
    newsletter-selection123m-disclaimer .success-dialog .details>.body-section {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33;
        padding-right: 5px;
        padding-left: 5px
    }
}

newsletter-selection123m-disclaimer .success-dialog .details>.footer-section {
    margin-top: 25px
}

newsletter-selection123m-disclaimer .success-dialog>.title-section {
    height: 20px;
    margin: 10px 0 5px;
    padding-right: 10px;
    padding-left: 10px;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

@media (max-width:719px) {
    newsletter-selection123m-disclaimer .success-dialog>.title-section {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1rem;
        line-height: 1;
        padding-right: 5px;
        padding-left: 5px
    }
}

newsletter-selection123m-disclaimer .success-dialog>.body-section {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    padding: 0 10px 0 10px
}

@media (max-width:719px) {
    newsletter-selection123m-disclaimer .success-dialog>.body-section {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33;
        padding-right: 5px;
        padding-left: 5px
    }
}

newsletter-selection123m-disclaimer .success-dialog>.body-section>.partners>.title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 700;
    border-bottom: #d7d7d7 1px solid;
    padding-bottom: 15px;
    margin-top: 15px;
    margin-bottom: 0
}

@media (max-width:719px) {
    newsletter-selection123m-disclaimer .success-dialog>.body-section>.partners>.title {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.33
    }
}

newsletter-selection123m-disclaimer .success-dialog>.body-section>.partners>.row {
    display: flex;
    flex-wrap: nowrap;
    height: 44px;
    margin: 1px 0;
    padding: 10px 0 15px;
    border-bottom: #d7d7d7 1px solid
}

newsletter-selection123m-disclaimer .success-dialog>.body-section>.partners>.row>.text {
    flex: 1 1;
    color: #222
}

newsletter-selection123m-disclaimer .success-dialog>.body-section>.partners>.row>.text>.description {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    margin: 0
}

newsletter-selection123m-disclaimer .success-dialog>.body-section>.partners>.row>.next {
    flex: 0 0 0;
    -ms-grid-row-align: center;
    align-self: center;
    display: inherit
}

newsletter-selection123m-disclaimer .success-dialog>.body-section>.partners>.row>.next>mat-checkbox {
    width: 40px;
    margin-top: 8px
}

@media (max-width:719px) {
    newsletter-selection123m-disclaimer .success-dialog>.body-section>.partners>.row>.next>mat-checkbox {
        width: 20px
    }
}

newsletter-selection123m-disclaimer .success-dialog>.body-section>.partners>.row>.next button>.mat-button-wrapper>mat-icon {
    cursor: pointer;
    height: 18px;
    width: 18px;
    margin-top: 4px
}

@media (max-width:719px) {
    newsletter-selection123m-disclaimer .success-dialog>.body-section>.partners>.row>.next button>.mat-button-wrapper>mat-icon {
        height: 16px;
        width: 16px;
        margin-top: 0;
        line-height: 16px
    }
}

newsletter-selection123m-disclaimer .success-dialog>.footer-section {
    margin-top: 25px
}

cancellation-item .insuranceIcon {
    position: absolute;
    left: 7px;
    top: 7px;
    height: 20px;
    width: 20px
}

cancellation-item .connectionIcon {
    width: 12px;
    height: 52px
}

cancellation-item .cancellationItem,
relationless-cancellation-item .cancellationItem,
route-cancellation-item .cancellationItem {
    display: flex;
    position: relative;
    margin-bottom: 10px;
    background-color: #fff;
    color: #222
}

cancellation-item .cancellationItem .takeData,
relationless-cancellation-item .cancellationItem .takeData,
route-cancellation-item .cancellationItem .takeData {
    position: absolute;
    z-index: 2;
    bottom: 9px;
    padding: 0!important;
    left: 70px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

cancellation-item .cancellationItem .takeData>img,
relationless-cancellation-item .cancellationItem .takeData>img,
route-cancellation-item .cancellationItem .takeData>img {
    position: relative;
    top: 4px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

cancellation-item .cancellationItem span.takeData,
relationless-cancellation-item .cancellationItem span.takeData,
route-cancellation-item .cancellationItem span.takeData {
    position: relative;
    z-index: auto;
    bottom: auto;
    left: auto
}

cancellation-item .cancellationItem.cancelled,
relationless-cancellation-item .cancellationItem.cancelled,
route-cancellation-item .cancellationItem.cancelled {
    color: #666
}

cancellation-item .cancellationItem.cancelled ts-validity-period-category,
relationless-cancellation-item .cancellationItem.cancelled ts-validity-period-category,
route-cancellation-item .cancellationItem.cancelled ts-validity-period-category {
    display: none
}

cancellation-item .cancellationItem.cancelled>div.connection,
cancellation-item .cancellationItem.cancelled>div.station,
relationless-cancellation-item .cancellationItem.cancelled>div.connection,
relationless-cancellation-item .cancellationItem.cancelled>div.station,
route-cancellation-item .cancellationItem.cancelled>div.connection,
route-cancellation-item .cancellationItem.cancelled>div.station {
    padding-bottom: 10px
}

@media (max-width:859px) {
    cancellation-item .cancellationItem,
    relationless-cancellation-item .cancellationItem,
    route-cancellation-item .cancellationItem {
        margin-bottom: 0;
        border-bottom: 1px solid #d7d7d7
    }
}

cancellation-item .cancellationItem .cart-subheading,
relationless-cancellation-item .cancellationItem .cart-subheading,
route-cancellation-item .cancellationItem .cart-subheading {
    padding-left: 2px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    color: #666;
    margin-bottom: -2px;
    display: inline-block;
    white-space: nowrap
}

cancellation-item .cancellationItem>.button,
relationless-cancellation-item .cancellationItem>.button,
route-cancellation-item .cancellationItem>.button {
    flex: 0 0 48px;
    width: 48px;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background-color: #f5f6f9
}

@media (min-width:1024px) {
    cancellation-item .cancellationItem>.button,
    relationless-cancellation-item .cancellationItem>.button,
    route-cancellation-item .cancellationItem>.button {
        flex: 0 0 53px;
        width: 53px
    }
}

cancellation-item .cancellationItem>.button img,
cancellation-item .cancellationItem>.button svg,
relationless-cancellation-item .cancellationItem>.button img,
relationless-cancellation-item .cancellationItem>.button svg,
route-cancellation-item .cancellationItem>.button img,
route-cancellation-item .cancellationItem>.button svg {
    fill: #666;
    width: 17px;
    height: 17px
}

cancellation-item .cancellationItem>.button.focused,
cancellation-item .cancellationItem>.button:hover:not([disabled]),
relationless-cancellation-item .cancellationItem>.button.focused,
relationless-cancellation-item .cancellationItem>.button:hover:not([disabled]),
route-cancellation-item .cancellationItem>.button.focused,
route-cancellation-item .cancellationItem>.button:hover:not([disabled]) {
    background: linear-gradient(rgba(0, 0, 0, .08), rgba(0, 0, 0, .08))
}

@supports (-ms-ime-align:auto) {
    cancellation-item .cancellationItem .connectionWrapper,
    relationless-cancellation-item .cancellationItem .connectionWrapper,
    route-cancellation-item .cancellationItem .connectionWrapper {
        min-width: 0
    }
    cancellation-item .cancellationItem .connectionWrapper>.station,
    relationless-cancellation-item .cancellationItem .connectionWrapper>.station,
    route-cancellation-item .cancellationItem .connectionWrapper>.station {
        min-width: 0
    }
}

cancellation-item .cancellationItem .connectionWrapper,
relationless-cancellation-item .cancellationItem .connectionWrapper,
route-cancellation-item .cancellationItem .connectionWrapper {
    display: flex;
    position: relative;
    flex: 1 1;
    background-color: #f5f6f9
}

cancellation-item .cancellationItem .connectionWrapper.focused,
cancellation-item .cancellationItem .connectionWrapper:hover:not([disabled]),
relationless-cancellation-item .cancellationItem .connectionWrapper.focused,
relationless-cancellation-item .cancellationItem .connectionWrapper:hover:not([disabled]),
route-cancellation-item .cancellationItem .connectionWrapper.focused,
route-cancellation-item .cancellationItem .connectionWrapper:hover:not([disabled]) {
    background: linear-gradient(rgba(0, 0, 0, .08), rgba(0, 0, 0, .08))
}

cancellation-item .cancellationItem .connectionWrapper>.time,
relationless-cancellation-item .cancellationItem .connectionWrapper>.time,
route-cancellation-item .cancellationItem .connectionWrapper>.time {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex: 0 0 54px;
    width: 54px;
    max-width: 70px;
    padding: 7px 15px 7px 15px;
    z-index: 1
}

cancellation-item .cancellationItem .connectionWrapper>.time .buy-again-section,
relationless-cancellation-item .cancellationItem .connectionWrapper>.time .buy-again-section,
route-cancellation-item .cancellationItem .connectionWrapper>.time .buy-again-section {
    width: 100px;
    height: 20px;
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    z-index: 999
}

cancellation-item .cancellationItem .connectionWrapper>.time .buy-again-section span,
relationless-cancellation-item .cancellationItem .connectionWrapper>.time .buy-again-section span,
route-cancellation-item .cancellationItem .connectionWrapper>.time .buy-again-section span {
    position: relative;
    margin-left: 5px;
    color: #64942c;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

@media (min-width:380px) {
    cancellation-item .cancellationItem .connectionWrapper>.time,
    relationless-cancellation-item .cancellationItem .connectionWrapper>.time,
    route-cancellation-item .cancellationItem .connectionWrapper>.time {
        flex: 0 0 70px
    }
}

cancellation-item .cancellationItem .connectionWrapper>.time .input,
relationless-cancellation-item .cancellationItem .connectionWrapper>.time .input,
route-cancellation-item .cancellationItem .connectionWrapper>.time .input {
    white-space: nowrap;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400
}

cancellation-item .cancellationItem .connectionWrapper>.time .input span,
relationless-cancellation-item .cancellationItem .connectionWrapper>.time .input span,
route-cancellation-item .cancellationItem .connectionWrapper>.time .input span {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width:380px) {
    cancellation-item .cancellationItem .connectionWrapper>.time .input,
    relationless-cancellation-item .cancellationItem .connectionWrapper>.time .input,
    route-cancellation-item .cancellationItem .connectionWrapper>.time .input {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1
    }
}

cancellation-item .cancellationItem .connectionWrapper>.time .input.departure,
relationless-cancellation-item .cancellationItem .connectionWrapper>.time .input.departure,
route-cancellation-item .cancellationItem .connectionWrapper>.time .input.departure {
    padding-bottom: 2px;
    padding-top: 1px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

@media (min-width:380px) {
    cancellation-item .cancellationItem .connectionWrapper>.time .input.departure,
    relationless-cancellation-item .cancellationItem .connectionWrapper>.time .input.departure,
    route-cancellation-item .cancellationItem .connectionWrapper>.time .input.departure {
        padding-top: 7px
    }
}

cancellation-item .cancellationItem .connectionWrapper>.time .input.arrival,
relationless-cancellation-item .cancellationItem .connectionWrapper>.time .input.arrival,
route-cancellation-item .cancellationItem .connectionWrapper>.time .input.arrival {
    justify-content: flex-start;
    padding-top: 18px
}

@media (min-width:380px) {
    cancellation-item .cancellationItem .connectionWrapper>.time .input.arrival,
    relationless-cancellation-item .cancellationItem .connectionWrapper>.time .input.arrival,
    route-cancellation-item .cancellationItem .connectionWrapper>.time .input.arrival {
        padding-top: 5px
    }
}

@media (min-width:480px) {
    cancellation-item .cancellationItem .connectionWrapper>.time,
    relationless-cancellation-item .cancellationItem .connectionWrapper>.time,
    route-cancellation-item .cancellationItem .connectionWrapper>.time {
        width: 65px;
        max-width: 65px;
        flex: 0 0 65px
    }
}

cancellation-item .cancellationItem .connectionWrapper>.time .reductionWarning,
relationless-cancellation-item .cancellationItem .connectionWrapper>.time .reductionWarning,
route-cancellation-item .cancellationItem .connectionWrapper>.time .reductionWarning {
    color: #E2002A
}

cancellation-item .cancellationItem .connectionWrapper .connection,
relationless-cancellation-item .cancellationItem .connectionWrapper .connection,
route-cancellation-item .cancellationItem .connectionWrapper .connection {
    position: relative;
    text-align: center;
    color: #fff;
    line-height: 96px;
    flex: 0 0 42px;
    width: 42px;
    max-width: 42px
}

@media (max-width:479px) {
    cancellation-item .cancellationItem .connectionWrapper .connection,
    relationless-cancellation-item .cancellationItem .connectionWrapper .connection,
    route-cancellation-item .cancellationItem .connectionWrapper .connection {
        flex: 0 0 28px;
        width: 28px;
        max-width: 28px
    }
}

cancellation-item .cancellationItem .connectionWrapper .connection svg,
relationless-cancellation-item .cancellationItem .connectionWrapper .connection svg,
route-cancellation-item .cancellationItem .connectionWrapper .connection svg {
    vertical-align: middle
}

cancellation-item .cancellationItem .connectionWrapper .station,
relationless-cancellation-item .cancellationItem .connectionWrapper .station,
route-cancellation-item .cancellationItem .connectionWrapper .station {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex: 1 1 30px;
    min-width: 30px;
    width: 30px;
    padding: 0 10px 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width:1024px) {
    cancellation-item .cancellationItem .connectionWrapper .station,
    relationless-cancellation-item .cancellationItem .connectionWrapper .station,
    route-cancellation-item .cancellationItem .connectionWrapper .station {
        flex: 1 1;
        max-width: none
    }
}

cancellation-item .cancellationItem .connectionWrapper .station .cancelledTitle,
relationless-cancellation-item .cancellationItem .connectionWrapper .station .cancelledTitle,
route-cancellation-item .cancellationItem .connectionWrapper .station .cancelledTitle {
    position: absolute;
    top: 6px;
    left: 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    font-weight: 700
}

cancellation-item .cancellationItem .connectionWrapper .station .input,
relationless-cancellation-item .cancellationItem .connectionWrapper .station .input,
route-cancellation-item .cancellationItem .connectionWrapper .station .input {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap
}

cancellation-item .cancellationItem .connectionWrapper .station .input.from,
relationless-cancellation-item .cancellationItem .connectionWrapper .station .input.from,
route-cancellation-item .cancellationItem .connectionWrapper .station .input.from {
    justify-content: flex-end;
    padding-bottom: 18px
}

cancellation-item .cancellationItem .connectionWrapper .station .input.from span,
relationless-cancellation-item .cancellationItem .connectionWrapper .station .input.from span,
route-cancellation-item .cancellationItem .connectionWrapper .station .input.from span {
    font-weight: 700
}

@media (min-width:380px) {
    cancellation-item .cancellationItem .connectionWrapper .station .input.from,
    relationless-cancellation-item .cancellationItem .connectionWrapper .station .input.from,
    route-cancellation-item .cancellationItem .connectionWrapper .station .input.from {
        padding-bottom: 8px
    }
}

cancellation-item .cancellationItem .connectionWrapper .station .input.to,
relationless-cancellation-item .cancellationItem .connectionWrapper .station .input.to,
route-cancellation-item .cancellationItem .connectionWrapper .station .input.to {
    justify-content: flex-start
}

cancellation-item .cancellationItem .connectionWrapper .station .input.to span,
relationless-cancellation-item .cancellationItem .connectionWrapper .station .input.to span,
route-cancellation-item .cancellationItem .connectionWrapper .station .input.to span {
    font-weight: 700
}

cancellation-item .cancellationItem .connectionWrapper .station .input span,
relationless-cancellation-item .cancellationItem .connectionWrapper .station .input span,
route-cancellation-item .cancellationItem .connectionWrapper .station .input span {
    white-space: nowrap;
    padding-top: 1px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    padding: 0;
    font-weight: 400;
    background-color: transparent;
    border: 0
}

@media (min-width:380px) {
    cancellation-item .cancellationItem .connectionWrapper .station .input span,
    relationless-cancellation-item .cancellationItem .connectionWrapper .station .input span,
    route-cancellation-item .cancellationItem .connectionWrapper .station .input span {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1
    }
}

body[state="root.ticket.relation"] cancellation-item .cancellationItem .connectionWrapper .station input,
body[state="root.ticket.relation"] relationless-cancellation-item .cancellationItem .connectionWrapper .station input,
body[state="root.ticket.relation"] route-cancellation-item .cancellationItem .connectionWrapper .station input {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

cancellation-item .cancellationItem>.passengers,
relationless-cancellation-item .cancellationItem>.passengers,
route-cancellation-item .cancellationItem>.passengers {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    background-color: #f5f6f9;
    width: 143px;
    flex: 1 1 35px;
    min-width: 35px;
    max-width: 143px;
    padding: 5px 11px
}

cancellation-item .cancellationItem>.passengers[disabled],
relationless-cancellation-item .cancellationItem>.passengers[disabled],
route-cancellation-item .cancellationItem>.passengers[disabled] {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

@media (max-width:480px) {
    cancellation-item .cancellationItem>.passengers,
    relationless-cancellation-item .cancellationItem>.passengers,
    route-cancellation-item .cancellationItem>.passengers {
        max-width: 65px
    }
}

cancellation-item .cancellationItem>.passengers span,
relationless-cancellation-item .cancellationItem>.passengers span,
route-cancellation-item .cancellationItem>.passengers span {
    white-space: nowrap
}

cancellation-item .cancellationItem>.passengers .cart-subheading,
relationless-cancellation-item .cancellationItem>.passengers .cart-subheading,
route-cancellation-item .cancellationItem>.passengers .cart-subheading {
    align-self: flex-start;
    position: absolute;
    left: 11px;
    top: 7px
}

.cancelledcancellation-item .cancellationItem>.passengers>.inner>.subheading,
.cancelledrelationless-cancellation-item .cancellationItem>.passengers>.inner>.subheading,
.cancelledroute-cancellation-item .cancellationItem>.passengers>.inner>.subheading {
    display: none
}

cancellation-item .cancellationItem>.passengers.focused,
cancellation-item .cancellationItem>.passengers:hover:not([disabled]),
relationless-cancellation-item .cancellationItem>.passengers.focused,
relationless-cancellation-item .cancellationItem>.passengers:hover:not([disabled]),
route-cancellation-item .cancellationItem>.passengers.focused,
route-cancellation-item .cancellationItem>.passengers:hover:not([disabled]) {
    background: linear-gradient(rgba(0, 0, 0, .08), rgba(0, 0, 0, .08))
}

cancellation-item .cancellationItem>.perforation,
relationless-cancellation-item .cancellationItem>.perforation,
route-cancellation-item .cancellationItem>.perforation {
    width: 2px;
    position: relative;
    background: linear-gradient(to bottom, #D8D8D8 0, #A3A3A3 50%, #D8D8D8 100%)
}

cancellation-item .cancellationItem>.perforation .inner,
relationless-cancellation-item .cancellationItem>.perforation .inner,
route-cancellation-item .cancellationItem>.perforation .inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/static/images/background/paymentHeaderPerforation.svg)
}

cancellation-item .cancellationItem>.conversion,
relationless-cancellation-item .cancellationItem>.conversion,
route-cancellation-item .cancellationItem>.conversion {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: right;
    background-color: #f5f6f9;
    flex: 0 0 100px;
    width: 100px;
    max-width: 100px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 12px 16px 5px 11px
}

@media (max-width:380px) {
    cancellation-item .cancellationItem>.conversion,
    relationless-cancellation-item .cancellationItem>.conversion,
    route-cancellation-item .cancellationItem>.conversion {
        max-width: 80px;
        padding: 12px 4px 5px 4px
    }
}

@media (min-width:480px) {
    cancellation-item .cancellationItem>.conversion,
    relationless-cancellation-item .cancellationItem>.conversion,
    route-cancellation-item .cancellationItem>.conversion {
        flex: 0 0 143px;
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1rem;
        line-height: 1;
        width: 143px;
        max-width: 143px
    }
}

@media (min-width:720px) {
    cancellation-item .cancellationItem>.conversion,
    relationless-cancellation-item .cancellationItem>.conversion,
    route-cancellation-item .cancellationItem>.conversion {
        font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
        font-size: 1.3rem;
        line-height: 1
    }
}

cancellation-item .cancellationItem>.conversion svg[iconname=insuranceIcon],
relationless-cancellation-item .cancellationItem>.conversion svg[iconname=insuranceIcon],
route-cancellation-item .cancellationItem>.conversion svg[iconname=insuranceIcon] {
    position: absolute;
    left: 7px;
    top: 7px
}

cancellation-item .cancellationItem>.conversion .cart-subheading,
relationless-cancellation-item .cancellationItem>.conversion .cart-subheading,
route-cancellation-item .cancellationItem>.conversion .cart-subheading {
    position: absolute;
    top: 7px;
    text-align: right;
    color: #666;
    right: 16px
}

@media (max-width:380px) {
    cancellation-item .cancellationItem>.conversion .cart-subheading,
    relationless-cancellation-item .cancellationItem>.conversion .cart-subheading,
    route-cancellation-item .cancellationItem>.conversion .cart-subheading {
        right: 0
    }
}

cancellation-item .cancellationItem>.conversion .pricing,
relationless-cancellation-item .cancellationItem>.conversion .pricing,
route-cancellation-item .cancellationItem>.conversion .pricing {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
}

.cancelledcancellation-item .cancellationItem>.conversion .pricing,
.cancelledrelationless-cancellation-item .cancellationItem>.conversion .pricing,
.cancelledroute-cancellation-item .cancellationItem>.conversion .pricing {
    text-decoration: line-through
}

cancellation-item .cancellationItem>.conversion .pricing.lower,
relationless-cancellation-item .cancellationItem>.conversion .pricing.lower,
route-cancellation-item .cancellationItem>.conversion .pricing.lower {
    color: #247D24
}

cancellation-item .cancellationItem>.conversion .returnAmount,
relationless-cancellation-item .cancellationItem>.conversion .returnAmount,
route-cancellation-item .cancellationItem>.conversion .returnAmount {
    color: #222;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1
}

cancellation-item .cancellationItem>.conversion .old-pricing,
relationless-cancellation-item .cancellationItem>.conversion .old-pricing,
route-cancellation-item .cancellationItem>.conversion .old-pricing {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    text-decoration: line-through;
    color: #666
}

cancellation-item .cancellationItem>.conversion.bigInfo .old-pricing,
relationless-cancellation-item .cancellationItem>.conversion.bigInfo .old-pricing,
route-cancellation-item .cancellationItem>.conversion.bigInfo .old-pricing {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1
}

cancellation-item .cancellationItem>.conversion .temporaryBookedTill,
relationless-cancellation-item .cancellationItem>.conversion .temporaryBookedTill,
route-cancellation-item .cancellationItem>.conversion .temporaryBookedTill {
    margin-top: 2px
}

cancellation-item .cancellationItem>.conversion.focused,
cancellation-item .cancellationItem>.conversion:hover:not([disabled]),
relationless-cancellation-item .cancellationItem>.conversion.focused,
relationless-cancellation-item .cancellationItem>.conversion:hover:not([disabled]),
route-cancellation-item .cancellationItem>.conversion.focused,
route-cancellation-item .cancellationItem>.conversion:hover:not([disabled]) {
    background: linear-gradient(rgba(0, 0, 0, .08), rgba(0, 0, 0, .08))
}

cancellation-item .cancellationItem>.conversion .service-voucher,
relationless-cancellation-item .cancellationItem>.conversion .service-voucher,
route-cancellation-item .cancellationItem>.conversion .service-voucher {
    width: 28px;
    display: INLINE-block;
    padding-right: 10px;
    fill: #247D24
}

cancellation-item .general,
relationless-cancellation-item .general {
    flex: 1 1;
    padding: 20px 10px
}

cancellation-item .general p,
relationless-cancellation-item .general p {
    margin: 5px
}

cancellation-item .insuranceIcon mat-icon,
relationless-cancellation-item .insuranceIcon mat-icon {
    position: absolute;
    left: 7px;
    top: 7px;
    height: 20px;
    width: 20px
}

cancellation-item>.cancellationRelationless>.conversion>.cart-subheading,
relationless-cancellation-item>.cancellationRelationless>.conversion>.cart-subheading {
    right: inherit
}

@media (min-width:480px) {
    cancellation-item>.cancellationRelationless>.conversion>.cart-subheading,
    relationless-cancellation-item>.cancellationRelationless>.conversion>.cart-subheading {
        right: 16px
    }
}

route-cancellation-item .connectionIcon {
    width: 12px;
    height: 52px
}

route-cancellation-item .loading svg {
    fill: #666
}

route-cancellation-item .route {
    display: flex;
    align-items: center
}

route-cancellation-item>.cancellationItemRoute>.connectionWrapper>.time {
    flex: 0 0 auto;
    width: 0;
    padding: 7px 0 0 15px
}

route-cancellation-item>.cancellationItemRoute>.connectionWrapper>.route>.connection {
    flex-basis: 27px;
    text-align: left
}

route-cancellation-item>.cancellationItemRoute>.connectionWrapper>.cart-subheading {
    width: 30px
}

route-cancellation-item>.cancellationItemRoute>.conversion>.cart-subheading {
    right: inherit
}

@media (min-width:480px) {
    route-cancellation-item>.cancellationItemRoute>.conversion>.cart-subheading {
        right: 16px
    }
}

user-cancellation {
    height: calc(100vh - 62px);
    flex: 1;
    display: flex;
    flex-direction: column;
    z-index: 0;
    position: relative
}

user-cancellation .undoDetails {
    cursor: pointer
}

user-cancellation info-buttons .green-text-button {
    color: #247D24
}

user-cancellation info-buttons .green-text-button:focus,
user-cancellation info-buttons .green-text-button:hover {
    color: #2fa52f
}

user-cancellation info-buttons .green-text-button:active {
    color: #3fc83f
}

user-cancellation two-column-info-bubble {
    margin-bottom: 10px
}

user-cancellation .loading {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    margin-top: 50%
}

user-cancellation .loading svg {
    fill: #000
}

@media (min-width:720px) {
    user-cancellation {
        height: calc(100vh - 90px)
    }
}

user-cancellation .relatedOrderPartRelationIcon {
    width: 12px;
    height: 12px
}

user-cancellation .disabled {
    color: #666
}

user-cancellation>section {
    margin: 25px 264px 0 430px;
    overflow-y: auto;
    flex: 1 1 auto
}

@media (max-width:1439px) {
    user-cancellation>section {
        margin: 25px 60px 0 263px
    }
}

@media (max-width:1023px) {
    user-cancellation>section {
        margin-left: 124px
    }
}

@media (max-width:859px) {
    user-cancellation>section {
        margin: 0
    }
}

user-cancellation>section>.infoBubble {
    margin-bottom: 18px
}

user-cancellation>section>.nextPayments {
    padding-right: 15px;
    text-align: right
}

user-cancellation>section>.nextPayments>p {
    color: #fff
}

user-cancellation>section>.payback {
    padding: 25px
}

user-cancellation>section>.payback>h2 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    color: #222;
    margin: 0 0 10px 0
}

user-cancellation>section>.payback .refund-text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

user-cancellation>section>.total {
    background-color: #fff;
    margin-bottom: 20px
}

user-cancellation>section>.total>.value {
    text-align: right;
    display: flex;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600;
    line-height: 1.25em;
    border-bottom: 1px solid #d7d7d7
}

user-cancellation>section>.total>.value:last-item {
    border-bottom: none
}

user-cancellation>section>.total>.value.payed {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    color: #666
}

user-cancellation>section>.total>.value.cancel {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    color: #222
}

user-cancellation>section>.total>.value.usage {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    color: #222
}

user-cancellation>section>.total>.value.return {
    color: #247D24
}

user-cancellation>section>.total>.value>.left {
    flex: 1 0 auto;
    padding: 16px 16px 10px 16px
}

user-cancellation>section>.total>.value>.left a {
    text-decoration: underline;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    color: #666;
    line-height: 1.1em
}

@media (max-width:380px) {
    user-cancellation>section>.total>.value>.left {
        flex: 1 2 auto
    }
}

user-cancellation>section>.total>.value>.perforation {
    width: 4px;
    background: url(/static/images/background/paymentPerforation.svg)
}

user-cancellation>section>.total>.value>.right {
    padding: 16px 16px 10px 0;
    box-sizing: content-box;
    flex: 0 1 127px
}

user-cancellation>section>.total>.buttons {
    padding: 18px 16px 18px 20px;
    background-color: #f5f6f9;
    background-clip: padding-box;
    border-top: 1px solid #d7d7d7
}

user-cancellation>section>.total>.buttons a,
user-cancellation>section>.total>.buttons>span {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 600;
    color: #247D24;
    line-height: 1.1em;
    margin-right: 43px
}

user-cancellation>footer {
    background-color: #fff;
    box-shadow: 0 4px 13px 4px rgba(0, 0, 0, .75)
}

user-cancellation>footer .happy-icon {
    fill: #247D24
}

@media (max-width:859px) {
    user-cancellation>footer .threeColumnFooter {
        min-height: unset
    }
}

user-cancellation>footer>div {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 264px 0 430px
}

@media (max-width:1439px) {
    user-cancellation>footer>div {
        margin: 0 60px 0 263px
    }
}

@media (max-width:1023px) {
    user-cancellation>footer>div {
        margin-left: 124px
    }
}

@media (max-width:859px) {
    user-cancellation>footer>div {
        margin: 0
    }
    user-cancellation>footer>div .threeColumnFooter {
        max-height: unset
    }
}

@media (max-width:479px) {
    user-cancellation>footer>div {
        margin: 0;
        height: auto!important
    }
    user-cancellation>footer>div .footer-text p {
        margin: 0 5px 15px 0
    }
}

user-cancellation>footer>div .footer-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1
}

user-cancellation>footer>div .footer-text>h2 {
    margin: 0;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600
}

user-cancellation>footer>div .footer-text>p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

@media (min-width:479px) {
    user-cancellation>footer>#cancellationButton {
        margin: 0
    }
}

@media (min-width:859px) {
    user-cancellation>footer>#cancellationButton {
        margin: 0 62px 0 136px
    }
}

@media (min-width:1023px) {
    user-cancellation>footer>#cancellationButton {
        margin: 0 67px 0 197px
    }
}

@media (min-width:1279px) {
    user-cancellation>footer>#cancellationButton {
        margin: 0 60px 0 286px
    }
}

@media (min-width:1439px) {
    user-cancellation>footer>#cancellationButton {
        margin: 0 262px 0 430px
    }
}

user-cancellation>footer>#cancellationButton>.col3 {
    height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    cursor: pointer;
    padding: 25px;
    display: flex;
    align-items: center
}

user-cancellation>footer>#cancellationButton>.col3.cancellationProgess {
    cursor: default;
    background-color: #d7d7d7
}

user-cancellation>footer>#cancellationButton>.col3.disabled {
    cursor: default
}

off-canvas-logo .off-canvas-logo-section {
    padding: 15px 15px 15px 55px
}

off-canvas-logo .off-canvas-logo-section .logo {
    width: 210px;
    height: auto;
    min-height: 35px;
    background-image: url(/static/images/logo_inverted.svg);
    background-size: cover
}

off-canvas-logo .off-canvas-logo-section .greeting {
    color: #ff7e33;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    margin-top: 12px
}

body[state="root.debugRender"] #main-wrapper {
    overflow: scroll;
    display: block
}

body[state="root.debugRender"] #main-wrapper #off-canvas {
    display: none
}

body[state="root.debugRender"] #main-wrapper #content-wrapper {
    width: 100%;
    min-width: 100%;
    display: block;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0
}

body[state="root.debugRender"] #main-wrapper #content {
    display: block
}

body[state="root.debugRender"] #main-wrapper #content>div {
    padding: 10px 20px
}

body[state="root.debugRender"] #main-wrapper #content>div a {
    color: #247D24;
    text-decoration: underline
}

body[state="root.debugRender"] #main-wrapper #content>div a:hover {
    text-decoration: none
}

body[state="root.debugRender"] #main-wrapper #content pre {
    margin-left: 20px
}

body[state="root.debugRender"] #header {
    display: none
}

.root-content {
    flex: 1 0;
    display: flex;
    height: 100%;
    overflow-y: auto
}

.root-content #personal {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.snow {
    background: 0 0;
    font-family: Androgyne;
    background-image: url(/static/images/snow/s1.png), url(/static/images/snow/s2.png), url(/static/images/snow/s3.png);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-animation: snow 10s linear infinite;
    animation: snow 10s linear infinite
}

@keyframes snow {
    0% {
        background-position: 0 0, 0 0, 0 0
    }
    50% {
        background-position: 500px 500px, 100px 200px, -100px 150px
    }
    100% {
        background-position: 500px 1000px, 200px 400px, -100px 300px
    }
}

@-webkit-keyframes snow {
    0% {
        background-position: 0 0, 0 0, 0 0
    }
    50% {
        background-position: 500px 500px, 100px 200px, -100px 150px
    }
    100% {
        background-position: 500px 1000px, 200px 400px, -100px 300px
    }
}

.off-canvas-wrapper {
    width: 100%;
    min-height: 100%;
    max-width: 1712px;
    display: flex
}

@media (min-width:380px) {
    .off-canvas-wrapper {
        max-width: 1770px
    }
}

.root-content-wrapper {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    position: relative
}

.root-content-wrapper app-quick-navigation-bar {
    position: absolute;
    top: 170px;
    z-index: 49
}

.root-content-wrapper app-quick-navigation-bar.no-relation-input-home {
    top: 75px
}

.root-content-wrapper .ticket-content {
    flex: 1 0;
    display: flex;
    height: 100%;
    overflow-y: auto
}

#rightColumn {
    flex: 1 0 307px;
    width: 307px;
    transition: flex 0 linear .4s, width 0 linear .4s;
    position: relative;
    overflow-y: auto
}

@media (min-width:1440px) {
    #rightColumn {
        flex: 1 0 576px
    }
}

@media (max-width:719px) {
    body[state="root.ticket.quickstart"] #rightColumn,
    body[state="root.ticket.travel"] #rightColumn,
    body[state="root.ticket.relation"] #rightColumn {
        transition-delay: .2s
    }
}

body[state="root.vc.shop"] #content>#shop {
    flex: 1
}

body[state="root.vc.shop"] #content>#shop>div.container {
    width: 100%;
    height: 100%;
    text-align: center
}

body[state="root.vc.shop"] #content>#shop>div.container>.kkmsIframeContainer {
    width: 100%;
    height: 100%
}

body[state="root.vc.shop"] #content>#shop>div.container>.kkmsIframeContainer.old-ios {
    height: calc(100vh - 120px)
}

@media (max-width:320px) {
    body[state="root.vc.shop"] #content>#shop>div.container>.kkmsIframeContainer.old-ios {
        height: calc(100vh - 170px)
    }
}

body[state="root.vc.shop"] #content>#shop>div.container>.kkmsIframeContainer.mobile {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

body[state="root.vc.shop"] #content>#shop>div.container>.kkmsIframeContainer>iframe {
    position: relative;
    display: block;
    margin: 0 auto;
    height: 100%;
    z-index: 48
}

app-account-setting {
    display: flex;
    flex-direction: column
}

app-account-setting .email-password .mat-raised-button {
    margin-top: 4px;
    margin-bottom: 4px
}

app-account-setting .save-button {
    margin-top: 15px
}

app-account-setting .e-mail-description {
    margin-bottom: 0
}

app-account-setting .e-mail {
    margin-top: 0;
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

app-account-setting .first-title {
    margin-top: 0;
    font-weight: 400;
    line-height: 1.25em
}

app-account-setting .self-travel .mat-checkbox-inner-container {
    margin: 0 8px 0 0
}

app-account-setting .self-travel h4 {
    margin-bottom: 0
}

app-account-setting .self-travel p {
    margin-top: 0;
    white-space: normal
}

app-account-setting material-info-bubble-with-content .inline-material-info-bubble {
    margin-left: -32px;
    width: auto
}

app-account-setting material-info-bubble-with-content .inline-material-info-bubble i.arrow {
    left: 50px;
    top: -10px
}

app-change-email {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 30px 1fr;
    grid-template-columns: 30px 1fr
}

app-change-email .content {
    -ms-grid-column: 2
}

app-change-email footer {
    display: flex;
    margin-left: -10px
}

app-change-password {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 30px 1fr;
    grid-template-columns: 30px 1fr
}

app-change-password .content {
    -ms-grid-column: 2
}

app-change-password footer {
    display: flex;
    margin-left: -10px
}

app-delete-business-account {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 30px 1fr;
    grid-template-columns: 30px 1fr
}

app-delete-business-account .content {
    -ms-grid-column: 2
}

app-delete-business-account-error footer {
    display: flex;
    margin-left: -10px
}

app-delete-account {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 30px 1fr;
    grid-template-columns: 30px 1fr
}

app-delete-account .content {
    -ms-grid-column: 2
}

app-delete-account app-delete-account-confirm,
app-delete-account app-delete-account-error {
    padding-right: 20px;
    display: block
}

app-newsletter-settings-container {
    display: block
}

app-newsletter-settings-container personal-newsletter {
    display: block;
    color: #fff
}

app-newsletter-settings-container .no-direct-marketing-contact-section {
    color: #666
}

app-newsletter-settings-container .no-direct-marketing-contact-section>h1 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    line-height: 1.25em
}

app-newsletter-settings-container footer {
    margin-top: 10px
}

app-newsletter-settings-container .innerPadLarge {
    color: #247D24
}

body[state="root.ticket.account"] router-outlet-wrapper {
    display: flex;
    flex-direction: column
}

body[state="root.ticket.account"] .ticket-content {
    display: block
}

app-settings {
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 334px 334px;
    grid-template-columns: 334px 334px;
    grid-column-gap: 32px
}

app-settings>div:nth-of-type(1) {
    -ms-grid-column: 1
}

app-settings>div:nth-of-type(2) {
    -ms-grid-column: 2
}

app-settings h1 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400
}

app-settings p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

app-settings.mobile {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    margin: 0
}

app-settings.mobile .header-greeting {
    display: none
}

app-settings.mobile .button-menu {
    padding-top: 0;
    margin-top: 0;
    min-height: calc(100vh - 62px);
    width: 100%
}

app-settings.mobile .button-menu .inner-menu {
    min-height: calc(100vh - 62px)
}

app-settings.mobile .setting-menu,
app-settings.mobile .setting-sub-menu {
    width: 100%;
    margin-top: 0
}

app-settings .button-menu {
    width: 334px;
    margin-top: 32px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

app-settings .button-menu .inner-menu {
    padding: 28px 20px 28px 20px;
    background-color: #222
}

app-settings hr {
    background-color: #666;
    height: 1px;
    margin: 15px 0 0 0
}

app-settings .setting-menu,
app-settings .setting-sub-menu {
    width: 334px;
    margin-top: 32px
}

app-settings app-account-setting,
app-settings app-newsletter-settings-container,
app-settings app-payment-settings-container,
app-settings app-personal-settings-container {
    min-height: 500px;
    max-width: 300px
}

@media (max-width:719px) {
    app-settings app-account-setting,
    app-settings app-newsletter-settings-container,
    app-settings app-payment-settings-container,
    app-settings app-personal-settings-container {
        max-width: unset
    }
}

app-settings forgot-password-button {
    margin-top: 20px;
    display: block
}

app-settings forgot-password-button>button {
    margin: 10px 0
}

app-settings .setting-menu p {
    color: #b1b1b1
}

app-settings .setting-menu material-info-bubble-with-content .inline-material-info-bubble .normal .info-bubble {
    padding: 28px 20px 11px 20px
}

app-settings .setting-menu material-info-bubble-with-content .inline-material-info-bubble .normal .info-bubble .content {
    padding: 0
}

@media (max-width:719px) {
    app-settings material-info-bubble-with-content.dark .normal .info-bubble {
        min-height: calc(100vh - 62px)
    }
}

app-settings material-info-bubble-with-content .normal .info-bubble {
    margin-top: 0!important;
    border-bottom: none!important
}

@media (max-width:719px) {
    app-settings material-info-bubble-with-content .inline-material-info-bubble {
        margin-bottom: 0
    }
}

app-settings material-info-bubble-with-content material-info-bubble-with-content.mobile-bubble .normal {
    margin: 10px 0
}

app-settings material-info-bubble-with-content material-info-bubble-with-content.mobile-bubble .normal .info-bubble {
    min-height: unset;
    background-color: #fff!important
}

app-settings material-info-bubble-with-content material-info-bubble-with-content.mobile-bubble i.arrow {
    background-color: #fff
}

app-settings button.mat-button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #247D24
}

header[app-settings-header] {
    display: flex
}

header[app-settings-header] .icon-wrapper {
    margin: auto 0
}

header[app-settings-header] h2 {
    margin: 0;
    font-weight: 400
}

header[app-settings-header] .subheader {
    display: -ms-inline-grid;
    display: inline-grid;
    margin-left: 20px;
    color: #fff
}

header[app-settings-header] .subheader p {
    margin: 0
}

button[app-settings-button] {
    display: flex;
    width: 100%
}

button[app-settings-button] .icon {
    margin-top: 25px
}

button[app-settings-button] .button-text {
    margin-left: 20px
}

button[app-settings-button] .title {
    margin-bottom: 0;
    font-weight: 400;
    color: #fff
}

button[app-settings-button].no-sub-title .title {
    margin-top: 27px
}

button[app-settings-button] .sub-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    color: #b1b1b1
}

app-request-reset-password {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 30px 1fr;
    grid-template-columns: 30px 1fr
}

app-request-reset-password .content {
    -ms-grid-column: 2;
    margin-right: 20px
}

app-request-reset-password .content section {
    margin: 8px 29px 23px 0
}

app-request-reset-password .content header {
    margin: 7px 0;
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

.infoBubble.plain>app-payment-settings-container.contentWrapper,
app-payment-settings-container {
    display: flex;
    flex-direction: column
}

.infoBubble.plain>app-payment-settings-container.contentWrapper footer,
app-payment-settings-container footer {
    margin-top: 10px;
    display: flex
}

.infoBubble.plain>app-payment-settings-container.contentWrapper material-info-bubble-with-content,
app-payment-settings-container material-info-bubble-with-content {
    position: relative;
    top: -20px
}

.infoBubble.plain>app-payment-settings-container.contentWrapper material-info-bubble-with-content>.inline-material-info-bubble>i.arrow,
app-payment-settings-container material-info-bubble-with-content>.inline-material-info-bubble>i.arrow {
    left: 80px
}

app-payment-favorite .paymentFavorite {
    cursor: pointer;
    display: flex;
    padding: 0 0 22px 0;
    background-color: #222;
    margin-bottom: 1px solid #666
}

app-payment-favorite .paymentFavorite.selected {
    cursor: default
}

app-payment-favorite .paymentFavorite>.col1 {
    display: flex;
    flex: 0 0 50px;
    justify-content: center
}

app-payment-favorite .paymentFavorite>.col1>.card-image {
    width: 43px;
    height: 43px;
    background-color: #fff;
    -webkit-border-radius: 25px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 25px;
    -moz-background-clip: padding;
    border-radius: 25px;
    background-clip: padding-box;
    display: flex;
    align-items: center;
    justify-content: center
}

app-payment-favorite .paymentFavorite>.col1>.card-image img {
    width: 26px;
    height: 26px
}

app-payment-favorite .paymentFavorite>.col2 {
    padding-right: 20px;
    position: relative;
    margin-left: 10px
}

app-payment-favorite .paymentFavorite>.col2 h2 {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
    line-height: 1.3em;
    color: #fff;
    margin: 0
}

app-payment-favorite .paymentFavorite>.col2 .check {
    position: absolute;
    right: 0;
    top: 0
}

app-payment-favorite .paymentFavorite>.col2 .check mat-icon svg {
    fill: #fff!important;
    color: #fff;
    height: 20px;
    width: 20px
}

app-payment-favorite .paymentFavorite>.col2 .title {
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
    line-height: 1.3em;
    color: #fff
}

app-payment-favorite .paymentFavorite>.col2 .info {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 600;
    line-height: 1.1em;
    color: #b1b1b1
}

app-payment-favorite .paymentFavorite>.col2 .expired {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    margin: 0;
    padding: 0;
    color: #E2002A
}

app-payment-favorite .paymentFavorite>.col2 .actions {
    margin-top: 1px solid #666;
    padding: 18px 0 22px 0
}

app-payment-favorite .paymentFavorite>.col2 .actions button {
    word-break: break-all
}

app-payment-favorite .paymentFavorite .delete-favorite {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400
}

app-payment-favorite .paying-with-favorite {
    display: flex;
    justify-content: space-between
}

app-payment-favorite .paying-with-favorite .min-width-svg-20px svg {
    min-width: 20px;
    padding-right: 1em!important;
    max-width: 100px
}

app-delete-favorite-confirm {
    display: flex;
    flex-direction: column
}

app-delete-favorite-confirm .right {
    margin-left: 20px
}

app-delete-favorite-confirm header,
app-delete-favorite-confirm section {
    padding-right: 30px
}

app-delete-favorite-confirm .form,
app-delete-favorite-confirm form {
    padding-left: 0!important;
    display: flex
}

app-delete-favorite-confirm footer button {
    margin-right: 10px
}

app-personal-settings-container {
    display: block
}

app-personal-settings-container .info-bubble-content {
    padding-bottom: 0!important
}

app-personal-settings-container>section>footer {
    margin-top: 26px
}

app-personal-settings-container color-chooser .checkbox-area {
    flex: 0 0 43px
}

app-personal-settings-container color-chooser .checkbox-area label {
    width: 41px
}

@media (min-width:720px) and (max-width:859px) {
    app-personal-settings-container color-chooser .checkbox-area {
        flex: 0 0 36px
    }
}

app-personal-settings-container material-info-bubble.atfbg-bubble .info-bubble {
    background-color: #fff!important;
    padding: 15px 15px 15px 0!important;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -27px!important;
    min-height: 0!important
}

app-personal-settings-container material-info-bubble.atfbg-bubble .info-bubble .info-bubble-title {
    color: #247D24!important
}

app-personal-settings-container material-info-bubble.atfbg-bubble i {
    top: auto
}

app-personal-settings-container personal-data .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    color: #fff
}

app-personal-settings-container personal-data .mat-form-field._mat-animation-noopable .mat-form-field-label,
app-personal-settings-container personal-data .mat-form-field._mat-animation-noopable .mat-form-field-ripple {
    color: #f5f6f9
}

app-personal-settings-container .buttons-section {
    display: flex;
    justify-content: space-between
}

app-cancel-newsletter {
    background-color: #fff;
    display: flex;
    height: 100%
}

app-cancel-newsletter side-dialog {
    margin-top: 100px
}

app-cancel-newsletter side-dialog-buttons .mat-raised-button {
    margin-top: 10px
}

app-cancel-newsletter-error {
    background-color: #fff;
    display: flex;
    height: 100%
}

app-cancel-newsletter-error side-dialog {
    margin-top: 100px
}

app-tickets {
    display: block;
    max-width: 980px;
    width: 100%;
    margin: 40px auto;
    background-color: #fff
}

@media (max-width:1279px) {
    app-tickets {
        margin-left: 105px;
        margin-right: 25px
    }
}

@media (max-width:719px) {
    app-tickets {
        margin: 20px 0 15px 0
    }
}

@media (max-width:379px) {
    app-tickets .mat-tab-label {
        padding: 0 10px
    }
}

app-tickets .mat-tab-label {
    border-right: 1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
    opacity: 1;
    min-width: 160px
}

app-tickets mat-tab-header {
    border-bottom: 0!important;
    max-width: 100vw;
    background-color: #f5f6f9
}

@media (max-width:719px) {
    app-tickets mat-tab-header {
        border-top: 1px solid #b1b1b1
    }
}

app-tickets .mat-tab-label-active {
    border-bottom-width: 0!important
}

app-tickets mat-ink-bar {
    display: none
}

app-tickets .mat-tab-label-active {
    background-color: #fff
}

app-tickets .tab-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

@media (max-width:719px) {
    app-tickets .header-spacing {
        margin-top: 25px
    }
}

app-tickets [aria-posinset="3"] {
    min-width: 0!important;
    flex-grow: 1;
    pointer-events: none;
    border-right: 0 solid #b1b1b1;
    padding: 0
}

app-tickets-archive {
    display: block;
    background-color: #fff
}

app-tickets-archive base-infocard {
    margin-bottom: 20px!important
}

app-active-tickets {
    display: block;
    background-color: #fff
}

app-ticket-base {
    display: block;
    margin: 40px
}

@media (max-width:719px) {
    app-ticket-base {
        margin: 25px
    }
}

app-ticket-base>header {
    margin-bottom: 40px
}

@media (max-width:719px) {
    app-ticket-base>header {
        margin-bottom: 25px
    }
}

app-ticket-base>header p,
app-ticket-base>header>h3 {
    margin: 0
}

app-ticket-base>header>h3 {
    margin-bottom: 5px;
    font-family: "-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif";
    font-size: 1.3rem;
    line-height: 1
}

app-ticket-base>header>p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33
}

app-ticket-base>header .filter {
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px
}

app-ticket-base>header .filter .search-input {
    flex: 4
}

app-ticket-base>header .filter .date-range-input {
    flex: 1
}

app-ticket-base>header .filter .search-suffix {
    display: flex
}

app-ticket-base>header .filter .search-seperator {
    width: 1px;
    background-color: #000;
    margin: 5px 0
}

app-ticket-base>header .filter .reset-search {
    margin-right: 10px
}

app-ticket-base .more-button {
    margin-top: 65px;
    display: flex;
    justify-content: center
}

@media (max-width:719px) {
    app-ticket-base .more-button {
        margin-top: 40px
    }
}

app-ticket-base .more-button>button {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 700
}

app-ticket-base .more-button .more-icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

app-ticket-base .no-card-message {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.765rem;
    line-height: 1;
    font-weight: 700;
    color: #666;
    margin: 0
}

@media (max-width:379px) {
    app-ticket-base base-infocard {
        width: calc(100vw - 50px)
    }
    app-ticket-base base-infocard>footer .buttons {
        margin-left: 90px
    }
}

avc-home app-home .background,
avc-home app-home .limit-background,
avc-home app-home [appChangingBackground] {
    min-height: 75vh
}

#lessvars .screen_xs {
    width: 320px
}

#lessvars .screen_xs_sm {
    width: 380px
}

#lessvars .screen_sm {
    width: 480px
}

#lessvars .screen_md {
    width: 720px
}

#lessvars .screen_md_lg {
    width: 860px
}

#lessvars .screen_lg {
    width: 1024px
}

#lessvars .screen_lg_xl {
    width: 1280px
}

#lessvars .screen_xl {
    width: 1440px
}

#lessvars .maxScreenWidth {
    width: 1440px
}

#lessvars .infoBubbleArrowSide {
    width: 24px
}

#lessvars .infoBubbleArrowHeight {
    width: 34.29px
}