/* This file contains all settings for Arrivon */ /* The comments below declare font size relative to 14px in HTML */ i[class*='icon-'] { display: inline-flex; align-content: center; justify-content: center; align-items: center; } /* Radio Btn */ .input-radio-label { position: relative; padding-left: 20px; } .icon-radio-button { height: 16px; width: 16px; cursor: pointer; border-radius: 50%; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.04), inset 1px 1px 1px 0 rgba(0, 0, 0, 0.04); border: solid 2px #acacac; display: inline-block; background: white; position: absolute; top: 0; left: 0; -webkit-transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1); transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1); } .icon-radio-button:hover { background: #00DE00; border-color: #00DE00; } input[type=radio]:checked + .icon-radio-button { box-shadow: inset 0 0 0 2px #ffffff; border: solid 5px #00DE00; -webkit-animation-name: shrink-bounce; animation-name: shrink-bounce; -webkit-animation-duration: 200ms; animation-duration: 200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.23, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.23, 1); } input[type=radio]:checked + .icon-radio-button:hover { border-color: #17BE17; background: white; } input[type=radio]:disabled + .icon-radio-button { opacity: 0.4; background: #e0e0e0; cursor: not-allowed; border-color: #acacac; } input[type=radio]:disabled + .icon-radio-button:hover { background: #e0e0e0; border-color: #acacac; } .input-radio-label input[type=radio] { position: absolute; left: 0; top: 0; height: 16px; width: 16px; overflow: hidden; margin: 0; padding: 0; border: 0; outline: 0; opacity: 0; } /* End Radio Btn */ @-webkit-keyframes shrink-bounce { 0% { -webkit-transform: scale(1); transform: scale(1); } 33% { -webkit-transform: scale(0.85); transform: scale(0.85); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes shrink-bounce { 0% { transform: scale(1); } 33% { transform: scale(0.85); } 100% { transform: scale(1); } } /* Imports for Arrivon Components/Modules/Pages */ .ui-datepicker, .datepicker-input { display: none; background-color: #fff; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); border: none; width: auto; z-index: 900 !important; } @media screen and (max-width: 770px) { .ui-datepicker, .datepicker-input { max-width: 100%; max-height: 100%; } } .ui-datepicker .ui-datepicker-header, .datepicker-input .ui-datepicker-header { background: #000000; border: 0; margin: 24px 24px 0 24px; padding: 0; position: relative; text-align: center; } @media screen and (max-width: 770px) { .ui-datepicker .ui-datepicker-header, .datepicker-input .ui-datepicker-header { margin: 10px 10px 0 10px; } } .ui-datepicker .ui-datepicker-header .ui-datepicker-title, .datepicker-input .ui-datepicker-header .ui-datepicker-title { color: #fff; font-weight: normal; font-size: 1rem; text-transform: capitalize; line-height: 2.5; padding: 5px; top: 0; margin: 0; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span, .datepicker-input .ui-datepicker-header .ui-datepicker-prev span { text-indent: -99999px; overflow: hidden; display: block; top: 15px; left: 10px; line-height: 24px; text-align: center; cursor: pointer; position: absolute; width: 0; height: 0; border: 6px solid transparent; border-right-color: #fff; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled span, .datepicker-input .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled span { border-right-color: #AAAAAA; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next span, .datepicker-input .ui-datepicker-header .ui-datepicker-next span { text-indent: -99999px; overflow: hidden; display: block; top: 15px; right: 10px; line-height: 24px; text-align: center; cursor: pointer; position: absolute; width: 0; height: 0; border: 6px solid transparent; border-left-color: #fff; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled span, .datepicker-input .ui-datepicker-header .ui-datepicker-next.ui-state-disabled span { border-left-color: #17BE17; } .ui-datepicker .ui-datepicker-calendar, .datepicker-input .ui-datepicker-calendar { margin: 0 24px 24px 24px; } @media screen and (max-width: 770px) { .ui-datepicker .ui-datepicker-calendar, .datepicker-input .ui-datepicker-calendar { margin: 0 10px 10px 10px; } } .ui-datepicker .ui-datepicker-calendar thead tr th, .datepicker-input .ui-datepicker-calendar thead tr th { color: #000; width: 35px; padding: 0; margin: 0; cursor: default; text-transform: capitalize; font-family: "IBM Plex Sans", Arial, sans-serif; font-size: 0.8571rem; display: inline-block; text-align: center; line-height: 24px; font-weight: bold; } .ui-datepicker .ui-datepicker-calendar tbody tr td, .datepicker-input .ui-datepicker-calendar tbody tr td { border: solid #f1f1f1; border-width: 1px 0 0 1px; width: 35px; font-family: "IBM Plex Sans", Arial, sans-serif; font-size: 1rem; line-height: 35px; margin: 0; display: inline-block; text-align: center; cursor: pointer; } .ui-datepicker .ui-datepicker-calendar tbody tr td a, .datepicker-input .ui-datepicker-calendar tbody tr td a { text-decoration: none; color: #000000; } .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-state-disabled, .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-state-disabled:hover, .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable, .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable:hover, .datepicker-input .ui-datepicker-calendar tbody tr td.ui-state-disabled, .datepicker-input .ui-datepicker-calendar tbody tr td.ui-state-disabled:hover, .datepicker-input .ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable, .datepicker-input .ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable:hover { background: #f1f1f1; color: #bebebe; cursor: default; } .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-other-month, .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-other-month:hover, .datepicker-input .ui-datepicker-calendar tbody tr td.ui-datepicker-other-month, .datepicker-input .ui-datepicker-calendar tbody tr td.ui-datepicker-other-month:hover { background: none; } .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today, .datepicker-input .ui-datepicker-calendar tbody tr td.ui-datepicker-today { font-weight: bold; background: repeating-linear-gradient(-55deg, #fff, #fff 2px, #f1f1f1 2px, #f1f1f1 4px); } .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day, .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day:hover, .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today:hover, .ui-datepicker .ui-datepicker-calendar tbody tr td:hover, .datepicker-input .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day, .datepicker-input .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day:hover, .datepicker-input .ui-datepicker-calendar tbody tr td.ui-datepicker-today:hover, .datepicker-input .ui-datepicker-calendar tbody tr td:hover { background: #00DE00; border-radius: 0; } .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day a, .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day:hover a, .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today:hover a, .ui-datepicker .ui-datepicker-calendar tbody tr td:hover a, .datepicker-input .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day a, .datepicker-input .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day:hover a, .datepicker-input .ui-datepicker-calendar tbody tr td.ui-datepicker-today:hover a, .datepicker-input .ui-datepicker-calendar tbody tr td:hover a { color: #fff; } .ui-datepicker .ui-datepicker-calendar tbody tr td:last-child, .datepicker-input .ui-datepicker-calendar tbody tr td:last-child { border-right: 1px solid #f1f1f1; margin-left: 1px; } .ui-datepicker .ui-datepicker-calendar tbody:last-child, .datepicker-input .ui-datepicker-calendar tbody:last-child { border-bottom: 1px solid #f1f1f1; margin-top: 1px; } .ui-datepicker .ui-datepicker-calendar:after, .datepicker-input .ui-datepicker-calendar:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; } body:not([data-flow-state*='ProfileCustomerRefFields']):not([data-flow-state*='ProfileAverageFaresHotel']) .ui-widget-overlay { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; background: #000; opacity: 0.2; z-index: 20; } body:not([data-flow-state*='ProfileCustomerRefFields']):not([data-flow-state*='ProfileAverageFaresHotel']) .ui-dialog { width: 450px !important; max-width: 100%; z-index: 30; box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1); border-radius: 8px; position: fixed; } body:not([data-flow-state*='ProfileCustomerRefFields']):not([data-flow-state*='ProfileAverageFaresHotel']) .ui-dialog .ui-widget-content { background: #ffffff; padding: 15px; } body:not([data-flow-state*='ProfileCustomerRefFields']):not([data-flow-state*='ProfileAverageFaresHotel']) .ui-dialog .ui-dialog-content p { margin-top: 0; } body:not([data-flow-state*='ProfileCustomerRefFields']):not([data-flow-state*='ProfileAverageFaresHotel']) .ui-dialog .ui-dialog-titlebar { background-color: #fafafa; color: #4a4f55; padding: 15px; border-radius: 8px 8px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02); border-bottom: 1px solid #f1f1f1; } body:not([data-flow-state*='ProfileCustomerRefFields']):not([data-flow-state*='ProfileAverageFaresHotel']) .ui-dialog .ui-dialog-titlebar button { display: none; } body:not([data-flow-state*='ProfileCustomerRefFields']):not([data-flow-state*='ProfileAverageFaresHotel']) .ui-dialog .ui-dialog-buttonpane { border-radius: 0 0 8px 8px; padding: 15px; } body:not([data-flow-state*='ProfileCustomerRefFields']):not([data-flow-state*='ProfileAverageFaresHotel']) .ui-dialog .ui-dialog-buttonpane button + button { float: right; } body:not([data-flow-state*='ProfileCustomerRefFields']):not([data-flow-state*='ProfileAverageFaresHotel']) .ui-dialog .ui-dialog-buttonpane button + button { background: #505050; font-family: "IBM Plex Sans", Arial, sans-serif; color: white; display: inline-block; padding: 12px; min-height: 40px; min-width: 100px; cursor: pointer; line-height: 1.5; text-decoration: none; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; outline: 0; border: none; box-shadow: inset 0 2px 0 1px rgba(255, 255, 255, 0.15), 0 2px 0 1px rgba(0, 0, 0, 0.09); border-radius: 4px; font-size: 1rem; } body:not([data-flow-state*='ProfileCustomerRefFields']):not([data-flow-state*='ProfileAverageFaresHotel']) .ui-dialog .ui-dialog-buttonpane button + button:hover { box-shadow: inset 0 -3px 0 0 #2a2a2a; position: relative; bottom: 1px; transform: scale(1.0075); color: white; text-decoration: none; } body:not([data-flow-state*='ProfileCustomerRefFields']):not([data-flow-state*='ProfileAverageFaresHotel']) .ui-dialog .ui-dialog-buttonpane button + button:focus { box-shadow: inset 0 3px 0 0 #2a2a2a; position: relative; bottom: 0; outline: 0; transform: scale(1); } body:not([data-flow-state*='ProfileCustomerRefFields']):not([data-flow-state*='ProfileAverageFaresHotel']) .ui-dialog .ui-dialog-buttonpane button:first-child { background: none; color: #17BE17; border: 2px solid #00DE00; display: inline-block; padding: 10px; min-height: 40px; min-width: 70px; cursor: pointer; line-height: 1.5; text-decoration: none; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; outline: 0; border-radius: 4px; box-shadow: 0 2px 0 1px rgba(0, 0, 0, 0.05); font-size: 1rem; } body:not([data-flow-state*='ProfileCustomerRefFields']):not([data-flow-state*='ProfileAverageFaresHotel']) .ui-dialog .ui-dialog-buttonpane button:first-child:hover { background: #00DE00; color: white; text-decoration: none; } body:not([data-flow-state*='ProfileCustomerRefFields']):not([data-flow-state*='ProfileAverageFaresHotel']) .ui-dialog .ui-dialog-buttonpane button:first-child:focus { border-color: #17BE17; background: #17BE17; color: white; } body:not([data-flow-state*='ProfileCustomerRefFields']):not([data-flow-state*='ProfileAverageFaresHotel']) .ui-dialog select#userOrg { min-height: 70px; } .mandatory-style { padding-left: 0; } .mandatory-style:before { content: "*"; margin-right: 0.5rem; color: #00DE00; } .create-company__heading { margin-top: 60px; } .create-company__footer { display: flex; justify-content: flex-end; align-items: center; } .tl-company-admin__delivery-settings .divgrid { border-bottom: 1px solid #f1f1f1; border-top: 0; padding-top: 0; } .tl-company-admin__delivery-settings .input-radio-label { position: relative; } .tl-company-admin__delivery-settings .input-checkbox-label { position: relative; } .tl-company-admin__delivery-view .divgrid { border-bottom: 1px solid #f1f1f1; border-top: 0; padding-top: 0; } .tl-company__account-discount-codes.tl-admin-page div.tl-column.tl-column--fifth.tl-small-button-container { margin-right: 0; margin-top: 0; float: right; } .tl-company__account-discount-codes.tl-admin-page .button.button--secondary { padding: 6px; min-height: 0; min-width: 0; margin: 0; } .tl-company__account-discount-codes.tl-admin-page a.button.button--secondary + a.button.button--secondary { margin-right: 10px; } .tl-company__account-discount-codes.tl-admin-page label input[type=radio] { margin-right: 5px; } .tl-company__account-discount-codes.tl-admin-page .direct-invoicing { margin-left: 48px; vertical-align: middle; } .tl-company-admin__account-logotype .logoDisplayDiv { text-align: center; padding: 15px; } .tl-company-admin__account-logotype input[type="file"] { width: 100%; } .tl-company-admin-page__payment-edit form { margin: auto; width: 100%; max-width: 350px; } body.lang_fi .tl-company-admin-page__payment-edit form { max-width: 400px; } @media screen and (max-width: 770px) { .tl-company-admin-page__payment-edit form .g40 { width: 40%; } .tl-company-admin-page__payment-edit form .g60 { width: 60%; } } @media screen and (max-width: 400px) { .tl-company-admin-page__payment-edit form .g40 { width: 100%; max-width: 200px; } .tl-company-admin-page__payment-edit form .g60 { width: 100%; } } .tl-company-admin-page__payment-edit .expiry-date-container .inner { padding: 15px 7.5px 15px 0; } @media screen and (max-width: 400px) { .tl-company-admin-page__payment-edit .expiry-date-container .inner { padding: 15px 0; } } .tl-company-admin-page__payment-edit .g60 .inner { padding: 15px 0 15px 7.5px; } .tl-company-admin-page__payment-edit .g60 .inner i { padding-top: 7px; } @media screen and (max-width: 400px) { .tl-company-admin-page__payment-edit .g60 .inner { padding: 15px 0; } } .tl-company-admin-page__payment-edit .expiry-date-select { position: relative; border: solid 1px #acacac; height: 2.5em; background: white; outline: 0; } .tl-company-admin-page__payment-edit .expiry-date-select .select-container:hover { border-color: #00bcb4; } .tl-company-admin-page__payment-edit .expiry-date-select .expiry-date-select:focus { border-color: #00bcb4; box-shadow: 0px 0px 2px 0px #00bcb4; } .tl-company-admin-page__payment-edit .expiry-date-select select { border: none; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; } .tl-company-admin-page__payment-edit .expiry-date-select select:disabled { background-color: #f1f1f1; color: #b9b9b9; } .tl-company-admin-page__payment-edit .expiry-date-select select:disabled:focus { box-shadow: none; cursor: not-allowed; border-color: #acacac; } .tl-company-admin-page__payment-edit .expiry-date-select select:disabled:hover { box-shadow: none; cursor: not-allowed; border-color: #acacac; } .tl-company-admin-page__payment-edit .expiry-date-select:read-only, .tl-company-admin-page__payment-edit .expiry-date-select:-moz-read-only { border: none; padding: 0; } .tl-company-admin-page__payment-edit .expiry-date-select .g50 { position: relative; } .tl-company-admin-page__payment-edit .expiry-date-select .g50:first-child:after { content: ""; display: inline-block; border-left: 1px solid black; height: 15px; width: 15px; position: absolute; font-size: 15px; right: -14px; top: 50%; transform: translateY(-34%) rotate(25deg); z-index: 1; } .tl-company-admin-page__payment-edit .expiry-date-container .g50:nth-child(2) select, .tl-company-admin-page__payment-edit .expiry-date-container .g50:nth-child(2) label { padding-left: 10px; } @media screen and (max-width: 770px) { .tl-company-admin-page__payment-edit .expiry-date-container .g50 { width: 50%; } } .tl-company-admin__policy-flight-edit #destinationDiv, .tl-company-admin__policy-flight-edit #departureDiv { font-weight: bold; } .tl-company-admin__policy-flight-edit .button--primary { float: right; } .tl-company-admin__policy-flight-edit .bgIconOffline, .tl-company-admin__policy-flight-edit .bgIconOnline { background-position: 0 4px; padding-left: 15px; } .tl-company-admin__policy-flight-edit .account-policy-flight__ticket-policy { margin-bottom: 15px; } .tl-company-admin__account-information .divgrid { border-top: 1px solid #f1f1f1; } .tl-who-is-where { margin-bottom: 30px; } .tl-who-is-where .tl-update-data-container { margin-bottom: 15px; } .tl-who-is-where .tl-update-data-container .button { margin-left: 15px; width: auto; min-width: 0; } .tl-who-is-where .tl-update-data-container .button:active { border-width: 1px 1px 4px 1px; } .tl-who-is-where .tl-filter-container { padding: 15px; background: #fff; margin: 15px 0; } .tl-who-is-where .tl-filter-container .right-padding .button { float: right; } @media screen and (max-width: 770px) { .tl-who-is-where .tl-filter-container .right-padding .button { width: 100%; } } .tl-who-is-where .tl-filter-container .box-cell100 { width: 40%; float: left; } .tl-who-is-where .tl-filter-container .left { width: 60%; float: left; margin-bottom: 10px; } .tl-who-is-where .tl-filter-container .left .flow-select-170 { width: 100%; } .tl-who-is-where .tl-filter-container .left .flow-select-100 { width: 60%; margin-right: 3%; } .tl-who-is-where .tl-filter-container .left .flow-select-50 { width: 35%; float: right; } .tl-who-is-where .box-inner { margin: 15px 0; } .tl-who-is-where .g50:first-of-type { padding-right: 30px; } @media screen and (max-width: 770px) { .tl-who-is-where .g50:first-of-type { padding-right: 0; } } .tl-who-is-where .tl-who-is-where-data-table { margin-bottom: 15px; } .tl-who-is-where .tl-who-is-where-data-table .divgrid { background: white; margin-top: 3px; overflow: hidden; clear: both; word-break: keep-all; } @supports (word-break: break-word) { .tl-who-is-where .tl-who-is-where-data-table .divgrid { word-break: break-word; } } .tl-who-is-where .tl-who-is-where-data-table .divgrid:first-of-type { margin-top: 1px; } .tl-who-is-where .tl-who-is-where-data-table .divgrid .gridwhoiswhere, .tl-who-is-where .tl-who-is-where-data-table .gridheader { float: left; width: 10.5%; padding: 10px 0 10px 10px; min-height: 1em; } @media screen and (max-width: 770px) { .tl-who-is-where .tl-who-is-where-data-table .divgrid .gridwhoiswhere, .tl-who-is-where .tl-who-is-where-data-table .gridheader { width: 48%; } } .tl-who-is-where .tl-who-is-where-data-table .divgrid .gridwhoiswhere:first-of-type, .tl-who-is-where .tl-who-is-where-data-table .tl-divgrid-header a:first-of-type .gridheader { width: 11%; } @media screen and (max-width: 770px) { .tl-who-is-where .tl-who-is-where-data-table .divgrid .gridwhoiswhere:first-of-type, .tl-who-is-where .tl-who-is-where-data-table .tl-divgrid-header a:first-of-type .gridheader { width: 48%; } } .tl-who-is-where .tl-who-is-where-data-table .tl-divgrid-header { background: #fafafa; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02); border-radius: 3px 3px 0 0; overflow: hidden; clear: both; word-break: keep-all; } @supports (word-break: break-word) { .tl-who-is-where .tl-who-is-where-data-table .tl-divgrid-header { word-break: break-word; } } .tl-who-is-where .tl-who-is-where-data-table .tl-divgrid-header .gridheader { line-height: 1.5; cursor: pointer; text-decoration: underline; font-weight: bold; color: #17BE17; word-break: normal; word-wrap: normal; padding: 5px 0 5px 10px; } .tl-who-is-where .tl-box-button { margin: 15px 0 0 0; } .tl-who-is-where .tl-box-button .button { float: right; margin-left: 15px; } @media screen and (max-width: 770px) { .tl-who-is-where .tl-box-button .button { float: none; margin-left: 0; } } .tl-who-is-where__confirm { margin-top: 60px; margin-bottom: 30px; } .tl-who-is-where__confirm .tl-box-button { margin: 15px 0 0 0; } .tl-who-is-where__confirm .tl-box-button .button { float: right; margin-left: 15px; } @media screen and (max-width: 770px) { .tl-who-is-where__confirm .tl-box-button .button { float: none; margin-left: 0; } } .tl-who-is-where__retrieve #waitMessage { z-index: 99999; position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); text-align: center; } .tl-who-is-where__retrieve #waitMessage .waitMessage-container { position: relative; background: #00DE00; width: 400px; height: 360px; margin: 0px; padding: 50px; } .tl-who-is-where__retrieve #waitMessage .waitMessage-logo { display: block; margin: 0 auto; } .tl-who-is-where__retrieve #waitMessage .waitMessage-loading { position: absolute; top: 50%; left: 50%; z-index: 888; transform: translateX(-50%) translateY(-50%) rotate(0deg); background: url("/images/loading-plane.png"); width: 140px; height: 140px; background-size: 140px 140px; animation-name: rotation; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; background-repeat: no-repeat; } @-webkit-keyframes rotation { from { transform: translateX(-50%) translateY(-50%) rotate(0deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg); } to { transform: translateX(-50%) translateY(-50%) rotate(359deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg); } } @-moz-keyframes rotation { from { transform: translateX(-50%) translateY(-50%) rotate(0deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg); } to { transform: translateX(-50%) translateY(-50%) rotate(359deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg); } } @-o-keyframes rotation { from { transform: translateX(-50%) translateY(-50%) rotate(0deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg); } to { transform: translateX(-50%) translateY(-50%) rotate(359deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg); } } @keyframes rotation { from { transform: translateX(-50%) translateY(-50%) rotate(0deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg); } to { transform: translateX(-50%) translateY(-50%) rotate(359deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg); } } .tl-who-is-where__retrieve #waitMessage .waitMessage-bottom { width: 100%; text-align: center; background: #fff; padding: 20px; } .tl-who-is-where__retrieve #waitMessage .waitMessage-bottom img { max-width: 150px; margin: 0 auto; } .tl-who-is-where__retrieve #waitMessage .waitMessage-text { position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%); font-size: 22px; line-height: 1em; margin: 0; font-weight: 600; color: #fff; } .tl-who-is-where__retrieve #waitMessageShadow { position: fixed; z-index: 9; top: 0; left: 0; right: 0; bottom: 0; background: rgba(241, 241, 241, 0.85); } .tl-who-is-where__retrieve .waitMessage-H2 { color: white; font-weight: bold; font-size: 1.429rem; line-height: 1.5; margin: 0; } .tl-who-is-where__retrieve .waitMessage__text { position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%); color: white; width: 100%; } .header-area { padding-bottom: 40px; padding-bottom: 0; } @media screen and (max-width: 1024px) { .header-area { padding-bottom: 0; } } .container .content-container, .container-area .content-container, .error-container .content-container { width: 100%; margin: auto; padding-left: 5px; padding-right: 5px; } @media screen and (min-width: 1220px) { .container .content-container, .container-area .content-container, .error-container .content-container { max-width: 1200px; margin: auto; padding: 0; } } .footer-area { background: black; box-shadow: 0 -1px 0 2px rgba(0, 0, 0, 0.02); } .footer-area * > { color: white; } .arrivon-startpage-template .user-role-content-area, .arrivon-startpage-template .editorial-bottom-area { display: flex; } @media screen and (max-width: 770px) { .arrivon-startpage-template .user-role-content-area, .arrivon-startpage-template .editorial-bottom-area { display: block; background: white; } } .arrivon-startpage-template .user-role-content-area::after, .arrivon-startpage-template .editorial-bottom-area::after { clear: both; content: ""; display: table; } .arrivon-startpage-template .left-area { width: 74.5%; float: left; min-height: 48rem; } @media screen and (max-width: 770px) { .arrivon-startpage-template .left-area { width: 100%; } } .arrivon-startpage-template .min-height-left-area { min-height: 46rem; } .arrivon-startpage-template .right-area { width: 25.5%; float: left; } @media screen and (max-width: 770px) { .arrivon-startpage-template .right-area { width: 100%; } } .arrivon-startpage-template .editorial-row-area { text-align: center; } .arrivon-startpage-template .editorial-container { display: flex; } @media screen and (max-width: 770px) { .arrivon-startpage-template .editorial-container { display: block; padding: 10px; } } .arrivon-startpage-template .editorial-area { background: #F5F5F5; } .arrivon-startpage-template .editorial-area::after { clear: both; content: ""; display: table; } .arrivon-startpage-template .fallback-background-image { background: none; position: fixed; left: 0; top: 0; z-index: -3; width: 100%; height: 100%; background-size: 100%; } @media screen and (max-width: 770px) { .arrivon-startpage-template .fallback-background-image { display: none; } } @media screen and (max-width: 770px) { .arrivon-startpage-template { background: #E5E5E5; } .arrivon-startpage-template .left-area, .arrivon-startpage-template .right-area, .arrivon-startpage-template .editorial-left-area, .arrivon-startpage-template .editorial-right-area { width: 100%; } } .arrivon-startpage-template .areatemplate-background-fix { height: 100%; width: 100%; position: fixed; background: white; } .area-main { background: #FFFFFF; } .area-main .clean-area { padding-top: 60px; min-height: 300px; } @media screen and (max-width: 770px) { .area-main .clean-area { padding: 5px; } } @media screen and (max-width: 770px) { .area-main .tl-admin-page { margin: 0; } } .area-main .tl-admin-page p { margin-bottom: 15px; } .area-main .tl-admin-page .box-header { font-size: 1.429rem; color: #00DE00; font-weight: bold; line-height: 1.3; margin-bottom: 0.5em; } .area-main .tl-admin-page .box-subheader { font-weight: bold; border-bottom: 1px dashed #acacac; margin-bottom: 15px; padding: 10px 0; } .area-main .tl-admin-page .tl-box--no-outline { border-width: 0 1px 1px 1px; border-radius: 0 0 3px 3px; padding: 15px 0; } .area-main .tl-admin-page .box-line { border-bottom: dashed 1px #818181; margin: 10px 0; } .area-main .tl-admin-page .box::after { clear: both; content: ""; display: table; } .area-main .tl-admin-page .box .column { float: left; margin-bottom: 15px; } .area-main .tl-admin-page .box .column.third { width: 30%; margin-right: 3.3%; } @media screen and (max-width: 770px) { .area-main .tl-admin-page .box .column.third { width: 100%; } } .area-main .tl-admin-page .box .left { float: left; } .area-main .tl-admin-page .box-inner { margin-bottom: 15px; } .area-main .tl-admin-page tbody { width: 100%; border-collapse: collapse; border-spacing: 2px; margin-bottom: 15px; } .area-main .tl-admin-page td { padding: 5px 0; vertical-align: middle; } .area-main .tl-admin-page ul { margin-left: 22.5px; margin-bottom: 0.5em; margin-top: 0; padding: 0; list-style: disc; } .area-main .tl-admin-page li { padding-top: 5px; } .area-main .tl-admin-page .bgIconOffline { background-image: url("/images/icon_off_line.gif"); background-repeat: no-repeat; background-position: left 3px; padding-left: 20px; } .area-main .tl-admin-page .bgIconOnline { background-image: url("/images/icon_on_line.gif"); background-repeat: no-repeat; background-position: left 3px; padding-left: 20px; } .area-main .tl-admin-page .mandatory-style, .area-main .tl-admin-page .mandatory-style-footer { background-position: 0 0; } .area-main .tl-admin-page .mandatory-style:before, .area-main .tl-admin-page .mandatory-style-footer:before { content: "*"; margin-right: 0.5rem; color: #00DE00; } .area-main .box-warning + .tl-admin-page, .area-main .box-error + .tl-admin-page { margin-top: 10px; } .area-main .tl-admin-page .box-button { margin: 15px 0; float: right; } .area-main .tl-admin-page .box-button .button--primary { float: right; margin-left: 7.5px; } .area-main .tl-admin-page .box-button .button--light { margin: 0 7.5px; } .area-main .tl-admin-page .box-button .button--cancel { float: left; margin: 0 7.5px; } .area-main .tl-admin-page .box-button .button--backward { float: left; margin: 0 7.5px; } .area-main .tl-admin-page .box-button.tl-column { margin: 0; } .area-main .tl-admin-page .tl-small-button-container { float: right; margin: 5px 0; } .area-main .tl-admin-page .tl-small-button-container .button { float: right; margin: 2px; } .area-main .tl-admin-page #allUsersLink { margin-top: 15px; text-decoration: none; /* &:before{ @include iconReturnSmallEmerald; @include iconPseudoElement(15px, 13px); margin-right: 5px; } */ } .area-main .tl-admin-page .tl-column { float: left; margin-bottom: 15px; } .area-main .tl-admin-page .tl-column--half { width: 48.5%; margin-right: 2.5%; } @media screen and (max-width: 770px) { .area-main .tl-admin-page .tl-column--half { width: 100%; margin-right: 0; } } .area-main .tl-admin-page .tl-column--third { width: 31%; margin-right: 3.3%; } @media screen and (max-width: 770px) { .area-main .tl-admin-page .tl-column--third { width: 100%; margin-right: 0; } } .area-main .tl-admin-page .tl-column--forth { width: 23%; margin-right: 2.5%; } @media screen and (max-width: 770px) { .area-main .tl-admin-page .tl-column--forth { width: 100%; margin-right: 0; } } .area-main .tl-admin-page .tl-column--fifth { width: 18%; margin-right: 2.5%; } @media screen and (max-width: 770px) { .area-main .tl-admin-page .tl-column--fifth { width: 100%; margin-right: 0; } } .area-main .tl-admin-page .tl-column--95 { width: 95%; margin-right: 1.5%; } @media screen and (max-width: 770px) { .area-main .tl-admin-page .tl-column--95 { width: 100%; margin-right: 0; } } .area-main .tl-admin-page .tl-column--5 { width: 3.5%; margin-right: 1.5%; } @media screen and (max-width: 770px) { .area-main .tl-admin-page .tl-column--5 { width: 100%; margin-right: 0; } } .area-main .tl-admin-page .tl-column--last-on-row { margin-right: 0; } .area-main .tl-admin-page .divgrid { border-top: 1px dashed #818181; overflow: hidden; padding-top: 10px; clear: both; word-break: keep-all; } @supports (word-break: break-word) { .area-main .tl-admin-page .divgrid { word-break: break-word; } } .area-main .tl-admin-page .divgrid .gridheader, .area-main .tl-admin-page .divgrid .gridheader-left, .area-main .tl-admin-page .divgrid .gridheader-ulist, .area-main .tl-admin-page .divgrid .gridheader-find { font-weight: bold; } .area-main .tl-admin-page .divgrid .gridcolumn-ulist, .area-main .tl-admin-page .divgrid .gridheader-ulist { float: left; width: 17.6%; padding: 8px 10px; } .area-main .tl-admin-page .divgrid .sort.gridheader, .area-main .tl-admin-page .divgrid .sort.gridheader-ulist { font-weight: bold; color: #17BE17; text-decoration: underline; cursor: pointer; } .area-main .tl-admin-page .divgrid .box-percent-65 { width: 65%; float: left; padding: 10px 0 10px 10px; } .area-main .tl-admin-page .divgrid .box-percent-50 { width: 50%; float: left; padding: 10px 0 10px 10px; } .area-main .tl-admin-page .divgrid .box-rightborder { padding: 10px; border-right: 1px solid red; } .area-main .tl-admin-page .divgrid .box-percent-45 { width: 45%; float: left; padding: 10px 0 10px 10px; } .area-main .tl-admin-page .divgrid .box-percent-40 { position: relative; width: 40%; float: left; padding: 10px 0 10px 10px; } .area-main .tl-admin-page .divgrid .box-percent-30 { position: relative; width: 30%; float: left; padding: 10px 0 10px 10px; } .area-main .tl-admin-page .divgrid .box-percent-25 { position: relative; width: 25%; float: left; padding: 0; } .area-main .tl-admin-page .divgrid .box-percent-16 { position: relative; width: 16%; float: left; padding: 10px 0 10px 10px; } .area-main .tl-admin-page .divgrid .box-percent-radio-30 { position: relative; width: 30%; float: left; padding: 10px 0 10px 10px; margin: 0; border-collapse: collapse; } .area-main .tl-admin-page .divgrid .box-column80 { position: relative; width: 80px; float: left; padding: 10px 0 10px 10px; } .area-main .tl-admin-page .divgrid .box-column90 { position: relative; width: 90px; float: left; padding: 10px 0 10px 10px; } .area-main .tl-admin-page .divgrid .box-column100 { position: relative; width: 100px; float: left; padding: 10px 0 10px 10px; } .area-main .tl-admin-page .divgrid .box-column220 { position: relative; width: 220px; float: left; padding: 10px 0 10px 10px; } @media screen and (max-width: 770px) { .area-main .tl-admin-page .divgrid .gridcolumn-ulist, .area-main .tl-admin-page .divgrid .gridheader-ulist, .area-main .tl-admin-page .divgrid .column-TAG-group, .area-main .tl-admin-page .divgrid .column-authority, .area-main .tl-admin-page .divgrid .gridheader-ulist { width: 100%; } .area-main .tl-admin-page .divgrid .box-percent-65, .area-main .tl-admin-page .divgrid .box-percent-50, .area-main .tl-admin-page .divgrid .box-percent-45, .area-main .tl-admin-page .divgrid .box-percent-40, .area-main .tl-admin-page .divgrid .box-percent-30, .area-main .tl-admin-page .divgrid .box-percent-25, .area-main .tl-admin-page .divgrid .box-percent-16, .area-main .tl-admin-page .divgrid .box-percent-radio-30 { width: 100%; } } .area-main .tl-admin-page label { display: block; width: auto; word-break: keep-all; min-height: 16px; } @supports (word-break: break-word) { .area-main .tl-admin-page label { word-break: break-word; } } .area-main .tl-admin-page input[type="text"], .area-main .tl-admin-page input[type="password"], .area-main .tl-admin-page input[type="search"], .area-main .tl-admin-page input[type="tel"], .area-main .tl-admin-page input[type="email"], .area-main .tl-admin-page input[type="fax"], .area-main .tl-admin-page select { width: 100%; margin-bottom: 10px; } .area-main .tl-admin-page .tl-input-small { width: 60px; max-width: 100%; } .area-main .tl-admin-page .tl-admin-page-form-input-20 { width: 20%; margin-right: 5%; } @media screen and (max-width: 770px) { .area-main .tl-admin-page .tl-admin-page-form-input-20 { width: 100%; margin-right: 0; } } .area-main .tl-admin-page .tl-admin-page-form-input-80 { width: 75%; margin-right: 5%; } @media screen and (max-width: 770px) { .area-main .tl-admin-page .tl-admin-page-form-input-80 { width: 100%; margin-right: 0; } } .area-main .tl-admin-page .tl-admin-page-form-input-50 { width: 45%; margin-right: 5%; } @media screen and (max-width: 770px) { .area-main .tl-admin-page .tl-admin-page-form-input-50 { width: 100%; margin-right: 0; } } .area-main .tl-admin-page .tl-admin-page-form-input--last-on-row { margin-right: 0; } .area-main .tl-admin-page .tl-text-input--float-left { float: left; } .area-main .tl-admin-page .tl-text-input--small { width: 60px; max-width: 100%; margin-right: 2.5%; } .area-main .tl-admin-page .tl-text-input--20 { width: 20%; margin-right: 5%; } @media screen and (max-width: 770px) { .area-main .tl-admin-page .tl-text-input--20 { width: 100%; margin-right: 0; } } .area-main .tl-admin-page .tl-text-input--80 { width: 75%; margin-right: 5%; } @media screen and (max-width: 770px) { .area-main .tl-admin-page .tl-text-input--80 { width: 100%; margin-right: 0; } } .area-main .tl-admin-page .tl-text-input--50 { width: 45%; margin-right: 5%; } @media screen and (max-width: 770px) { .area-main .tl-admin-page .tl-text-input--50 { width: 100%; margin-right: 0; } } .area-main .tl-admin-page .tl-text-input--last-on-row { margin-right: 0; } .area-left-main { background: #FFFFFF; } .area-left-main .container-left { min-height: 300px; padding-top: 45px; } @media screen and (max-width: 770px) { .area-left-main .container-left { min-height: 0; } } @media screen and (max-width: 1024px) { .area-left-main .container-left { padding: 5px; } } @media screen and (min-width: 1220px) { .area-left-main .container-left { min-height: 650px; } } .area-left-main .container-left .left-area { width: 25.5%; float: left; padding-right: 20px; } @media screen and (max-width: 1024px) { .area-left-main .container-left .left-area { width: 100%; float: none; } } .area-left-main .container-left .main-area { width: 74.5%; float: left; } @media screen and (max-width: 1024px) { .area-left-main .container-left .main-area { width: 100%; float: none; margin: 0; } } .area-left-main .container-left .main-area { margin-top: 30px; margin-bottom: 15px; padding: 20px; background: #F5F5F5; } @media screen and (max-width: 770px) { .area-left-main .container-left .main-area { padding: 15px; } } @media screen and (max-width: 770px) { .area-left-main .container-left .main-area .tl-admin-page { margin: 0; } } .area-left-main .container-left .main-area .tl-admin-page p { margin-bottom: 15px; } .area-left-main .container-left .main-area .tl-admin-page .box-header { font-size: 1.429rem; color: #00DE00; font-weight: bold; line-height: 1.3; margin-bottom: 0.5em; } .area-left-main .container-left .main-area .tl-admin-page .box-subheader { font-weight: bold; border-bottom: 1px dashed #acacac; margin-bottom: 15px; padding: 10px 0; } .area-left-main .container-left .main-area .tl-admin-page .tl-box--no-outline { border-width: 0 1px 1px 1px; border-radius: 0 0 3px 3px; padding: 15px 0; } .area-left-main .container-left .main-area .tl-admin-page .box-line { border-bottom: dashed 1px #818181; margin: 10px 0; } .area-left-main .container-left .main-area .tl-admin-page .box::after { clear: both; content: ""; display: table; } .area-left-main .container-left .main-area .tl-admin-page .box .column { float: left; margin-bottom: 15px; } .area-left-main .container-left .main-area .tl-admin-page .box .column.third { width: 30%; margin-right: 3.3%; } @media screen and (max-width: 770px) { .area-left-main .container-left .main-area .tl-admin-page .box .column.third { width: 100%; } } .area-left-main .container-left .main-area .tl-admin-page .box .column.half { width: 46.7%; margin-right: 3.3%; } @media screen and (max-width: 770px) { .area-left-main .container-left .main-area .tl-admin-page .box .column.half { width: 100%; } } .area-left-main .container-left .main-area .tl-admin-page .box .column.full { width: 96.7%; margin-right: 3.3%; } @media screen and (max-width: 770px) { .area-left-main .container-left .main-area .tl-admin-page .box .column.full { width: 100%; } } .area-left-main .container-left .main-area .tl-admin-page .box .left { float: left; } .area-left-main .container-left .main-area .tl-admin-page .box-inner { margin-bottom: 15px; } .area-left-main .container-left .main-area .tl-admin-page tbody { width: 100%; border-collapse: collapse; border-spacing: 2px; margin-bottom: 15px; } .area-left-main .container-left .main-area .tl-admin-page td { padding: 5px 0; vertical-align: middle; } .area-left-main .container-left .main-area .tl-admin-page ul { margin-left: 22.5px; margin-bottom: 0.5em; margin-top: 0; padding: 0; list-style: disc; } .area-left-main .container-left .main-area .tl-admin-page li { padding-top: 5px; } .area-left-main .container-left .main-area .tl-admin-page .bgIconOffline { background-image: url("/images/icon_off_line.gif"); background-repeat: no-repeat; background-position: left 3px; padding-left: 20px; } .area-left-main .container-left .main-area .tl-admin-page .bgIconOnline { background-image: url("/images/icon_on_line.gif"); background-repeat: no-repeat; background-position: left 3px; padding-left: 20px; } .area-left-main .container-left .main-area .tl-admin-page .mandatory-style, .area-left-main .container-left .main-area .tl-admin-page .mandatory-style-footer { background-position: 0 0; } .area-left-main .container-left .main-area .tl-admin-page .mandatory-style:before, .area-left-main .container-left .main-area .tl-admin-page .mandatory-style-footer:before { content: "*"; margin-right: 0.5rem; color: #00DE00; } .area-left-main .container-left .main-area .box-warning + .tl-admin-page, .area-left-main .container-left .main-area .box-error + .tl-admin-page { margin-top: 10px; } .area-left-main .container-left .main-area .tl-admin-page .box-button { margin: 15px 0; float: right; } .area-left-main .container-left .main-area .tl-admin-page .box-button .button--primary { float: right; margin-left: 7.5px; } .area-left-main .container-left .main-area .tl-admin-page .box-button .button--light { margin: 0 7.5px; } .area-left-main .container-left .main-area .tl-admin-page .box-button .button--cancel { float: left; margin: 0 7.5px; } .area-left-main .container-left .main-area .tl-admin-page .box-button .button--backward { float: left; margin: 0 7.5px; } .area-left-main .container-left .main-area .tl-admin-page .box-button.tl-column { margin: 0; } .area-left-main .container-left .main-area .tl-admin-page .tl-small-button-container { float: right; margin: 5px 0; } .area-left-main .container-left .main-area .tl-admin-page .tl-small-button-container .button { float: right; margin: 2px; } .area-left-main .container-left .main-area .tl-admin-page #allUsersLink { margin-top: 15px; text-decoration: none; /* &:before{ @include iconReturnSmallEmerald; @include iconPseudoElement(15px, 13px); margin-right: 5px; } */ } .area-left-main .container-left .main-area .tl-admin-page .tl-column { float: left; margin-bottom: 15px; } .area-left-main .container-left .main-area .tl-admin-page .tl-column--half { width: 48.5%; margin-right: 2.5%; } @media screen and (max-width: 770px) { .area-left-main .container-left .main-area .tl-admin-page .tl-column--half { width: 100%; margin-right: 0; } } .area-left-main .container-left .main-area .tl-admin-page .tl-column--third { width: 31%; margin-right: 3.3%; } @media screen and (max-width: 770px) { .area-left-main .container-left .main-area .tl-admin-page .tl-column--third { width: 100%; margin-right: 0; } } .area-left-main .container-left .main-area .tl-admin-page .tl-column--forth { width: 23%; margin-right: 2.5%; } @media screen and (max-width: 770px) { .area-left-main .container-left .main-area .tl-admin-page .tl-column--forth { width: 100%; margin-right: 0; } } .area-left-main .container-left .main-area .tl-admin-page .tl-column--fifth { width: 18%; margin-right: 2.5%; } @media screen and (max-width: 770px) { .area-left-main .container-left .main-area .tl-admin-page .tl-column--fifth { width: 100%; margin-right: 0; } } .area-left-main .container-left .main-area .tl-admin-page .tl-column--95 { width: 95%; margin-right: 1.5%; } @media screen and (max-width: 770px) { .area-left-main .container-left .main-area .tl-admin-page .tl-column--95 { width: 100%; margin-right: 0; } } .area-left-main .container-left .main-area .tl-admin-page .tl-column--5 { width: 3.5%; margin-right: 1.5%; } @media screen and (max-width: 770px) { .area-left-main .container-left .main-area .tl-admin-page .tl-column--5 { width: 100%; margin-right: 0; } } .area-left-main .container-left .main-area .tl-admin-page .tl-column--last-on-row { margin-right: 0; } .area-left-main .container-left .main-area .tl-admin-page .divgrid { border-top: 1px dashed #818181; overflow: hidden; padding-top: 10px; clear: both; word-break: keep-all; } @supports (word-break: break-word) { .area-left-main .container-left .main-area .tl-admin-page .divgrid { word-break: break-word; } } .area-left-main .container-left .main-area .tl-admin-page .divgrid .gridheader, .area-left-main .container-left .main-area .tl-admin-page .divgrid .gridheader-left, .area-left-main .container-left .main-area .tl-admin-page .divgrid .gridheader-ulist, .area-left-main .container-left .main-area .tl-admin-page .divgrid .gridheader-find { font-weight: bold; } .area-left-main .container-left .main-area .tl-admin-page .divgrid .gridcolumn-ulist, .area-left-main .container-left .main-area .tl-admin-page .divgrid .gridheader-ulist { float: left; width: 17.6%; padding: 8px 10px; } .area-left-main .container-left .main-area .tl-admin-page .divgrid .sort.gridheader, .area-left-main .container-left .main-area .tl-admin-page .divgrid .sort.gridheader-ulist { font-weight: bold; color: #17BE17; text-decoration: underline; cursor: pointer; } .area-left-main .container-left .main-area .tl-admin-page .divgrid .box-percent-65 { width: 65%; float: left; padding: 10px 0 10px 10px; } .area-left-main .container-left .main-area .tl-admin-page .divgrid .box-percent-50 { width: 50%; float: left; padding: 10px 0 10px 10px; } .area-left-main .container-left .main-area .tl-admin-page .divgrid .box-rightborder { padding: 10px; border-right: 1px solid red; } .area-left-main .container-left .main-area .tl-admin-page .divgrid .box-percent-45 { width: 45%; float: left; padding: 10px 0 10px 10px; } .area-left-main .container-left .main-area .tl-admin-page .divgrid .box-percent-40 { position: relative; width: 40%; float: left; padding: 10px 0 10px 10px; } .area-left-main .container-left .main-area .tl-admin-page .divgrid .box-percent-30 { position: relative; width: 30%; float: left; padding: 10px 0 10px 10px; } .area-left-main .container-left .main-area .tl-admin-page .divgrid .box-percent-25 { position: relative; width: 25%; float: left; padding: 0; } .area-left-main .container-left .main-area .tl-admin-page .divgrid .box-percent-16 { position: relative; width: 16%; float: left; padding: 10px 0 10px 10px; } .area-left-main .container-left .main-area .tl-admin-page .divgrid .box-percent-radio-30 { position: relative; width: 30%; float: left; padding: 10px 0 10px 10px; margin: 0; border-collapse: collapse; } .area-left-main .container-left .main-area .tl-admin-page .divgrid .box-column80 { position: relative; width: 80px; float: left; padding: 10px 0 10px 10px; } .area-left-main .container-left .main-area .tl-admin-page .divgrid .box-column90 { position: relative; width: 90px; float: left; padding: 10px 0 10px 10px; } .area-left-main .container-left .main-area .tl-admin-page .divgrid .box-column100 { position: relative; width: 100px; float: left; padding: 10px 0 10px 10px; } .area-left-main .container-left .main-area .tl-admin-page .divgrid .box-column220 { position: relative; width: 220px; float: left; padding: 10px 0 10px 10px; } @media screen and (max-width: 770px) { .area-left-main .container-left .main-area .tl-admin-page .divgrid .gridcolumn-ulist, .area-left-main .container-left .main-area .tl-admin-page .divgrid .gridheader-ulist, .area-left-main .container-left .main-area .tl-admin-page .divgrid .column-TAG-group, .area-left-main .container-left .main-area .tl-admin-page .divgrid .column-authority, .area-left-main .container-left .main-area .tl-admin-page .divgrid .gridheader-ulist { width: 100%; } .area-left-main .container-left .main-area .tl-admin-page .divgrid .box-percent-65, .area-left-main .container-left .main-area .tl-admin-page .divgrid .box-percent-50, .area-left-main .container-left .main-area .tl-admin-page .divgrid .box-percent-45, .area-left-main .container-left .main-area .tl-admin-page .divgrid .box-percent-40, .area-left-main .container-left .main-area .tl-admin-page .divgrid .box-percent-30, .area-left-main .container-left .main-area .tl-admin-page .divgrid .box-percent-25, .area-left-main .container-left .main-area .tl-admin-page .divgrid .box-percent-16, .area-left-main .container-left .main-area .tl-admin-page .divgrid .box-percent-radio-30 { width: 100%; } } .area-left-main .container-left .main-area .tl-admin-page label { display: block; width: auto; word-break: keep-all; min-height: 16px; } @supports (word-break: break-word) { .area-left-main .container-left .main-area .tl-admin-page label { word-break: break-word; } } .area-left-main .container-left .main-area .tl-admin-page input[type="text"], .area-left-main .container-left .main-area .tl-admin-page input[type="password"], .area-left-main .container-left .main-area .tl-admin-page input[type="search"], .area-left-main .container-left .main-area .tl-admin-page input[type="tel"], .area-left-main .container-left .main-area .tl-admin-page input[type="email"], .area-left-main .container-left .main-area .tl-admin-page input[type="fax"], .area-left-main .container-left .main-area .tl-admin-page select { width: 100%; margin-bottom: 10px; } .area-left-main .container-left .main-area .tl-admin-page .tl-input-small { width: 60px; max-width: 100%; } .area-left-main .container-left .main-area .tl-admin-page .tl-admin-page-form-input-20 { width: 20%; margin-right: 5%; } @media screen and (max-width: 770px) { .area-left-main .container-left .main-area .tl-admin-page .tl-admin-page-form-input-20 { width: 100%; margin-right: 0; } } .area-left-main .container-left .main-area .tl-admin-page .tl-admin-page-form-input-80 { width: 75%; margin-right: 5%; } @media screen and (max-width: 770px) { .area-left-main .container-left .main-area .tl-admin-page .tl-admin-page-form-input-80 { width: 100%; margin-right: 0; } } .area-left-main .container-left .main-area .tl-admin-page .tl-admin-page-form-input-50 { width: 45%; margin-right: 5%; } @media screen and (max-width: 770px) { .area-left-main .container-left .main-area .tl-admin-page .tl-admin-page-form-input-50 { width: 100%; margin-right: 0; } } .area-left-main .container-left .main-area .tl-admin-page .tl-admin-page-form-input--last-on-row { margin-right: 0; } .area-left-main .container-left .main-area .tl-admin-page .tl-text-input--float-left { float: left; } .area-left-main .container-left .main-area .tl-admin-page .tl-text-input--small { width: 60px; max-width: 100%; margin-right: 2.5%; } .area-left-main .container-left .main-area .tl-admin-page .tl-text-input--20 { width: 20%; margin-right: 5%; } @media screen and (max-width: 770px) { .area-left-main .container-left .main-area .tl-admin-page .tl-text-input--20 { width: 100%; margin-right: 0; } } .area-left-main .container-left .main-area .tl-admin-page .tl-text-input--80 { width: 75%; margin-right: 5%; } @media screen and (max-width: 770px) { .area-left-main .container-left .main-area .tl-admin-page .tl-text-input--80 { width: 100%; margin-right: 0; } } .area-left-main .container-left .main-area .tl-admin-page .tl-text-input--50 { width: 45%; margin-right: 5%; } @media screen and (max-width: 770px) { .area-left-main .container-left .main-area .tl-admin-page .tl-text-input--50 { width: 100%; margin-right: 0; } } .area-left-main .container-left .main-area .tl-admin-page .tl-text-input--last-on-row { margin-right: 0; } > div.container-home { padding-top: 55px; } > div.container-home .left-area { width: 24.5%; float: left; margin-right: 1.5%; } @media screen and (max-width: 770px) { > div.container-home .left-area { width: 100%; float: none; margin: 0 0 10px 0; } } > div.container-home .middle-area { width: 48%; float: left; margin-right: 1.5%; } > div.container-home .right-area { width: 24.5%; float: left; } > div.container-home .left-area, > div.container-home .middle-area, > div.container-home .right-area { min-height: 1px; } /*.arrivon-is-still-loading { width: 100%; background: white; height: 100%; position: fixed; z-index: 1000; opacity: 0.5; text-align: center; left: 0; top: 0; > div { top: 50%; } > div:before { @include loader(5px, $arrivonGreen, $arrivonGreyDark); content:''; display: inline-block; position: absolute; top: 50%; left: 50%; padding: 0; margin: -50px 0 0 -50px; width: 100px; height: 100px; vertical-align: middle; } }*/ .arrivon-is-still-loading { position: fixed; width: 100%; z-index: 1000; top: 0; } .arrivon-is-still-loading p { margin: 0; padding: 5px; } .arrivon-is-still-loading div { height: 3px; width: 100%; position: relative; overflow: hidden; background-color: #e0e0e0; } .arrivon-is-still-loading div:before { display: block; position: absolute; content: ""; left: -200px; width: 200px; height: 4px; background-color: #17BE17; animation: loading 2s linear infinite; } @keyframes loading { from { left: -200px; width: 30%; } 50% { width: 30%; } 70% { width: 70%; } 80% { left: 50%; } 95% { left: 120%; } to { left: 100%; } } .block-notice { margin: 30px 0 20px 20px; } @media screen and (max-width: 770px) { .block-notice { margin: 20px 10px; } } .block-notice .notice-header, .block-notice .block-info-top { padding: 12px; font-weight: 600; line-height: 1; background: #000000; color: #FFFFFF; border-width: 1px 1px 0 1px; } .block-notice .notice-header:first-child, .block-notice .block-info-top:first-child { margin-top: 50px; } .block-notice .notice-content-wrapper, .block-notice .block-info-userHelpText { padding: 15px; background: #F5F5F5; } .block-notice .notice-content { transition: height ease 0.2s; position: relative; } .block-notice .icon-help, .block-notice span.material-symbols-outlined { vertical-align: middle; margin-right: 5px; color: #FFFFFF; } .block-notice .notice-read-more-toggle { padding-top: 5px; text-align: right; cursor: pointer; } .block-notice .notice-content-wrapper--collapsed .notice-content { overflow: hidden; } .block-notice .notice-content-wrapper--collapsed .notice-content:before { pointer-events: none; display: block; content: ""; position: absolute; bottom: -30px; left: 0; right: 0; height: 50px; background: linear-gradient(to top, white 50%, rgba(255, 255, 255, 0)); } .block-billboard-list { position: relative; margin-top: 50px; background-color: #F5F5F5; padding: 15px; margin-bottom: 15px; overflow: hidden; } @media screen and (max-width: 770px) { .block-billboard-list { margin-top: 10px; } } .block-billboard-list h4 { color: #000000; } .block-billboard-list .billboard-expand { position: absolute; bottom: 20px; right: 20px; display: none; } .block-billboard-list .billboard-expand li { margin-bottom: 0; } .block-billboard-list .billboard-expand--readmore, .block-billboard-list .billboard-expand--readless { color: #17BE17; text-decoration: underline; cursor: pointer; } .block-billboard-list .billboard-expand--readmore { display: block; } .block-billboard-list .billboard-expand--readless { display: none; } .block-billboard-list.billboard--collapsed { max-height: 220px; } .block-billboard-list.billboard--collapsed:before { pointer-events: none; display: block; content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 80px; background: linear-gradient(to top, white 50%, rgba(255, 255, 255, 0)); } .block-billboard-list.billboard--collapsed .billboard-expand { display: block; } .block-billboard-list.active { overflow: auto; padding-bottom: 40px; max-height: 100%; } .block-billboard-list.active .billboard-expand--readmore { display: none; } .block-billboard-list.active .billboard-expand--readless { display: block; } .block-billboard-list.active:before { display: none; } .block-billboard-list h2 { font-size: 14px; font-weight: 700; position: relative; padding: 1px 0 13px 24px; color: #505050; margin: 15px 0; line-height: 1; margin-top: 0; } .block-billboard-list h2:before { position: absolute; content: ""; left: 0; top: 0; background: url("/images/svg/pin-grey.svg"); width: 18px; height: 18px; background-size: 18px; background-repeat: no-repeat; } .block-billboard-list li { margin-bottom: 15px; } .tl-block-trip-summary { margin: 15px 0; /* Go from zero to full opacity */ } .tl-block-trip-summary .icon-flight:before, .tl-block-trip-summary .icon-train:before { content: none; } body#SearchMasterPricerAvail .tl-block-trip-summary, body#SearchTimeAvail .tl-block-trip-summary { margin: 41px 0 0 0; } .tl-block-trip-summary .tl-box-header--overview { padding: 5px 15px; font-weight: bold; background-color: #fafafa; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02); border-radius: 3px 3px 0 0; } .tl-block-trip-summary .box-block { background: #F5F5F5; padding: 15px; min-height: 36px; text-decoration: none; margin-top: 1px; box-shadow: 0 3px 0 1px rgba(0, 0, 0, 0.03); } .tl-block-trip-summary .box-subheader { background: white; padding: 5px 15px; text-decoration: none; margin-top: 6px; box-shadow: 0px 3px 2px 0 rgba(0, 0, 0, 0.05); } .tl-block-trip-summary .tl-trip-summary__traveller { display: flex; margin-bottom: 8px; } .tl-block-trip-summary .tl-trip-summary__traveller i { margin-right: 1rem; } .tl-block-trip-summary .tab { overflow: hidden; background-color: #000000; font-weight: 500; } .tl-block-trip-summary .tab p { color: #FFFFFF; } .tl-block-trip-summary .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; color: #FFFFFF; } .tl-block-trip-summary .tab button:hover { background-color: #505050; } .tl-block-trip-summary .tab button.active { background-color: #F5F5F5; color: #000000; } .tl-block-trip-summary .tabcontent { display: none; padding: 10px 20px 10px 20px; border-top: none; background: #F5F5F5; } .tl-block-trip-summary .tabcontent { animation: fadeEffect 1s; } .tl-block-trip-summary .tripSummary { color: #00bcb4; } @keyframes fadeEffect { from { opacity: 0; } to { opacity: 1; } } .tl-block-trip-summary ul.infoItems { list-style-type: circle; } .tl-block-trip-summary ul.infoItems li { margin: 0 0 5px 0; } .tl-block-trip-summary .covidInfo { padding-bottom: 30px; } .tl-block-trip-summary .baggageRules { padding-bottom: 30px; } .tl-block-user-list-traveler { margin-bottom: 15px; } .tl-block-user-list-traveler .tl-box-header--overview { padding: 5px 15px; font-weight: bold; background-color: #F5F5F5; } .tl-block-user-list-traveler .box { background: #F5F5F5; padding: 15px; min-height: 36px; text-decoration: none; margin-top: 1px; box-shadow: 0 3px 0 1px rgba(0, 0, 0, 0.03); border-radius: 0 0 3px 3px; } .tl-block-user-list-traveler .added-traveller { padding: 15px; min-height: 36px; text-decoration: none; border-bottom: 1px solid #C6C6C6; margin-top: 3px; -webkit-transition: background 200ms; transition: background 200ms; display: block; } .tl-block-user-list-traveler .added-traveller i { height: 40px; width: 16px; display: inline-block; float: left; margin-right: 10px; } .tl-block-user-list-traveler .added-traveller span { overflow: hidden; } .tl-block-user-list-traveler .added-traveller a { float: right; padding: 0 0 0 15px; } .tl-block-user-list-traveler .added-traveller a:hover polygon { fill: #DE2B4F; } .tl-block-user-list-traveler .tl-box-button { padding: 5px; width: 100%; } .tl-block-user-list-traveler .tl-box-button .button.button--primary { width: 100%; float: none; margin: 15px 0; } .company-logo { margin: 30px 0 20px 20px; text-align: center; background-color: #fff; padding: 15px; } .company-logo img { height: auto; } .block-editorial, .block-editorial-image { display: inline-block; } .block-editorial a:hover .editorial-image-container img, .block-editorial-image a:hover .editorial-image-container img { transform: scale(1.3); } .block-editorial .editorial-image-container img, .block-editorial-image .editorial-image-container img { transform: scale(1); transition: ease 1.5s; } .block-editorial-new { padding: 22px 25px 15px 25px; text-align: center; } .arrivon-startpage-template .editorial-row-area { font-size: 0; } .arrivon-startpage-template .editorial-row-area .block-editorial, .arrivon-startpage-template .editorial-row-area .block-editorial-image { width: 25%; vertical-align: top; padding: 40px 10px 0 10px; } @media screen and (max-width: 770px) { .arrivon-startpage-template .editorial-row-area .block-editorial, .arrivon-startpage-template .editorial-row-area .block-editorial-image { width: auto; } } .arrivon-startpage-template .editorial-left-area .block-editorial, .arrivon-startpage-template .editorial-left-area .block-editorial-image { width: 33.33%; vertical-align: top; padding: 40px 10px 40px 10px; } @media screen and (max-width: 770px) { .arrivon-startpage-template .editorial-left-area .block-editorial, .arrivon-startpage-template .editorial-left-area .block-editorial-image { width: 100%; margin-bottom: 15px; padding: 0; background: #505050; } .arrivon-startpage-template .editorial-left-area .block-editorial img, .arrivon-startpage-template .editorial-left-area .block-editorial-image img { float: left; padding-right: 10px; width: 50%; } } .arrivon-startpage-template .editorial-left-area .editorial-left-second-row .block-editorial-2 { width: 66%; } @media screen and (max-width: 770px) { .arrivon-startpage-template .editorial-left-area .editorial-left-second-row .block-editorial-2 { width: auto; } } .editorial-right-area .block-editorial { padding: 40px 15px 10px; } .tl-block-help-text { margin-bottom: 15px; } .tl-block-help-text .block-info-header { padding-bottom: 10px; display: block; font-weight: bold; line-height: 1; } .tl-block-help-text .block-info-header:before { background-size: contain; background-repeat: no-repeat; display: inline-block; transition: all 0.2s; height: 18px; width: 18px; background-image: url(/images/svg/help.svg); content: ""; display: inline-block; position: relative; width: 18px; height: 18px; vertical-align: middle; margin-right: 5px; } .tl-block-help-text .block-info-middle { padding: 15px; background: white; font-size: 0.7143rem; line-height: 1.3; color: black; } .tl-block-help-text .block-info-middle p { font-size: 0.7143rem; line-height: 1; color: black; } .Anonymous-Company-Banner { display: inline-block; vertical-align: top; } .Anonymous-Company-Banner .Anonymous-Company-Banner-content { width: 49%; position: absolute; left: 50%; padding: 0px 20px 20px 20px; } .Anonymous-Company-Banner .Anonymous-Company-Banner-content h3 { color: #505050; } .Anonymous-Company-Banner .Anonymous-Company-Banner-content a { text-decoration: none; } @media screen and (max-width: 770px) { .Anonymous-Company-Banner .Anonymous-Company-Banner-content { position: static; width: 100%; padding: 0px 20px 20px 20px; } } .Anonymous-Company-Banner .banner-image-full img { width: 630px; margin-top: 50px; } @media screen and (max-width: 1024px) { .Anonymous-Company-Banner .banner-image-full img { margin-top: 0px; } } .Anonymous-Company-Banner .Anonymous-Company-Banner-content hr { border: 6px solid #00DE00; } .Anonymous-Company-Banner .Anonymous-Company-Banner-background-image { position: fixed; left: 0; top: 0; z-index: -2; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 100%; background-color: #E5E5E5; background-position: center; } .Anonymous-Company-Banner .arrivon-by-fcm-banner { max-width: 630px; display: block; max-height: 150px; background: #FFFFFF; padding: 20px; } @media screen and (max-width: 770px) { .Anonymous-Company-Banner .arrivon-by-fcm-banner { display: none; } } .Anonymous-Company-Banner .arrivon-by-fcm-banner .banner-header { font-size: 2.143rem; color: #000000; } .Anonymous-Company-Banner .arrivon-by-fcm-banner .banner-body { font-weight: normal; margin: 0; color: #000000; } .Anonymous-Company-Banner .arrivon-by-fcm-banner a { padding: 10px 24px; margin-top: 35px; } @media screen and (max-width: 1024px) { .Anonymous-Company-Banner .arrivon-by-fcm-banner { max-height: 210px; } } .UMT-Banner { display: inline-block; vertical-align: top; } .UMT-Banner .UMT-Banner-content { width: 49%; position: absolute; left: 50%; padding: 40px 20px 20px 20px; } .UMT-Banner .UMT-Banner-content h3 { color: #505050; } .UMT-Banner .UMT-Banner-content a { text-decoration: none; } @media screen and (max-width: 770px) { .UMT-Banner .UMT-Banner-content { position: static; width: 100%; padding: 20px; } } .UMT-Banner .UMT-Banner-content hr { border: 6px solid #00DE00; } .UMT-Banner .UMT-Banner-background-image { position: fixed; left: 0; top: 0; z-index: -2; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 100%; background-color: #E5E5E5; background-position: center; } .wait-message { position: fixed; z-index: 10; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); text-align: center; /*&.visible { .waitMessage-loading { animation: rotation 2s infinite linear; -webkit-animation: rotation 2s infinite linear; } }*/ } .wait-message .waitMessage-container { position: relative; background: #000000; width: 400px; height: 360px; margin: 0px; padding: 50px; } .wait-message .waitMessage-logo { display: block; margin: 0 auto; } .wait-message .waitMessage-loading { position: absolute; top: 50%; left: 50%; z-index: 888; transform: translateX(-50%) translateY(-50%) rotate(0deg); background: url("/images/loading-plane.png"); width: 140px; height: 140px; background-size: 140px 140px; animation-name: rotation; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; background-repeat: no-repeat; } @-webkit-keyframes rotation { from { transform: translateX(-50%) translateY(-50%) rotate(0deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg); } to { transform: translateX(-50%) translateY(-50%) rotate(359deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg); } } @-moz-keyframes rotation { from { transform: translateX(-50%) translateY(-50%) rotate(0deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg); } to { transform: translateX(-50%) translateY(-50%) rotate(359deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg); } } @-o-keyframes rotation { from { transform: translateX(-50%) translateY(-50%) rotate(0deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg); } to { transform: translateX(-50%) translateY(-50%) rotate(359deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg); } } @keyframes rotation { from { transform: translateX(-50%) translateY(-50%) rotate(0deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg); } to { transform: translateX(-50%) translateY(-50%) rotate(359deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg); } } .wait-message .waitMessage-bottom { width: 100%; text-align: center; background: #fff; padding: 20px; } .wait-message .waitMessage-bottom img { max-width: 150px; margin: 0 auto; } .wait-message .waitMessage-text { position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%); font-size: 22px; line-height: 1em; margin: 0; font-weight: 600; color: #fff; } #waitMessageShadow { position: fixed; z-index: 9; top: 0; left: 0; right: 0; bottom: 0; background: rgba(241, 241, 241, 0.85); } .login-forgot-password .button { margin-top: 20px; float: right; } .login-forgot-password .button--backward { margin-right: 10px; } .login-forgot-password input { width: 100%; } .login-forgot-password-success .button { margin-top: 20px; float: right; } .login-forgot-password-success .button--backward { margin-right: 10px; } .login-forgot-password-userlist .box-line { border-bottom: dashed 1px #818181; margin: 10px 0; } .login-forgot-password-userlist input[type=radio] { margin-bottom: 1em; } .login-forgot-password-userlist .button { float: right; } .create-user-password { background-color: #fff; margin-bottom: 30px; margin-top: 30px; padding: 55px 30px 30px 30px; } @media screen and (max-width: 770px) { .create-user-password { padding: 15px; } } .create-user-password .box-percent-30 { margin-top: 10px; width: 32.3%; float: left; margin-right: 1.5%; } @media screen and (max-width: 770px) { .create-user-password .box-percent-30 { width: 100%; float: none; margin-right: 0; } } .create-user-password .box-percent-30 + .box-percent-30 + .box-percent-30 { margin-right: 0; } .create-user-password h3 { margin-top: 10px; font-size: 1rem; } .create-user-password .button { float: right; margin-top: 20px; } .create-user-password input[type=password] { width: 100%; } .cntEditorialFooter { font-size: 0; } .cntEditorialFooter > * { font-size: 1rem; } .cntEditorialFooter .footer-content { padding: 40px 0; padding: 5px 0; } @media screen and (max-width: 770px) { .cntEditorialFooter .footer-content { padding: 20px; } } .cntEditorialFooter .footer-left { display: inline-block; text-align: left; width: 50%; vertical-align: top; padding: 0; font-size: 0.7143rem; line-height: 1.3; } .cntEditorialFooter .footer-right { display: inline-block; text-align: right; width: 50%; vertical-align: top; } .cntEditorialFooter .logo-sbta { background: transparent url("/images/footer_logos.gif") no-repeat; display: inline-block; height: 35px; background-position: 0 1px; width: 85px; margin: 10px 0; } .cntEditorialFooter .logo-srf { background: transparent url("/images/footer_logos.gif") no-repeat; display: inline-block; height: 35px; background-position: 0 -49px; width: 32px; margin: 10px 0; } .cntEditorialFooter .logo-iata { background: transparent url("/images/footer_logos.gif") no-repeat; display: inline-block; height: 35px; background-position: 0 -98px; width: 38px; margin: 10px 0; } .cntEditorialFooter .logo-nrf { background: transparent url("/images/footer_logos.gif") no-repeat; display: inline-block; height: 35px; background-position: 0 -150px; width: 37px; margin: 10px 0; } .cntEditorialFooter .logo-drf { background: transparent url("/images/footer_logos.gif") no-repeat; display: inline-block; height: 35px; background-position: 0 -198px; width: 62px; margin: 10px 0; } .cntEditorialFooter .logo-emaerket { background: transparent url("/images/footer_logos.gif") no-repeat; display: inline-block; height: 35px; background-position: 0 -249px; width: 35px; margin: 10px 0; } .cntEditorialFooter .logo-fbta { background: transparent url("/images/footer_logos.gif") no-repeat; display: inline-block; height: 35px; background-position: 0 -300px; width: 50px; margin: 10px 0; } .cntEditorialFooter .logo-uc { background: transparent url("/images/footer_logos.gif") no-repeat; display: inline-block; height: 35px; background-position: 0 -350px; width: 30px; margin: 10px 0; } .cntEditorialFooter .logo-radius { background: transparent url("/images/footer_logos.gif") no-repeat; display: inline-block; height: 35px; background-position: 0 -400px; width: 62px; margin: 10px 0; } .cntEditorialFooter .logo-vdr { background: transparent url("/images/footer_logos.gif") no-repeat; display: inline-block; height: 35px; background-position: 0 -452px; width: 11px; margin: 10px 0; } .cntEditorialFooter .logo-tricorona { background: transparent url("/images/footer_logos.gif") no-repeat; display: inline-block; height: 35px; background-position: 0 -510px; width: 30px; margin: 10px 0; } .cntEditorialFooter .footer-content__left { display: inline-block; width: 79%; } .cntEditorialFooter .footer-content__left p { font-size: 0.8571rem; margin-bottom: 0; color: #FFFFFF; } .cntEditorialFooter .footer-content__right { display: inline-block; width: 20%; text-align: right; vertical-align: bottom; margin-bottom: 10px; } @media screen and (max-width: 770px) { .cntEditorialFooter .footer-content__right { text-align: left; margin-top: 30px; } } .cntEditorialFooter .footer-content__right img { display: none; } .cntEditorialFooter .footer-content__logos { display: none; } .cntEditorialFooter .footer-content__logos::after { clear: both; content: ""; display: table; } .cntEditorialFooter .footer-content__logos li { display: block; float: left; } .cntEditorialFooter .footer-content__logos li a { display: block; width: 50px; height: 50px; } .cntEditorialFooter .footer-content__logos li.logos--fbta a, .cntEditorialFooter .footer-content__logos li.logos--drf a, .cntEditorialFooter .footer-content__logos li.logos--dbta a { width: 65px; } .cnt-editorial-arrivon { background-color: #fff; line-height: 1.5; font-size: 1rem; margin: 30px 0; padding: 30px; } @media screen and (max-width: 770px) { .cnt-editorial-arrivon { padding: 15px; margin: 0; } } .cnt-editorial-arrivon a { font-size: 1rem; } .cnt-editorial-arrivon ul { margin-left: 22.5px; margin-bottom: 0.5em; margin-top: 0; padding: 0; list-style: disc; } .cnt-editorial-arrivon ol { margin-left: 45px; margin-bottom: 0.5em; list-style-type: decimal; } .cnt-editorial-arrivon li { font-size: 1rem; padding-top: 5px; } .cnt-editorial-arrivon table { width: 100%; border-collapse: collapse; margin-bottom: 15px; } .cnt-editorial-arrivon td { border: 1px solid #C6C6C6; padding: 3px 10px; text-align: center; } .cnt-editorial-arrivon th { border: 1px solid #C6C6C6; padding: 3px 10px; text-align: center; background: #E5E5E5; } .cnt-editorial-arrivon .button { float: right; margin-top: 15px; } .content-editorial__article { background-color: #fff; line-height: 1.5; font-size: 1rem; border-radius: 3px; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.03); margin-bottom: 15px; padding: 30px; } @media screen and (max-width: 770px) { .content-editorial__article { padding: 10px; } } .content-editorial__article .article-left { display: block; width: 24.5%; float: left; margin-right: 1.5%; } .content-editorial__article .article-left img { display: block; margin: auto; text-align: center; } @media screen and (max-width: 770px) { .content-editorial__article .article-left { display: none; } } .content-editorial__article .article-main { width: 74%; float: left; font-size: 1rem; } @media screen and (max-width: 770px) { .content-editorial__article .article-main { width: auto; float: none; } } .content-editorial__article .article-main .article a { font-size: 1rem; } .content-editorial__article .article-main .article ul { margin-left: 22.5px; margin-bottom: 0.5em; margin-top: 0; padding: 0; list-style: disc; } .content-editorial__article .article-main .article ol { margin-left: 45px; margin-bottom: 0.5em; list-style-type: decimal; } .content-editorial__article .article-main .article li { font-size: 1rem; padding-top: 5px; } .content-editorial__article .article-main .article table { width: 100%; border-collapse: collapse; margin-bottom: 15px; } .content-editorial__article .article-main .article td { border: 1px solid #C6C6C6; padding: 3px 10px; text-align: center; } .content-editorial__article .article-main .article th { border: 1px solid #C6C6C6; padding: 3px 10px; text-align: center; background: #E5E5E5; } .content-editorial__article .article-main .button { float: right; margin-top: 15px; } .content-editorial__article p { margin-bottom: 0.3em; } .content-editorial__article h3 { margin: 1em 0 0.5em 0; } .tl-admin-block-menu { margin-top: 30px; } @media screen and (max-width: 1024px) { .tl-admin-block-menu { display: none; } } .tl-admin-block-menu .box-header { color: #797979; font-size: 12px; text-transform: uppercase; } .tl-admin-block-menu .box-header svg { height: 20px; width: 20px; vertical-align: middle; margin-bottom: 2px; } .tl-admin-block-menu .box-header svg path { fill: #505050; opacity: 0.5; } .tl-admin-block-menu #left-menu-links { margin-bottom: 15px; margin-top: 10px; } .tl-admin-block-menu #left-menu-links a { font-weight: 500; } .tl-admin-block-menu #left-menu-links .left-menu-links1 a { display: block; padding: 7px 0 7px 0; margin-bottom: 3px; cursor: pointer; text-decoration: none; color: #505050; } .tl-admin-block-menu #left-menu-links .left-menu-links1 a:hover { color: #17BE17; } .tl-admin-block-menu #left-menu-links .left-menu-links2 a { display: block; padding: 7px 0 7px 7px; cursor: pointer; color: #505050; text-decoration: none; padding-left: 30px; } .tl-admin-block-menu #left-menu-links .left-menu-links2 a:hover { color: #17BE17; } .tl-admin-block-menu #left-menu-links .left-menu-links2 + .left-menu-links1 { margin-top: 6px; } .tl-admin-block-menu #left-menu-links .left-menu-links1-selected a, .tl-admin-block-menu #left-menu-links .left-menu-links2-selected a { font-weight: bold; background: #dcdcdc; border-radius: 3px; padding: 7px; } .tl-admin-block-menu #left-menu-links .left-menu-links2-selected a { margin-left: 23px; } .tl-admin-block-menu #left-menu-links .left-menu-links1--opened { position: relative; padding-left: 17px; } .tl-admin-block-menu #left-menu-links .left-menu-links1--opened a { background: none; font-weight: normal; color: #797979; } .tl-admin-block-menu #left-menu-links .left-menu-links1--opened:before { content: ""; position: absolute; top: 7px; left: 0; } .header--SAM { background: white; } .header--SAM img { margin: 3px 10px 4px 10px; height: 45px; } .footer-menu li { display: inline-block; } .footer-menu a { padding: 25px 40px 5px 0; letter-spacing: 0.09375rem; text-transform: uppercase; font-size: 0.8571rem; text-decoration: none; display: block; color: #FFFFFF; font-weight: 700; } .footer-menu a:hover { color: #FFFFFF; } .footer-menu a:visited { color: #FFFFFF; } @media screen and (max-width: 770px) { .footer-menu a { padding: 10px; } .footer-menu li:hover { padding: 3px; } .footer-menu li:hover a { padding: 7px; color: white; border-radius: 3px; background: #FFFFFF; transition: background 0.2s ease; } } .header-container { padding-left: 32px; padding-right: 32px; position: relative; background: #000000; } @media screen and (max-width: 1024px) { .header-container { z-index: 887; } } @media screen and (max-width: 770px) { .header-container { padding-left: 10px; padding-right: 10px; } } .header-container.topmenu-not-toggled .header__customer-contacts-container { display: none; } .header-container.topmenu-toggled .header__customer-contacts-container { display: block; } .header-container .header-content { padding: 25px 0; position: relative; } .header-container .header-content::after { clear: both; content: ""; display: table; } @media screen and (max-width: 1024px) { .header-container .header-content { padding: 10px; } } .header-container .header__arrivon-logo-background { position: absolute; overflow: hidden; left: 0; top: 0; bottom: 0; right: 50%; } @media screen and (max-width: 1024px) { .header-container .header__arrivon-logo-background { height: 60px; right: 0; } } .header-container .header__arrivon-logo-background div { width: 400px; height: 400px; border-radius: 50%; position: absolute; top: 50%; left: -192px; transform: translateY(-50%); } .header-container .header__arrivon-logo-container { float: left; margin-top: 6px; } .header-container .header__arrivon-logo-container a { display: inline-flex; } .header-container .header__arrivon-logo-container a::after { clear: both; content: ""; display: table; } @media screen and (max-width: 770px) { .header-container .header__arrivon-logo-container a { justify-content: center; align-items: center; } } @media screen and (max-width: 1024px) { .header-container .header__arrivon-logo-container { margin-top: 0; } } .header-container .header__arrivon-logo { max-width: 170px; } .header-container .header__fcm-logo { margin-right: 8%; margin-left: 25px; } .header-container .header__top-menu-container { float: left; } .header-container .header__contacts-container { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .header-container .header__top-menu-mobile-toggle-container { float: right; text-align: right; padding: 8px; } .header-container .mobile-topmenu-toggle { display: block; position: relative; } .header-container .mobile-topmenu-toggle div { width: 35px; height: 4px; background-color: white; margin: 6px 0; transition: 0.4s; } .header-container .mobile-topmenu-toggle div:first-of-type { margin: 0 0 6px 0; } .header-container .mobile-topmenu-toggle div:last-of-type { margin: 0; } .header-container .mobile-topmenu-toggle.topmenu-toggled div:nth-child(1) { -webkit-transform: rotate(-45deg) translate(-7.5px, 7.5px); transform: rotate(-45deg) translate(-7.5px, 7.5px); } .header-container .mobile-topmenu-toggle.topmenu-toggled div:nth-child(2) { opacity: 0; } .header-container .mobile-topmenu-toggle.topmenu-toggled div:nth-child(3) { -webkit-transform: rotate(45deg) translate(-7px, -7px); transform: rotate(45deg) translate(-7px, -7px); } @media screen and (min-width: 1025px) { .header-container .header__top-menu-mobile-toggle-container { display: none; } } .header-container .header__contacts-container .language-flags-container--mobile { display: none; } @media screen and (max-width: 1024px) { .header-container { position: relative; } .header-container .header__arrivon-logo { height: 30px; } .header-container .header__fcm-logo { height: 50px; width: 70px; margin-left: 10px; } .header-container .header__arrivon-logo-container { float: left; flex-grow: 1; } .header-container .header__top-menu-container { width: 100%; display: none; float: none; } .header-container .header__contacts-container { width: auto; position: static; } } .header-container { display: none; } .header__bottom-menu-container { display: none; } .print-header { display: block !important; } .header-brand-logo { max-width: 115px; padding: 8px 1px 1px 1px; display: inline-block; vertical-align: top; position: absolute; right: 0; } @media screen and (max-width: 1024px) { .header-brand-logo { top: 0; left: 130px; padding: 11px 5px 2px 7px; } } @media screen and (min-width: 1140px) { .header-brand-logo { left: 130px; } } .header__top-menu { width: 100%; padding-left: 15px; margin-top: 10px; margin-left: 15px; } @media screen and (max-width: 1024px) { .header__top-menu .submenu-button.submenu-button--menuarrow { display: flex; } .header__top-menu .submenu-button.submenu-button--menuarrow .header__top-menu--text { flex-grow: 1; } .header__top-menu .header__top-menu--item { float: none; display: flex; align-items: center; } .header__top-menu .header__top-menu--item .header__top-menu--text { float: none; } } @media screen and (max-width: 1024px) { .header__top-menu { padding: 0; margin: 8px 0 8px 0; } } .header__top-menu ul { display: flex; align-items: center; } @media screen and (max-width: 1024px) { .header__top-menu ul { width: 100%; flex-direction: column; } } .header__top-menu li { position: relative; z-index: 888; } @media screen and (max-width: 1024px) { .header__top-menu li { width: 100%; user-select: none; } } .header__top-menu li.menu-button { position: relative; padding: 0 3px; } .header__top-menu li.menu-button .icon-car, .header__top-menu li.menu-button .icon-hotel { font-size: 26pt; color: white; } .header__top-menu li.menu-button .icon-train { font-size: 20pt; color: white; } .header__top-menu li.menu-button .icon-flight { font-size: 22pt; color: white; } @media screen and (max-width: 1024px) { .header__top-menu li.menu-button i[class*="icon-"] { font-size: 14pt; margin-right: 0.5rem; } } .header__top-menu li.menu-button:after { content: ""; position: absolute; top: 50%; right: 0; transform: translateX(-50%) translateY(-50%); width: 1px; height: 30px; background: rgba(255, 255, 255, 0.4); } @media screen and (max-width: 1024px) { .header__top-menu li.menu-button:after { display: none; } } .header__top-menu li.menu-button:last-child:after { display: none; } .header__top-menu li.menu-viewbooking, .header__top-menu li.menu-admin, .header__top-menu li.menu-userprofile { display: none; } @media screen and (max-width: 1024px) { .header__top-menu li.menu-viewbooking, .header__top-menu li.menu-admin, .header__top-menu li.menu-userprofile { display: block; } } .header__top-menu .header__top-menu--text { display: none; } @media screen and (max-width: 1024px) { .header__top-menu .header__top-menu--text { float: left; display: block; } } .header__top-menu a, .header__top-menu .submenu-button { transition: all ease 0.2s; text-decoration: none; position: relative; display: inline-block; font-size: 1rem; font-weight: normal; } @media screen and (max-width: 1024px) { .header__top-menu a, .header__top-menu .submenu-button { font-size: 16px; font-weight: 500; user-select: none; } } .header__top-menu .menu-button > a, .header__top-menu .menu-button-current > a, .header__top-menu .submenu-button { color: #505050; padding: 0 10px; text-align: center; text-decoration: none; } @media screen and (max-width: 1024px) { .header__top-menu .menu-button > a, .header__top-menu .menu-button-current > a, .header__top-menu .submenu-button { color: #fff; line-height: 27px; } } .header__top-menu .icon-trip { position: relative; display: flex; color: white; } .header__top-menu .icon-trip i { font-size: 22pt; } .header__top-menu .icon-trip i:first-child { margin-right: 0.4rem; } .header__top-menu .icon-trip i:last-child { margin-left: 0.4rem; } .header__top-menu .icon-trip:before { content: "+"; position: absolute; top: 50%; left: 50%; transform: translateX(-75%) translateY(-75%); color: #fff; } .header__top-menu .menu-button:hover .submenu-button, .header__top-menu .menu-button:hover .header__top-menu--item { transform: translateY(-4px); } @media screen and (max-width: 1024px) { .header__top-menu .menu-button:hover .submenu-button, .header__top-menu .menu-button:hover .header__top-menu--item { transform: translateY(0); } } .header__top-menu .menu-arrow { display: none; } @media screen and (max-width: 1024px) { .header__top-menu .menu-arrow { display: block; float: right; width: 18px; height: 18px; margin-top: 4px; } .header__top-menu .menu-arrow path { fill: #fff; } } .header__top-menu .submenu-horizontal { position: absolute; z-index: 1; top: 100%; left: 50%; transform: translateX(-50%); } .header__top-menu .submenu-horizontal:before { position: absolute; top: -7px; left: 50%; z-index: 2; content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid; display: inline-block; transform: translateX(-50%); color: #fff; } .header__top-menu .submenu-horizontal .tl-submenu-container { padding: 5px 0; margin: 0 10px 10px 10px; white-space: nowrap; width: auto; background: white; transition: background 0.2s ease; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); z-index: 1; } .header__top-menu .submenu-horizontal .tl-submenu-container::after { clear: both; content: ""; display: table; } .header__top-menu .submenu-horizontal .tl-submenu-container .menu-second-horizontal { flex-direction: column; } .header__top-menu .submenu-horizontal li { display: block; width: 100%; } .header__top-menu .submenu-horizontal li a { display: block; padding: 7px 15px; color: #000000; width: 100%; } .header__top-menu .submenu-horizontal li a:not([href=""]):hover { color: #000000; } .header__top-menu .submenu-horizontal, .header__top-menu:hover .menu-button-current .submenu-horizontal { display: none; } .header__top-menu .menu-button-current .submenu-horizontal, .header__top-menu .menu-button:hover .submenu-horizontal { display: inline-block; } .header__top-menu .menu-third-vertical li, .header__top-menu .menu-second-horizontal li { display: block; } @media screen and (max-width: 1024px) { .header__top-menu .menu-third-vertical li, .header__top-menu .menu-second-horizontal li { width: 100%; } .header__top-menu .menu-third-vertical li a, .header__top-menu .menu-second-horizontal li a { width: 100%; } } @media screen and (max-width: 1024px) { .header__top-menu li { display: block; } .header__top-menu a, .header__top-menu .submenu-button { display: block; } .header__top-menu .menu-button > a, .header__top-menu .submenu-button, .header__top-menu .menu-button-current > a { margin-right: 0; padding: 10px 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); height: 45px; text-align: left; } .header__top-menu .menu-button a svg:not(.menu-arrow), .header__top-menu .submenu-button svg:not(.menu-arrow) { display: inline-block; padding: 0 10px 0 0; height: 25px; vertical-align: middle; } } @media screen and (max-width: 1024px) and (max-width: 1024px) { .header__top-menu .menu-button a svg:not(.menu-arrow), .header__top-menu .submenu-button svg:not(.menu-arrow) { padding: 0; } } @media screen and (max-width: 1024px) { .header__top-menu .submenu-horizontal .tl-submenu-container { position: static; } .header__top-menu .menu-button:hover .submenu-horizontal { display: none; } .header__top-menu .menu-button .submenu-horizontal.active { display: block; position: static; width: 100%; margin-top: 15px; transform: translateX(0); } } .menu-admin ul.menu-second-horizontal li { vertical-align: top; display: inline-block; width: auto; } @media screen and (max-width: 1024px) { .menu-admin ul.menu-second-horizontal li { width: 100%; } } .menu-admin ul.menu-second-horizontal li a { color: #222; font-weight: bold; } .menu-admin ul.menu-second-horizontal li ul.menu-third-vertical li { display: block; } .menu-admin ul.menu-second-horizontal li ul.menu-third-vertical li a { color: #505050; font-weight: normal; } .menu-admin ul.menu-second-horizontal li ul.menu-third-vertical li a:not([href=""]):hover { color: #17BE17; } .menu-admin ul.menu-second-horizontal li:first-of-type ul { overflow: auto; max-height: 60vh; } @media screen and (max-width: 1024px) { .menu-admin ul.menu-second-horizontal li:first-of-type ul { max-height: none; } } .menu-userprofile ul.menu-second-horizontal li a { color: #222; font-weight: bold; } .menu-userprofile ul.menu-second-horizontal li ul.menu-third-vertical li { display: block; } .menu-userprofile ul.menu-second-horizontal li ul.menu-third-vertical li a { color: #505050; font-weight: normal; } .menu-userprofile ul.menu-second-horizontal li ul.menu-third-vertical li a:not([href=""]):hover { color: #17BE17; } .menu-userprofile .tl-submenu-container .menu-second-horizontal li:first-child { color: #222; font-weight: bold; } .menu-userprofile .tl-submenu-container .menu-second-horizontal .menu-third-vertical li:last-child { margin-top: 4px; border-top: 1px solid rgba(0, 0, 0, 0.1); } .menu-userprofile .tl-submenu-container .menu-second-horizontal .menu-third-vertical li:last-child a { padding: 10px 15px 5px 15px; font-weight: bold; } .header__bottom-menu { position: absolute; z-index: 887; left: 0; right: 0; background: #F5F5F5; padding: 0; transition: all ease-in-out .2s; } .header__bottom-menu .header__arrivon-logo { position: absolute; max-width: 82px; max-height: 25px; float: left; margin: 3px 20px 0 0; transition: all ease-in-out .2s; opacity: 0; display: none; } @media screen and (max-width: 1024px) { .header__bottom-menu .header__arrivon-logo { display: none; } } .header__bottom-menu .header_arrivonbyfcm-nav { display: inline; transition: all ease-in-out .2s; position: relative; top: 6px; } .header__bottom-menu .header_arrivonbyfcm-nav .arrvionbyfcm_nav-link { display: inline-block; vertical-align: middle; margin-right: 20px; color: #000000; font-weight: 700; text-decoration: none; font-size: 0.8571rem; text-transform: uppercase; letter-spacing: 0.09375rem; } .header__bottom-menu .header_arrivonbyfcm-nav .arrvionbyfcm_nav-link a:hover { color: white; text-decoration: underline; } @media screen and (max-width: 1024px) { .header__bottom-menu { display: none; } } .header__bottom-menu--container { position: relative; max-width: 1200px; background: #F5F5F5; margin: auto; padding: 12px 0; } .header__bottom-menu--container .language-flags-container { position: relative; bottom: auto; float: right; transition: all ease-in-out .2s; } .header__bottom-menu--container .language-flags-container ul#language-flags { margin-bottom: 0; } .header__bottom-menu--container .language-flags-container ul#language-flags li, .header__bottom-menu--container .language-flags-container ul#language-flags a { margin: 0; } .header__bottom-menu--container .language-flags-container ul#language-flags li { padding: 3px 5px; } @media screen and (max-width: 1024px) { .header__bottom-menu--container .language-flags-container { display: none; } } .header__bottom-menu ul.header__bottom-menu--first { margin-bottom: 0; } .header__bottom-menu ul.header__bottom-menu--first::after { clear: both; content: ""; display: table; } .header__bottom-menu ul.header__bottom-menu--first li.menu-button { display: flex; position: relative; float: left; margin-right: 15px; padding: 5px; font-weight: 700; color: #000000; pointer: cursor; font-size: 0.8571rem; text-transform: uppercase; letter-spacing: 0.09375rem; } .header__bottom-menu ul.header__bottom-menu--first li.menu-button .icon-arrow-down { font-size: 6pt; color: #000000; } .header__bottom-menu ul.header__bottom-menu--first li.menu-button:hover .menu-arrow { opacity: 1; } .header__bottom-menu ul.header__bottom-menu--first li.menu-button:first-child { transition: all ease-in-out .2s; margin-left: 0; padding-left: 0; } .header__bottom-menu ul.header__bottom-menu--first li.menu-button a { color: #000000; text-decoration: none; display: block; } .header__bottom-menu ul.header__bottom-menu--first li.menu-button a.external { text-decoration: underline; } .header__bottom-menu ul.header__bottom-menu--first li.menu-button .menu-arrow { width: 15px; height: 15px; position: absolute; right: -2px; bottom: 7px; fill: #505050; opacity: .5; } .header__bottom-menu ul.header__bottom-menu--first li.menu-button .submenu-button--menuarrow { cursor: default; margin-right: 10px; } .header__bottom-menu ul.header__bottom-menu--first li.menu-button .submenu-button--menuarrow .icon-user, .header__bottom-menu ul.header__bottom-menu--first li.menu-button .submenu-button--menuarrow span.material-symbols-outlined { color: #505050; opacity: .5; } .header__bottom-menu ul.header__bottom-menu--first li.menu-button-current, .header__bottom-menu ul.header__bottom-menu--first li.menu-button:hover { color: #222; } .header__bottom-menu ul.header__bottom-menu--first li.menu-button-current a, .header__bottom-menu ul.header__bottom-menu--first li.menu-button:hover a { color: #222; } .header__bottom-menu ul.header__bottom-menu--first li.menu-button-current .submenu-horizontal, .header__bottom-menu ul.header__bottom-menu--first li.menu-button:hover .submenu-horizontal { display: block; text-transform: capitalize; letter-spacing: normal; } .header__bottom-menu ul.header__bottom-menu--first li.menu-button.menu-admin { display: flex; } .header__bottom-menu ul.header__bottom-menu--first li.menu-button.menu-admin .icon-user, .header__bottom-menu ul.header__bottom-menu--first li.menu-button.menu-admin span.material-symbols-outlined { display: none; } .header__bottom-menu ul.header__bottom-menu--first li.menu-button.menu-admin .icon-arrow-down { font-size: 6pt; color: grey; } .header__bottom-menu ul.header__bottom-menu--first li.menu-button.menu-hotel .icon-user, .header__bottom-menu ul.header__bottom-menu--first li.menu-button.menu-hotel span.material-symbols-outlined { display: none; } .header__bottom-menu ul.header__bottom-menu--first li.menu-button.menu-userprofile { float: right; display: flex; margin-right: 20px; } .header__bottom-menu ul.header__bottom-menu--first li.menu-button.menu-userprofile .icon-arrow-down { font-size: 6pt; color: grey; } .header__bottom-menu ul.header__bottom-menu--first li.menu-button .nav-icon { display: none; } .header__bottom-menu .submenu-horizontal { display: none; position: absolute; z-index: 1; top: 100%; left: 50%; transform: translateX(-50%); } .header__bottom-menu .submenu-horizontal:before { position: absolute; top: 3px; left: 50%; z-index: 2; content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid; display: inline-block; transform: translateX(-50%); color: #fff; } .header__bottom-menu .submenu-horizontal:after { position: absolute; top: 2px; left: 50%; z-index: 1; content: ''; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid; display: inline-block; transform: translateX(-50%); color: #cecece; } .header__bottom-menu .submenu-horizontal .tl-submenu-container { padding: 5px 0; margin: 10px; white-space: nowrap; width: auto; background: white; transition: background 0.2s ease; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); z-index: 1; } .header__bottom-menu .submenu-horizontal .tl-submenu-container::after { clear: both; content: ""; display: table; } .header__bottom-menu .submenu-horizontal li { display: block; width: 100%; } .header__bottom-menu .submenu-horizontal li a { display: block; padding: 7px 15px; color: #505050; width: 100%; } .header__bottom-menu .submenu-horizontal li a:not([href=""]):hover { color: #17BE17; } .header__bottom-menu .menu-third-vertical svg { width: 20px; height: 20px; vertical-align: middle; padding-right: 5px; } .header__bottom-menu .menu-third-vertical svg path { fill: #505050; } .header__bottom-menu.navbar-fixed { position: fixed; top: 0; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); } .header__bottom-menu.navbar-fixed .header__arrivon-logo { opacity: 1; display: inline-block; } @media screen and (max-width: 1024px) { .header__bottom-menu.navbar-fixed .header__arrivon-logo { display: none; } } .header__bottom-menu.navbar-fixed .header_arrivonbyfcm-nav { margin-left: 120px; display: inline-flex; } .header__bottom-menu.navbar-fixed ul.header__bottom-menu--first li.menu-button:first-child { margin-left: 100px; } .new-feature-bubble { position: relative; top: 66px; left: 92px; float: right; margin-top: -40px; font-weight: bold; padding: 10px 25px; border-radius: 12px; z-index: 888; font-size: 1rem; color: #ffffff; text-transform: uppercase; background: #f98213; box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.05); /*color: white; text-transform: uppercase; background: #30b976; border: 1px solid #27a969; border-bottom: 1px solid #02ab58; border-top: 1px solid #27c578; box-shadow: inset 0px 2px 1px 1px #39cc84, 2px 2px 1px 1px rgba(0, 0, 0, 0.15);*/ } .new-feature-bubble.refine-search--active { display: none; } @media screen and (max-width: 1024px) { .new-feature-bubble.refined-search--fixed { display: none; } } .new-feature-bubble:after { content: ""; border-right: 15px solid; border-bottom: 13px solid transparent; display: inline-block; position: absolute; left: -8px; bottom: -7px; transform: rotate(-45deg); color: #f98213; } @media screen and (max-width: 1350px) { .new-feature-bubble { padding: 1px 5px; font-size: 0.7143rem; left: 5px; top: 82px; } .new-feature-bubble:after, .new-feature-bubble:before { display: none; } } @media screen and (max-width: 1024px) { .new-feature-bubble { top: 5px; right: 5px; left: auto; position: absolute; margin: 0; } } .new-feature-bubble { display: none; } body#SearchMasterPricerAvail .new-feature-bubble, body#SearchOneWayTimeAvail .new-feature-bubble, body#SearchTimeAvail .new-feature-bubble { display: inline; } body#SearchMasterPricerAvail .new-feature-bubble.refine-search--active, body#SearchOneWayTimeAvail .new-feature-bubble.refine-search--active, body#SearchTimeAvail .new-feature-bubble.refine-search--active { display: none; } .header__customer-contacts-container { margin-top: 6px; color: #fff; cursor: pointer; font-size: 0; } .header__customer-contacts-container:hover .icon-customer-service--white { transform: scale(1.08); } @media screen and (max-width: 1024px) { .header__customer-contacts-container { float: right; margin: 0; text-align: right; } .header__customer-contacts-container::after { clear: both; content: ""; display: table; } .header__customer-contacts-container .icon-customer-service--white { float: left; } } .header__customer-contacts-container a { color: #fff; text-decoration: none; } .header__customer-contacts-container a i { font-size: 32pt; margin-right: 1rem; } @media screen and (max-width: 1024px) { .header__customer-contacts-container a { display: flex; color: white; } } .header__customer-contacts-container a:hover { color: white; text-decoration: none; } @media screen and (max-width: 1024px) { .header__customer-contacts-container a:hover { color: #00DE00; } } .header__customer-contacts-container span { display: block; } .header__customer-contacts-container .menu-customer-phone { margin-bottom: 4px; color: #fff; } @media screen and (max-width: 1024px) { .header__customer-contacts-container .menu-customer-phone { color: white; margin-bottom: 0; } } .header__customer-contacts-container .menu-customer-email { color: #fff; } .header__customer-contacts-container .menu-customer-email a { text-decoration: none; } @media screen and (max-width: 1024px) { .header__customer-contacts-container .menu-customer-email { color: white; float: right; } .header__customer-contacts-container .menu-customer-email a { color: white; } } .header__customer-contacts-container > * { font-size: 1rem; } .header__customer-contacts-container .header__customer-contacts { float: right; min-width: 195px; text-align: right; } @media screen and (max-width: 1024px) { .header__customer-contacts-container .header__customer-contacts { float: none; } } .header__customer-contacts-container .icon-customer-service--white { margin-right: 13px; /* @include icon-customer-service--white; @include screen-medium { @include icon-customer-service--green; } */ } .header__customer-contacts-container p { font-size: 12px; margin-bottom: 0; } @media screen and (max-width: 1024px) { .header__customer-contacts-container .header__customer-contacts { padding: 0; } .header__customer-contacts-container .menu-customer-phone, .header__customer-contacts-container .menu-customer-email { font-size: 0.8571rem; } .header__customer-contacts-container p { font-size: 0.8571rem; } } .language-flags-container { text-align: right; } .language-flags-container li { display: inline-block; } .language-flags-container a { display: inline-block; width: 20px; height: 20px; margin-left: 10px; } .language-flags-container a[href="#"] { cursor: default; } @media screen and (max-width: 1024px) { .language-flags-container { padding-top: 15px; } } .socialmedia-links { display: inline-block; float: right; } @media screen and (max-width: 1024px) { .socialmedia-links { display: none; visibility: hidden !important; } } .socialmedia-links span { vertical-align: top; position: relative; top: 5px; color: white; margin-right: 3px; } body.lang_de .socialmedia-links span, body.lang_fi .socialmedia-links span { font-size: 0.8571rem; } .socialmedia-links a { text-decoration: none; } .socialmedia-links a svg { height: 18px; width: 18px; margin: 7px 3px 0 3px; } .socialmedia-links a svg path { transition: ease all .5s; } .socialmedia-links a:first-of-type svg { height: 20px; width: 20px; margin: 7px 3px 0 3px; } .socialmedia-links a:first-of-type:hover svg path { fill: #0077B5; } .socialmedia-links a:first-of-type + a:hover svg path { fill: #4267b2; } .socialmedia-links a:first-of-type + a + a:hover svg path { fill: #4267b2; } .login-container { display: inline-block; width: 50%; vertical-align: top; padding: 40px 20px 20px 20px; min-height: 600px; } .login-container .login-action { display: flex; flex-direction: row-reverse; } .login-container .login-action input { margin-left: 6px; } .login-container .login-action a { margin-right: 6px; } @media screen and (max-width: 770px) { .login-container { width: 100%; background: white; min-height: 0; } } .login-container h3 { margin: 0 0 20px 0; } .login-container .login-company-logo { float: right; width: 100px; height: auto; } .login-container .login-form-row { position: relative; } .login-container .login-form-row label { color: #505050; font-size: 0.8571rem; } .login-container .login-form-row input { width: 100%; margin-bottom: 10px; min-height: 40px; padding-left: 35px; } .login-container .icon-helper-for-input { position: absolute; bottom: 13pt; left: 6pt; font-size: 16pt; } .login-container .login-forgot { padding: 5px 0 30px 0; text-align: center; } .login-container .button { margin-bottom: 35px; width: 100%; } .login-container .button-not-yet-customer a { text-align: center; padding: 10px; border: 2px solid #cecece; margin: 35px 0; display: block; border-radius: 3px; } .login-container .button-not-yet-customer a:hover { background: #cecece; } .login-container-backdrop { background: white; height: 100%; width: 100%; position: fixed; left: 0; top: 0; z-index: -1; } #menu-customer .icon-customer-service { font-size: 32pt; margin-right: 1rem; display: inherit; } #menu-customer .icon-customer-service:hover { color: white; } @media screen and (max-width: 1024px) { #menu-customer .icon-customer-service:hover { color: #00DE00; } } .devEnvironmentSplash { display: block; position: fixed; right: -300px; top: 6px; width: 300px; z-index: 99999; color: #3d7bad; background: #b7d9ed; border: 2px solid #3d7bad; padding: 5px; font-size: 11px; transition: .2s ease-in-out all; } .devEnvironmentSplash .devEnvironmentSplash__toggle { cursor: pointer; position: absolute; left: -35px; top: -2px; width: 35px; height: 35px; background: #3d7bad; border-radius: 2px 0px 0px 2px; } .devEnvironmentSplash .devEnvironmentSplash__toggle svg { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 20px; height: 20px; fill: #fff; } .devEnvironmentSplash.active { right: 0px; } .devEnvironmentSplash a { color: #146070; } .devEnvironmentSplash input { font-size: 11px; height: auto; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #B3B3B3; padding: 6px 5px; -moz-box-shadow: inset 0 1px 4px #cecece; -webkit-box-shadow: inset 0 1px 4px #cecece; box-shadow: inset 0 1px 4px #cecece; } .devEnvironmentSplash select { font-size: 11px; height: auto; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; line-height: 20px; border: 1px solid #B3B3B3; padding: 5px 3px; min-width: 0; } .devEnvironmentSplash .pnrDisplay { display: inline; } .devEnvironmentSplash .pnrDisplay .pnrNumbertoShow { width: 54%; } .devEnvironmentSplash .pnrDisplay .showPnrTrigger { width: 44%; min-width: 0; box-shadow: inset 0 1px 4px #cecece; border-radius: 5px; border: 1px solid #B3B3B3; padding: 6px 5px; } .devEnvironmentSplash hr { border: 1px solid black; } .devEnvironmentSplashOpen { display: none; position: absolute; right: 0; top: 15px; z-index: 888; color: #3d7bad; background: #b7d9ed; border: 2px solid #3d7bad; padding: 5px; overflow: hidden; font-size: 11px; } .test-table { border-collapse: collapse; display: none; color: red; font-size: 11px; } .test-roc { border-color: #ebdcc8; border-style: solid; border-width: 1px 0 0 0; height: 18px; line-height: 18px; padding: 0 0; width: 100%; font-size: 11px; } .test-roc tr:first-child td { font-weight: bold; color: #845016; } .test-roc td { color: #845016; vertical-align: top; border: 1px solid #3d7bad; } .test-roc caption { color: red; } .additional-orders { background: white; padding: 15px; margin-bottom: 15px; } .additional-orders label { display: inline; } .additional-orders input[type="text"], .additional-orders input[type="password"], .additional-orders input[type="search"], .additional-orders input[type="tel"], .additional-orders input[type="email"], .additional-orders input[type="fax"], .additional-orders select { width: 100%; } .additional-orders .wrapper { position: relative; margin-bottom: 10px; padding: 12px 10px 10px 30px; margin-left: 46px; background: #FFFFFF; border: solid #E5E5E5; border-width: 1px 1px 3px 1px; border-radius: 2px; min-height: 36px; -webkit-transition: all 200ms; transition: all 200ms; } .additional-orders .wrapper input[type='checkbox'] { position: absolute; left: 10px; top: 10px; } .additional-orders .wrapper > label.input-checkbox-label { position: static; padding-left: 10px; } .additional-orders .wrapper i.icon-checkbox { top: 13px; left: 13px; } .additional-orders .highlighted .wrapper { background: #bbeae8; } body.lang_fi .additional-orders #arlandaExpressDiv .wrapper { min-height: 65px; } .additional-orders div[id*='SubDiv'] { padding: 10px; background: #E5E5E5; border: 1px solid #C6C6C6; margin: 10px 0 15px 45px; } .additional-orders div[id*='SubDiv'] input, .additional-orders div[id*='SubDiv'] select, .additional-orders div[id*='SubDiv'] textarea { margin-bottom: 10px; } .additional-orders img, .additional-orders .icon-calendar { position: absolute; top: 0; left: -46px; } .additional-orders .icon-calendar { font-size: 15pt; color: #00DE00; } .additional-orders .mandatoryError { background-color: #fdd; } .additional-orders .hidden { display: none; } .additional-orders .new-feature-bubble--calendar { position: relative; display: inline; top: -36px; left: -11px; float: none; font-weight: bold; padding: 10px 25px; border-radius: 12px; z-index: 888; font-size: 1rem; color: #ffffff; text-transform: uppercase; background: #f98213; box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.05); color: white; text-transform: uppercase; } .additional-orders .new-feature-bubble--calendar::after { content: ""; border-right: 15px solid; border-bottom: 13px solid transparent; display: inline-block; position: absolute; left: -1px; bottom: -3px; transform: rotate(62deg); color: #f98213; } @media screen and (max-width: 1024px) { .additional-orders .new-feature-bubble--calendar { display: none; } } @media screen and (min-width: 643px) { .additional-orders .priceFloat { position: absolute; top: 14px; right: 10px; } } .tl-book-add-payment .tl-box-header--light { font-size: 1.429rem; color: #00DE00; font-weight: bold; line-height: 1.3; margin: 0.5em 0; } .tl-book-add-payment .tl-box::after, .tl-book-add-payment .additional-orders::after, .tl-book-add-payment .price-presentation::after, .tl-book-add-payment .payment-presentation::after { clear: both; content: ""; display: table; } .tl-book-add-payment .price-presentation, .tl-book-add-payment .credit-card-form, .tl-book-add-payment .payment-presentation, .tl-book-add-payment .additional-services-container { background: #F5F5F5; padding: 15px; } .tl-book-add-payment .email-confirmation-container { background: #F5F5F5; } .tl-book-add-payment .email-confirmation-container span p { margin-bottom: 0; } .tl-book-add-payment .tl-subheader { padding-bottom: 10px; padding-top: 10px; margin-top: 15px; font-size: 1rem; font-weight: bold; } .tl-book-add-payment .tl-subheader:first-of-type { margin-top: 0; } .tl-book-add-payment .tl-subheader.icon-additional-order, .tl-book-add-payment .tl-subheader.icon-pricetag, .tl-book-add-payment .tl-subheader.icon-payment--trip, .tl-book-add-payment .tl-subheader.icon-payment--flight, .tl-book-add-payment .tl-subheader.icon-additional-info, .tl-book-add-payment .tl-subheader.icon-email-confirm { display: flex; justify-content: flex-start; align-items: center; padding-left: 10px; } .tl-book-add-payment .tl-subheader.icon-additional-order .material-symbols-outlined, .tl-book-add-payment .tl-subheader.icon-pricetag .material-symbols-outlined, .tl-book-add-payment .tl-subheader.icon-payment--trip .material-symbols-outlined, .tl-book-add-payment .tl-subheader.icon-payment--flight .material-symbols-outlined, .tl-book-add-payment .tl-subheader.icon-additional-info .material-symbols-outlined, .tl-book-add-payment .tl-subheader.icon-email-confirm .material-symbols-outlined { padding-right: 6px; } .tl-book-add-payment .tl-subheader.icon-additional-order { background-color: #000000; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02); color: #FFFFFF; } .tl-book-add-payment .tl-subheader.icon-pricetag { background-color: #000000; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02); color: #FFFFFF; } .tl-book-add-payment .tl-subheader.icon-payment--trip, .tl-book-add-payment .tl-subheader.icon-payment--flight { background-color: #000000; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02); color: #FFFFFF; } .tl-book-add-payment .tl-subheader.icon-additional-info { background-color: #000000; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02); color: #FFFFFF; } .tl-book-add-payment .tl-subheader.icon-email-confirm { background-color: #000000; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02); color: #FFFFFF; } .tl-book-add-payment input[type="text"], .tl-book-add-payment input[type="password"], .tl-book-add-payment input[type="search"], .tl-book-add-payment input[type="tel"], .tl-book-add-payment input[type="email"], .tl-book-add-payment input[type="fax"], .tl-book-add-payment select, .tl-book-add-payment .select-container { width: 100%; } .tl-book-add-payment .tl-box-button { margin: 30px 0 60px 0; } .tl-book-add-payment textarea { margin: 15px 0; } .tl-book-add-payment .tl-book-add-payment-info-text { margin-left: 10px; padding-left: 10px; margin-bottom: 15px; font-size: 13px; line-height: 1.3; border-left: 3px solid #cecece; } .tl-book-add-payment .tl-book-add-payment-info-text:before { content: ""; display: inline-block; position: relative; width: 15px; height: 15px; background: url("/images/icon_info-sky.png") no-repeat; margin-right: 5px; } .tl-book-add-payment .price-presentation, .tl-book-add-payment .payment-presentation, .tl-book-add-payment .additional-orders { background: #F5F5F5; } .tl-book-add-payment .price-presentation .tripplanLeft, .tl-book-add-payment .payment-presentation .tripplanLeft, .tl-book-add-payment .additional-orders .tripplanLeft { padding: 10px 0; font-weight: bold; float: left; width: 15%; } .tl-book-add-payment .price-presentation .tripplanLeft .icon-train:before, .tl-book-add-payment .payment-presentation .tripplanLeft .icon-train:before, .tl-book-add-payment .additional-orders .tripplanLeft .icon-train:before { content: ""; } @media screen and (max-width: 770px) { .tl-book-add-payment .price-presentation .tripplanLeft, .tl-book-add-payment .payment-presentation .tripplanLeft, .tl-book-add-payment .additional-orders .tripplanLeft { width: 100%; float: none; } } .tl-book-add-payment .price-presentation .tripplanRight, .tl-book-add-payment .payment-presentation .tripplanRight, .tl-book-add-payment .additional-orders .tripplanRight { padding: 10px 0; float: left; width: 85%; } @media screen and (max-width: 770px) { .tl-book-add-payment .price-presentation .tripplanRight, .tl-book-add-payment .payment-presentation .tripplanRight, .tl-book-add-payment .additional-orders .tripplanRight { width: 100%; float: none; } } .tl-book-add-payment .price-presentation .tripplanRight .middle, .tl-book-add-payment .payment-presentation .tripplanRight .middle, .tl-book-add-payment .additional-orders .tripplanRight .middle { float: right; max-width: 70%; } .tl-book-add-payment .price-presentation .tripplanRight .left, .tl-book-add-payment .payment-presentation .tripplanRight .left, .tl-book-add-payment .additional-orders .tripplanRight .left { float: left; width: 80%; } @media screen and (max-width: 770px) { .tl-book-add-payment .price-presentation .tripplanRight .left, .tl-book-add-payment .payment-presentation .tripplanRight .left, .tl-book-add-payment .additional-orders .tripplanRight .left { width: 60%; } } .tl-book-add-payment .price-presentation .tripplanRight .right, .tl-book-add-payment .payment-presentation .tripplanRight .right, .tl-book-add-payment .additional-orders .tripplanRight .right { text-align: right; padding-left: 5px; float: left; width: 20%; } @media screen and (max-width: 770px) { .tl-book-add-payment .price-presentation .tripplanRight .right, .tl-book-add-payment .payment-presentation .tripplanRight .right, .tl-book-add-payment .additional-orders .tripplanRight .right { width: 100%; float: none; } } .tl-book-add-payment .price-presentation .tripplanRight p, .tl-book-add-payment .payment-presentation .tripplanRight p, .tl-book-add-payment .additional-orders .tripplanRight p { padding: 5px 0 5px 5px; margin: 0; } .tl-book-add-payment .price-presentation .dotted-line, .tl-book-add-payment .payment-presentation .dotted-line, .tl-book-add-payment .additional-orders .dotted-line { border-bottom: 1px dashed #818181; margin: 5px 0; } .tl-book-add-payment .cvc { width: 100%; } .tl-book-add-payment .tl-column.tl-column--fifth { float: left; width: 33.3333%; } @media screen and (max-width: 770px) { .tl-book-add-payment .tl-column.tl-column--fifth { float: left; width: 50%; } } .tl-book-add-payment .tl-column.tl-column--fifth .inner { width: 100%; } @media screen and (max-width: 770px) { .tl-book-add-payment #leftCvcId { width: 100%; } } .tl-book-add-payment .flow-input-250 { margin-bottom: 15px; } .tl-book-add-payment .expiry-date-select { position: relative; border: solid 1px #acacac; height: 2.5em; background: white; outline: 0; } .tl-book-add-payment .expiry-date-select .select-container:hover { border-color: #00bcb4; } .tl-book-add-payment .expiry-date-select .expiry-date-select:focus { border-color: #00bcb4; box-shadow: 0px 0px 2px 0px #00bcb4; } .tl-book-add-payment .expiry-date-select select { border: none; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; } .tl-book-add-payment .expiry-date-select select:disabled { background-color: #f1f1f1; color: #b9b9b9; } .tl-book-add-payment .expiry-date-select select:disabled:focus { box-shadow: none; cursor: not-allowed; border-color: #acacac; } .tl-book-add-payment .expiry-date-select select:disabled:hover { box-shadow: none; cursor: not-allowed; border-color: #acacac; } .tl-book-add-payment .expiry-date-select:read-only, .tl-book-add-payment .expiry-date-select:-moz-read-only { border: none; padding: 0; } .tl-book-add-payment .expiry-date-select .g50 { position: relative; } .tl-book-add-payment .expiry-date-select .g50:first-child:after { content: ""; display: inline-block; border-left: 1px solid black; height: 15px; width: 15px; position: absolute; font-size: 15px; right: -14px; top: 50%; transform: translateY(-34%) rotate(25deg); z-index: 1; } .tl-book-add-payment .expiry-date-container .g50:nth-child(2) select, .tl-book-add-payment .expiry-date-container .g50:nth-child(2) label { padding-left: 10px; } @media screen and (max-width: 770px) { .tl-book-add-payment .expiry-date-container .g50 { width: 50%; } } .tl-book-add-payment .creditcardcompany-container > div:before { -webkit-transition: all 1s ease; transition: all 1s ease; content: ""; display: block; width: 50px; height: 30px; position: absolute; right: 0; } .tl-book-add-payment .creditcardcompany-container > div.icon-VI, .tl-book-add-payment .creditcardcompany-container > div.icon-AX, .tl-book-add-payment .creditcardcompany-container > div.icon-EU, .tl-book-add-payment .creditcardcompany-container > div.icon-CA, .tl-book-add-payment .creditcardcompany-container > div.icon-DC, .tl-book-add-payment .creditcardcompany-container > div.icon-DK, .tl-book-add-payment .creditcardcompany-container > div.icon-TP { position: relative; } .tl-book-add-payment .creditcardcompany-container > div.icon-VI:before, .tl-book-add-payment .creditcardcompany-container > div.icon-AX:before, .tl-book-add-payment .creditcardcompany-container > div.icon-EU:before, .tl-book-add-payment .creditcardcompany-container > div.icon-CA:before, .tl-book-add-payment .creditcardcompany-container > div.icon-DC:before, .tl-book-add-payment .creditcardcompany-container > div.icon-DK:before, .tl-book-add-payment .creditcardcompany-container > div.icon-TP:before { right: -60px; } @media screen and (max-width: 500px) { .tl-book-add-payment .creditcardcompany-container > div[class^="icon"] .creditcard-provider-select { width: 70%; } .tl-book-add-payment .creditcardcompany-container > div.icon-VI:before, .tl-book-add-payment .creditcardcompany-container > div.icon-AX:before, .tl-book-add-payment .creditcardcompany-container > div.icon-EU:before, .tl-book-add-payment .creditcardcompany-container > div.icon-CA:before, .tl-book-add-payment .creditcardcompany-container > div.icon-DC:before, .tl-book-add-payment .creditcardcompany-container > div.icon-DK:before, .tl-book-add-payment .creditcardcompany-container > div.icon-TP:before { right: 0; top: 3px; } } .tl-book-add-payment .icon-VI:before { background-image: url(/images/cards/visa_2X.png); background-repeat: no-repeat; background-position: right 0; } .tl-book-add-payment .icon-AX:before { background-image: url(/images/cards/amex_2X.png); background-repeat: no-repeat; background-position: right 0; } .tl-book-add-payment .icon-EU:before { background-image: url(/images/cards/eurocard_2X.png); background-repeat: no-repeat; background-position: right 0; } .tl-book-add-payment .icon-CA:before { background-image: url(/images/cards/mastercard_2X.png); background-repeat: no-repeat; background-position: right 0; } .tl-book-add-payment .icon-DC:before { background-image: url(/images/cards/diners_2X.png); background-repeat: no-repeat; background-position: right 0; } .tl-book-add-payment .icon-DK:before { background-image: url(/images/cards/dankort_2X.png); background-repeat: no-repeat; background-position: right 0; } .tl-book-add-payment .icon-TP:before { background-image: url(/images/cards/airplus_2X.png); background-repeat: no-repeat; background-position: right 0; } .tl-book-add-payment input[type='checkbox'] ~ label { display: inline; } .tl-book-add-payment #creditcardCost { display: block; margin-top: 5px; } .tl-book-add-payment .credit-card-form { padding-bottom: 30px; } .tl-book-add-payment .credit-card-form > div { margin: auto; float: none; width: 100%; max-width: 350px; } .tl-book-add-payment .credit-card-form > div .inner + .inner { padding: 0 15px; } @media screen and (max-width: 770px) { .tl-book-add-payment .credit-card-form > div .g40 { width: 40%; } .tl-book-add-payment .credit-card-form > div .g60 { width: 60%; } } @media screen and (max-width: 400px) { .tl-book-add-payment .credit-card-form > div .g40 { width: 100%; max-width: 200px; } .tl-book-add-payment .credit-card-form > div .g60 { width: 100%; } } body.lang_fi .tl-book-add-payment .credit-card-form > div { max-width: 430px; } @media screen and (max-width: 500px) { body.lang_fi .tl-book-add-payment .credit-card-form > div .g40 { width: 100%; max-width: 200px; } body.lang_fi .tl-book-add-payment .credit-card-form > div .g60 { width: 100%; } } .tl-book-add-payment .tl-box-button a.button--primary { min-width: 250px; margin-left: 15px; } @media screen and (max-width: 770px) { .tl-book-add-payment .tl-box-button a.button--primary { width: 100%; margin-bottom: 15px; } } .tl-book-add-payment .violatesredlight-warning-container { color: #443e1d; background: #fee975; border: 1px solid #dac864; padding: 10px; margin-top: 10px; } .tl-book-add-payment .violatesredlight-warning-container:before { content: ''; float: left; position: relative; width: 18px; height: 34px; background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: right -2183px; } .tl-book-add-payment .violatesredlight-warning-container span { float: left; position: relative; width: 95%; padding: 3px 0 0 10px; } .tl-book-add-payment span.icon-nego-company { background-position: 0 -296px; } .tl-book-add-confirm { /*.box-header .box-header-lcc-note { color: white; float: right; } .box-header .box-header-lcc-note a { color: white; } .box .box-header-lcc-note { margin: 5px; }*/ font-size: 0.7143rem !important; line-height: 1.3; color: black !important; } .tl-book-add-confirm .confirm-h1 { padding: 5px; padding: 0; } .tl-book-add-confirm .tl-box-header--light { font-size: 1.143rem; font-weight: bold; line-height: 1.15; margin: 0.5em 0; font-size: 1rem; color: black; } .tl-book-add-confirm .tl-subheader { border-bottom: 1px dashed #818181; padding-bottom: 10px; margin-bottom: 10px; font-size: 1rem; font-weight: bold; margin-top: 5px; font-size: 0.7143rem; padding-bottom: 0; margin-bottom: 0; border: 0; } .tl-book-add-confirm .tl-box-button { margin-top: 30px; } .tl-book-add-confirm .tl-box:not(.confirm-info) { background: #F5F5F5; padding: 15px; padding: 5px 0; } @media screen and (max-width: 770px) { .tl-book-add-confirm .tl-box:not(.confirm-info) { padding: 10px; } } .tl-book-add-confirm .confirm-info { line-height: 1.5; display: flex; justify-content: space-between; align-items: center; margin: 0; } .tl-book-add-confirm .confirm-info .confirm-message { width: 100%; margin-right: 1.5%; float: left; font-size: 1.1rem; color: black; } .tl-book-add-confirm .confirm-info .confirm-message-small { width: 100%; float: left; font-size: 0.8571rem; color: #818181; } .tl-book-add-confirm .confirm-info .confirm-booking-reference { font-size: 1.429rem; color: #00DE00; font-weight: bold; line-height: 1.3; width: 70%; float: left; font-size: 0.7143rem; line-height: 1.3; color: black; } .tl-book-add-confirm .confirm-info .confirm-booking-reference #pnr { color: #505050; font-weight: bold; display: block; } .tl-book-add-confirm .confirm-info .confirm-print { display: flex; background-size: 15px; background-position: 0 6px; float: right; } .tl-book-add-confirm .confirm-info .confirm-print i { margin-right: 1rem; } .tl-book-add-confirm .confirm-info .confirm-print a { position: relative; top: 1px; } .tl-book-add-confirm .confirm-info .confirm-confirm { padding: 10px 10px 0 10px; text-align: right; } .tl-book-add-confirm .tl-box.tl-flow-trip-info { padding: 0; border: 0; } .tl-book-add-confirm .tl-box.tl-flow-trip-info .box-subheader .icon-flight { font-size: 15pt; } .tl-book-add-confirm .tl-box.tl-flow-trip-info .box-subheader p { margin-top: 1rem; } .tl-book-add-confirm .tl-subheader { margin-top: 22.5px; } .tl-book-add-confirm .tl-subheader.icon-pricetag { background: url("/images/icon_price-tag-grey.png") no-repeat; background-position: 0; background-size: 16px 11px; padding-left: 20px; background-position: 0 2px; } .tl-book-add-confirm .tl-traveller-overview-container { line-height: 1.5; } .tl-book-add-confirm .tl-traveller-overview-container b { display: inline-block; margin-bottom: 6px; } .tl-book-add-confirm .tl-traveller-overview-container span { display: inline-block; } .tl-book-add-confirm .tl-traveller-overview-container .tl-seating-text { float: left; } .tl-book-add-confirm .tl-traveller-overview-container #seatingResult { float: left; margin-left: 5px; color: #3BA54F !important; font-style: italic; font-weight: bold; } .tl-book-add-confirm .TriplanCommonDeliveryInfo-header { margin-top: 10px; display: inline-block; } .tl-book-add-confirm .TriplanCommonDeliveryInfo-visaApplicationInfo { margin-top: 10px; } .tl-book-add-confirm .TriplanCommonDeliveryInfo-visaApplicationInfo .visaApplicationInfoLink__Closed, .tl-book-add-confirm .TriplanCommonDeliveryInfo-visaApplicationInfo .visaApplicationInfoLink__Open { background: url("/images/icon_info-sky.png") no-repeat; padding-left: 20px; font-weight: bold; font-size: 0.9286rem; color: #00DE00; text-decoration: underline; cursor: pointer; text-decoration: none; } .tl-book-add-confirm .TriplanCommonDeliveryInfo-visaApplicationInfo .visaApplicationInfoLink__Closed:after { content: ''; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid; display: inline-block; position: relative; bottom: 3px; margin-left: 5px; } .tl-book-add-confirm .TriplanCommonDeliveryInfo-visaApplicationInfo .visaApplicationInfoLink__Open:after { content: ''; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 3px solid; display: inline-block; position: relative; bottom: 3px; margin-left: 5px; } .tl-book-add-confirm .TriplanCommonDeliveryInfo-visaApplicationInfo .visaApplicationInfoLink__Closed:after, .tl-book-add-confirm .TriplanCommonDeliveryInfo-visaApplicationInfo .visaApplicationInfoLink__Open:after { display: none; } .tl-book-add-confirm .TriplanCommonDeliveryInfo-visaApplicationInfo > .visaApplicationInfoText { background: #f1f1f1; padding: 10px; margin-top: 10px; border: solid 1px #d1d3d4; display: block; font-size: 0.7143rem; padding: 0; background: none; border: none; } .tl-book-add-confirm .TriplanCommonDeliveryInfo-visaApplicationInfo > .visaApplicationInfoText p { margin: 0 0 10px 0; font-size: 0.8571rem; } .tl-book-add-confirm .TriplanCommonDeliveryInfo-visaApplicationInfo > .visaApplicationInfoText p a { color: #146070; font-size: 0.8571rem; font-size: 0.7143rem; } .tl-book-add-confirm .TriplanCommonDeliveryInfo-visaApplicationInfo > .visaApplicationInfoText p a[href]:after { content: " (" attr(href) ")"; } @media screen and (min-width: 643px) { .tl-book-add-confirm .tl-traveller-overview-container { width: 50%; float: left; padding-right: 10px; } } @media screen and (max-width: 770px) { .tl-book-add-confirm .button.button--light.button--secondary { width: 100%; margin: 0.5em 0; text-align: center; display: inline-flex; justify-content: center; } } .tl-book-add-confirm p, .tl-book-add-confirm h2, .tl-book-add-confirm h3 { font-size: 0.7143rem !important; line-height: 1.3; color: black !important; } .tl-book-add-confirm a { color: black !important; } .tl-book-add-delivery .tl-box-header--light { font-size: 1.429rem; color: #00DE00; font-weight: bold; line-height: 1.3; margin: 0.5em 0; } .tl-book-add-delivery input[type="text"], .tl-book-add-delivery input[type="password"], .tl-book-add-delivery input[type="search"], .tl-book-add-delivery input[type="tel"], .tl-book-add-delivery input[type="email"], .tl-book-add-delivery input[type="fax"], .tl-book-add-delivery select { width: 100%; } .tl-book-add-delivery .tl-box-subheader { font-size: 1.143rem; font-weight: bold; line-height: 1.15; margin: 0.5em 0; } .tl-book-add-delivery .tl-box { background: white; padding: 15px; } .tl-book-add-delivery .heading { margin: 5px 0; } .tl-book-add-delivery .heading label { cursor: pointer; background: #F5F5F5; border: 1px solid #D9D9D9; -webkit-transition: background 200ms; transition: background 200ms; padding: 0 10px; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05); -webkit-transition: -webkit-transform 250ms; } .tl-book-add-delivery .heading label:hover { background: gainsboro; transform: translate(0, -2px); } .tl-book-add-delivery .heading .tl-column { margin: 7.5px; float: left; } .tl-book-add-delivery .heading .tl-column--15 { float: right; } .tl-book-add-delivery .heading .box-delivery100-disabled { color: #818181; } .tl-book-add-delivery .heading .box-delivery410-disabled { color: #818181; } .tl-book-add-delivery .current form > label:hover { background: #e2f6f5; transform: none; } .tl-book-add-delivery .delivery.tl-box { margin-bottom: 15px; transition: background 200ms; } .tl-book-add-delivery .delivery.tl-box input[type="text"], .tl-book-add-delivery .delivery.tl-box input[type="password"], .tl-book-add-delivery .delivery.tl-box input[type="search"], .tl-book-add-delivery .delivery.tl-box input[type="tel"], .tl-book-add-delivery .delivery.tl-box input[type="email"], .tl-book-add-delivery .delivery.tl-box input[type="fax"] { margin-bottom: 3px; } .tl-book-add-delivery .delivery.tl-box select { width: auto; } .tl-book-add-delivery .delivery.tl-box .box-percent-50 { width: 50%; float: left; } .tl-book-add-delivery .delivery.tl-box .box-percent-40 { width: 40%; float: right; } .tl-book-add-delivery .delivery.tl-box table td { padding: 3px; } .tl-book-add-delivery .button.button--backward { margin-top: 15px; } @media screen and (max-width: 770px) { .tl-book-add-delivery .box-percent-50, .tl-book-add-delivery .box-percent-40 { width: 100%; } } .tl-book-pnr-list label { display: block; width: auto; word-break: keep-all; } @supports (word-break: break-word) { .tl-book-pnr-list label { word-break: break-word; } } .tl-book-pnr-list .radio-group label, .tl-book-pnr-list .pnrListBody label { padding-right: 10px; } .tl-book-pnr-list .radio-group label .icon-train:before, .tl-book-pnr-list .radio-group label .icon-hotel:before, .tl-book-pnr-list .radio-group label .icon-car:before, .tl-book-pnr-list .pnrListBody label .icon-train:before, .tl-book-pnr-list .pnrListBody label .icon-hotel:before, .tl-book-pnr-list .pnrListBody label .icon-car:before { content: none; } .tl-book-pnr-list .pnrListBody .icon-train:before { content: none; } .tl-book-pnr-list .box-header { font-size: 1.429rem; color: #00DE00; font-weight: bold; line-height: 1.3; margin: 0.5em 0; } .tl-book-pnr-list .tl-bookings-pnr-list-filter { padding: 5px; background: #F5F5F5; margin-bottom: 15px; } .tl-book-pnr-list .tl-bookings-pnr-list-filter label { display: inline-block; } .tl-book-pnr-list .tl-bookings-pnr-list-filter .g66 { padding-bottom: 10px; } .tl-book-pnr-list .tl-bookings-pnr-list-filter .topPadding5px { padding-top: 10px; } .tl-book-pnr-list .tl-bookings-pnr-list-filter .tl-futureItineraries-search-form label { display: block; } .tl-book-pnr-list .tl-bookings-pnr-list-filter .tl-futureItineraries-search-form input { width: 57%; margin-right: 3%; } .tl-book-pnr-list .futureItinerariesDiv { word-break: keep-all; } @supports (word-break: break-word) { .tl-book-pnr-list .futureItinerariesDiv { word-break: break-word; } } .tl-book-pnr-list .futureItinerariesDiv .tl-bookings-pnr-list-header { background: #F5F5F5; line-height: 1.5; cursor: pointer; text-decoration: underline; font-weight: bold; } .tl-book-pnr-list .futureItinerariesDiv .tl-bookings-pnr-list-header .bookingref { width: auto; } .tl-book-pnr-list .futureItinerariesDiv .tl-bookings-pnr-list-header #sortByDates { display: inline; } .tl-book-pnr-list .futureItinerariesDiv .tl-bookings-pnr-list-header #sortByPassedDates { display: none; } .tl-book-pnr-list .futureItinerariesDiv .tripinfo { width: 40%; float: left; padding: 5px; } .tl-book-pnr-list .futureItinerariesDiv .tripinfo .icon-train :before, .tl-book-pnr-list .futureItinerariesDiv .tripinfo .icon-car :before, .tl-book-pnr-list .futureItinerariesDiv .tripinfo .icon-hotel :before { content: none; } .tl-book-pnr-list .futureItinerariesDiv .travellerinfo { width: 35%; float: left; padding: 5px; } .tl-book-pnr-list .futureItinerariesDiv .bookingref { float: left; padding: 5px; width: 12%; word-break: normal; word-wrap: normal; } @media screen and (max-width: 770px) { .tl-book-pnr-list .futureItinerariesDiv .bookingref { width: auto; word-break: break-word; } } .tl-book-pnr-list .futureItinerariesDiv .itinerarybutton { padding: 5px; text-align: right; width: 13%; float: right; } @media screen and (max-width: 770px) { .tl-book-pnr-list .futureItinerariesDiv .itinerarybutton { width: auto; float: none; position: absolute; bottom: 10px; right: 10px; } .tl-book-pnr-list .futureItinerariesDiv .itinerarybutton a { padding: 10px 30px; } } .tl-book-pnr-list .futureItineraryItem { background: #F5F5F5; padding: 5px; margin-top: 3px; } @media screen and (max-width: 770px) { .tl-book-pnr-list .futureItineraryItem { padding-bottom: 60px; position: relative; } } .hideInList { display: none; } .tl-flow__book-start__search-corporate-travelers { margin-bottom: 15px; } .tl-flow__book-start__search-corporate-travelers .tl-box-header--light { margin: 0.5em 0; } .tl-flow__book-start__search-corporate-travelers .tl-box-subheader { font-size: 1.143rem; font-weight: bold; line-height: 1.15; margin: 0.5em 0; } .tl-flow__book-start__search-corporate-travelers .tl-column.name { font-weight: bold; } .tl-flow__book-start__search-corporate-travelers .gridbutton { float: right; } .tl-flow__book-start__search-corporate-travelers .table__row { position: relative; } .tl-flow__book-start__search-corporate-travelers .tl-div-gridheader { background: #fafafa; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02); border-radius: 3px 3px 0 0; } .tl-flow__book-start__search-corporate-travelers .tl-div-gridheader .gridheader { padding: 3px 8px; } .tl-flow__book-start__search-corporate-travelers .tl-box-button { margin-top: 15px; } .tl-flow__book-start__search-corporate-travelers .tl-my-travelers-checkbox { display: none; } .tl-flow__book-start__search-corporate-travelers .gridcolumn { padding: 8px 15px; } .tl-flow__book-start__search-corporate-travelers .gridcolumn.mytraveller { text-align: left; } .tl-flow__book-start__search-corporate-travelers .tl-my-travelers-icon { background: url("/images/icon-star-grey.png") no-repeat; background-size: 25px; width: 25px; height: 25px; cursor: pointer; } .tl-flow__book-start__search-corporate-travelers .tl-my-travelers-checkbox:checked + .tl-my-travelers-icon { background: url("/images/icon-star-yellow.png") no-repeat; background-size: 25px; } .tl-flow__book-start__search-corporate-travelers #btnSearchMyTraveler:before { background: url("/images/icon-star-yellow.png") no-repeat; background-size: 25px; background-size: 14px; content: ""; display: inline-block; position: relative; width: 14px; height: 14px; margin-right: 3px; top: 2px; } .tl-flow__book-start__search-corporate-travelers .tl-filter-container { background: #F5F5F5; margin-bottom: 30px; } .tl-flow__book-start__search-corporate-travelers .tl-filter-container .userlist-characters { font-size: 0.7143rem; } .tl-flow__book-start__search-corporate-travelers .tl-filter-container .userlist-characters .userlist-out a { -webkit-transition: background 200ms; -moz-transition: background 200ms; transition: background 200ms; float: left; line-height: 1; margin: 1px; border: 1px solid #cecece; text-align: center; text-decoration: none; width: 1.75em; padding: 0.5em 0; display: inline-block; background: #f1f1f1; } .tl-flow__book-start__search-corporate-travelers .tl-filter-container .userlist-characters .userlist-out a:hover { background: #cecece; } .tl-flow__book-start__search-corporate-travelers .tl-filter-container .userlist-characters .userlist-selected { font-weight: bold; -webkit-transition: background 200ms; -moz-transition: background 200ms; transition: background 200ms; float: left; line-height: 1; margin: 1px; border: 1px solid #cecece; background: #cecece; text-align: center; text-decoration: none; width: 1.75em; padding: 0.5em 0; display: inline-block; } .tl-flow__book-start__search-corporate-travelers .tl-filter-container .button--search { float: right; display: flex; align-items: center; justify-content: center; } .tl-flow__book-start__search-corporate-travelers .tl-filter-container .button--search i { margin-right: 0.5rem; } .tl-flow__book-start__search-corporate-travelers .tl-filter-container .button--secondary { margin-left: 5px; } @media screen and (max-width: 770px) { .tl-flow__book-start__search-corporate-travelers .tl-filter-container .button--secondary { width: 100%; margin-bottom: 15px; margin-left: 0px; } } .tl-flow__book-start__search-corporate-travelers .tl-filter-container input { width: 100%; } .tl-flow__book-start__search-corporate-travelers .tl-filter-container .tl-column { margin-bottom: 5px; } .tl-flow__book-start__search-corporate-travelers .tl-filter-container .tl-filter-button-container .button--light { float: right; margin: 0 7.5px; } @media screen and (max-width: 770px) { .tl-flow__book-start__search-corporate-travelers .tl-filter-container .tl-filter-button-container .button--light { margin-bottom: 7.5px; } } .tl-flow__book-start__search-corporate-travelers .tl-filter-container .tl-filter-button-container .btn-addguest { float: right; margin: 0 0 0 15px; } .tl-flow__book-start__search-corporate-travelers .tl-filter-container .select-container { margin-bottom: 7.5px; } @media screen and (max-width: 770px) { .tl-flow__book-start__search-corporate-travelers .tl-filter-container .select-container { width: 100%; } } .tl-flow__book-start__search-corporate-travelers .tl-filter-container label { display: inline-block; } @media screen and (max-width: 770px) { .tl-flow__book-start__search-corporate-travelers .gridcolumn { margin-left: 35px; } .tl-flow__book-start__search-corporate-travelers .gridcolumn.mytraveller { position: absolute; top: 0; left: 0; margin: 0; } .tl-flow__book-start__search-corporate-travelers .g20 { width: auto; } } .search-user__actions { display: flex; justify-content: flex-end; align-items: center; } .tl-flow__book-start__cancel-or-delete .tl-box-header--light { font-size: 1.429rem; color: #00DE00; font-weight: bold; line-height: 1.3; margin: 0.5em 0; } .tl-flow__book-start__cancel-or-delete .tl-box-subheader { font-size: 1.143rem; line-height: 1.15; margin: 0.5em 0; margin-bottom: 2em; } .tl-flow__book-start__cancel-or-delete .row { background: white; padding: 15px; margin-bottom: 15px; } .tl-book-trip-plan-overview { /* .button-small--light.button--cancel { position: absolute; top: 0; right: 0; &:hover:before { //background-image: url(/images/svg/cross-bold-green.svg); } } */ font-size: 0.7143rem !important; line-height: 1.3; color: black !important; } .tl-book-trip-plan-overview .tl-box-header--light { font-size: 1.429rem; color: #00DE00; font-weight: bold; line-height: 1.3; margin: 0.5em 0; } .tl-book-trip-plan-overview .tl-box-button { margin-top: 30px; } .tl-book-trip-plan-overview .tl-subheader { border-bottom: 1px dashed #818181; padding-bottom: 10px; margin-bottom: 10px; font-size: 1rem; font-weight: bold; } .tl-book-trip-plan-overview .tl-flow-trip-info .box-subheader { display: flex; } .tl-book-trip-plan-overview .tl-flow-trip-info .box-subheader .box-button { display: flex; align-items: center; flex-shrink: 0; } .tl-book-trip-plan-overview .tl-flow-trip-info .box-subheader .box-button i[class='icon-cross-bold'] { font-size: 10pt; color: #00DE00; } .tl-book-trip-plan-overview .tl-flow-trip-info .box-subheader i { font-size: 15pt; } .tl-book-trip-plan-overview .tl-flow-trip-info .box-subheader .box-subheader__content { flex-grow: 1; } .tl-book-trip-plan-overview .tl-flow-trip-info .box-subheader p { margin-top: 0.5rem; } .tl-book-trip-plan-overview .tl-flow-trip-info .box-subheader div[class*='icon'] { border-bottom: 1px dashed #acacac; padding-bottom: 10px; margin-bottom: 10px; font-size: 1rem; font-weight: bold; } .tl-book-trip-plan-overview .tl-box { background: #F5F5F5; padding: 15px; } .tl-book-trip-plan-overview .tl-flow-trip-info .departurefareadvice .tl-trip-info-bound .carrierinfo.tl-column--28 { width: 25%; margin-right: 1%; } @media screen and (max-width: 770px) { .tl-book-trip-plan-overview .tl-flow-trip-info .departurefareadvice .tl-trip-info-bound .carrierinfo.tl-column--28 { width: 52%; margin-right: 0; } } .tl-book-trip-plan-overview .tl-flow-trip-info .departurefareadvice .tl-trip-info-bound .duration.tl-column--13 { width: 26%; margin-right: 0; /* span[class*='icon']:last-of-type:after { content: ""; display: block; } span.icon-owc:after, span.icon-owc:last-of-type:after { display: none; }*/ } .tl-book-trip-plan-overview .tl-flow-trip-info .departurefareadvice .tl-trip-info-bound .duration.tl-column--13 span[class*='icon'] { display: inline-block; margin-top: 5px; } @media screen and (max-width: 770px) { .tl-book-trip-plan-overview .tl-flow-trip-info .departurefareadvice .tl-trip-info-bound .duration.tl-column--13 { width: 100%; margin: 7.5px 0 0 0; } } .tl-book-trip-plan-overview .tl-flow-trip-info .departurefareadvice .tl-trip-info-bound .topmargin5 { width: 74.5%; } .tl-book-trip-plan-overview .tl-subheader { margin-top: 22.5px; } .tl-book-trip-plan-overview .tl-subheader.icon-pricetag { background: url("/images/icon_price-tag-grey.png") no-repeat; background-position: 0; background-size: 16px 11px; padding-left: 20px; background-position: 0 2px; } .tl-book-trip-plan-overview .tl-price-presentation-container #totalPrice { font-size: 1.143rem; color: #000000; font-weight: bold; } .tl-book-trip-plan-overview .tl-flow-trip-info.tl-box.tl-box--with-header.tl-box--with-footer { border: 0; padding: 0; } .tl-book-trip-plan-overview .tl-traveller-overview-container { margin-bottom: 15px; line-height: 1.5; } .tl-book-trip-plan-overview .tl-traveller-overview-container b { display: inline-block; margin-bottom: 6px; } .tl-book-trip-plan-overview .tl-traveller-overview-container span { display: inline-block; } .tl-book-trip-plan-overview .tl-traveller-overview-container .tl-seating-text { float: left; } .tl-book-trip-plan-overview .tl-traveller-overview-container #seatingResult { float: left; margin-left: 5px; color: #3BA54F !important; font-style: italic; font-weight: bold; } .tl-book-trip-plan-overview .farerule { text-align: left; padding: 10px 25px; } .tl-book-trip-plan-overview .farerule input { vertical-align: middle; } .tl-book-trip-plan-overview .farerule label { display: inline; padding: 0; cursor: pointer; position: relative; } .tl-book-trip-plan-overview .farerule a { padding: 0; display: inline; text-decoration: underline; } .tl-book-trip-plan-overview .farerule input[type=checkbox]#acceptedFareRule { left: -20px; } .tl-book-trip-plan-overview .farerule .icon-checkbox { left: -20px; } .tl-book-trip-plan-overview .button--light.button--cancel { float: right; display: flex; align-items: center; } .tl-book-trip-plan-overview .button--light.button--cancel i { margin-right: 0.5rem; } .tl-book-trip-plan-overview .tl-duration-time:before { display: none; } @media screen and (min-width: 643px) { .tl-book-trip-plan-overview .tl-traveller-overview-container { width: 50%; float: left; padding-right: 10px; } .tl-book-trip-plan-overview .tl-price-presentation-container { background-color: #FFFFFF; border: none; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.03); padding: 15px; border-radius: 0; margin: 15px 0; } } .tl-book-trip-plan-overview p, .tl-book-trip-plan-overview h2, .tl-book-trip-plan-overview h3 { font-size: 0.7143rem !important; line-height: 1.3; color: black !important; } .tl-book-trip-plan-overview .tl-flow-trip-info .departurefareadvice .tl-trip-info-bound { border-width: 0 0 1px 0; margin-top: 0; box-shadow: none; font-size: 0.7143rem !important; line-height: 1.3; color: black !important; } .tl-book-trip-plan-overview .tl-flow-trip-info .departurefareadvice .tl-trip-info-bound .tripplan-status { font-size: 0.7143rem !important; line-height: 1.3; color: black !important; } .tl-book-trip-plan-overview .box-header.tl-box-header--light, .tl-book-trip-plan-overview .box-subheader.tl-box-header--light { font-size: 1rem !important; color: black !important; } .tl-book-trip-plan-overview .box-subheader p { color: black !important; } .tl-book-trip-plan-overview a { color: black !important; } .tl-book-trip-plan-overview .tl-box { padding: 5px 0 !important; } .tl-book-trip-plan-overview .tl-seatmap-button-container { display: none !important; } .tl-book-trip-plan-overview .tl-price-presentation-container { background: none !important; padding: 0 !important; border: none !important; box-shadow: none !important; } .tl-book-trip-plan-overview .box-subheader.tl-subheader { margin-top: 5px !important; font-size: 0.7143rem !important; padding-bottom: 0 !important; margin-bottom: 0 !important; border: 0 !important; } .tl-book-trip-plan-overview span.icon-nego-company { background-position: 0 -296px; } .tl-flow-page-traveller-info .tl-box-header--emerald { font-size: 1.429rem; color: #00DE00; font-weight: bold; line-height: 1.3; margin: 0.5em 0; } .tl-flow-page-traveller-info .box-subheader i { font-size: 15pt; } .tl-flow-page-traveller-info .box-subheader p { margin-top: 0.5rem; } .tl-flow-page-traveller-info .tl-subheader { font-size: 1.143rem; font-weight: bold; line-height: 1.15; margin: 0.5em 0; padding: 0 15px; } .tl-flow-page-traveller-info .inner { padding: 10px; } .tl-flow-page-traveller-info input[type="text"], .tl-flow-page-traveller-info input[type="password"], .tl-flow-page-traveller-info input[type="search"], .tl-flow-page-traveller-info input[type="tel"], .tl-flow-page-traveller-info input[type="email"], .tl-flow-page-traveller-info input[type="fax"] { width: 100%; } .tl-flow-page-traveller-info .tl-box-button { margin-top: 30px; } .tl-flow-page-traveller-info .tl-box-line { border-bottom: dashed 1px #818181; margin: 5px 15px; } .tl-flow-page-traveller-info .traveller-container, .tl-flow-page-traveller-info .administrative-info-container { background: #F5F5F5; padding: 10px; } .tl-flow-page-traveller-info .traveller-container::after, .tl-flow-page-traveller-info .administrative-info-container::after { clear: both; content: ""; display: table; } .tl-flow-page-traveller-info .box-header-text { float: right; } .tl-flow-page-traveller-info .box-header-text a { padding: 0; color: white; text-decoration: underline; line-height: 1; min-width: 0; } .tl-flow-page-traveller-info label { display: inline-block; } .tl-flow-page-traveller-info .box-cell120 { font-weight: bold; } .tl-flow-page-traveller-info .box-cell120 br { display: none; } .tl-flow-page-traveller-info .box-cell120 label { font-weight: normal; } .tl-flow-page-traveller-info .tl-clearer-last { margin-top: 15px; } .tl-flow-page-traveller-info .tl-traveler-name-container { padding: 15px 15px 0 15px; border-radius: 3px; display: flex; justify-content: space-between; } .tl-flow-page-traveller-info .trainPrefs-line { margin: 10px 0; } .tl-flow-page-traveller-info .icon-outbound-train { background: url("/images/icon_new_train_outbound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; font-weight: bold; color: #000000; } .tl-flow-page-traveller-info .icon-homebound-train { background: url("/images/icon_new_train_homebound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; font-weight: bold; color: #000000; } .tl-flow-page-traveller-info .addedFrequentFlyerCards li { text-decoration: none; background: white; padding: 3px 30px 4px 3px; line-height: 27px; display: block; border: 1px solid #C6C6C6; margin-top: 3px; font-size: 0.7143rem; } .tl-flow-page-traveller-info .addedFrequentFlyerCards li img { float: left; margin-right: 5px; } .tl-flow-page-traveller-info .addedFrequentFlyerCards li:hover { background: #E5E5E5; } .tl-flow-page-traveller-info .addedFrequentFlyerCards li:hover:after { background: url("/images/icon-cross-emerald.png") no-repeat; background-position: 0; background-size: 20px; content: ""; display: inline-block; position: relative; width: 18px; height: 16px; float: right; top: 5px; margin: 0 -25px 0px 0px; } .tl-flow-page-traveller-info .button.button--backward { float: right; } .tl-flow-page-traveller-info .dtaTrainPrefs { display: none; margin: 7.5px 0; } .tl-flow-page-traveller-info .dtaTrainPrefs a { margin: 5px; display: inline-block; } .tl-flow-page-traveller-info .dtaTrainPrefs.align-right { text-align: right; } @media screen and (max-width: 770px) { .tl-flow-page-traveller-info .radio { position: static !important; } .tl-flow-page-traveller-info .radio input[type="radio"] { right: 10px; top: 10px; } } .tl-flow-page-traveller-info .cust-ref-field-description { line-height: 1.4; color: #565656; margin-bottom: 1em; } .tl-flow-page-traveller-info .seat-description-inactive { display: none; } .tl-flow-page-traveller-info .seat-description-active { display: inline-block; border: 0; font-weight: normal; padding-left: 0; resize: none; } .tl-flow-page-traveller-info .list-wrapper { position: relative; } .tl-flow-page-traveller-info .list-item-wrapper { margin-top: 10px; position: relative; } .tl-flow-page-traveller-info .list-bullet { float: left; margin-right: 20px; background: #007A74; height: 10px; width: 10px; line-height: 10px; border-radius: 100px; color: white; text-align: center; } .tl-flow-page-traveller-info .list-item { vertical-align: middle; } .tl-flow-page-traveller-info .list-title { font-weight: normal; } .tl-flow-page-traveller-info .list-text { font-weight: 400; padding-bottom: 5px; padding-left: 30px; } .tl-flow-page-traveller-info .vertical-line { background: #007A74; z-index: 0; width: 1px; height: 100%; position: absolute; left: 5px; } .tl-flow-page-traveller-info .list-text a, .tl-flow-page-traveller-info .list-title { color: #007A74; } .tl-flow-page-traveller-info .route a.seatMapLink { font-weight: normal; } .tl-flow-page-traveller-info .white-line { background: #FFF; /* z-index: -1; */ top: 10px; width: 1px; height: 100%; position: absolute; left: 5px; } .tl-flow-trip-info--air .tl-box-header--light { font-size: 1.143rem; font-weight: bold; line-height: 1.15; margin: 0.5em 0; } .tl-flow-trip-info--air .button-small--light { padding: 3px; min-height: 0; } .tl-flow-trip-info--air .tl-box--price-footer { background: white; padding: 15px; } .tl-flow-trip-info--air .existNoteReadMore { color: #17BE17; text-decoration: underline; font-weight: bold; cursor: pointer; } .tl-flow-trip-info--air .existNoteReadMore:after { content: ''; height: 0; width: 0; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; border-top: 3.5px solid #146070; position: relative; top: 7px; margin-left: 5px; } .tl-flow-trip-info--air .existNoteContainer { background: #E5E5E5; padding: 10px; margin-top: 10px; border: solid 1px #C6C6C6; display: none; } .tl-flow-trip-info--air .gridcolumn-right { float: left; text-align: left; } .tl-flow-trip-info--air #fareRules { margin-right: 10px; margin-bottom: 5px; } .tl-flow-trip-info--air .tl-price-container { text-align: left; padding-left: 10px; } .tl-flow-trip-info--air .txtPrice { padding-top: 7px; padding-bottom: 10px; } .tl-flow-trip-info--air .tl-box--price-footer span[class*='icon'] { margin-top: 3px; } .tl-flow-trip-info--air .tl-hbo-text { font-style: italic; font-size: 0.7143rem; } .tl-flow-trip-info .box-subheader p { font-weight: bold; color: #000000 !important; } .tl-flow-trip-info .box-subheader .icon-train:before { content: none; } .tl-flow-trip-info--air .tl-box-header--light { font-size: 1.143rem; font-weight: bold; line-height: 1.15; margin: 0.5em 0; } .tl-flow-trip-info--air .button-small--light { padding: 3px; min-height: 0; } .tl-flow-trip-info--air .tl-box--price-footer { background: white; padding: 15px; } .tl-flow-trip-info--air .existNoteReadMore { color: #17BE17; text-decoration: underline; font-weight: bold; cursor: pointer; } .tl-flow-trip-info--air .existNoteReadMore:after { content: ''; height: 0; width: 0; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; border-top: 3.5px solid #146070; position: relative; top: 7px; margin-left: 5px; } .tl-flow-trip-info--air .existNoteContainer { background: #E5E5E5; padding: 10px; margin-top: 10px; border: solid 1px #C6C6C6; display: none; } .tl-flow-trip-info--air .gridcolumn-right { float: left; text-align: left; } .tl-flow-trip-info--air #fareRules { margin-right: 10px; margin-bottom: 5px; } .tl-flow-trip-info--air .tl-price-container { text-align: left; padding-left: 10px; } .tl-flow-trip-info--air .txtPrice { padding-top: 7px; padding-bottom: 10px; } .tl-flow-trip-info--air .tl-box--price-footer span[class*='icon'] { margin-top: 3px; } .tl-flow-trip-info--air .tl-hbo-text { font-style: italic; font-size: 0.7143rem; } .tl-flow-trip-info .box-subheader p { font-weight: bold; color: #000000 !important; } .tl-flow-trip-info .box-subheader .icon-train:before { content: none; } .seatmap_modal { display: none; } .seatmap_modal .seatmap_modal-content { position: fixed; z-index: 1001; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-height: 700px; background: white; padding: 20px; min-width: 1600px; text-align: center; } @media screen and (max-width: 1024px) { .seatmap_modal .seatmap_modal-content { min-width: 90%; } } .seatmap_modal .seatmap_modal-backdrop { content: ""; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1000; } .seatmap_modal button[data-role="button"] { margin: 40px 20px 0 20px; min-width: 20%; } @media screen and (max-width: 770px) { .seatmap_modal button[data-role="button"] { min-width: 100%; margin: 40px 0 0 0; } } .seatmap_modal .seatmap_modal--item { display: inline-block; } .seatmap_modal .seatmap_modal--item.inactive { display: none; } .seatmap_modal svg { position: absolute; top: 30px; right: 30px; cursor: pointer; } .seatmap_modal svg:hover path { fill: #000; } .flowstate { font-size: 13px; color: #888; } .flowstate td.flow-selected td.flow { padding: 0 5px; } .flowstate td.flow-selected td.flow:nth-child(1) { padding-left: 0; } .flowstate td.flow-selected td.flow-selected { padding: 0 5px; color: #787878; font-weight: 600; } .flowstate td.flow-selected td.flow-selected:nth-child(1) { padding-left: 0; } .tl-flow__flight-price-avail { margin-bottom: 30px; } .tl-flow__flight-price-avail .button.button--light, .tl-flow__flight-price-avail .button.button--backward { background: none; color: #17BE17; border: 2px solid #00DE00; display: inline-block; padding: 10px; min-height: 40px; min-width: 70px; cursor: pointer; line-height: 1.5; text-decoration: none; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; outline: 0; border-radius: 4px; box-shadow: 0 2px 0 1px rgba(0, 0, 0, 0.05); } .tl-flow__flight-price-avail .button.button--light:hover, .tl-flow__flight-price-avail .button.button--backward:hover { background: #00DE00; color: white; text-decoration: none; box-shadow: 0 2px 0 1px rgba(0, 0, 0, 0.05); } .tl-flow__flight-price-avail .button.button--light:focus, .tl-flow__flight-price-avail .button.button--backward:focus { border-color: #17BE17; background: #17BE17; color: white; } .tl-flow__flight-price-avail .search-master-pricer-avail__chosen-airlines { margin-bottom: 15px; } .tl-flow__flight-price-avail .search-master-pricer-avail__chosen-airlines .button--secondary { float: right; } .tl-flow__flight-price-avail .button.button--backward { float: right; margin-left: 10px; } .tl-flow__flight-price-avail .flight-avail-h3-small { min-height: 34px; } .tl-flow__flight-price-avail .filter-div { margin: 15px 0; display: inline-block; border: 1px solid #C6C6C6; border-radius: 3px 0 0 3px; background: #E5E5E5; } @media screen and (max-width: 1024px) { .tl-flow__flight-price-avail .filter-div { margin: 2px; } } .tl-flow__flight-price-avail .filter-div h3 { font-size: 0.8571rem; padding: 7.5px; margin: 0; line-height: unset; } .tl-flow__flight-price-avail .filter-div .filter-fill, .tl-flow__flight-price-avail .filter-div .filter { position: relative; display: inline-block; transition: all 0.2s; line-height: 1.5; float: left; background: white; padding: 8px; border: solid #C6C6C6; border-width: 0 0 0 1px; margin: 0; } @media screen and (max-width: 1024px) { .tl-flow__flight-price-avail .filter-div .filter-fill, .tl-flow__flight-price-avail .filter-div .filter { padding: 3px; border-width: 1px; margin: 2px; } } .tl-flow__flight-price-avail .filter-div .filter-fill a, .tl-flow__flight-price-avail .filter-div .filter a { padding: 0 10px 0 25px; text-decoration: none; } .tl-flow__flight-price-avail .filter-div .filter-fill .icon-radio-button, .tl-flow__flight-price-avail .filter-div .filter .icon-radio-button { top: 10px; left: 10px; } @media screen and (max-width: 1024px) { .tl-flow__flight-price-avail .filter-div .filter-fill .icon-radio-button, .tl-flow__flight-price-avail .filter-div .filter .icon-radio-button { top: 13px; left: 11px; } } @media screen and (max-width: 1024px) { .tl-flow__flight-price-avail .filter-div .filter-fill, .tl-flow__flight-price-avail .filter-div .filter { padding: 10px 25px; } .tl-flow__flight-price-avail .filter-div .filter-fill a, .tl-flow__flight-price-avail .filter-div .filter a { padding: 0 10px 0 12px; } } .tl-flow__flight-price-avail .filter-div .filter-fill a { font-weight: bold; color: #17BE17; } .tl-flow__flight-price-avail .pricegroup { margin-bottom: 45px; line-height: 1.5; position: relative; } .tl-flow__flight-price-avail .pricegroup .box-header { padding: 15px 15px 0 15px; border-top: 6px solid #00DE00; background: #F5F5F5; } .tl-flow__flight-price-avail .pricegroup .box-header::after { clear: both; content: ""; display: table; } .tl-flow__flight-price-avail .pricegroup .box-header .tl-price-group-index-wrapper { font-size: 1.143rem; font-weight: bold; line-height: 1.15; margin: 0.5em 0; } .tl-flow__flight-price-avail .pricegroup .box-header .box-header-avail { text-align: right; line-height: 1.25; } .tl-flow__flight-price-avail .pricegroup .box-header .box-header-avail::after { clear: both; content: ""; display: table; } .tl-flow__flight-price-avail .pricegroup .box-header .box-header-avail .tl-bound-price { position: relative; } .tl-flow__flight-price-avail .pricegroup .box-header .box-header-avail .tl-bound-price br { display: none; } .tl-flow__flight-price-avail .pricegroup .box-header .box-header-avail .tl-hbo-text { font-style: italic; font-size: 0.7143rem; float: none !important; } .tl-flow__flight-price-avail .pricegroup .box-header .box-header-avail .tl-hbo-text .icon-baggage-not-included:before, .tl-flow__flight-price-avail .pricegroup .box-header .box-header-avail .tl-hbo-text .icon-baggage-not-included-mini:before { content: ""; display: block; } .tl-flow__flight-price-avail .pricegroup .box-subheader { padding: 15px; font-size: 1.143rem; font-weight: bold; line-height: 1.15; margin: 0; background: #F5F5F5; } .tl-flow__flight-price-avail .pricegroup .box-subheader .icon-outbound-flight { background: url(/images/svg/flight-grey.svg) no-repeat; background-position: 0; background-size: 25px; margin-right: 5px; display: inline-block; height: 20px; width: 25px; vertical-align: bottom; } .tl-flow__flight-price-avail .pricegroup .box-subheader .icon-homebound-flight { background: url(/images/svg/flight-grey.svg) no-repeat; background-position: 0; background-size: 25px; margin-right: 5px; transform: rotate(-90deg); display: inline-block; height: 20px; width: 25px; vertical-align: bottom; } .tl-flow__flight-price-avail .pricegroup .box-subheader .icon-outbound-train { background: url("/images/icon_new_train_outbound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; } .tl-flow__flight-price-avail .pricegroup .box-subheader .icon-homebound-train { background: url("/images/icon_new_train_homebound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; } .tl-flow__flight-price-avail .pricegroup fieldset + .box-subheader { margin-top: 3px; } .tl-flow__flight-price-avail .pricegroup .time { font-weight: bold; margin-right: 5px; } .tl-flow__flight-price-avail .pricegroup p { margin-bottom: 0; } .tl-flow__flight-price-avail .pricegroup .operatingcarrier { color: #787878; font-style: italic; display: block; } .tl-flow__flight-price-avail .pricegroup .radio { position: relative; } .tl-flow__flight-price-avail .pricegroup input[type=radio] { position: absolute; left: 0; top: 0; height: 16px; width: 16px; overflow: hidden; margin: 0; padding: 0; border: 0; outline: 0; opacity: 0; margin-right: 5px; } .tl-flow__flight-price-avail .pricegroup .departurefareadvice { margin: 10px 0; background: #F5F5F5; } .tl-flow__flight-price-avail .pricegroup .departurefareadvice label { line-height: 1.5; padding: 20px 10px; cursor: pointer; } .tl-flow__flight-price-avail .pricegroup .departurefareadvice:hover { background: #d9d9d9; transition: background 0.5s ease; } .tl-flow__flight-price-avail .pricegroup .departurefareadvice.disabled:hover { background: white; } .tl-flow__flight-price-avail .pricegroup .departurefareadvice.active { transition: all 0.2s ease; background: #F5F5F5; box-shadow: 1px 3px 1px 0px rgba(0, 0, 0, 0.09); } .tl-flow__flight-price-avail .pricegroup .departurefareadvice .topmargin5 { border-top: 1px dashed #818181; margin: 7.5px; width: 78.5%; } .tl-flow__flight-price-avail .pricegroup .tl-column { margin-bottom: 0; float: left; } .tl-flow__flight-price-avail .pricegroup .tl-column--46 { width: 46%; margin-right: 1.5%; } .tl-flow__flight-price-avail .pricegroup .tl-column--28 { width: 28%; margin-right: 1.5%; } .tl-flow__flight-price-avail .pricegroup .tl-column--13 { width: 13%; margin-right: 1.5%; } .tl-flow__flight-price-avail .pricegroup .inner-padding { margin: 10px; } .tl-flow__flight-price-avail .pricegroup .price-restriction-info { font-style: italic; font-size: 1rem; padding-top: 10px; } .tl-flow__flight-price-avail .pricegroup .button--call-to-action { float: right; min-width: 35%; } .tl-flow__flight-price-avail .tl-box-button { margin-top: 15px; } .tl-flow__flight-price-avail .tl-pager { text-align: center; margin-top: 15px; } .tl-flow__flight-price-avail .tl-pager .button-small--light, .tl-flow__flight-price-avail .tl-pager .button-small--grey { min-width: 0; padding: 10px; } .tl-flow__flight-price-avail .tl-pager .button-small--light { background: white; display: inline-block; margin: 5px 0; } .tl-flow__flight-price-avail .tl-pager .button-small--light:active { border-width: 1px; } .tl-flow__flight-price-avail .tl-pager .button-small--grey { margin-right: 5px; cursor: default; display: inline-block; } .tl-flow__flight-price-avail .tl-pager .button-small--grey:hover { background: #C6C6C6; } .tl-flow__flight-price-avail .tl-pager .button-small--grey:active { background: #C6C6C6; border-color: #818181; border-width: 1px 1px 2px 1px; } .tl-flow__flight-price-avail .existNoteReadMore { color: #17BE17; text-decoration: underline; font-weight: bold; cursor: pointer; } .tl-flow__flight-price-avail .existNoteReadMore:after { content: ''; height: 0; width: 0; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; border-top: 3.5px solid #146070; position: relative; top: 7px; margin-left: 5px; } .tl-flow__flight-price-avail .existNoteContainer { background: white; padding: 10px; margin-top: 10px; border: solid 1px #C6C6C6; display: none; } .tl-flow__flight-price-avail .carriericon { margin-left: -32px; float: left; } .tl-flow__flight-price-avail .ecoicon { margin-left: -56px; float: left; } .tl-flow__flight-price-avail .pricegroup .carrierinfo { padding-left: 32px; } .tl-flow__flight-price-avail .pricegroup .carrierinfo .icon-air { display: inline; } .tl-flow__flight-price-avail .pricegroup .carrierinfo .icon-train { display: block; height: auto; } .tl-flow__flight-price-avail .pricegroup .carrierinfo .icon-train + .comma { display: none; } .tl-flow__flight-price-avail .pricegroup .price-restriction-info { font-style: italic; margin: 0; } @media screen and (max-width: 1024px) { .tl-flow__flight-price-avail .icon-radio-button { top: 50%; left: auto; right: 10px; } } .tl-flow__flight-price-avail .filter-fill .icon-radio-button { box-shadow: inset 0 0 0 2px #ffffff; border: solid 5px #00DE00; -webkit-animation-name: shrink-bounce; animation-name: shrink-bounce; -webkit-animation-duration: 200ms; animation-duration: 200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.23, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.23, 1); } .tl-flow__flight-price-avail .filter-fill .icon-radio-button:hover { border-color: #17BE17; background: white; } .tl-flow__flight-price-avail .filter-div h3 { display: inline-block; float: left; } @media screen and (max-width: 1024px) { .tl-flow__flight-price-avail .filter-div h3 { display: block; float: none; } } @media screen and (min-width: 1140px) { .tl-flow__flight-price-avail .tl-pager .button-small--light, .tl-flow__flight-price-avail .tl-pager .button-small--grey { padding: 2px 8px; } } @media screen and (max-width: 770px) { .tl-flow__flight-price-avail .departurefareadvice label { position: relative; } .tl-flow__flight-price-avail .radio { position: absolute; right: 10px; top: 10px; } .tl-flow__flight-price-avail .departure-info.tl-column--46 { width: 100%; margin-bottom: 15px; } .tl-flow__flight-price-avail .carrierinfo.tl-column--28 { width: 55%; margin-right: 5%; } .tl-flow__flight-price-avail .duration.tl-column--13 { width: 28%; } } @media screen and (max-width: 770px) { .tl-flow__flight-price-avail .radio { position: static !important; } .tl-flow__flight-price-avail .radio input[type="radio"] { right: 10px; top: 10px; } } .tl-flow__flight-search { margin-bottom: 15px; } .tl-flow__flight-search__bound-date { position: relative; } .tl-flow__flight-search__bound-date .material-symbols-outlined { position: absolute; top: 28px; left: 24px; font-size: 1.429rem; } .tl-flow__flight-search form { background: white; border-radius: 3px 3px 0 0; } .tl-flow__flight-search br { display: none; } .tl-flow__flight-search input:not([type=radio]):not([type=checkbox]), .tl-flow__flight-search .select-container { width: 100%; } .tl-flow__flight-search .tl-box-header--light { font-size: 1.429rem; color: #00DE00; font-weight: bold; line-height: 1.3; margin: 0.5em 0; } .tl-flow__flight-search .tl-radio-trip-type-container label, .tl-flow__flight-search .tl-radio-search-type-container label, .tl-flow__flight-search .conveyance label, .tl-flow__flight-search .fSearch-prefs-train label, .tl-flow__flight-search .policyPrefsCol label { display: inline-block; width: auto; padding-right: 10px; } body.lang_pl .tl-flow__flight-search .tl-radio-trip-type-container label, body.lang_pl .tl-flow__flight-search .tl-radio-search-type-container label, body.lang_pl .tl-flow__flight-search .conveyance label, body.lang_pl .tl-flow__flight-search .fSearch-prefs-train label, body.lang_pl .tl-flow__flight-search .policyPrefsCol label { font-size: 12px; } @media screen and (max-width: 770px) { .tl-flow__flight-search .tl-radio-trip-type-container label, .tl-flow__flight-search .tl-radio-search-type-container label { display: block; padding: 0 0 10px 20px; } } .tl-flow__flight-search .conveyance, .tl-flow__flight-search .fSearch-prefs-train { display: inline-block; } .tl-flow__flight-search .conveyance { padding-left: 15px; } @media screen and (max-width: 770px) { .tl-flow__flight-search .fSearch-prefs-train { padding-left: 15px; } } .tl-flow__flight-search .policyPrefsCol .box-inner { border: dashed #acacac; border-width: 1px 0; padding: 7.5px 0; margin: 7.5px 15px; } .tl-flow__flight-search #trainPrefsCol { margin-top: 15px; } .tl-flow__flight-search .tl-column #allDayOutContainer, .tl-flow__flight-search .tl-column #allDayHomeContainer { min-height: 51px; } .tl-flow__flight-search .date-label { padding-left: 15px; } .tl-flow__flight-search .tl-radio-search-type-container { width: 40%; padding: 2.5px 0 0 7.5px; } .tl-flow__flight-search .tl-radio-trip-type-container { width: 60%; text-align: right; padding: 2.5px 2.5px 0 0; } .tl-flow__flight-search .tl-radio-trip-type-container::after { clear: both; content: ""; display: table; } @media screen and (max-width: 770px) { .tl-flow__flight-search .tl-radio-trip-type-container { padding: 2.5px 0 0 7.5px; } } .tl-flow__flight-search .tl-radio-search-type-container, .tl-flow__flight-search .tl-radio-trip-type-container { float: left; } body.lang_pl .tl-flow__flight-search .tl-radio-search-type-container, body.lang_pl .tl-flow__flight-search .tl-radio-trip-type-container { width: 100%; text-align: left; margin-top: 10px; padding: 2.5px 0 0 7.5px; } body.lang_de .tl-flow__flight-search .tl-radio-search-type-container, body.lang_de .tl-flow__flight-search .tl-radio-trip-type-container { width: 50%; min-width: 420px; text-align: left; margin-top: 10px; padding: 2.5px 0 0 7.5px; } @media screen and (max-width: 770px) { .tl-flow__flight-search .tl-radio-search-type-container, .tl-flow__flight-search .tl-radio-trip-type-container { text-align: left; margin: 7.5px 0; width: 50%; min-width: 200px; } body.lang_de .tl-flow__flight-search .tl-radio-search-type-container, body.lang_de .tl-flow__flight-search .tl-radio-trip-type-container { min-width: 230px; margin: 7.5px 0; } body.lang_pl .tl-flow__flight-search .tl-radio-search-type-container, body.lang_pl .tl-flow__flight-search .tl-radio-trip-type-container { margin: 7.5px 0; width: 50%; } } .tl-flow__flight-search .cal-container .inner { padding-top: 0; } .tl-flow__flight-search #EDateValue { background-position: 8px 6px; background-size: 20px; padding-left: 35px; cursor: pointer; height: 2.5em; width: 100%; } .tl-flow__flight-search #BDateValue, .tl-flow__flight-search #MDateValue { background-position: 8px 6px; background-size: 20px; cursor: pointer; padding-left: 35px; height: 2.5em; width: 100%; } .tl-flow__flight-search .tl-flight-search__form-wrapper { border-top: 1px solid #f1f1f1; border-bottom: 5px solid #E5E5E5; padding: 7.5px; } @media screen and (max-width: 770px) { .tl-flow__flight-search .tl-flight-search__form-wrapper .row .g50 + .g50 .inner { padding-top: 0; } } .tl-flow__flight-search .tl-box-line-white { border-top: 1px dashed #acacac; margin: 5px 15px 0 15px; } .tl-flow__flight-search .advanced-search-options { padding: 7.5px; margin-top: 22.5px; } .tl-flow__flight-search .advanced-search-options legend { font-weight: bold; padding-left: 15px; } .tl-flow__flight-search .advanced-search-options .inner { padding: 0 15px 15px 15px; } .tl-flow__flight-search .advanced-search-options .addedAirlines li { text-decoration: none; background: white; padding: 3px 0 4px 3px; line-height: 27px; display: block; border-bottom: 1px solid #C6C6C6; margin-top: 3px; position: relative; } .tl-flow__flight-search .advanced-search-options .addedAirlines li img { float: left; margin-right: 5px; } .tl-flow__flight-search .advanced-search-options .addedAirlines li a { position: absolute; right: 3px; top: 5px; } .tl-flow__flight-search .advanced-search-options .addedAirlines li a:hover polygon { fill: #DE2B4F; } .tl-flow__flight-search .advanced-search-options .policyDd { font-style: italic; margin: 3px 0px 3px 20px; } .tl-flow__flight-search .tl-box-button { padding: 20px 0 30px 30px; text-align: right; background: #F5F5F5; } .tl-flow__flight-search .tl-box-button .button { min-width: 50%; } @media screen and (max-width: 770px) { .tl-flow__flight-search .tl-box-button .button { width: 100%; } } @media screen and (max-width: 770px) { .tl-flow__flight-search .tl-box-button { padding: 20px 5px 30px 5px; } } .tl-flow__flight-search .not-desktop { display: none !important; } .tl-flow__flight-search .not-mobile { display: block !important; } .tl-flow__flight-search .new-feature-bubble--baggage { position: relative; display: inline; top: -6px; left: 24px; float: none; font-weight: bold; padding: 6px 10px; border-radius: 12px; z-index: 888; font-size: 0.8571rem; color: #ffffff; text-transform: uppercase; background: #f98213; box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.05); color: white; text-transform: uppercase; } .tl-flow__flight-search .new-feature-bubble--baggage::after { content: ""; border-right: 15px solid; border-bottom: 13px solid transparent; display: inline-block; position: absolute; left: -1px; bottom: -3px; transform: rotate(62deg); color: #f98213; } .tl-flow__flight__lowest-price-grid { margin-bottom: 15px; } .tl-flow__flight__lowest-price-grid .icon-nego-company { float: left; position: relative; top: 5px; left: 1px; background-position: 0 -299px !important; } .tl-flow__flight__lowest-price-grid .grid-header { padding: 7.5px; font-weight: bold; color: #333; margin-bottom: 0; background: #F5F5F5; border-bottom: 3px solid #E5E5E5; } .tl-flow__flight__lowest-price-grid .grid-box { background: #F5F5F5; padding: 5px; } .tl-flow__flight__lowest-price-grid .grid-left-col { float: left; width: 15%; min-width: 100px; } .tl-flow__flight__lowest-price-grid .grid-left-col .grid-left-icon { height: 34px; } .tl-flow__flight__lowest-price-grid .grid-left-col .grid-row-dark, .tl-flow__flight__lowest-price-grid .grid-left-col .grid-row-medium { padding-left: 4px; } @media screen and (max-width: 1024px) { .tl-flow__flight__lowest-price-grid .grid-left-col { width: 35%; } } .tl-flow__flight__lowest-price-grid .grid-row-dark, .tl-flow__flight__lowest-price-grid .grid-row-medium, .tl-flow__flight__lowest-price-grid .grid-row-light { line-height: 22px; height: 22px; } .tl-flow__flight__lowest-price-grid .grid-row-dark { background: #E5E5E5; } .tl-flow__flight__lowest-price-grid .grid-row-medium { background: #F5F5F5; } .tl-flow__flight__lowest-price-grid .grid-row-light { background: white; } .tl-flow__flight__lowest-price-grid .grid-row-icon { height: 34px; padding-top: 5px; } .tl-flow__flight__lowest-price-grid .sc_menu { overflow: auto; overflow-x: visible; } .tl-flow__flight__lowest-price-grid ul.sc_menu { padding-bottom: 1px; } .tl-flow__flight__lowest-price-grid ul.sc_menu li { float: left; text-align: center; } .tl-flow__flight__lowest-price-grid ul.sc_menu li a { font-size: 0.8571rem; font-weight: bold; color: #000000; text-decoration: none; line-height: 22px; margin: 0 6px; } .tl-flow__flight__lowest-price-grid ul.sc_menu li a:hover { text-decoration: underline; } .tl-flow__flight-time-avail-multi .tl-flight-time-avail__top-button-container .button--secondary { float: right; border: none; box-shadow: none; text-decoration: underline; } .tl-flow__flight-time-avail-multi .button--primary.disabled { opacity: 0.6; } .tl-flow__flight-time-avail-multi .button--primary.disabled:hover, .tl-flow__flight-time-avail-multi .button--primary.disabled:active { background: #2c7582; border: solid #146070; border-width: 1px 1px 4px 1px; } .tl-flow__flight-time-avail-multi .tl-box-subheader { font-size: 1.143rem; font-weight: bold; line-height: 1.15; margin: 0.5em 0; } .tl-flow__flight-time-avail-multi .tl-divgrid, .tl-flow__flight-time-avail-multi .fare-message .box-inner { background: white; padding: 15px; margin-bottom: 7.5px; } .tl-flow__flight-time-avail-multi .tl-divgrid::after, .tl-flow__flight-time-avail-multi .fare-message .box-inner::after { clear: both; content: ""; display: table; } .tl-flow__flight-time-avail-multi .tl-box-button { margin-top: 30px; } .tl-flow__flight-time-avail-multi .tl-box-button .button--backward { margin-right: 0 !important; } .tl-flow__flight-time-avail-multi .tl-column--forth { width: 20%; margin-right: 2.5%; float: left; } @media screen and (max-width: 770px) { .tl-flow__flight-time-avail-multi .tl-column--forth { float: none; width: 100%; } } .tl-flow__flight-time-avail-multi .avail-sorting { display: none; } .tl-flow__flight-time-avail-multi .departurefarelist { margin-bottom: 5px; } .tl-flow__flight-time-avail-multi .departurefarelist .box-subheader h3 { color: #00DE00; } @media screen and (max-width: 770px) { .tl-flow__flight-time-avail-multi .departurefarelist .box-subheader h3 { font-size: 1rem; } } .tl-flow__flight-time-avail-multi .departurefareadvice { background: white; position: relative; margin-top: 8px; -webkit-transition: all 250ms; transition: all 250ms; } .tl-flow__flight-time-avail-multi .departurefareadvice .tl-column { margin-bottom: 0; float: left; } .tl-flow__flight-time-avail-multi .departurefareadvice .tl-column--46 { width: 46%; margin-right: 1.5%; } @media screen and (max-width: 770px) { .tl-flow__flight-time-avail-multi .departurefareadvice .tl-column--46 { width: 100%; margin-bottom: 15px; } } .tl-flow__flight-time-avail-multi .departurefareadvice .tl-column--28 { width: 28%; margin-right: 1.5%; } @media screen and (max-width: 770px) { .tl-flow__flight-time-avail-multi .departurefareadvice .tl-column--28 { width: 100%; } } .tl-flow__flight-time-avail-multi .departurefareadvice .tl-column--16 { width: 16%; margin-right: 1.5%; } .tl-flow__flight-time-avail-multi .departurefareadvice .topmargin5 { border-top: 1px dashed #818181; margin: 7.5px; width: 78.5%; } .tl-flow__flight-time-avail-multi .departurefareadvice .tl-time { font-weight: bold; margin-right: 5px; } .tl-flow__flight-time-avail-multi .departurefareadvice .carrierinfo { margin-left: 0; } .tl-flow__flight-time-avail-multi .departurefareadvice .carrierinfo img { margin: 0 5px 0 0; width: 20px; height: 20px; float: left; } .tl-flow__flight-time-avail-multi .departurefareadvice .carrierinfo .nowrap:before { content: ""; display: block; } .tl-flow__flight-time-avail-multi .departurefareadvice .carrierinfo .operatingcarrier { color: #787878; font-style: italic; display: block; } .tl-flow__flight-time-avail-multi .departurefareadvice .duration { text-align: right; } .tl-flow__flight-time-avail-multi .departurefareadvice .duration .icons { display: block; } .tl-flow__flight-time-avail-multi .departurefareadvice .duration .fare-container a { font-weight: bold; color: #000000; } .tl-flow__flight-time-avail-multi .departurefareadvice .tl-column--has-flight-time:before { content: ""; display: inline-block; position: relative; width: 15px; height: 15px; background: url("/images/icon-clock.png") no-repeat; background-position: 0; background-size: 20px 20px; background-size: 15px; opacity: 0.6; margin-right: 5px; top: 3px; } .tl-flow__flight-time-avail-multi .departurefareadvice .radio.tl-column--last-on-row { float: right; position: relative; right: 15px; } .tl-flow__flight-time-avail-multi .departurefareadvice label { line-height: 1.5; padding: 10px; cursor: pointer; } .tl-flow__flight-time-avail-multi .departurefareadvice:hover { background: #d9d9d9; transition: background 0.5s ease; } .tl-flow__flight-time-avail-multi .departurefareadvice.active { border-color: #17BE17; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.07); transition: all 0.3s ease; } .tl-flow__flight-time-avail-multi .departurefareadvice.active:hover { background: white; } .tl-flow__flight-time-avail-multi .departurefareadvice.currentBooking { padding: 10px; } .tl-flow__flight-time-avail-multi .departurefareadvice.currentBooking:hover { background: white; } .tl-flow__flight-time-avail-multi .fareOptions { padding: 15px; background: white; margin: 15px 0; } .tl-flow__flight-time-avail-multi .fareOptions label { display: inline; line-height: 2; } .tl-flow__flight-time-avail-multi .fareOptions input[type="radio"], .tl-flow__flight-time-avail-multi .fareOptions .icon-radio-button { margin-top: 5px; margin-left: 8px; } .tl-flow__flight-time-avail-multi .fareOptions .box { background: #E5E5E5; } .tl-flow__flight-time-avail-multi .fareOptions .button--light { float: right; background: white; } .tl-flow__flight-time-avail-multi .fareOptions.wait { background: #ffffff url(/images/ajax-loader-medium.gif) no-repeat center center; z-index: 9999; transition: background-color 0.1s; } .tl-flow__flight-time-avail-multi .fareOptions.wait div { visibility: hidden; } .tl-flow__flight-time-avail-multi .fareOptions .fareOptionsInfo { border-top: 1px dashed #818181; padding-top: 15px; margin-top: 15px; } .tl-flow__flight-time-avail-multi .fareOptions .icon-outbound-train { background: url("/images/icon_new_train_outbound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; font-weight: bold; } .tl-flow__flight-time-avail-multi .fareOptions .icon-homebound-train { background: url("/images/icon_new_train_homebound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; font-weight: bold; } .tl-flow__flight-time-avail-multi .fareOptions .icon-outbound-flight { background: url("/images/icon_new_flight_outbound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; font-weight: bold; } .tl-flow__flight-time-avail-multi .fareOptions .icon-homebound-flight { background: url("/images/icon_new_flight_homebound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; font-weight: bold; } .tl-flow__flight-time-avail-multi .tl-column--half { float: left; width: 50%; } @media screen and (max-width: 770px) { .tl-flow__flight-time-avail-multi .tl-column--half { width: 100%; } } .tl-flow__flight-time-avail-multi .lowest-fare, .tl-flow__flight-time-avail-multi .tl-fare-option { line-height: 1.5; } .tl-flow__flight-time-avail-multi .lowest-fare .tl-column, .tl-flow__flight-time-avail-multi .lowest-fare .tl-box-button, .tl-flow__flight-time-avail-multi .tl-fare-option .tl-column, .tl-flow__flight-time-avail-multi .tl-fare-option .tl-box-button { margin: 10px 0; } .tl-flow__flight-time-avail-multi .lowest-fare .tl-column--24 h1, .tl-flow__flight-time-avail-multi .tl-fare-option .tl-column--24 h1 { font-weight: 500; text-decoration: underline; display: inline-block; cursor: pointer; margin: 0; } .tl-flow__flight-time-avail-multi .lowest-fare .tl-column--24 h1:before, .tl-flow__flight-time-avail-multi .tl-fare-option .tl-column--24 h1:before { display: none; } .tl-flow__flight-time-avail-multi .lowest-fare .tl-box-button, .tl-flow__flight-time-avail-multi .tl-fare-option .tl-box-button { float: right; } .tl-flow__flight-time-avail-multi .lowest-fare .tl-box-button .button--forward, .tl-flow__flight-time-avail-multi .tl-fare-option .tl-box-button .button--forward { min-width: 70px; } .tl-flow__flight-time-avail-multi .lowest-fare .tl-column--forth, .tl-flow__flight-time-avail-multi .tl-fare-option .tl-column--forth { line-height: 1.25; } .tl-flow__flight-time-avail-multi .lowest-fare span[class*='icon'], .tl-flow__flight-time-avail-multi .tl-fare-option span[class*='icon'] { display: inline-block; } .tl-flow__flight-time-avail-multi .lowest-fare .gridcolumn-left[class*="icon-average"], .tl-flow__flight-time-avail-multi .tl-fare-option .gridcolumn-left[class*="icon-average"] { position: relative; margin-left: 35px; } .tl-flow__flight-time-avail-multi .lowest-fare .gridcolumn-left[class*="icon-average"]:before, .tl-flow__flight-time-avail-multi .tl-fare-option .gridcolumn-left[class*="icon-average"]:before { content: ""; display: inline-block; position: relative; width: 35px; height: 38px; position: absolute; left: -38px; } .tl-flow__flight-time-avail-multi .lowest-fare .gridcolumn-left[class*="icon-average"]:after, .tl-flow__flight-time-avail-multi .tl-fare-option .gridcolumn-left[class*="icon-average"]:after { display: none; } .tl-flow__flight-time-avail-multi .lowest-fare .gridcolumn-left.icon-average-green:before, .tl-flow__flight-time-avail-multi .tl-fare-option .gridcolumn-left.icon-average-green:before { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: -30px -1245px; } .tl-flow__flight-time-avail-multi .lowest-fare .gridcolumn-left.icon-average-yellow:before, .tl-flow__flight-time-avail-multi .tl-fare-option .gridcolumn-left.icon-average-yellow:before { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: -30px -1295px; } .tl-flow__flight-time-avail-multi .lowest-fare .gridcolumn-left.icon-average-red:before, .tl-flow__flight-time-avail-multi .tl-fare-option .gridcolumn-left.icon-average-red:before { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: -30px -1348px; } .tl-flow__flight-time-avail-multi .lowest-fare .tl-column--16, .tl-flow__flight-time-avail-multi .tl-fare-option .tl-column--16 { min-width: 110px; padding: 10px 5px 10px 0; } .tl-flow__flight-time-avail-multi .lowest-fare .tl-column--16 .icon-outbound, .tl-flow__flight-time-avail-multi .tl-fare-option .tl-column--16 .icon-outbound { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -847px; padding-left: 15px; } .tl-flow__flight-time-avail-multi .lowest-fare .tl-column--16 .icon-homebound, .tl-flow__flight-time-avail-multi .tl-fare-option .tl-column--16 .icon-homebound { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -897px; padding-left: 15px; } .tl-flow__flight-time-avail-multi .lowest-fare .fareFamily, .tl-flow__flight-time-avail-multi .tl-fare-option .fareFamily { font-weight: bold; color: #00DE00; } .tl-flow__flight-time-avail-multi .lowest-fare > div.gridcolumn, .tl-flow__flight-time-avail-multi .tl-fare-option > div.gridcolumn { padding: 0; } .tl-flow__flight-time-avail-multi .tl-box { margin: 15px 0; } .tl-flow__flight-time-avail-multi .tl-box .button--light { background: #E5E5E5; } .tl-flow__flight-time-avail-multi .tl-box .button--light:hover { background: #C6C6C6; } .tl-flow__flight-time-avail-multi .tl-selected-flight-wrapper { margin-bottom: 15px; line-height: 1.5; position: relative; } .tl-flow__flight-time-avail-multi .tl-selected-flight-wrapper .box-subheader span { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -847px; padding-left: 15px; } .tl-flow__flight-time-avail-multi .tl-selected-flight-wrapper .box-subheader p { font-weight: bold; } @media screen and (min-width: 643px) { .tl-flow__flight-time-avail-multi .departurefareadvice .carrierinfo { margin-left: 32px; } .tl-flow__flight-time-avail-multi .departurefareadvice .carrierinfo .icon-air { display: inline; } .tl-flow__flight-time-avail-multi .departurefareadvice .carrierinfo .ecoicon { margin-left: -56px; float: left; } .tl-flow__flight-time-avail-multi .departurefareadvice .carrierinfo .carriericon { margin-left: -32px; float: left; } .tl-flow__flight-time-avail-multi .departurefareadvice .carrierinfo img { float: left; height: auto; width: auto; } .tl-flow__flight-time-avail-multi .departurefareadvice .radio.tl-column--last-on-row { float: right; position: relative; right: 15px; } .tl-flow__flight-time-avail-multi .departurefareadvice .duration { margin-top: 0; margin-right: 25px; } } .error-box { margin: 0 auto 30px auto; width: 70%; text-align: center; } .error-box h1 { font-size: 2.143rem; } @media screen and (max-width: 770px) { .error-box { padding: 10px; width: 100%; } } .error-box img { width: 100%; height: auto; margin-top: 30px; } .error-box .error-data { margin-top: 10px; font-size: 0.8571rem; } .error-box a { font-weight: bold; } .crossbook-sam { text-align: center; padding: 10px; display: none; } .flow__search-body__bound-date { position: relative; } .flow__search-body__bound-date .material-symbols-outlined { position: absolute; top: 7px; left: 24px; font-size: 1.429rem; } .flow__search-body .flow__body-search-form { margin: 0 0 15px 0; } .flow__search-body .flow__body-search-form--collapsed { text-decoration: none; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.05); margin-bottom: 30px; background: #F5F5F5; padding: 15px; } .flow__search-body .body-search-form__toggle { text-decoration: underline; } .flow__search-body .flow__body-search-form { max-height: 0; transition: 0.05s ease-in-out opacity, 0.2s max-height ease-in-out; opacity: 0; overflow: hidden; } .flow__search-body .flow__body-search-form.active { max-height: 2000px; transition: 0.1s ease-in-out opacity, 0.3s max-height ease-in-out; opacity: 1; transition-delay: 0.1s; } .flow__search-body .flow__body-search-form svg { fill: #00DE00; vertical-align: middle; margin-left: 15px; height: 20px; width: 20px; } .flow__search-body .flow__body-search-form form { background: #F5F5F5; border-radius: 3px 3px 0 0; } .flow__search-body .flow__body-search-form br { display: none; } .flow__search-body .flow__body-search-form input:not([type=radio]):not([type=checkbox]), .flow__search-body .flow__body-search-form .select-container { width: 100%; } .flow__search-body .flow__body-search-form .tl-box-header--light { font-size: 1.429rem; color: #00DE00; font-weight: bold; line-height: 1.3; margin: 0 0 8px 0; } .flow__search-body .flow__body-search-form .tl-radio-trip-type-container label, .flow__search-body .flow__body-search-form .tl-radio-search-type-container label, .flow__search-body .flow__body-search-form .conveyance label, .flow__search-body .flow__body-search-form .fSearch-prefs-train label, .flow__search-body .flow__body-search-form .policyPrefsCol label { display: inline-block; width: auto; padding-right: 10px; } body.lang_pl .flow__search-body .flow__body-search-form .tl-radio-trip-type-container label, body.lang_pl .flow__search-body .flow__body-search-form .tl-radio-search-type-container label, body.lang_pl .flow__search-body .flow__body-search-form .conveyance label, body.lang_pl .flow__search-body .flow__body-search-form .fSearch-prefs-train label, body.lang_pl .flow__search-body .flow__body-search-form .policyPrefsCol label { font-size: 12px; } @media screen and (max-width: 770px) { .flow__search-body .flow__body-search-form .tl-radio-trip-type-container label, .flow__search-body .flow__body-search-form .tl-radio-search-type-container label { display: block; padding: 0 0 10px 20px; } } .flow__search-body .flow__body-search-form .conveyance, .flow__search-body .flow__body-search-form .fSearch-prefs-train { display: inline-block; } .flow__search-body .flow__body-search-form .conveyance { padding-left: 15px; } @media screen and (max-width: 770px) { .flow__search-body .flow__body-search-form .fSearch-prefs-train { padding-left: 15px; } } .flow__search-body .flow__body-search-form .policyPrefsCol .box-inner { border: dashed #acacac; border-width: 1px 0; padding: 7.5px 0; margin: 7.5px 15px; } .flow__search-body .flow__body-search-form #trainPrefsCol { margin-top: 15px; } .flow__search-body .flow__body-search-form .tl-column #allDayOutContainer, .flow__search-body .flow__body-search-form .tl-column #allDayHomeContainer { min-height: 51px; } .flow__search-body .flow__body-search-form .date-label { padding-left: 15px; } .flow__search-body .flow__body-search-form .tl-radio-search-type-container { width: 40%; padding: 2.5px 0 0 7.5px; } .flow__search-body .flow__body-search-form .tl-radio-trip-type-container { width: 60%; text-align: right; padding: 2.5px 2.5px 0 0; } .flow__search-body .flow__body-search-form .tl-radio-trip-type-container::after { clear: both; content: ""; display: table; } @media screen and (max-width: 770px) { .flow__search-body .flow__body-search-form .tl-radio-trip-type-container { padding: 2.5px 0 0 7.5px; } } .flow__search-body .flow__body-search-form .tl-radio-search-type-container, .flow__search-body .flow__body-search-form .tl-radio-trip-type-container { float: left; } body.lang_pl .flow__search-body .flow__body-search-form .tl-radio-search-type-container, body.lang_pl .flow__search-body .flow__body-search-form .tl-radio-trip-type-container { width: 100%; text-align: left; margin-top: 10px; padding: 2.5px 0 0 7.5px; } body.lang_de .flow__search-body .flow__body-search-form .tl-radio-search-type-container, body.lang_de .flow__search-body .flow__body-search-form .tl-radio-trip-type-container { width: 50%; min-width: 420px; text-align: left; margin-top: 10px; padding: 2.5px 0 0 7.5px; } @media screen and (max-width: 770px) { .flow__search-body .flow__body-search-form .tl-radio-search-type-container, .flow__search-body .flow__body-search-form .tl-radio-trip-type-container { text-align: left; margin: 7.5px 0; width: 50%; min-width: 200px; } body.lang_de .flow__search-body .flow__body-search-form .tl-radio-search-type-container, body.lang_de .flow__search-body .flow__body-search-form .tl-radio-trip-type-container { min-width: 230px; margin: 7.5px 0; } body.lang_pl .flow__search-body .flow__body-search-form .tl-radio-search-type-container, body.lang_pl .flow__search-body .flow__body-search-form .tl-radio-trip-type-container { margin: 7.5px 0; width: 50%; } } .flow__search-body .flow__body-search-form .cal-container .inner { padding-top: 0; } .flow__search-body .flow__body-search-form #EDateValue { background-position: 8px 6px; background-size: 20px; padding-left: 35px; cursor: pointer; height: 2.5em; width: 100%; } .flow__search-body .flow__body-search-form #BDateValue, .flow__search-body .flow__body-search-form #MDateValue { background-position: 8px 6px; background-size: 20px; cursor: pointer; padding-left: 35px; height: 2.5em; width: 100%; } .flow__search-body .flow__body-search-form .tl-flight-search__form-wrapper { border-top: 1px solid #f1f1f1; padding: 7.5px; } @media screen and (max-width: 770px) { .flow__search-body .flow__body-search-form .tl-flight-search__form-wrapper .row .g50 + .g50 .inner { padding-top: 0; } } .flow__search-body .flow__body-search-form .tl-box-line-white { border-top: 1px dashed #acacac; margin: 5px 15px 0 15px; } .flow__search-body .flow__body-search-form .advanced-search-options { padding: 7.5px; margin-top: 22.5px; } .flow__search-body .flow__body-search-form .advanced-search-options legend { font-weight: bold; padding-left: 15px; } .flow__search-body .flow__body-search-form .advanced-search-options .inner { padding: 0 15px 15px 15px; } .flow__search-body .flow__body-search-form .advanced-search-options .addedAirlines li { text-decoration: none; background: #F5F5F5; padding: 3px 0 4px 3px; line-height: 27px; display: block; border-bottom: 1px solid #C6C6C6; margin-top: 3px; position: relative; } .flow__search-body .flow__body-search-form .advanced-search-options .addedAirlines li img { float: left; margin-right: 5px; } .flow__search-body .flow__body-search-form .advanced-search-options .addedAirlines li a { position: absolute; right: 3px; top: 5px; } .flow__search-body .flow__body-search-form .advanced-search-options .addedAirlines li a:hover polygon { fill: #DE2B4F; } .flow__search-body .flow__body-search-form .advanced-search-options .policyDd { font-style: italic; margin: 3px 0px 3px 20px; } .flow__search-body .flow__body-search-form .tl-box-button { padding: 30px 20px; text-align: right; } .flow__search-body .flow__body-search-form .tl-box-button .button { min-width: 50%; } @media screen and (max-width: 770px) { .flow__search-body .flow__body-search-form .tl-box-button .button { width: 100%; } } @media screen and (max-width: 770px) { .flow__search-body .flow__body-search-form .tl-box-button { padding: 20px 5px 30px 5px; } } .flow__search-body .flow__body-search-form .tl-box-button .body-search-form__toggle { padding: 12px; min-height: 40px; cursor: pointer; line-height: 1.5; display: inline-block; } .flow__search-body .flow__body-search-form .not-desktop { display: none !important; } .flow__search-body .flow__body-search-form .not-mobile { display: block !important; } .flow__search-body .flow__body-search-form .new-feature-bubble--baggage { position: relative; display: inline; top: -6px; left: 24px; float: none; font-weight: bold; padding: 6px 10px; border-radius: 12px; z-index: 888; font-size: 0.8571rem; color: #ffffff; text-transform: uppercase; background: #f98213; box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.05); color: white; text-transform: uppercase; } .flow__search-body .flow__body-search-form .new-feature-bubble--baggage::after { content: ""; border-right: 15px solid; border-bottom: 13px solid transparent; display: inline-block; position: absolute; left: -1px; bottom: -3px; transform: rotate(62deg); color: #f98213; } @-webkit-keyframes loader-rotate-forever { 0% { -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */ transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */ transform: rotate(360deg); } } @-moz-keyframes loader-rotate-forever { 0% { -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */ transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */ transform: rotate(360deg); } } @keyframes loader-rotate-forever { 0% { -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */ transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */ transform: rotate(360deg); } } body#SearchTimeAvail .tl-flow-wrapper, body#SearchOneWayTimeAvail .tl-flow-wrapper, body#SearchMasterPricerAvail .tl-flow-wrapper { padding-top: 70px; } @media screen and (max-width: 1024px) { body#SearchTimeAvail .tl-flow-wrapper, body#SearchOneWayTimeAvail .tl-flow-wrapper, body#SearchMasterPricerAvail .tl-flow-wrapper { padding-top: 50px; } } .flow__refine-search-form--wrapper { z-index: 886; position: absolute; top: 200px; left: 0; right: 0; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper { top: 57px; } } .flow__refine-search-form--wrapper .flow__refine-search-form--mobile { display: none; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper .flow__refine-search-form--mobile { display: block; padding: 8px; border-bottom: 1px solid #ffaa38; border-top: 1px solid #ffe4d6; box-shadow: 0 2px 0 1px rgba(0, 0, 0, 0.09), inset 0 2px 0 0px #ffefc9; background: #ffe6b0; /* Old browsers */ background: -moz-linear-gradient(top, #ffe6b0 0%, #ffdc96 77%, #f9d992 95%, #ffc367 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffe6b0 0%, #ffdc96 77%, #f9d992 95%, #ffc367 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffe6b0 0%, #ffdc96 50%, #f9d992 95%, #ffc367 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe6b5', endColorstr='#ffc367',GradientType=0 ); /* IE6-9 */ } .flow__refine-search-form--wrapper .flow__refine-search-form--mobile::after { clear: both; content: ""; display: table; } .flow__refine-search-form--wrapper .flow__refine-search-form--mobile h3 { font-size: 0.7143rem; margin: 0 0 4px 0; } .flow__refine-search-form--wrapper .flow__refine-search-form--mobile p:first-of-type { background: white; padding: 8px 5px; border-radius: 5px; margin: 0; width: 74%; float: left; line-height: 1; } .flow__refine-search-form--wrapper .flow__refine-search-form--mobile svg { width: 14px; vertical-align: middle; height: 14px; fill: #505050; } .flow__refine-search-form--wrapper .flow__refine-search-form--mobile svg + span { display: inline-block; vertical-align: middle; margin-left: 2px; } .flow__refine-search-form--wrapper .flow__refine-search-form--mobile .refine-search-form--mobile__train { display: block; margin-bottom: 4px; font-size: 0.8571rem; } .flow__refine-search-form--wrapper .flow__refine-search-form--mobile .refine-search-form--mobile__train + span { font-size: 0.8571rem; display: block; } .flow__refine-search-form--wrapper .flow__refine-search-form--mobile p + p { width: 26%; float: left; padding-left: 10px; margin-bottom: 0; } .flow__refine-search-form--wrapper .flow__refine-search-form--mobile a { padding: 2px; width: 100%; min-height: 0; } } .flow__refine-search-form--wrapper .refine-search__collapsed-helper { display: none; } .flow__refine-search-form--wrapper .flow__refine-search-form { position: absolute; left: 0; right: 0; top: 0; max-height: 65px; overflow: hidden; transition: max-height ease .2s; border-bottom: 1px solid #ffaa38; border-top: 1px solid #ffe4d6; box-shadow: 0 2px 0 1px rgba(0, 0, 0, 0.09), inset 0 2px 0 0px #ffefc9; background: #ffe6b5; /* Old browsers */ background: -moz-linear-gradient(top, #ffe6b5 0%, #ffdc96 77%, #f9d992 95%, #ffc367 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffe6b5 0%, #ffdc96 77%, #f9d992 95%, #ffc367 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffe6b5 0%, #ffdc96 50%, #f9d992 95%, #ffc367 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe6b5', endColorstr='#ffc367',GradientType=0 ); /* IE6-9 */ } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper .flow__refine-search-form { max-height: 61px; box-shadow: none; background: none; border: 0; margin-top: -2px; } } .flow__refine-search-form--wrapper .flow__refine-search-form.refine-search--loading { text-align: center; } .flow__refine-search-form--wrapper .flow__refine-search-form.refine-search--loading * { content: ''; color: rgba(0, 0, 0, 0); } .flow__refine-search-form--wrapper .flow__refine-search-form.refine-search--loading:before { -webkit-animation-duration: 0.75s; -moz-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: loader-rotate-forever; -moz-animation-name: loader-rotate-forever; animation-name: loader-rotate-forever; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-timing-function: linear; border: 2px solid #00DE00; border-right-color: #d8d8d8; border-top-color: #d8d8d8; border-radius: 50%; content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; padding: 0; margin: -11px 0 0 -11px; width: 22px; height: 22px; vertical-align: middle; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper .flow__refine-search-form.refine-search--loading { max-height: 48px; } } .flow__refine-search-form--wrapper .flow__refine-search-form.refine-search--loading .flow__refine-search-form--mobile { opacity: 0; } .flow__refine-search-form--wrapper .flow__refine-search-form.refine-search--loading form { opacity: 0; } .flow__refine-search-form--wrapper .flow__refine-search-form--container { border-radius: 3px; } .flow__refine-search-form--wrapper .flow__refine-search-form--container .refine-search__top-container { padding-bottom: 35px; transition: all ease .2s; } .flow__refine-search-form--wrapper .flow__refine-search-form--container .top-controls, .flow__refine-search-form--wrapper .flow__refine-search-form--container .box-search-container, .flow__refine-search-form--wrapper .flow__refine-search-form--container .refine-search__bottom-container { max-width: 1200px; margin: 0 auto; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper .flow__refine-search-form--container { position: relative; top: -100vh; transition: ease top .2s; } } .flow__refine-search-form--wrapper .refine-search__bottom-container { font-size: 0; padding: 30px 10px; } .flow__refine-search-form--wrapper .refine-search__bottom-container > * { font-size: 1rem; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper .refine-search__bottom-container { padding: 20px 10px 65px 10px; } } .flow__refine-search-form--wrapper .advanced-search-options { width: 60%; display: inline-block; padding-right: 15px; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper .advanced-search-options { width: 100%; max-height: 20px; overflow: hidden; transition: ease max-height .2s; padding-right: 0; } .flow__refine-search-form--wrapper .advanced-search-options legend { padding-left: 20px; position: relative; } .flow__refine-search-form--wrapper .advanced-search-options legend:after { content: ""; position: absolute; top: 2px; left: 0; } .flow__refine-search-form--wrapper .advanced-search-options.advanced-search-options-active { max-height: 10000px; overflow: visible; } .flow__refine-search-form--wrapper .advanced-search-options.advanced-search-options-active legend:after { transform: rotate(180deg); } } .flow__refine-search-form--wrapper .refine-close-btn { position: absolute; top: -50px; right: 30px; cursor: pointer; z-index: 1; } .flow__refine-search-form--wrapper .refine-close-btn span { display: none; } .flow__refine-search-form--wrapper .refine-close-btn:hover path { fill: #000; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper .refine-close-btn { right: 0; top: 25px; transform: translateY(-50%); width: 100%; text-align: center; } .flow__refine-search-form--wrapper .refine-close-btn p { color: white; margin: 0; } .flow__refine-search-form--wrapper .refine-close-btn span { display: inline; } .flow__refine-search-form--wrapper .refine-close-btn svg { vertical-align: middle; margin-left: 10px; } .flow__refine-search-form--wrapper .refine-close-btn path { fill: white; } } .flow__refine-search-form--wrapper.refine-search--active { width: 100%; max-width: 1260px; margin: auto; z-index: 889; } @media screen and (max-width: 1279px) { .flow__refine-search-form--wrapper.refine-search--active { padding: 10px; } } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper.refine-search--active { top: 0; position: fixed; } } .flow__refine-search-form--wrapper.refine-search--active .flow__refine-search-form--container { background: #FFFFFF; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper.refine-search--active .flow__refine-search-form--container { top: 0; } } .flow__refine-search-form--wrapper.refine-search--active .flow__refine-search-form { max-height: 5000px; overflow: visible; width: 100%; max-width: 1260px; margin: auto; background: none; border: none; box-shadow: none; } .flow__refine-search-form--wrapper.refine-search--active .flow__refine-search-form > form { border-top: 1px solid #f1f1f1; } @media screen and (max-width: 1279px) { .flow__refine-search-form--wrapper.refine-search--active .flow__refine-search-form { padding: 10px; } } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper.refine-search--active .flow__refine-search-form { padding: 0; top: 55px; height: 90vh; overflow: auto; } } .flow__refine-search-form--wrapper.refine-search--active .flow__refine-search-form .refine-search__top-container { background: #FFFFFF; } .flow__refine-search-form--wrapper.refine-search--active .flow__refine-search-form .refine-search--extend { visibility: visible; opacity: 1; max-height: 1000px; transition: opacity ease .2s; max-width: 1260px; } @media screen and (max-width: 1279px) { .flow__refine-search-form--wrapper.refine-search--active .flow__refine-search-form .refine-search--extend { padding: 10px; } } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper.refine-search--active .flow__refine-search-form .refine-search--extend { padding: 0 10px; } } .flow__refine-search-form--wrapper.refine-search--active .flow__refine-search-form .box-search-container { margin-top: -85px; } @media screen and (max-width: 1279px) { .flow__refine-search-form--wrapper.refine-search--active .flow__refine-search-form .box-search-container { padding: 10px; } } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper.refine-search--active .flow__refine-search-form .box-search-container { margin-top: 0; } } .flow__refine-search-form--wrapper.refine-search--active .flow__refine-search-form .refine-search--time .extra-time--collapsed--BTimeSpan, .flow__refine-search-form--wrapper.refine-search--active .flow__refine-search-form .refine-search--time .extra-time--collapsed--ETimeSpan { display: none; } .flow__refine-search-form--wrapper.refine-search--active .flow__refine-search-form .refine-search--time .extra-time select { display: block; } .flow__refine-search-form--wrapper.refine-search--active .refine-close-btn { display: block; } .flow__refine-search-form--wrapper.refine-search--active .tl-box-button { width: 40%; display: inline-block; vertical-align: top; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper.refine-search--active .tl-box-button { width: 100%; position: fixed; z-index: 10000; left: 0; right: 0; bottom: 0; box-shadow: 0px -2px 2px 1px rgba(0, 0, 0, 0.2); padding-top: 0; } } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper.refine-search--active .flow__refine-search-form--mobile { opacity: 0; transition: all ease .2s; display: none; } } .flow__refine-search-form--wrapper.refined-search--fixed { position: fixed; top: 55px; } .flow__refine-search-form--wrapper.refined-search--fixed.refine-search--active .flow__refine-search-form { overflow: auto; max-height: 90vh; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper.refined-search--fixed { top: 0; } .flow__refine-search-form--wrapper.refined-search--fixed .flow__refine-search-form { box-shadow: 0 2px 0 1px rgba(0, 0, 0, 0.09); } } @media screen and (max-width: 1024px) and (max-width: 1024px) { .flow__refine-search-form--wrapper.refined-search--fixed .flow__refine-search-form { box-shadow: none; } } .flow__refine-search-form--wrapper.refined-search--fixed .refine-close-btn { top: 30px; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper.refined-search--fixed .refine-close-btn { top: 5vh; } } .flow__refine-search-form--wrapper.refined-search--fixed .refine-search--extend { top: 0; transition: max-height ease .2s, opacity ease .2s; } .flow__refine-search-form--wrapper.refined-search--fixed.refine-search--active .refine-search--extend { transition: max-height ease .75s, opacity ease .2s; } .flow__refine-search-form--wrapper.refined-search--fixed.refine-search--active .flow__refine-search-form .box-search-container { margin-top: 0; } .flow__refine-search-form--wrapper .refine-search--extend { visibility: hidden; opacity: 0; max-height: 0; transition: opacity ease .2s; position: relative; top: -80px; background: #f1f1f1; border-radius: 3px 3px 0 0; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper .refine-search--extend { top: 0; } } .flow__refine-search-form--wrapper .refine-close-btn { display: none; } .flow__refine-search-form--wrapper input { width: 100%; } .flow__refine-search-form--wrapper input[type="radio"], .flow__refine-search-form--wrapper input[type="checkbox"] { width: auto; } .flow__refine-search-form--wrapper .box-searchdiv { float: left; width: 21.5%; padding: 0 15px 0 10px; } .flow__refine-search-form--wrapper .box-searchdiv:first-of-type { padding: 0 0 0 25px; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper .box-searchdiv { width: 100%; padding: 0; } } .flow__refine-search-form--wrapper .destination-wrapper { float: left; width: 46%; position: relative; transition: width ease .1s; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper .destination-wrapper { width: 100%; } } .flow__refine-search-form--wrapper .destination-wrapper svg { width: 25px; float: left; display: inline; position: absolute; left: 50%; bottom: -5px; transform: translateX(-50%) translateY(-50%); } .flow__refine-search-form--wrapper .destination-wrapper svg path { fill: #adadad; } .flow__refine-search-form--wrapper .destination-wrapper div { width: 50%; padding-left: 5px; float: left; } .flow__refine-search-form--wrapper .destination-wrapper div:first-of-type { padding-left: 0; padding-right: 5px; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper .destination-wrapper div { width: 100%; padding: 0; } } .flow__refine-search-form--wrapper .tl-flight-search__form-wrapper label:not([class*='input-checkbox-label']) { font-size: 0.7143rem; line-height: 0; margin-top: 13px; color: #787878; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper .tl-flight-search__form-wrapper label:not([class*='input-checkbox-label']) { margin-top: 15px; } } .flow__refine-search-form--wrapper .tl-flight-search__form-wrapper .input-checkbox-label { margin-top: 10px; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper .tl-flight-search__form-wrapper .input-checkbox-label { margin-top: 0; } } .flow__refine-search-form--wrapper #box-searchtype .box-search-container::after { clear: both; content: ""; display: table; } .flow__refine-search-form--wrapper #box-searchtype .advanced-search-options legend { font-size: 1.143rem; font-weight: 600; margin-bottom: 10px; } .flow__refine-search-form--wrapper #box-searchtype .advanced-search-options .conveyance { margin-bottom: 10px; } .flow__refine-search-form--wrapper #box-searchtype .advanced-search-options .conveyance label, .flow__refine-search-form--wrapper #box-searchtype .advanced-search-options .conveyance input, .flow__refine-search-form--wrapper #box-searchtype .advanced-search-options .conveyance .fSearch-prefs-train { display: inline-block; width: auto; } .flow__refine-search-form--wrapper #box-searchtype .advanced-search-options .conveyance label, .flow__refine-search-form--wrapper #box-searchtype .advanced-search-options .conveyance .fSearch-prefs-train { margin-right: 15px; } .flow__refine-search-form--wrapper #box-searchtype .advanced-search-options #flightPrefsForm { max-width: 100%; } .flow__refine-search-form--wrapper #box-searchtype .advanced-search-options .g33 > div, .flow__refine-search-form--wrapper #box-searchtype .advanced-search-options .g66 > div { padding: 0 15px 10px 0; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper #box-searchtype .advanced-search-options .g33 > div, .flow__refine-search-form--wrapper #box-searchtype .advanced-search-options .g66 > div { padding: 0 0 10px 0; } } .flow__refine-search-form--wrapper .top-controls { text-align: center; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper .top-controls { text-align: left; } } .flow__refine-search-form--wrapper .top-controls .radio-price-container { padding: 25px 60px 15px 0; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper .top-controls .radio-price-container { padding: 7px 0 15px 0; } } .flow__refine-search-form--wrapper .top-controls .tl-radio-trip-type-container { padding: 15px 0 15px 0; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper .top-controls .tl-radio-trip-type-container { padding: 0; } } .flow__refine-search-form--wrapper .top-controls .radio-price-container, .flow__refine-search-form--wrapper .top-controls .tl-radio-trip-type-container { display: inline-block; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper .top-controls .radio-price-container, .flow__refine-search-form--wrapper .top-controls .tl-radio-trip-type-container { display: block; } } .flow__refine-search-form--wrapper .top-controls .radio-price-container label, .flow__refine-search-form--wrapper .top-controls .tl-radio-trip-type-container label { width: auto; display: inline; line-height: 40px; margin: 0 0 0 -1px; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper .top-controls .radio-price-container label, .flow__refine-search-form--wrapper .top-controls .tl-radio-trip-type-container label { width: 100%; display: block; margin: -1px 0 0 0; padding: 0; } } .flow__refine-search-form--wrapper .top-controls .radio-price-container label:first-of-type, .flow__refine-search-form--wrapper .top-controls .tl-radio-trip-type-container label:first-of-type { margin: 0; } .flow__refine-search-form--wrapper .top-controls .radio-price-container label > span, .flow__refine-search-form--wrapper .top-controls .tl-radio-trip-type-container label > span { padding: 5px 10px; background: #fafafa; border: 1px solid #b3b3b3; transition: ease all .2s; cursor: pointer; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper .top-controls .radio-price-container label > span, .flow__refine-search-form--wrapper .top-controls .tl-radio-trip-type-container label > span { display: block; line-height: 1; padding: 8px 10px; } } .flow__refine-search-form--wrapper .top-controls .radio-price-container label > span .icon-radio-button, .flow__refine-search-form--wrapper .top-controls .tl-radio-trip-type-container label > span .icon-radio-button { position: static; vertical-align: sub; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper .top-controls .radio-price-container label > span, .flow__refine-search-form--wrapper .top-controls .tl-radio-trip-type-container label > span { font-size: 0.8571rem; } } .flow__refine-search-form--wrapper .top-controls .radio-price-container label > span:hover, .flow__refine-search-form--wrapper .top-controls .tl-radio-trip-type-container label > span:hover { background: #eaeaea; } .flow__refine-search-form--wrapper .top-controls .radio-price-container input[type=radio], .flow__refine-search-form--wrapper .top-controls .tl-radio-trip-type-container input[type=radio] { opacity: 0; position: absolute; top: 0; left: 0; width: 0; height: 0; } .flow__refine-search-form--wrapper .top-controls .radio-price-container input[type=radio]:checked + span, .flow__refine-search-form--wrapper .top-controls .tl-radio-trip-type-container input[type=radio]:checked + span { box-shadow: 0 2px 0 1px rgba(0, 0, 0, 0.08); border-radius: 3px; padding: 6px 10px; cursor: default; background: #eaeaea; /* Old browsers */ background: -moz-linear-gradient(top, #f9f9f9 0%, #eaeaea 10%, #e0e0e0 95%, #bdbdbd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f9f9f9 0%, #eaeaea 10%, #e0e0e0 95%, #bdbdbd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f9f9f9 0%, #eaeaea 10%, #e0e0e0 95%, #bdbdbd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#bdbdbd',GradientType=0 ); /* IE6-9 */ } .flow__refine-search-form--wrapper .top-controls .radio-price-container input[type=radio]:checked + span .icon-radio-button, .flow__refine-search-form--wrapper .top-controls .tl-radio-trip-type-container input[type=radio]:checked + span .icon-radio-button { box-shadow: inset 0 0 0 2px #ffffff; border: solid 5px #00DE00; -webkit-animation-name: shrink-bounce; animation-name: shrink-bounce; -webkit-animation-duration: 200ms; animation-duration: 200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.23, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.23, 1); } .flow__refine-search-form--wrapper .top-controls .radio-price-container input[type=radio]:checked + span .icon-radio-button:hover, .flow__refine-search-form--wrapper .top-controls .tl-radio-trip-type-container input[type=radio]:checked + span .icon-radio-button:hover { border-color: #17BE17; background: white; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper .top-controls .radio-price-container label:first-of-type span, .flow__refine-search-form--wrapper .top-controls .tl-radio-trip-type-container label:first-of-type span { border-radius: 3px 3px 0 0; } .flow__refine-search-form--wrapper .top-controls .radio-price-container label:last-of-type span, .flow__refine-search-form--wrapper .top-controls .tl-radio-trip-type-container label:last-of-type span { border-radius: 0 0 3px 3px; } } .flow__refine-search-form--wrapper #btnSearch { min-width: 100%; } .flow__refine-search-form--wrapper .searchtype-M .alldayout { width: 50%; float: right; padding-left: 10px; margin-top: 20px; } .flow__refine-search-form--wrapper .searchtype-M .refine-search--time .select-container:not([class*='extra-time']) { margin-top: 21px; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper .searchtype-M .refine-search--time .select-container:not([class*='extra-time']) { margin-top: 23px; } } .flow__refine-search-form--wrapper .searchtype-M .extra-time { margin-top: 5px; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .searchtype-M .refine-search--time .select-container:not([class*='extra-time']) { width: 80px; float: left; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .searchtype-M .refine-search--time .extra-time { background: none; border: none; height: auto; float: left; padding-left: 6px; margin-top: 30px; margin-top: 39px; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .searchtype-M .refine-search--time .extra-time:before { display: none; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .searchtype-M .refine-search--time .extra-time select { background: none; height: auto; width: auto; padding: 0; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .searchtype-M .refine-search--time .extra-time select { display: none !important; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .searchtype-M .refine-search--time .extra-time--collapsed--BTimeSpan, .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .searchtype-M .refine-search--time .extra-time--collapsed--ETimeSpan { display: inline; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .searchtype-M .alldayout { margin-top: 21px; margin-top: 32px; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .flow__refine-search-form--container { opacity: 0; transition: opacity ease .2s; } } .flow__refine-search-form--wrapper .searchtype-T .refine-search--time { margin-top: 21px; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper .searchtype-T .refine-search--time { margin-top: 23px; } } .flow__refine-search-form--wrapper .refine-search--bound { padding-right: 5px; width: 50%; float: left; } .flow__refine-search-form--wrapper .refine-search--time { width: 50%; float: left; padding-left: 5px; } .flow__refine-search-form--wrapper .addedAirlines { margin-top: 17px; max-height: 195px; overflow: auto; padding-right: 5px; } .flow__refine-search-form--wrapper .addedAirlines li { padding: 3px 20px 4px 3px; line-height: 27px; border-bottom: 1px solid #C6C6C6; margin-top: 3px; position: relative; font-size: 0.8571rem; } .flow__refine-search-form--wrapper .addedAirlines li img { float: left; margin-right: 5px; } .flow__refine-search-form--wrapper .addedAirlines li a { position: absolute; right: 3px; top: 5px; } .flow__refine-search-form--wrapper .addedAirlines li a:hover polygon { fill: #DE2B4F; } .flow__refine-search-form--wrapper .addedAirlines li svg { cursor: pointer; } .flow__refine-search-form--wrapper .policyPrefsCol { margin-bottom: 15px; } .flow__refine-search-form--wrapper .policyPrefsCol > div { padding: 10px 0; } .flow__refine-search-form--wrapper .policyPrefsCol-text { margin-top: 5px; margin-left: 20px; } .flow__refine-search-form--wrapper .change-search-btn { display: none; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .flow__refine-search-form { cursor: pointer; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) input, .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .select-container { border-color: #e0b847; height: 40px; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) input { padding: 10px 8px 0 8px; font-size: 0.8571rem; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .select-container:not([class*='extra-time']) { margin-top: 0 !important; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .select-container select { font-size: 0.8571rem; height: 38px; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .refine-search-form--input-wrapper { position: relative; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) label:not([class*='input-checkbox-label']) { color: #787878; position: absolute; margin-top: 0; top: -4px; left: 8px; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .change-search-btn { width: 11%; float: right; display: block; font-size: 1rem; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .change-search-btn button { width: 100%; background: rgba(255, 255, 255, 0.5); padding: 0; font-size: 0.8571rem; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .change-search-btn button:hover { background: #00DE00; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .change-search-btn button:focus { background: #17BE17; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .refine-search__collapsed-helper { display: block; font-size: 0.8571rem; margin: 0; text-align: center; margin-bottom: 6px; color: #865e2b; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .searchtype-M .alldayout { margin-top: 3px; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .searchtype-M .refine-search--time .select-container:not([class*='extra-time']) { width: 80px; float: left; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .searchtype-M .refine-search--time .extra-time { background: none; border: none; height: auto; float: left; padding-left: 6px; margin-top: 10px; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .searchtype-M .refine-search--time .extra-time:before { display: none; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .searchtype-M .refine-search--time .extra-time select { background: none; height: auto; width: auto; padding: 0; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .searchtype-M .refine-search--time .extra-time select { display: none !important; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .searchtype-M .refine-search--time .extra-time--collapsed { display: inline; font-size: 0.8571rem; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .searchtype-T .refine-search--time { margin-top: 0; } .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .box-search-container { margin-top: 11px; position: relative; } @media screen and (max-width: 1024px) { .flow__refine-search-form--wrapper:not([class*='refine-search--active']) .flow__refine-search-form--container { opacity: 0; transition: opacity ease .2s; } } .flow__refine-search-form--backdrop { position: fixed; z-index: 888; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.7); display: none; } .refine-search__modal { display: none; } .refine-search__modal .refine-search__modal-content { position: fixed; z-index: 1001; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-height: 100%; background: white; padding: 60px; min-width: 800px; text-align: center; } @media screen and (max-width: 1024px) { .refine-search__modal .refine-search__modal-content { min-width: 90%; } } @media screen and (max-width: 770px) { .refine-search__modal .refine-search__modal-content { padding: 70px 20px 20px 20px; width: 100%; height: 100%; } } .refine-search__modal .refine-search__modal--item { width: auto; display: inline; line-height: 40px; } .refine-search__modal .refine-search__modal--item input[type=radio] { opacity: 0; position: absolute; top: 0; left: 0; width: 0; height: 0; } .refine-search__modal .refine-search__modal-backdrop { content: ""; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1000; } .refine-search__modal .button--primary { display: block; } .refine-search__modal .button--secondary, .refine-search__modal .refine-search__modal--item { margin: 40px 20px 0 20px; min-width: 40%; } @media screen and (max-width: 770px) { .refine-search__modal .button--secondary, .refine-search__modal .refine-search__modal--item { min-width: 100%; margin: 40px 0 0 0; } } @media screen and (max-width: 770px) { .refine-search__modal .button--secondary { display: none; } } .refine-search__modal .refine-search__modal__close--mobile { display: none; } @media screen and (max-width: 770px) { .refine-search__modal .refine-search__modal__close--mobile { display: block; } } .refine-search__modal .refine-search__modal--item { display: none; } .refine-search__modal .refine-search__modal--item.active { display: inline-block; } .refine-search__modal svg { position: absolute; top: 30px; right: 30px; cursor: pointer; } .refine-search__modal svg:hover path { fill: #000; } .tl-flow__flight-price-avail--refine { margin-bottom: 30px; } .tl-flow__flight-price-avail--refine .button--secondary { float: right; margin-left: 10px; border: none; box-shadow: none; text-decoration: underline; padding: 3px; min-height: 0; } @media screen and (max-width: 1024px) { .tl-flow__flight-price-avail--refine .button--backward { border: 0; text-decoration: underline; color: #17BE17; } } .tl-flow__flight-price-avail--refine .search-master-pricer-avail__header, .tl-flow__flight-price-avail--refine .search-master-pricer-avail__chosen-airlines { position: relative; margin-bottom: 15px; } .tl-flow__flight-price-avail--refine .search-master-pricer-avail__header::after, .tl-flow__flight-price-avail--refine .search-master-pricer-avail__chosen-airlines::after { clear: both; content: ""; display: table; } @media screen and (max-width: 770px) { .tl-flow__flight-price-avail--refine .search-master-pricer-avail__header, .tl-flow__flight-price-avail--refine .search-master-pricer-avail__chosen-airlines { min-height: 50px; } } .tl-flow__flight-price-avail--refine .trip-location { color: #00DE00; position: absolute; top: 50%; transform: translateY(-50%); margin: 7.5px 100px 0 0; } .tl-flow__flight-price-avail--refine .trip-location::after { clear: both; content: ""; display: table; } @media screen and (max-width: 770px) { .tl-flow__flight-price-avail--refine .trip-location { font-size: 1rem; } } .tl-flow__flight-price-avail--refine .search-master-pricer-avail__chosen-airlines p { float: left; } .tl-flow__flight-price-avail--refine .filter-div { margin: 15px 0; display: inline-block; border: 1px solid #C6C6C6; border-radius: 3px 0 0 3px; background: #E5E5E5; } @media screen and (max-width: 1024px) { .tl-flow__flight-price-avail--refine .filter-div { margin: 2px; } } .tl-flow__flight-price-avail--refine .filter-div h3 { font-size: 0.8571rem; padding: 7.5px; margin: 0; line-height: unset; } .tl-flow__flight-price-avail--refine .filter-div .filter-fill, .tl-flow__flight-price-avail--refine .filter-div .filter { position: relative; display: inline-block; transition: all 0.2s; line-height: 1.5; float: left; background: white; padding: 8px; border: solid #C6C6C6; border-width: 0 0 0 1px; margin: 0; } @media screen and (max-width: 1024px) { .tl-flow__flight-price-avail--refine .filter-div .filter-fill, .tl-flow__flight-price-avail--refine .filter-div .filter { padding: 3px; border-width: 1px; margin: 2px; } } .tl-flow__flight-price-avail--refine .filter-div .filter-fill a, .tl-flow__flight-price-avail--refine .filter-div .filter a { padding: 0 10px 0 25px; text-decoration: none; } .tl-flow__flight-price-avail--refine .filter-div .filter-fill .icon-radio-button, .tl-flow__flight-price-avail--refine .filter-div .filter .icon-radio-button { top: 10px; left: 10px; } @media screen and (max-width: 1024px) { .tl-flow__flight-price-avail--refine .filter-div .filter-fill .icon-radio-button, .tl-flow__flight-price-avail--refine .filter-div .filter .icon-radio-button { top: 13px; left: 11px; } } @media screen and (max-width: 1024px) { .tl-flow__flight-price-avail--refine .filter-div .filter-fill, .tl-flow__flight-price-avail--refine .filter-div .filter { padding: 10px 25px; } .tl-flow__flight-price-avail--refine .filter-div .filter-fill a, .tl-flow__flight-price-avail--refine .filter-div .filter a { padding: 0 10px 0 12px; } } .tl-flow__flight-price-avail--refine .filter-div .filter-fill a { font-weight: bold; color: #17BE17; } .tl-flow__flight-price-avail--refine .pricegroup { margin-bottom: 45px; line-height: 1.5; position: relative; } .tl-flow__flight-price-avail--refine .pricegroup .box-header { padding: 15px 15px 0 15px; border-top: 6px solid #00DE00; background: white; } .tl-flow__flight-price-avail--refine .pricegroup .box-header::after { clear: both; content: ""; display: table; } .tl-flow__flight-price-avail--refine .pricegroup .box-header .tl-price-group-index-wrapper { font-size: 1.143rem; font-weight: bold; line-height: 1.15; margin: 0.5em 0; } .tl-flow__flight-price-avail--refine .pricegroup .box-header .box-header-avail { text-align: right; line-height: 1.25; } .tl-flow__flight-price-avail--refine .pricegroup .box-header .box-header-avail::after { clear: both; content: ""; display: table; } .tl-flow__flight-price-avail--refine .pricegroup .box-header .box-header-avail .tl-bound-price { position: relative; } .tl-flow__flight-price-avail--refine .pricegroup .box-header .box-header-avail .tl-bound-price br { display: none; } .tl-flow__flight-price-avail--refine .pricegroup .box-header .box-header-avail .tl-hbo-text { font-style: italic; font-size: 0.7143rem; float: none !important; } .tl-flow__flight-price-avail--refine .pricegroup .box-header .box-header-avail .tl-hbo-text .icon-baggage-not-included:before, .tl-flow__flight-price-avail--refine .pricegroup .box-header .box-header-avail .tl-hbo-text .icon-baggage-not-included-mini:before { content: ""; display: block; } .tl-flow__flight-price-avail--refine .pricegroup .box-subheader { padding: 15px; font-size: 1.143rem; font-weight: bold; line-height: 1.15; margin: 0; background: white; } .tl-flow__flight-price-avail--refine .pricegroup .box-subheader .icon-outbound-flight { background: url(/images/svg/flight-grey.svg) no-repeat; background-position: 0; background-size: 25px; margin-right: 5px; display: inline-block; height: 20px; width: 25px; vertical-align: bottom; } .tl-flow__flight-price-avail--refine .pricegroup .box-subheader .icon-homebound-flight { background: url(/images/svg/flight-grey.svg) no-repeat; background-position: 0; background-size: 25px; margin-right: 5px; transform: rotate(-90deg); display: inline-block; height: 20px; width: 25px; vertical-align: bottom; } .tl-flow__flight-price-avail--refine .pricegroup .box-subheader .icon-outbound-train { background: url("/images/icon_new_train_outbound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; } .tl-flow__flight-price-avail--refine .pricegroup .box-subheader .icon-homebound-train { background: url("/images/icon_new_train_homebound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; } .tl-flow__flight-price-avail--refine .pricegroup fieldset + .box-subheader { margin-top: 3px; } .tl-flow__flight-price-avail--refine .pricegroup .time { font-weight: bold; margin-right: 5px; } .tl-flow__flight-price-avail--refine .pricegroup p { margin-bottom: 0; } .tl-flow__flight-price-avail--refine .pricegroup .operatingcarrier { color: #787878; font-style: italic; display: block; } .tl-flow__flight-price-avail--refine .pricegroup .radio { position: relative; } .tl-flow__flight-price-avail--refine .pricegroup input[type=radio] { position: absolute; left: 0; top: 0; height: 16px; width: 16px; overflow: hidden; margin: 0; padding: 0; border: 0; outline: 0; opacity: 0; margin-right: 5px; } .tl-flow__flight-price-avail--refine .pricegroup .departurefareadvice { margin: 10px 0; background: white; } .tl-flow__flight-price-avail--refine .pricegroup .departurefareadvice label { line-height: 1.5; padding: 20px 10px; cursor: pointer; } .tl-flow__flight-price-avail--refine .pricegroup .departurefareadvice:hover { background: #d9d9d9; transition: background 0.5s ease; } .tl-flow__flight-price-avail--refine .pricegroup .departurefareadvice.disabled:hover { background: white; } .tl-flow__flight-price-avail--refine .pricegroup .departurefareadvice.active { /*border-bottom: 3px solid #b3b4b6; border-top: 1px solid #dcdcdc; transition: border-bottom 0.2s ease; background: white;*/ transition: all 0.2s ease; background: #fafafa; box-shadow: 1px 3px 1px 0px rgba(0, 0, 0, 0.09); } .tl-flow__flight-price-avail--refine .pricegroup .departurefareadvice .topmargin5 { border-top: 1px dashed #818181; margin: 7.5px; width: 78.5%; } .tl-flow__flight-price-avail--refine .pricegroup .tl-column { margin-bottom: 0; float: left; } .tl-flow__flight-price-avail--refine .pricegroup .tl-column--46 { width: 46%; margin-right: 1.5%; } .tl-flow__flight-price-avail--refine .pricegroup .tl-column--28 { width: 28%; margin-right: 1.5%; } .tl-flow__flight-price-avail--refine .pricegroup .tl-column--13 { width: 13%; margin-right: 1.5%; } .tl-flow__flight-price-avail--refine .pricegroup .inner-padding { margin: 10px; } .tl-flow__flight-price-avail--refine .pricegroup .price-restriction-info { font-style: italic; font-size: 1rem; padding-top: 10px; } .tl-flow__flight-price-avail--refine .pricegroup .button--call-to-action { float: right; min-width: 35%; } .tl-flow__flight-price-avail--refine .tl-box-button { margin-top: 15px; } .tl-flow__flight-price-avail--refine .tl-pager { text-align: center; margin-top: 15px; } .tl-flow__flight-price-avail--refine .tl-pager .button-small--light, .tl-flow__flight-price-avail--refine .tl-pager .button-small--grey { min-width: 0; padding: 10px; } .tl-flow__flight-price-avail--refine .tl-pager .button-small--light { background: white; display: inline-block; margin: 5px 0; } .tl-flow__flight-price-avail--refine .tl-pager .button-small--light:active { border-width: 1px; } .tl-flow__flight-price-avail--refine .tl-pager .button-small--grey { margin-right: 5px; cursor: default; display: inline-block; } .tl-flow__flight-price-avail--refine .tl-pager .button-small--grey:hover { background: #C6C6C6; } .tl-flow__flight-price-avail--refine .tl-pager .button-small--grey:active { background: #C6C6C6; border-color: #818181; border-width: 1px 1px 2px 1px; } .tl-flow__flight-price-avail--refine .existNoteReadMore { color: #17BE17; text-decoration: underline; font-weight: bold; cursor: pointer; } .tl-flow__flight-price-avail--refine .existNoteReadMore:after { content: ''; height: 0; width: 0; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; border-top: 3.5px solid #146070; position: relative; top: 7px; margin-left: 5px; } .tl-flow__flight-price-avail--refine .existNoteContainer { background: white; padding: 10px; margin-top: 10px; border: solid 1px #C6C6C6; display: none; } .tl-flow__flight-price-avail--refine .pricegroup .carrierinfo { padding-left: 32px; } .tl-flow__flight-price-avail--refine .pricegroup .carrierinfo .icon-air { display: inline; } .tl-flow__flight-price-avail--refine .pricegroup .carrierinfo .icon-train { display: block; height: auto; } .tl-flow__flight-price-avail--refine .pricegroup .carrierinfo .icon-train + .comma { display: none; } .tl-flow__flight-price-avail--refine .pricegroup .carrierinfo img { margin-left: -32px; float: left; } .tl-flow__flight-price-avail--refine .pricegroup .price-restriction-info { font-style: italic; margin: 0; } @media screen and (max-width: 1024px) { .tl-flow__flight-price-avail--refine .icon-radio-button { top: 50%; left: auto; right: 10px; } } .tl-flow__flight-price-avail--refine .filter-fill .icon-radio-button { box-shadow: inset 0 0 0 2px #ffffff; border: solid 5px #00DE00; -webkit-animation-name: shrink-bounce; animation-name: shrink-bounce; -webkit-animation-duration: 200ms; animation-duration: 200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.23, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.23, 1); } .tl-flow__flight-price-avail--refine .filter-fill .icon-radio-button:hover { border-color: #17BE17; background: white; } .tl-flow__flight-price-avail--refine .filter-div h3 { display: inline-block; float: left; } @media screen and (max-width: 1024px) { .tl-flow__flight-price-avail--refine .filter-div h3 { display: block; float: none; } } @media screen and (min-width: 1140px) { .tl-flow__flight-price-avail--refine .tl-pager .button-small--light, .tl-flow__flight-price-avail--refine .tl-pager .button-small--grey { padding: 2px 8px; } } @media screen and (max-width: 770px) { .tl-flow__flight-price-avail--refine .departurefareadvice label { position: relative; } .tl-flow__flight-price-avail--refine .radio { position: absolute; right: 10px; top: 10px; } .tl-flow__flight-price-avail--refine .departure-info.tl-column--46 { width: 100%; margin-bottom: 15px; } .tl-flow__flight-price-avail--refine .carrierinfo.tl-column--28 { width: 55%; margin-right: 5%; } .tl-flow__flight-price-avail--refine .duration.tl-column--13 { width: 28%; } } @media screen and (max-width: 770px) { .tl-flow__flight-price-avail--refine .radio { position: static !important; } .tl-flow__flight-price-avail--refine .radio input[type="radio"] { right: 10px; top: 10px; } } .tl-flow__flight-time-avail-return--refine .icon-train:before { content: none; } .tl-flow__flight-time-avail-return--refine .tl-flight-time-avail__top-button-container { margin-bottom: 22px; position: relative; } .tl-flow__flight-time-avail-return--refine .tl-flight-time-avail__top-button-container .button--secondary { float: right; border: none; box-shadow: none; text-decoration: underline; min-height: 0; padding: 0px; } .tl-flow__flight-time-avail-return--refine .box-header { padding: 8px; } .tl-flow__flight-time-avail-return--refine .tl-box-subheader { font-size: 1.143rem; font-weight: bold; line-height: 1.15; margin: 0.5em 0; } .tl-flow__flight-time-avail-return--refine .tl-flight-time-avail__top-button-container .box-header { position: absolute; top: 50%; transform: translateY(-50%); margin: 0 100px 0 0; padding: 0; } .tl-flow__flight-time-avail-return--refine .tl-flight-time-avail__top-button-container .box-header::after { clear: both; content: ""; display: table; } @media screen and (max-width: 770px) { .tl-flow__flight-time-avail-return--refine .tl-flight-time-avail__top-button-container .box-header { font-size: 1rem; } } .tl-flow__flight-time-avail-return--refine .tl-divgrid, .tl-flow__flight-time-avail-return--refine .fare-message .box-inner { background: #F5F5F5; padding: 15px; margin-bottom: 7.5px; } .tl-flow__flight-time-avail-return--refine .tl-divgrid::after, .tl-flow__flight-time-avail-return--refine .fare-message .box-inner::after { clear: both; content: ""; display: table; } .tl-flow__flight-time-avail-return--refine .tl-box-button { margin-top: 30px; } .tl-flow__flight-time-avail-return--refine .tl-box-button .button--backward { margin-right: 0 !important; } .tl-flow__flight-time-avail-return--refine .selected-flight { margin-bottom: 15px; line-height: 1.5; position: relative; border-top: 6px solid #00DE00; } .tl-flow__flight-time-avail-return--refine .selected-flight .box-subheader { font-size: 1.143rem; font-weight: bold; line-height: 1.15; background: #F5F5F5; padding: 15px; margin: 0; } .tl-flow__flight-time-avail-return--refine .selected-flight .icon-outbound-flight { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -847px; padding-left: 20px; } .tl-flow__flight-time-avail-return--refine .selected-flight .icon-homebound-flight { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -897px; padding-left: 20px; } .tl-flow__flight-time-avail-return--refine .selected-flight .icon-outbound-train { background: url("/images/icon_new_train_outbound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; } .tl-flow__flight-time-avail-return--refine .selected-flight .icon-homebound-train { background: url("/images/icon_new_train_homebound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; } .tl-flow__flight-time-avail-return--refine .selected-flight .lowest-fare { background: #F5F5F5; padding: 15px; } .tl-flow__flight-time-avail-return--refine .selected-flight .lowest-fare::after { clear: both; content: ""; display: table; } .tl-flow__flight-time-avail-return--refine .selected-flight .tl-selected-flight-bound-container { padding: 10px 10px; margin: 3px 0 6px 0; background: #F5F5F5; } .tl-flow__flight-time-avail-return--refine .selected-flight .tl-selected-flight-bound-container .departurefareadvice { display: flex; justify-content: space-between; align-items: center; } .tl-flow__flight-time-avail-return--refine .selected-flight .tl-selected-flight-bound-container .tl-column { margin-bottom: 0; } .tl-flow__flight-time-avail-return--refine .selected-flight .tl-selected-flight-bound-container .departure-info { flex: 1; margin-right: 3.3%; min-height: 55px; } .tl-flow__flight-time-avail-return--refine .selected-flight .tl-selected-flight-bound-container .flight-info { text-align: right; min-height: 55px; margin-bottom: 0; padding: 2px 0; } .tl-flow__flight-time-avail-return--refine .selected-flight .tl-selected-flight-bound-container .tl-time { font-weight: bold; margin-right: 5px; } .tl-flow__flight-time-avail-return--refine .tl-column--forth { width: 23%; margin-right: 1.5%; } @media screen and (max-width: 770px) { .tl-flow__flight-time-avail-return--refine .tl-column--forth { width: 45%; min-height: 65px; } } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table { width: 100%; float: left; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .box-subheader { font-size: 1.143rem; font-weight: bold; line-height: 1.15; margin: 0.5em 0; padding: 8px; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .icon-outbound-flight { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -847px; padding-left: 15px; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .icon-homebound-flight { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -897px; padding-left: 15px; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .fare-container { display: flex; flex-direction: column; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .fare-container a { display: inline-block; color: #000000; text-align: right; font-weight: bold; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .fare-container span.icons { text-align: right; height: 38px; display: block; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .fare-container .icon-owc-wrapper { display: inline-block; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .fare-container .icon-owc { background-position: 0 -98px; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .avail-sorting { padding: 8px; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .avail-sorting .select-container { width: 100%; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .departurefareadvice { clear: both; position: relative; background: #F5F5F5; margin: 8px; -webkit-transition: all 250ms; transition: all 250ms; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .departurefareadvice .radio { float: left; padding-top: 0px; width: 8%; text-align: center; position: relative; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .departurefareadvice.bound1 .radio { height: 95px; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .departurefareadvice.bound2 .radio { height: 93.5px; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .departurefareadvice.bound3 .radio { height: 93px; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .departurefareadvice .departure-info { float: left; width: 62%; line-height: 1.5; padding-top: 5px; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .departurefareadvice .departure-info .tl-time { font-weight: bold; margin-right: 5px; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .departurefareadvice .duration { float: left; width: 30%; text-align: right; line-height: 1.5; display: flex; flex-direction: column; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .departurefareadvice label { display: flex; flex-direction: column; line-height: 1.5; padding: 10px 10px 5px 10px; cursor: pointer; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .departurefareadvice:hover { background: #E5E5E5; transition: background 0.5s ease; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .departurefareadvice.active { border-bottom: 3px solid #818181; border-top: 1px solid #D9D9D9; transition: border-bottom 0.2s ease; background: #F5F5F5; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .departurefareadvice.active:hover { background: #F5F5F5; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .departurefareadvice.active .terminal, .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .departurefareadvice.active .bookingclasses { display: inline; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .departurefareadvice.disable:hover { background: white; border-color: #C6C6C6; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .departurefareadvice.currentBooking { padding: 10px; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .departurefareadvice.currentBooking:hover { background: white; border: 1px solid #C6C6C6; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .departurefareadvice .waitFare { background: url("/images/ajax-loader2.gif") no-repeat left bottom; display: block !important; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .carriericon { float: none; margin: 0 0 0 28; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .terminal, .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .bookingclasses { display: none; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .combinable { display: none; } .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table .disable .combinable { bottom: 5px; padding: 5px; text-align: center; border: 1px solid #C6C6C6; color: #565656; display: block; background: white; } .tl-flow__flight-time-avail-return--refine .fareOptions { padding: 15px; background: #F5F5F5; margin: 15px 0; } .tl-flow__flight-time-avail-return--refine .fareOptions label { display: inline; } .tl-flow__flight-time-avail-return--refine .fareOptions input[type="radio"], .tl-flow__flight-time-avail-return--refine .fareOptions .icon-radio-button { margin-top: 5px; margin-left: 8px; } .tl-flow__flight-time-avail-return--refine .fareOptions .button--light { min-width: 30%; margin: 25px 0 0 0; display: block; float: right; } @media screen and (max-width: 770px) { .tl-flow__flight-time-avail-return--refine .fareOptions .button--light { width: 100%; } } .tl-flow__flight-time-avail-return--refine .fareOptions.wait { background: #ffffff url(/images/ajax-loader-medium.gif) no-repeat center center; z-index: 9999; transition: background-color 0.1s; } .tl-flow__flight-time-avail-return--refine .fareOptions.wait div { visibility: hidden; } .tl-flow__flight-time-avail-return--refine .fareOptions .fareOptionsInfo { border-top: 1px dashed #818181; padding-top: 15px; margin-top: 15px; } .tl-flow__flight-time-avail-return--refine .fareOptions .icon-outbound-train { background: url("/images/icon_new_train_outbound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; font-weight: bold; } .tl-flow__flight-time-avail-return--refine .fareOptions .icon-homebound-train { background: url("/images/icon_new_train_homebound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; font-weight: bold; } .tl-flow__flight-time-avail-return--refine .fareOptions .icon-outbound-flight { background: url("/images/icon_new_flight_outbound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; font-weight: bold; } .tl-flow__flight-time-avail-return--refine .fareOptions .icon-homebound-flight { background: url("/images/icon_new_flight_homebound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; font-weight: bold; } .tl-flow__flight-time-avail-return--refine .lowest-fare, .tl-flow__flight-time-avail-return--refine .tl-fare-option { line-height: 1.5; } .tl-flow__flight-time-avail-return--refine .lowest-fare .tl-column, .tl-flow__flight-time-avail-return--refine .lowest-fare .tl-box-button, .tl-flow__flight-time-avail-return--refine .tl-fare-option .tl-column, .tl-flow__flight-time-avail-return--refine .tl-fare-option .tl-box-button { display: inline-block; vertical-align: middle; } .tl-flow__flight-time-avail-return--refine .lowest-fare .tl-column--24, .tl-flow__flight-time-avail-return--refine .tl-fare-option .tl-column--24 { display: inline-flex; align-items: center; } .tl-flow__flight-time-avail-return--refine .lowest-fare .tl-column--24 i, .tl-flow__flight-time-avail-return--refine .tl-fare-option .tl-column--24 i { background: none; margin-right: 0.5rem; color: #00DE00; } .tl-flow__flight-time-avail-return--refine .lowest-fare .tl-column--24 h1, .tl-flow__flight-time-avail-return--refine .tl-fare-option .tl-column--24 h1 { font-weight: 500; text-decoration: underline; display: inline-block; cursor: pointer; margin: 0; } .tl-flow__flight-time-avail-return--refine .lowest-fare .tl-column--24 h1:before, .tl-flow__flight-time-avail-return--refine .tl-fare-option .tl-column--24 h1:before { display: none; /* //@include iconPseudoElement(17px, 17px); //@include iconInfoSky; margin-right: 5px; position: relative; top: 5px; */ } .tl-flow__flight-time-avail-return--refine .lowest-fare .tl-box-button, .tl-flow__flight-time-avail-return--refine .tl-fare-option .tl-box-button { padding: 10px 5px 10px 0; float: right; } @media screen and (max-width: 770px) { .tl-flow__flight-time-avail-return--refine .lowest-fare .tl-box-button, .tl-flow__flight-time-avail-return--refine .tl-fare-option .tl-box-button { position: relative; z-index: 2; } } .tl-flow__flight-time-avail-return--refine .lowest-fare .tl-box-button .button--forward, .tl-flow__flight-time-avail-return--refine .tl-fare-option .tl-box-button .button--forward { min-width: 70px; } .tl-flow__flight-time-avail-return--refine .lowest-fare .tl-column--forth, .tl-flow__flight-time-avail-return--refine .tl-fare-option .tl-column--forth { line-height: 1.25; } .tl-flow__flight-time-avail-return--refine .lowest-fare .txtPrice, .tl-flow__flight-time-avail-return--refine .tl-fare-option .txtPrice { display: block; } .tl-flow__flight-time-avail-return--refine .lowest-fare .txtPrice + br, .tl-flow__flight-time-avail-return--refine .tl-fare-option .txtPrice + br { display: none; } .tl-flow__flight-time-avail-return--refine .lowest-fare .total-price, .tl-flow__flight-time-avail-return--refine .tl-fare-option .total-price { display: block; } .tl-flow__flight-time-avail-return--refine .lowest-fare span[class*='icon'] + br, .tl-flow__flight-time-avail-return--refine .tl-fare-option span[class*='icon'] + br { display: none; } .tl-flow__flight-time-avail-return--refine .lowest-fare .gridcolumn-left[class*="lowest-fare-icon-average"], .tl-flow__flight-time-avail-return--refine .lowest-fare .gridcolumn-left[class*="tl-fare-option-icon-average"], .tl-flow__flight-time-avail-return--refine .tl-fare-option .gridcolumn-left[class*="lowest-fare-icon-average"], .tl-flow__flight-time-avail-return--refine .tl-fare-option .gridcolumn-left[class*="tl-fare-option-icon-average"] { position: relative; margin-left: 35px; } .tl-flow__flight-time-avail-return--refine .lowest-fare .gridcolumn-left[class*="lowest-fare-icon-average"]:after, .tl-flow__flight-time-avail-return--refine .lowest-fare .gridcolumn-left[class*="tl-fare-option-icon-average"]:after, .tl-flow__flight-time-avail-return--refine .tl-fare-option .gridcolumn-left[class*="lowest-fare-icon-average"]:after, .tl-flow__flight-time-avail-return--refine .tl-fare-option .gridcolumn-left[class*="tl-fare-option-icon-average"]:after { display: none; } .tl-flow__flight-time-avail-return--refine .lowest-fare .gridcolumn-left .icon-average-green, .tl-flow__flight-time-avail-return--refine .lowest-fare .gridcolumn-left .icon-average-yellow, .tl-flow__flight-time-avail-return--refine .lowest-fare .gridcolumn-left .icon-average-red, .tl-flow__flight-time-avail-return--refine .tl-fare-option .gridcolumn-left .icon-average-green, .tl-flow__flight-time-avail-return--refine .tl-fare-option .gridcolumn-left .icon-average-yellow, .tl-flow__flight-time-avail-return--refine .tl-fare-option .gridcolumn-left .icon-average-red { position: absolute; left: -40px; } .tl-flow__flight-time-avail-return--refine .lowest-fare .tl-column--16, .tl-flow__flight-time-avail-return--refine .tl-fare-option .tl-column--16 { min-width: 110px; padding: 10px 5px 10px 0; } .tl-flow__flight-time-avail-return--refine .lowest-fare .tl-column--16 .icon-outbound, .tl-flow__flight-time-avail-return--refine .tl-fare-option .tl-column--16 .icon-outbound { padding-left: 15px; position: relative; } .tl-flow__flight-time-avail-return--refine .lowest-fare .tl-column--16 .icon-outbound:before, .tl-flow__flight-time-avail-return--refine .tl-fare-option .tl-column--16 .icon-outbound:before { content: ""; display: inline-block; background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -847px; height: 13px; width: 10px; position: absolute; left: 0; } .tl-flow__flight-time-avail-return--refine .lowest-fare .tl-column--16 .icon-homebound, .tl-flow__flight-time-avail-return--refine .tl-fare-option .tl-column--16 .icon-homebound { padding-left: 15px; position: relative; } .tl-flow__flight-time-avail-return--refine .lowest-fare .tl-column--16 .icon-homebound:before, .tl-flow__flight-time-avail-return--refine .tl-fare-option .tl-column--16 .icon-homebound:before { content: ""; display: inline-block; background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -897px; height: 13px; width: 10px; position: absolute; left: 0; } .tl-flow__flight-time-avail-return--refine .lowest-fare .fareFamily, .tl-flow__flight-time-avail-return--refine .tl-fare-option .fareFamily { font-weight: bold; color: #000000; } .tl-flow__flight-time-avail-return--refine .lowest-fare > div.gridcolumn, .tl-flow__flight-time-avail-return--refine .tl-fare-option > div.gridcolumn { padding: 0; } .tl-flow__flight-time-avail-return--refine .flight-info { text-align: right; } .tl-flow__flight-time-avail-return--refine .tl-column--half { width: 50%; float: left; } @media screen and (max-width: 770px) { .tl-flow__flight-time-avail-return--refine .tl-column--half { width: 100%; } } @media screen and (min-width: 643px) { .tl-flow__flight-time-avail-return--refine .departurefarelist.time-table { width: 50%; } .tl-flow__flight-time-avail-return--refine .departurefareadvice .carrierinfo { margin-left: 32px; } .tl-flow__flight-time-avail-return--refine .departurefareadvice .carrierinfo .icon-air { display: inline; } .tl-flow__flight-time-avail-return--refine .departurefareadvice .carrierinfo img { margin-left: -32px; float: left; height: auto; width: auto; } .tl-flow__flight-time-avail-return--refine .departurefareadvice .radio.tl-column--last-on-row { float: right; position: static; } .tl-flow__flight-time-avail-return--refine .departurefareadvice .duration { margin-top: 0; } } .tl-flow__flight-time-avail-return--refine .box .divgrid .gridcolumn, .tl-flow__flight-time-avail-return--refine .box .divgrid div:last-child { min-width: 0 !important; margin: 0; } .tl-flow__flight-time-avail-return--refine .box .divgrid .gridcolumn.tl-column--16, .tl-flow__flight-time-avail-return--refine .box .divgrid div:last-child.tl-column--16 { width: 19% !important; } .tl-flow__flight-time-avail-return--refine .box .divgrid .gridcolumn.tl-column--forth, .tl-flow__flight-time-avail-return--refine .box .divgrid div:last-child.tl-column--forth { width: 23% !important; } .tl-flow__flight-time-avail-return--refine .box .divgrid .gridcolumn.tl-column--24, .tl-flow__flight-time-avail-return--refine .box .divgrid div:last-child.tl-column--24 { width: 23% !important; } @media screen and (max-width: 643px) { .tl-flow__flight-time-avail-return--refine .box .divgrid .gridcolumn.tl-column--16, .tl-flow__flight-time-avail-return--refine .box .divgrid div:last-child.tl-column--16 { width: 50% !important; } .tl-flow__flight-time-avail-return--refine .box .divgrid .gridcolumn.tl-column--24, .tl-flow__flight-time-avail-return--refine .box .divgrid div:last-child.tl-column--24 { margin-top: 15px; width: 100% !important; } } .tl-flow__flight-time-avail-return--refine .box div h1 { font-size: inherit; font-weight: inherit; text-decoration: inherit; display: inherit; cursor: inherit; } .tl-flow__flight-time-avail-return--refine .box div h1:before { font-size: medium; display: inherit; float: none; margin-right: 0; overflow: inherit; padding: inherit; } .tl-flow__flight-time-avail-return--refine #placeholder .modal .fare-services h2 { color: white; } .tl-flow__flight-time-avail-return--refine .moreFareOptionLink { background: #FFFFFF; padding: 10px; text-align: right; font-weight: bold; } a#flightInfoLink { color: #000000; } a#flightInfoLink:visited { color: #000000; } .tl-flow__flight-time-avail-oneway_refine .icon-train:before { content: none; } .tl-flow__flight-time-avail-oneway_refine .tl-flight-time-avail__top-button-container { margin-bottom: 10px; position: relative; } .tl-flow__flight-time-avail-oneway_refine .tl-flight-time-avail__top-button-container .button--secondary { float: right; border: none; box-shadow: none; text-decoration: underline; } .tl-flow__flight-time-avail-oneway_refine .time-header { margin-bottom: 15px; } .tl-flow__flight-time-avail-oneway_refine .box-header { padding: 8px; } .tl-flow__flight-time-avail-oneway_refine .tl-box-subheader { font-size: 1.143rem; font-weight: bold; line-height: 1.15; margin: 0.5em 0; } .tl-flow__flight-time-avail-oneway_refine .tl-flight-time-avail__top-button-container .box-header { color: #000000; position: absolute; top: 50%; transform: translateY(-50%); margin: 7.5px 100px 0 0; padding: 0; } .tl-flow__flight-time-avail-oneway_refine .tl-flight-time-avail__top-button-container .box-header::after { clear: both; content: ""; display: table; } @media screen and (max-width: 770px) { .tl-flow__flight-time-avail-oneway_refine .tl-flight-time-avail__top-button-container .box-header { font-size: 1rem; } } .tl-flow__flight-time-avail-oneway_refine .button--primary.disabled { opacity: 0.6; } .tl-flow__flight-time-avail-oneway_refine .button--primary.disabled:hover, .tl-flow__flight-time-avail-oneway_refine .button--primary.disabled:active { background: #2c7582; border: solid #146070; border-width: 1px 1px 4px 1px; } .tl-flow__flight-time-avail-oneway_refine .tl-box-subheader { font-size: 1.143rem; font-weight: bold; line-height: 1.15; margin: 0.5em 0; } .tl-flow__flight-time-avail-oneway_refine .tl-divgrid, .tl-flow__flight-time-avail-oneway_refine .fare-message .box-inner { background: #F5F5F5; padding: 15px; margin-bottom: 7.5px; } .tl-flow__flight-time-avail-oneway_refine .tl-divgrid::after, .tl-flow__flight-time-avail-oneway_refine .fare-message .box-inner::after { clear: both; content: ""; display: table; } .tl-flow__flight-time-avail-oneway_refine .tl-box-button { margin-top: 30px; } .tl-flow__flight-time-avail-oneway_refine .tl-box-button .button--backward { margin-right: 0 !important; } .tl-flow__flight-time-avail-oneway_refine .tl-column--forth { width: 23%; margin-right: 1.5%; } @media screen and (max-width: 770px) { .tl-flow__flight-time-avail-oneway_refine .tl-column--forth { width: 45%; min-height: 65px; } } .tl-flow__flight-time-avail-oneway_refine .avail-sorting { display: none; } .tl-flow__flight-time-avail-oneway_refine .departurefarelist { margin-bottom: 5px; } .tl-flow__flight-time-avail-oneway_refine .departurefarelist .box-subheader { font-size: 1.143rem; font-weight: bold; line-height: 1.15; margin: 0.5em 0; } .tl-flow__flight-time-avail-oneway_refine .departurefarelist .box-subheader::after { clear: both; content: ""; display: table; } @media screen and (max-width: 770px) { .tl-flow__flight-time-avail-oneway_refine .departurefarelist .box-subheader { font-size: 1rem; } } .tl-flow__flight-time-avail-oneway_refine .departurefarelist .box-subheader p { font-size: 1.429rem; color: #00DE00; font-weight: bold; line-height: 1.3; margin: 0.5em 0; } @media screen and (max-width: 770px) { .tl-flow__flight-time-avail-oneway_refine .departurefarelist .box-subheader p { font-size: 1rem; } } .tl-flow__flight-time-avail-oneway_refine .tl-column--half { width: 50%; float: left; } @media screen and (max-width: 770px) { .tl-flow__flight-time-avail-oneway_refine .tl-column--half { width: 100%; } } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice { background: #F5F5F5; position: relative; margin-top: 8px; -webkit-transition: all 250ms; transition: all 250ms; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .tl-column { margin-bottom: 0; float: left; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .tl-column--46 { width: 46%; margin-right: 1.5%; } @media screen and (max-width: 770px) { .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .tl-column--46 { width: 100%; margin-bottom: 15px; padding-right: 20px; } } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .tl-column--28 { width: 28%; margin-right: 1.5%; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .tl-column--16 { width: 16%; margin-right: 1.5%; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .topmargin5 { border-top: 1px dashed #818181; margin: 7.5px; width: 78.5%; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .tl-time { font-weight: bold; margin-right: 5px; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .carrierinfo { margin-left: 0; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .carrierinfo img { margin: 0 5px 0 0; width: 20px; height: 20px; float: left; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .carrierinfo .nowrap:before { content: ""; display: block; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .carrierinfo .operatingcarrier { color: #787878; font-style: italic; display: block; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .duration { text-align: right; float: right; margin-top: 25px; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .duration .icons { display: block; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .duration .fare-container a { font-weight: bold; color: #000000; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice [class*="icon-average"]:after { right: -77px; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .radio.tl-column--last-on-row { position: absolute; right: 25px; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice label { line-height: 1.5; padding: 10px; cursor: pointer; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice:hover { background: #E5E5E5; transition: background 0.5s ease; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice.currentBooking { padding: 10px; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice.currentBooking:hover { background: white; } .tl-flow__flight-time-avail-oneway_refine .fareOptions { padding: 15px; background: white; margin: 15px 0px; } .tl-flow__flight-time-avail-oneway_refine .fareOptions label { display: inline; line-height: 2; } .tl-flow__flight-time-avail-oneway_refine .fareOptions input[type="radio"], .tl-flow__flight-time-avail-oneway_refine .fareOptions .icon-radio-button { margin-top: 5px; margin-left: 8px; } .tl-flow__flight-time-avail-oneway_refine .fareOptions .button--light { width: 50%; margin: 25px 0 0 0; display: block; } @media screen and (max-width: 770px) { .tl-flow__flight-time-avail-oneway_refine .fareOptions .button--light { width: 100%; } } .tl-flow__flight-time-avail-oneway_refine .fareOptions.wait { background: #ffffff url(/images/ajax-loader-medium.gif) no-repeat center center; z-index: 9999; transition: background-color 0.1s; } .tl-flow__flight-time-avail-oneway_refine .fareOptions.wait div { visibility: hidden; } .tl-flow__flight-time-avail-oneway_refine .fareOptions .fareOptionsInfo { border-top: 1px dashed #818181; padding-top: 15px; margin-top: 15px; } .tl-flow__flight-time-avail-oneway_refine .fareOptions .icon-outbound-train { background: url("/images/icon_new_train_outbound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; font-weight: bold; } .tl-flow__flight-time-avail-oneway_refine .fareOptions .icon-homebound-train { background: url("/images/icon_new_train_homebound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; font-weight: bold; } .tl-flow__flight-time-avail-oneway_refine .fareOptions .icon-outbound-flight { background: url("/images/icon_new_flight_outbound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; font-weight: bold; } .tl-flow__flight-time-avail-oneway_refine .fareOptions .icon-homebound-flight { background: url("/images/icon_new_flight_homebound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; font-weight: bold; } .tl-flow__flight-time-avail-oneway_refine .lowest-fare, .tl-flow__flight-time-avail-oneway_refine .tl-fare-option { line-height: 1.5; } .tl-flow__flight-time-avail-oneway_refine .lowest-fare .tl-column, .tl-flow__flight-time-avail-oneway_refine .lowest-fare .tl-box-button, .tl-flow__flight-time-avail-oneway_refine .tl-fare-option .tl-column, .tl-flow__flight-time-avail-oneway_refine .tl-fare-option .tl-box-button { display: inline-block; vertical-align: middle; } .tl-flow__flight-time-avail-oneway_refine .lowest-fare .tl-column--24, .tl-flow__flight-time-avail-oneway_refine .tl-fare-option .tl-column--24 { display: inline-flex; align-items: center; } .tl-flow__flight-time-avail-oneway_refine .lowest-fare .tl-column--24 i, .tl-flow__flight-time-avail-oneway_refine .tl-fare-option .tl-column--24 i { background: none; margin-right: 0.5rem; color: #00DE00; } .tl-flow__flight-time-avail-oneway_refine .lowest-fare .tl-column--24 h1, .tl-flow__flight-time-avail-oneway_refine .tl-fare-option .tl-column--24 h1 { font-weight: 500; text-decoration: underline; display: inline-block; cursor: pointer; margin: 0; } .tl-flow__flight-time-avail-oneway_refine .lowest-fare .tl-column--24 h1:before, .tl-flow__flight-time-avail-oneway_refine .tl-fare-option .tl-column--24 h1:before { display: none; /* @include iconPseudoElement(17px, 17px); // @include iconInfoSky; margin-right: 5px; position: relative; top: 5px; */ } .tl-flow__flight-time-avail-oneway_refine .lowest-fare .tl-box-button, .tl-flow__flight-time-avail-oneway_refine .tl-fare-option .tl-box-button { float: right; } .tl-flow__flight-time-avail-oneway_refine .lowest-fare .tl-box-button .button--forward, .tl-flow__flight-time-avail-oneway_refine .tl-fare-option .tl-box-button .button--forward { min-width: 70px; } .tl-flow__flight-time-avail-oneway_refine .lowest-fare .tl-column--forth, .tl-flow__flight-time-avail-oneway_refine .tl-fare-option .tl-column--forth { line-height: 1.25; } .tl-flow__flight-time-avail-oneway_refine .lowest-fare span[class*='icon'], .tl-flow__flight-time-avail-oneway_refine .tl-fare-option span[class*='icon'] { display: inline-block; height: 18px; } .tl-flow__flight-time-avail-oneway_refine .lowest-fare .gridcolumn-left[class*="lowest-fare-icon-average"], .tl-flow__flight-time-avail-oneway_refine .lowest-fare .gridcolumn-left[class*="tl-fare-option-icon-average"], .tl-flow__flight-time-avail-oneway_refine .tl-fare-option .gridcolumn-left[class*="lowest-fare-icon-average"], .tl-flow__flight-time-avail-oneway_refine .tl-fare-option .gridcolumn-left[class*="tl-fare-option-icon-average"] { position: relative; margin-left: 35px; } .tl-flow__flight-time-avail-oneway_refine .lowest-fare .gridcolumn-left[class*="lowest-fare-icon-average"]:after, .tl-flow__flight-time-avail-oneway_refine .lowest-fare .gridcolumn-left[class*="tl-fare-option-icon-average"]:after, .tl-flow__flight-time-avail-oneway_refine .tl-fare-option .gridcolumn-left[class*="lowest-fare-icon-average"]:after, .tl-flow__flight-time-avail-oneway_refine .tl-fare-option .gridcolumn-left[class*="tl-fare-option-icon-average"]:after { display: none; } .tl-flow__flight-time-avail-oneway_refine .lowest-fare .gridcolumn-left .icon-average-green, .tl-flow__flight-time-avail-oneway_refine .lowest-fare .gridcolumn-left .icon-average-yellow, .tl-flow__flight-time-avail-oneway_refine .lowest-fare .gridcolumn-left .icon-average-red, .tl-flow__flight-time-avail-oneway_refine .tl-fare-option .gridcolumn-left .icon-average-green, .tl-flow__flight-time-avail-oneway_refine .tl-fare-option .gridcolumn-left .icon-average-yellow, .tl-flow__flight-time-avail-oneway_refine .tl-fare-option .gridcolumn-left .icon-average-red { position: absolute; left: -40px; } .tl-flow__flight-time-avail-oneway_refine .lowest-fare .tl-column--16, .tl-flow__flight-time-avail-oneway_refine .tl-fare-option .tl-column--16 { min-width: 110px; padding: 10px 5px 10px 0; } .tl-flow__flight-time-avail-oneway_refine .lowest-fare .tl-column--16 .icon-outbound, .tl-flow__flight-time-avail-oneway_refine .tl-fare-option .tl-column--16 .icon-outbound { padding-left: 15px; position: relative; } .tl-flow__flight-time-avail-oneway_refine .lowest-fare .tl-column--16 .icon-outbound:before, .tl-flow__flight-time-avail-oneway_refine .tl-fare-option .tl-column--16 .icon-outbound:before { content: ""; display: inline-block; background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -847px; height: 13px; width: 10px; position: absolute; left: 0; } .tl-flow__flight-time-avail-oneway_refine .lowest-fare .tl-column--16 .icon-homebound, .tl-flow__flight-time-avail-oneway_refine .tl-fare-option .tl-column--16 .icon-homebound { padding-left: 15px; position: relative; } .tl-flow__flight-time-avail-oneway_refine .lowest-fare .tl-column--16 .icon-homebound:before, .tl-flow__flight-time-avail-oneway_refine .tl-fare-option .tl-column--16 .icon-homebound:before { content: ""; display: inline-block; background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -897px; height: 13px; width: 10px; position: absolute; left: 0; } .tl-flow__flight-time-avail-oneway_refine .lowest-fare .fareFamily, .tl-flow__flight-time-avail-oneway_refine .tl-fare-option .fareFamily { font-weight: bold; color: #00DE00; } .tl-flow__flight-time-avail-oneway_refine .lowest-fare > div.gridcolumn, .tl-flow__flight-time-avail-oneway_refine .tl-fare-option > div.gridcolumn { padding: 0; } .tl-flow__flight-time-avail-oneway_refine .lowest-fare .txtPrice, .tl-flow__flight-time-avail-oneway_refine .tl-fare-option .txtPrice { display: block; } .tl-flow__flight-time-avail-oneway_refine .lowest-fare .txtPrice + br, .tl-flow__flight-time-avail-oneway_refine .tl-fare-option .txtPrice + br { display: none; } @media screen and (min-width: 643px) { .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .carrierinfo { margin-left: 32px; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .carrierinfo .icon-air { display: inline; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .carrierinfo img { margin-left: -32px; float: left; height: auto; width: auto; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .radio.tl-column--last-on-row { float: right; position: relative; right: 15px; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .duration { margin-top: 0; margin-right: 25px; } } @media screen and (max-width: 642px) { .tl-flow__flight-time-avail-oneway_refine .icons span[class*="icon-average"] { position: relative; margin: 47px; top: 5px; } .tl-flow__flight-time-avail-oneway_refine .tl-column.tl-column-text--71 { width: 71%; margin-right: 1.5%; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .carrierinfo { margin-left: 32px; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .carrierinfo .icon-air { display: inline; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .carrierinfo img { margin-left: -32px; float: left; height: auto; width: auto; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .radio.tl-column--last-on-row { float: right; position: relative; right: 15px; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .duration { text-align: right; float: right; margin-top: 25px; margin-right: 12px; } .tl-flow__flight-time-avail-oneway_refine .departurefareadvice .not-desktop { display: block; margin-right: -15px; } } .tl-flow__flight-time-avail-oneway_refine .box .divgrid .gridcolumn, .tl-flow__flight-time-avail-oneway_refine .box .divgrid div:last-child { min-width: 0 !important; margin: 0; } .tl-flow__flight-time-avail-oneway_refine .box .divgrid .gridcolumn.tl-column--16, .tl-flow__flight-time-avail-oneway_refine .box .divgrid div:last-child.tl-column--16 { width: 19% !important; } .tl-flow__flight-time-avail-oneway_refine .box .divgrid .gridcolumn.tl-column--forth, .tl-flow__flight-time-avail-oneway_refine .box .divgrid div:last-child.tl-column--forth { width: 23% !important; } .tl-flow__flight-time-avail-oneway_refine .box .divgrid .gridcolumn.tl-column--24, .tl-flow__flight-time-avail-oneway_refine .box .divgrid div:last-child.tl-column--24 { width: 23% !important; } @media screen and (max-width: 643px) { .tl-flow__flight-time-avail-oneway_refine .box .divgrid .gridcolumn.tl-column--16, .tl-flow__flight-time-avail-oneway_refine .box .divgrid div:last-child.tl-column--16 { width: 30% !important; } .tl-flow__flight-time-avail-oneway_refine .box .divgrid .gridcolumn.tl-column--24, .tl-flow__flight-time-avail-oneway_refine .box .divgrid div:last-child.tl-column--24 { width: 30% !important; } } .tl-flow__flight-time-avail-oneway_refine .box div h1 { font-size: inherit; font-weight: inherit; text-decoration: inherit; display: inherit; cursor: inherit; } .tl-flow__flight-time-avail-oneway_refine .box div h1:before { font-size: medium; display: inherit; float: none; margin-right: 0; overflow: inherit; padding: inherit; } .tl-flow__flight-time-avail-oneway_refine #placeholder .modal .fare-services h2 { color: white; } .tl-flow__flight-time-avail-oneway_refine .moreFareOptionLink { background: #FFFFFF; padding: 10px; text-align: right; font-weight: bold; } .booking-actions { margin: 15px; } .booking-actions section::after { clear: both; content: ""; display: table; } .booking-actions .g20 { padding: 19px 0 0 10px; } .booking-actions .button--email { width: 100%; min-height: 0; padding: 6px; display: flex; justify-content: center; } .booking-actions .button--email i { margin-right: 1rem; } .booking-actions .tl-box-button { margin-top: 30px; } .booking-actions .tl-send-email-to-other__input { width: 100%; } .booking-actions .button--secondary { float: right; margin: 0 7.5px 7.5px 7.5px !important; } .booking-actions .button--secondary:first-child { margin-right: 0 !important; } .view-booking-pnr-summary__car { margin: 15px; margin: 15px 0; } .view-booking-pnr-summary__car .tl-view-booking__car { position: relative; } .view-booking-pnr-summary__car .tl-view-booking__car .tl-bookingstatus-and-reference { display: inline-block; margin: 0 0 1em 1em; float: right; padding: 7px; } .view-booking-pnr-summary__car .tl-view-booking__car .tl-bookingstatus-and-reference p { font-size: 1rem; font-weight: normal; line-height: 1; margin: 0; } .view-booking-pnr-summary__car .tl-view-booking__car .tl-bookingstatus-and-reference.tl-bookingstatus--confirmed .tl-car-booking-status { color: #17BE17; font-weight: bold; text-transform: uppercase; } .view-booking-pnr-summary__car .tl-view-booking__car .tl-bookingstatus-and-reference.tl-bookingstatus--alert { background: #DE2B4F; border-radius: 3px; border: none; color: white; } .view-booking-pnr-summary__car .tl-view-booking__car .tl-bookingstatus-and-reference.tl-bookingstatus--alert p, .view-booking-pnr-summary__car .tl-view-booking__car .tl-bookingstatus-and-reference.tl-bookingstatus--alert h4 { color: white; } .view-booking-pnr-summary__car .tl-view-booking__car .tl-bookingstatus-and-reference.tl-bookingstatus--alert p:first-child:before { content: ""; display: inline-block; position: relative; width: 16px; height: 16px; background: url("/images/icon_error-white.png") no-repeat; padding-left: 20px; vertical-align: top; } .view-booking-pnr-summary__car .tl-car__additional-info { display: inline-block; margin: 10px 0 15px 0; padding: 5px 8px; background: #f1f1f1; border: 1px solid #cecece; } .view-booking-pnr-summary__car .tl-car__additional-info .icon-ok { vertical-align: middle; margin-right: 3px; } .view-booking-pnr-summary__car .tl-car__provider img { vertical-align: middle; } .view-booking-pnr-summary__car .tl-car__provider h3 { display: inline-block; vertical-align: middle; margin: 0; padding-left: 10px; } .view-booking-pnr-summary__car .tl-car__pickup-dropoff { margin: 15px 0; } .view-booking-pnr-summary__car .tl-car__pickup-dropoff p { margin: 0 0 5px 0; } .view-booking-pnr-summary__car .tl-car__pickup-dropoff p span { padding-left: 20px; } .view-booking-pnr-summary__car .tl-car__pickup-dropoff h4 { margin: 1em 0 0 0; } .view-booking-pnr-summary__car .tl-car__pickup-dropoff div { line-height: 1; display: inline-block; padding-right: 30px; vertical-align: top; width: 40%; } .view-booking-pnr-summary__car .tl-car__pickup-dropoff div.tl-car__pickup-nodays { padding-right: 0; width: 19%; } .view-booking-pnr-summary__car .tl-car__pickup-dropoff div i { vertical-align: bottom; margin: 2px 2px -3px 0; } .view-booking-pnr-summary__car .tl-car__pickup-dropoff div .icon-clock { margin: 0 2px 1px 0; } .view-booking-pnr-summary__car .tl-car__address { text-transform: uppercase; } .view-booking-pnr-summary__flight { margin: 15px; margin: 15px 0; } .view-booking-pnr-summary__flight .tl-flight__fare { line-height: 1.5; position: relative; } .view-booking-pnr-summary__flight .tl-flight__fare .tl-dashed-line { border: none; border-top: 1px dashed #acacac; margin: 7.5px; width: 78.5%; } .view-booking-pnr-summary__flight .tl-flight__fare .tl-bookingstatus-and-reference { display: inline-block; font-size: 1rem; margin-bottom: 1em; font-weight: normal; float: right; border-bottom: 1px dashed #acacac; line-height: 1; padding: 7px; font-size: 0.7143rem; line-height: 1.3; color: black; } .view-booking-pnr-summary__flight .tl-flight__fare .tl-bookingstatus-and-reference.tl-trip-booking-status--confirmed .tl-flightstatus { color: #17BE17; font-weight: bold; text-transform: uppercase; } .view-booking-pnr-summary__flight .tl-flight__fare .tl-bookingstatus-and-reference.tl-trip-booking-status--alert { background: #E32636; border: 0; border-radius: 3px; color: white !important; font-size: 1rem; display: inline-block; } .view-booking-pnr-summary__flight .tl-flight__fare .tl-bookingstatus-and-reference.tl-trip-booking-status--alert span { color: white !important; } .view-booking-pnr-summary__flight .tl-flight__fare .tl-bookingstatus-and-reference.tl-trip-booking-status--alert:before { content: ""; display: inline-block; position: relative; width: 16px; height: 16px; background: url("/images/icon_error-white.png") no-repeat; background-position: 0px 1px; padding-left: 20px; } .view-booking-pnr-summary__flight .tl-flight__fare .tl-icon-hbo { float: right; margin: 0 1em 0 0; color: #333; font-size: 0.9286rem; text-transform: none; line-height: 3rem; font-size: 0.7143rem; line-height: 1; color: black; } .view-booking-pnr-summary__flight .tl-flight__fare .tl-duration-time { float: right; text-transform: none; color: #333; margin: 0 1em 0 0; font-size: 0.8571rem; line-height: 3rem; font-size: 0.7143rem; line-height: 1; color: black; } .view-booking-pnr-summary__flight .tl-flight__bound-header { font-weight: bold; color: #00DE00; padding: 1em 0 0.5em 0; font-size: 1rem; overflow: hidden; margin: 0; line-height: 1; } .view-booking-pnr-summary__flight .tl-flight__bound { background: white; border: 1px solid #C6C6C6; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05); padding: 10px 10px; margin-top: 3px; border-width: 0 0 1px 0; margin-top: 0; box-shadow: none; line-height: 1.3; color: black; padding: 10px 0; } .view-booking-pnr-summary__flight .tl-flight__bound p { margin-bottom: 0; } .view-booking-pnr-summary__flight .tl-flight__bound p.tl-flight__segment-date { font-weight: bold; } .view-booking-pnr-summary__flight .tl-flight__bound .tl-column { margin-bottom: 0; float: left; } .view-booking-pnr-summary__flight .tl-flight__bound .tl-column--46 { width: 46%; margin-right: 1.5%; } .view-booking-pnr-summary__flight .tl-flight__bound .tl-column--28 { width: 28%; margin-right: 1.5%; } .view-booking-pnr-summary__flight .tl-flight__bound .tl-column--13 { width: 13%; margin-right: 1.5%; } .view-booking-pnr-summary__flight .tl-flight__bound .carrierinfo { margin-left: 32px; } @media screen and (max-width: 770px) { .view-booking-pnr-summary__flight .tl-flight__bound .carrierinfo { margin-left: 0; } } .view-booking-pnr-summary__flight .tl-flight__bound .carrierinfo img { margin: 0 5px 0 -32px; float: left; } @media screen and (max-width: 770px) { .view-booking-pnr-summary__flight .tl-flight__bound .carrierinfo img { margin: 0 5px 0 0; width: 20px; height: 20px; float: none; } } .view-booking-pnr-summary__flight .tl-flight__bound .carrierinfo .operatingcarrier { color: #787878; font-style: italic; display: block; } .view-booking-pnr-summary__flight .tl-flight__bound .tl-flight__bound .carrierinfo { margin-left: 32px; } .view-booking-pnr-summary__flight .tl-flight__bound .tl-flight__bound .carrierinfo img { margin-left: -32px; float: left; height: auto; width: auto; } .view-booking-pnr-summary__flight .tl-flight__bound .icon-outbound-flight { background: url("/images/icon_new_flight_outbound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; } .view-booking-pnr-summary__flight .tl-flight__bound .icon-outbound-train { background: url("/images/icon_new_train_outbound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; } .view-booking-pnr-summary__flight .tl-flight__bound .icon-homebound-flight { background: url("/images/icon_new_flight_homebound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; } .view-booking-pnr-summary__flight .tl-flight__ticket-issuance { padding: 5px 0 0 5px; } .view-booking-pnr-summary__hotel { margin: 15px; margin: 15px 0; } .view-booking-pnr-summary__hotel h5 { font-size: 1.2rem; font-weight: bold; margin-bottom: .5em; } .view-booking-pnr-summary__hotel .tl-hotel { margin: 20px 0; } .view-booking-pnr-summary__hotel .tl-hotel .tl-bookingstatus-and-reference { display: inline-block; margin: 0 0 1em 1em; float: right; } .view-booking-pnr-summary__hotel .tl-hotel .tl-bookingstatus-and-reference p { font-size: 1rem; font-weight: normal; line-height: 1; margin: 0; } .view-booking-pnr-summary__hotel .tl-hotel .tl-bookingstatus-and-reference.tl-bookingstatus--confirmed .tl-hotel-booking-status { color: #17BE17; font-weight: bold; text-transform: uppercase; } .view-booking-pnr-summary__hotel .tl-hotel .tl-bookingstatus-and-reference.tl-bookingstatus--alert { background: #DE2B4F; border-radius: 3px; border: none; color: white; padding: 7px; } .view-booking-pnr-summary__hotel .tl-hotel .tl-bookingstatus-and-reference.tl-bookingstatus--alert p, .view-booking-pnr-summary__hotel .tl-hotel .tl-bookingstatus-and-reference.tl-bookingstatus--alert h4 { color: white; } .view-booking-pnr-summary__hotel .tl-hotel .tl-bookingstatus-and-reference.tl-bookingstatus--alert p:first-child:before { content: ""; display: inline-block; position: relative; width: 16px; height: 16px; background: url("/images/icon_error-white.png") no-repeat; padding-left: 20px; vertical-align: top; } .view-booking-pnr-summary__hotel .tl-hotel > .tl-bookingstatus--confirmed { padding: 0 21px 3px 3px; } .view-booking-pnr-summary__hotel h4 { margin-bottom: 0; } .view-booking-pnr-summary__hotel .tl-hotel__header h2 { margin: 0; line-height: 1.2; text-transform: uppercase; } .view-booking-pnr-summary__hotel .tl-hotel__header h6 { padding: 3px 0 5px 0; line-height: 1.4; } .view-booking-pnr-summary__hotel .tl-hotel__date { margin-top: 15px; } .view-booking-pnr-summary__hotel .tl-hotel__date div { line-height: 1; display: inline-block; padding-right: 70px; } .view-booking-pnr-summary__hotel .tl-hotel__date div i { vertical-align: bottom; margin: 2px 2px -3px 0; } .view-booking-pnr-summary__hotel .tl-hotel__room { background-color: #f1f1f1; border: 1px solid #cecece; padding: 10px; border-radius: 3px; margin-top: 15px; } .view-booking-pnr-summary__hotel .tl-hotel__room h2 { margin: 0; font-size: 1.143rem; color: #505050; line-height: 1.2; } .view-booking-pnr-summary__hotel .tl-hotel__room p { margin: 0; } .view-booking-pnr-summary__hotel .tl-hotel__room .tl-bookingstatus-and-reference { padding: 7px; } .view-booking-pnr-summary__hotel .tl-hotel__room .tl-bookingstatus--confirmed { border-left: 1px dashed #acacac; } .view-booking-pnr-summary__hotel .tl-hotel__price { margin-top: 15px; } .view-booking-pnr-summary__hotel .tl-hotel__price .tl-hotel__payment-method i { vertical-align: middle; margin-right: 3px; } .view-booking-pnr-summary__hotel .tl-hotel__price p { margin: 0; } .view-booking-pnr-summary__hotel .tl-hotel__price .tl-hotel__price-breakdown { border: solid #cecece; border-width: 1px 0; padding: 8px 0; margin-top: 8px; text-align: left; } .view-booking-pnr-summary__hotel .tl-hotel__price .tl-hotel__price-breakdown span { width: 29%; display: inline-block; text-align: right; } .view-booking-pnr-summary__hotel .tl-hotel__price .tl-hotel__price-breakdown span:first-child { width: 69%; text-align: left; } .view-booking-pnr-summary__hotel .tl-hotel__price .tl-hotel__total-price { font-size: 1.143rem; } .view-booking-pnr-summary__hotel .tl-hotel__price .tl-hotel__total-price span + span { color: #000000; } .view-booking-pnr-summary__rail { margin: 15px; margin: 15px 0; } .view-booking-pnr-summary__rail .tl-rail__fare { line-height: 1.5; position: relative; } .view-booking-pnr-summary__rail .tl-rail__fare .tl-dashed-line { border: none; border-top: 1px dashed #acacac; margin: 7.5px; width: 78.5%; } .view-booking-pnr-summary__rail .tl-rail__fare .tl-bookingstatus-and-reference { display: inline-block; font-size: 1rem; margin-bottom: 1em; font-weight: normal; float: right; border-bottom: 1px dashed #acacac; line-height: 1; padding: 7px; font-size: 0.7143rem; line-height: 1.3; color: black; } .view-booking-pnr-summary__rail .tl-rail__fare .tl-bookingstatus-and-reference.tl-trip-booking-status--confirmed .tl-railstatus, .view-booking-pnr-summary__rail .tl-rail__fare .tl-bookingstatus-and-reference.tl-trip-booking-status--refunded .tl-railstatus { color: #17BE17; font-weight: bold; text-transform: uppercase; } .view-booking-pnr-summary__rail .tl-rail__fare .tl-bookingstatus-and-reference.tl-trip-booking-status--alert { background: #E32636; border: 0; border-radius: 3px; color: white !important; font-size: 1rem; display: inline-block; } .view-booking-pnr-summary__rail .tl-rail__fare .tl-bookingstatus-and-reference.tl-trip-booking-status--alert span { color: white !important; } .view-booking-pnr-summary__rail .tl-rail__fare .tl-bookingstatus-and-reference.tl-trip-booking-status--alert:before { content: ""; display: inline-block; position: relative; width: 16px; height: 16px; background: url("/images/icon_error-white.png") no-repeat; background-position: 0px 1px; padding-left: 20px; } .view-booking-pnr-summary__rail .tl-rail__fare .tl-duration-time { float: right; text-transform: none; color: #333; margin: 0 1em 0 0; line-height: 3rem; font-size: 0.7143rem; line-height: 1; color: black; } .view-booking-pnr-summary__rail .tl-rail__bound-header { font-weight: bold; color: #00DE00; padding: 1em 0 0.5em 0; font-size: 1rem; overflow: hidden; margin: 0; line-height: 1; } .view-booking-pnr-summary__rail .tl-rail__bound { background: white; border: 1px solid #C6C6C6; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05); padding: 10px 10px; margin-top: 3px; border-width: 0 0 1px 0; margin-top: 0; box-shadow: none; line-height: 1.3; color: black; padding: 10px 0; } .view-booking-pnr-summary__rail .tl-rail__bound p { margin-bottom: 0; } .view-booking-pnr-summary__rail .tl-rail__bound p.tl-rail__segment-date { font-weight: bold; } .view-booking-pnr-summary__rail .tl-rail__bound .tl-column { margin-bottom: 0; float: left; } .view-booking-pnr-summary__rail .tl-rail__bound .tl-column--46 { width: 46%; margin-right: 1.5%; } .view-booking-pnr-summary__rail .tl-rail__bound .tl-column--28 { width: 28%; margin-right: 1.5%; } .view-booking-pnr-summary__rail .tl-rail__bound .tl-column--13 { width: 13%; margin-right: 1.5%; } .view-booking-pnr-summary__rail .tl-rail__bound .carrier-name { font-size: 0.7rem; } .view-booking-pnr-summary__rail .tl-rail__bound .carrierinfo { margin-left: 32px; } .view-booking-pnr-summary__rail .tl-rail__bound .carrierinfo .icon-train:before { content: none; } @media screen and (max-width: 770px) { .view-booking-pnr-summary__rail .tl-rail__bound .carrierinfo { margin-left: 0; } } .view-booking-pnr-summary__rail .tl-rail__bound .carrierinfo img { margin: 0 5px 0 0px; float: left; } @media screen and (max-width: 770px) { .view-booking-pnr-summary__rail .tl-rail__bound .carrierinfo img { margin: 0 5px 0 0; width: 20px; height: 20px; float: none; } } .view-booking-pnr-summary__rail .tl-rail__bound .icon-outbound-train { background: url("/images/icon_new_train_outbound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; } .view-booking-pnr-summary__rail .tl-rail__bound .icon-homebound-train { background: url("/images/icon_new_train_homebound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; } .view-booking-pnr-summary__rail .tl-rail__ticket-issuance { padding: 5px 0 0 5px; } .view-booking-pnr-summary__travellers { margin: 15px; margin: 15px 0; } .view-booking-pnr-summary__travellers .tl-traveller-overview-container { background-color: #f1f1f1; border: 1px solid #cecece; padding: 10px; border-radius: 3px; margin-top: 15px; } .view-booking-pnr-summary__travellers .tl-traveller-overview-container h3 { margin: 0; } .view-booking-pnr-summary__travellers .tl-traveller-overview-container .icon-train:before { content: none; } .view-booking-pnr-summary__travellers .tl-traveller__flight-info { width: 49%; padding-right: 15px; display: inline-block; vertical-align: top; } .view-booking-pnr-summary__travellers .tl-traveller__flight-info p { line-height: 1; margin-bottom: 0.5em; } .view-booking-pnr-summary__travellers .tl-traveller__flight-info .icon-flight { vertical-align: text-bottom; } .view-booking-pnr-summary__travellers .tl-traveller__seat-status { font-weight: bold; } .view-booking-pnr-summary__travellers .tl-traveller__seat-status--confirmed { color: #3BA54F; } .view-booking-pnr-summary__travellers .tl-traveller__additional-info { display: flex; flex-wrap: wrap; } .view-booking-pnr-summary__travellers .tl-traveller__additional-info div { width: 20%; padding-right: 10px; } .tl-view-booking-summary { line-height: 1.5; } .tl-view-booking-summary .confirm-booking-reference { margin-bottom: 20px; width: 50%; float: left; } .tl-view-booking-summary .confirm-booking-reference h2 { margin: 0; } .tl-view-booking-summary .confirm-booking-reference h2 + h2 { color: #505050; } .tl-view-booking-summary .tl-box { margin-top: 15px; } .tl-view-booking-summary .tl-box::after { clear: both; content: ""; display: table; } .tl-view-booking-summary .booking-summary-content { background: #f5f5f5; padding: 1px; } .tl-view-booking-summary .tl-subheader { line-height: 0.8; border-bottom: 1px dashed #acacac; padding-bottom: 10px; margin: 15px 0; font-size: 1rem; font-weight: bold; font-size: 0.7143rem; line-height: 1.3; color: black; } .tl-view-booking-summary .tl-administrative-information { display: flex; flex-wrap: wrap; } .tl-view-booking-summary .tl-administrative-information div { width: 33%; padding-right: 10px; } .tl-view-booking-summary .tl-dashed-line { border: none; border-top: 1px dashed #acacac; margin: 7.5px; } .footer-sam { padding: 15px; padding-bottom: 80px; } .footer-sam > a { padding: 10px; } .footer-sam > a, .footer-sam > h3 { text-align: center; display: block; } .footer-sam > div.travel-policy { align-items: center; text-align: center; padding: 10px; border: 1px solid #cecece; background: linear-gradient(to bottom, #fff 0%, #f1f1f1 100%); box-shadow: 0 -1px 1px 1px rgba(0, 0, 0, 0.05); cursor: pointer; max-height: 50px; position: fixed; bottom: 0; width: 100%; left: 0; z-index: 2; } .footer-sam > div.travel-policy img { vertical-align: middle; } .footer-sam > div.travel-policy span { padding-left: 5px; } .footer-sam .footer-sam__content--hidden, .footer-sam .footer-sam__content--visible { transition: ease-in-out 0.8s; transition-property: top, background; position: fixed; left: 0; background: white; width: 100%; z-index: 999; } .footer-sam .footer-sam__content--hidden .footer-sam__content, .footer-sam .footer-sam__content--visible .footer-sam__content { overflow: auto; max-height: 100vh; height: 2000px; padding: 20px 20px 60px 20px; } .footer-sam .footer-sam__content--hidden { top: 100%; } .footer-sam .footer-sam__content--hidden .footer-sam__close { display: none; } .footer-sam .footer-sam__content--visible { top: 0; } .footer-sam .footer-sam__content--visible .footer-sam__close { display: block; } .footer-sam .footer-sam__close a { position: fixed; bottom: 0; border: 1px solid #cecece; background: linear-gradient(to bottom, #fff 0%, #f1f1f1 100%); padding: 10px; width: 100%; box-shadow: 0 -15px 5px rgba(255, 255, 255, 0.8); text-align: center; max-height: 45px; color: #333; text-decoration: none; } .footer-sam ul { padding: 0; margin: 0; } .footer-sam li { list-style: initial; margin: 0 1em; } .footer-sam table { width: 100%; border-collapse: collapse; margin-bottom: 15px; } .footer-sam td { border: 1px solid #C6C6C6; padding: 3px 10px; text-align: center; } .footer-sam th { border: 1px solid #C6C6C6; padding: 3px 10px; text-align: center; background: #E5E5E5; } /* Styles for find as you type */ #possible-locations { display: none; position: absolute; padding: 0; margin: 0; border: solid 1px #C6C6C6; background-color: #ffffff; z-index: 999; cursor: pointer; max-height: 500px; overflow-y: scroll; width: auto; } @media screen and (max-width: 770px) { #possible-locations { width: 85%; } } #possible-locations.possible-locations--fixed { position: fixed !important; } #possible-locations .loc-country { font-weight: bold; border-top: dashed 1px #C6C6C6; padding: 5px; } #possible-locations .loc-default { background-color: #E5E5E5; padding: 5px; } #possible-locations .loc-default .loc-country { border-top: 0; } #possible-locations .loc-city { padding: 5px; } #possible-locations .location-selected .loc-country { border: 0; } #possible-locations .location-selected { background: #F5F5F5; padding: 5px; } #possible-locations .icon-air, #possible-locations .icon-flight, #possible-locations .icon-train, #possible-locations .icon-city, #possible-locations .icon-bus, #possible-locations .icon-ferry, #possible-locations .icon-taxi, #possible-locations .icon-car, #possible-locations .icon-tram, #possible-locations .icon-underground, #possible-locations .icon-helicopter, #possible-locations .icon-hotel { padding-left: 12px; } #possible-locations .icon-city { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -398px; } #possible-locations .icon-air, #possible-locations .icon-flight { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -446px; } #possible-locations .icon-train, #possible-locations .icon-tram, #possible-locations .icon-underground { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -497px; } #possible-locations .icon-train:before, #possible-locations .icon-tram:before, #possible-locations .icon-underground:before { content: ""; } #possible-locations .icon-bus { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -545px; } #possible-locations .icon-taxi, #possible-locations .icon-car { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -595px; } #possible-locations .icon-helicopter { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -647px; } #possible-locations .icon-ferry { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -696px; } #possible-locations .icon-hotel { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -745px; } /* Ajax popup styles (replaces popup-window)*/ .tl-popup-content { display: none; } .tl-popup-content .tl-popup-container { width: 55%; left: 50%; transform: translateX(-50%); margin: auto; z-index: 80; box-shadow: 0 0 60px 10px rgba(0, 0, 0, 0.2); position: fixed !important; max-height: 100%; overflow: auto; } @media screen and (max-width: 770px) { .tl-popup-content .tl-popup-container { width: 90%; } } .tl-popup-content .tl-popup-backdrop { content: ""; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; cursor: pointer; } .tl-popup-content .popup-header { padding: 15px; text-align: right; background: white; overflow: auto; z-index: auto; } @media screen and (max-width: 770px) { .tl-popup-content .popup-header { border-bottom: 1px solid #e0e0e0; } } .tl-popup-content .popup-loader { width: 70px; margin: 60px auto; z-index: auto; } .tl-popup-content .popup-container { padding: 0 15px 50px 15px; background: white; min-height: 400px; overflow: auto; z-index: auto; } @media screen and (max-width: 770px) { .tl-popup-content .popup-container { padding: 0 15px 50px 15px; } } @media screen and (min-height: 750px) { .tl-popup-content .popup-container { height: auto; max-height: 600px; } } @media screen and (max-height: 750px) { .tl-popup-content .popup-container { height: auto; max-height: 200px; } } .tl-popup-content .popup-container:after { pointer-events: none; display: block; content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 50px; background: linear-gradient(to top, white 50%, rgba(255, 255, 255, 0)); } .tl-popup-content .ie .popup-menu { width: 140px; } .tl-popup-content .popup-container pre { font-family: "IBM Plex Sans", Arial, sans-serif; color: #333; white-space: pre; white-space: -moz-pre-wrap; /* fennec */ white-space: pre; /* IE7+ */ white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } .tl-popup-content .box-subheader { font-weight: bold; border-bottom: 1px dashed #acacac; padding: 0 0 10px 0; margin: 20px 15px 5px 15px; } .tl-popup-content .box-inner { padding: 15px; } .tl-popup-content .box-percent-30 { position: relative; width: 30%; min-width: 240px; float: left; padding: 10px 0 10px 10px; } .tl-popup-content .box-percent-65 { width: 65%; min-width: 240px; float: left; padding: 10px 0 10px 10px; } .tl-popup-content .txtPrice { font-size: 1.143rem; color: #DE2B4F; font-weight: bold; } .tl-popup-content a[data-role="button"], .tl-popup-content .button, .tl-popup-content button, .tl-popup-content input[type="button"] { width: auto; } .tl-popup-content .button--primary { float: right; margin-left: 7.5px; } .tl-popup-content .button--secondary { float: right; margin: 0 7.5px !important; } .tl-popup-content input[type='checkbox'] ~ label { display: inline; } .tl-popup-content .divgrid { border-top: 1px dashed #cecece; overflow: hidden; clear: both; font-size: 0.8571rem; word-break: keep-all; } @supports (word-break: break-word) { .tl-popup-content .divgrid { word-break: break-word; } } .tl-popup-content .divgrid .gridheader, .tl-popup-content .divgrid .gridheader-left, .tl-popup-content .divgrid .gridheader-ulist, .tl-popup-content .divgrid .gridheader-find { font-weight: bold; } .tl-popup-content .divgrid .gridcolumn-ulist, .tl-popup-content .divgrid .gridheader-ulist { float: left; width: 17.6%; min-width: 240px; padding: 8px 10px; } .tl-popup-content .divgrid .gridcolumn-find, .tl-popup-content .divgrid .gridheader-find { float: left; width: 100px; padding: 8px 5px; } .tl-popup-content .fareRulesLinks, .tl-popup-content .box-percent-30 { float: left; width: 29%; margin-right: 1%; padding: 0 0 0 15px; } @media screen and (max-width: 770px) { .tl-popup-content .fareRulesLinks, .tl-popup-content .box-percent-30 { width: 100%; margin-right: 0; } } .tl-popup-content .fareRulesLinks .box-header, .tl-popup-content .box-percent-30 .box-header { font-size: 1.143rem; font-weight: bold; line-height: 1.15; } .tl-popup-content .fareRulesLinks #left-menu-links, .tl-popup-content .box-percent-30 #left-menu-links { margin: 15px 0; } .tl-popup-content .fareRulesLinks #left-menu-links a, .tl-popup-content .box-percent-30 #left-menu-links a { color: #4a4f55; text-decoration: none; cursor: text; } .tl-popup-content .fareRulesLinks #left-menu-links .left-menu-links1, .tl-popup-content .box-percent-30 #left-menu-links .left-menu-links1 { display: block; padding: 7px 0 7px 0; margin-bottom: 3px; cursor: pointer; text-decoration: none; color: #505050; } .tl-popup-content .fareRulesLinks #left-menu-links .left-menu-links1:hover a, .tl-popup-content .box-percent-30 #left-menu-links .left-menu-links1:hover a { color: #17BE17; cursor: pointer; } .tl-popup-content .fareRulesLinks #left-menu-links .left-menu-links1-selected, .tl-popup-content .box-percent-30 #left-menu-links .left-menu-links1-selected { font-weight: bold; } .tl-popup-content .fareRulesContainer, .tl-popup-content .box-percent-65 { float: left; width: 70%; } @media screen and (max-width: 770px) { .tl-popup-content .fareRulesContainer, .tl-popup-content .box-percent-65 { width: 100%; } } .tl-popup-content .fareRulesContainer pre, .tl-popup-content .box-percent-65 pre { overflow: visible; } .tl-popup-content .fareRulesContainer .box-info, .tl-popup-content .box-percent-65 .box-info { padding: 10px; } .tl-popup-content ul.finfo-remark { margin: 0 15px; padding: 3px 0; list-style: none; } .tl-popup-content ul.finfo-remark li { margin: 0; padding: 3px 0 3px 0; list-style: none; } .tl-popup-content ul.finfo { margin: 0 15px 0 15px; padding: 3px 0; list-style: none; border-bottom: 1px solid #C6C6C6; } .tl-popup-content ul.finfo li { margin: 0; padding: 3px 0 3px 0; list-style: none; } .tl-popup-content ul.finfo li span { display: inline-block; } .tl-popup-content ul.finfo li span.header { width: 100px; display: inline-block; font-weight: bold; } .tl-popup-content ul.finfo li span.time { width: 100px; display: inline-block; } .tl-popup-content .userlist-characters-info { margin: 10px auto; width: 80%; font-size: 0.7143rem; } .tl-popup-content .userlist-characters-info td a { -webkit-transition: background 200ms; -moz-transition: background 200ms; transition: background 200ms; float: left; line-height: 1; margin: 1px; border: 1px solid #cecece; text-align: center; text-decoration: none; width: 1.75em; padding: 0.5em 0; display: inline-block; background: #f1f1f1; } .tl-popup-content .userlist-characters-info td a:hover { background: #cecece; } @media screen and (min-width: 1140px) { .tl-popup-content .box-percent-30 { min-width: 0; } .tl-popup-content .box-percent-65 { min-width: 0; } .tl-popup-content .divgrid .gridcolumn-ulist, .tl-popup-content .divgrid .gridheader-ulist { min-width: 0; } } .dashboard { margin-top: 50px; margin-bottom: 50px; } .dashboard::after { clear: both; content: ""; display: table; } .dashboard::after { clear: both; content: ""; display: table; } .dashboard h2 { margin-top: 0; display: inline-block; padding-top: 10px; } .dashboard .shortcuts { display: flex; flex-direction: column; align-items: flex-start; } .dashboard .shortcuts::after { clear: both; content: ""; display: table; } @media screen and (max-width: 1024px) { .dashboard .shortcuts { float: none; } } .dashboard .shortcuts h3 { margin: 0 5px 10px 5px; } .dashboard .shortcuts ul { float: left; } @media screen and (max-width: 1024px) { .dashboard .shortcuts ul { width: 100%; float: none; padding: 0; } .dashboard .shortcuts ul::after { clear: both; content: ""; display: table; } .dashboard .shortcuts ul.shortcuts__travelarranger { padding-right: 0px; } .dashboard .shortcuts ul.shortcuts__administration { padding-left: 0px; } } .dashboard .dashboard__item--matchheight { opacity: 0; transition: all ease 0.2s; } .dashboard .shortcuts li { float: left; margin: 0; padding: 5px; text-align: center; vertical-align: top; } .dashboard .shortcuts li:not(.heading) { width: 33.3333%; max-width: 131px; } @media screen and (max-width: 770px) { .dashboard .shortcuts li:not(.heading) { width: 100%; max-width: none; text-align: left; } } .dashboard .shortcuts li.heading { width: 100%; min-width: auto; min-height: auto; height: auto; padding: 0 0 0 5px; background: none; display: block; vertical-align: auto; text-align: left; } .dashboard .shortcuts li.heading::after { clear: both; content: ""; display: table; } .dashboard .shortcuts li.heading > * { color: #000000; } @media screen and (max-width: 770px) { .dashboard .shortcuts li.heading { width: 100%; margin: 0; } } .dashboard .shortcuts li a { position: relative; display: block; background: #F5F5F5; padding: 20px 7px; text-decoration: none; color: #000000; } .dashboard .shortcuts li a:hover { background: #17BE17; color: #FFFFFF; /*.icon-trip:before { color: yellow; }*/ } .dashboard .shortcuts li a:hover .icon-trip { color: #FFFFFF; } .dashboard .shortcuts li a:hover .icon-trip::before { color: #FFFFFF !important; } @media screen and (max-width: 770px) { .dashboard .shortcuts li a { padding: 10px 20px; } } .dashboard .shortcuts li a .item-image { display: flex; justify-content: center; height: 50px; margin: 0 auto; } .dashboard .shortcuts li a .item-image i, .dashboard .shortcuts li a .item-image span.material-symbols-outlined { font-size: 22pt; display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 770px) { .dashboard .shortcuts li a .item-image { height: auto; margin-right: 10px; width: 25%; vertical-align: middle; display: inline-block; } } .dashboard .shortcuts li a .item-image .icon-trip { display: flex; justify-content: center; align-items: center; position: relative; } .dashboard .shortcuts li a .item-image .icon-trip::after { clear: both; content: ""; display: table; } .dashboard .shortcuts li a .item-image .icon-trip:before { content: "+"; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); color: #505050; } .dashboard .shortcuts li a .item-image .icon-trip i { font-size: 20pt; } .dashboard .shortcuts li a .item-image .icon-trip i:first-child { margin-right: 1rem; } .dashboard .shortcuts li a .item-image .icon-car { display: flex; justify-content: center; align-items: center; font-size: 25pt; } .dashboard .shortcuts li a .item-image .icon-user, .dashboard .shortcuts li a .item-image .icon-manage-users, .dashboard .shortcuts li a .item-image .icon-create-user, .dashboard .shortcuts li a .item-image .icon-hotel, .dashboard .shortcuts li a .item-image .icon-company, .dashboard .shortcuts li a .item-image .icon-calendar { font-size: 23pt; } .dashboard .shortcuts li a .item-text { display: block; padding: 5px 0 0 0; } .dashboard .shortcuts li a .item-text.external { text-decoration: underline; } @media screen and (max-width: 770px) { .dashboard .shortcuts li a .item-text { display: inline-block; } } .dashboard .shortcuts li a[data-type="evolvi"]:before { content: "\0064"; display: inline-block; font-family: 'Glyphter'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; position: absolute; top: 0.5rem; right: 0.5rem; width: 1rem; height: 1rem; background: url(/images/svg/new-window.svg) no-repeat left top; } .travelarranger__modal { display: none; } .travelarranger__modal .travelarranger__modal-content { position: fixed; z-index: 1001; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-height: 100%; background: white; padding: 60px; min-width: 800px; text-align: center; } @media screen and (max-width: 1024px) { .travelarranger__modal .travelarranger__modal-content { min-width: 90%; } } .travelarranger__modal .travelarranger__modal-backdrop { content: ""; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1000; } .travelarranger__modal a[data-role="button"] { margin: 40px 20px 0 20px; min-width: 40%; } @media screen and (max-width: 770px) { .travelarranger__modal a[data-role="button"] { min-width: 100%; margin: 40px 0 0 0; } } .travelarranger__modal .travelarranger__modal--item { display: none; } .travelarranger__modal .travelarranger__modal--item.active { display: inline-block; } .travelarranger__modal svg { position: absolute; top: 30px; right: 30px; cursor: pointer; } .travelarranger__modal svg:hover path { fill: #000; } .tl-popup-rebook { padding: 20px; font-size: 0; } .tl-popup-rebook > * { font-size: 1rem; } .tl-popup-rebook img { padding: 0 20px 0 0; } .tl-popup-rebook h2 { margin-top: 0; } .tl-popup-rebook .button.button--light { margin: 0 !important; } .tl-popup-rebook .tl-customer-phone { font-size: 1.429rem; line-height: 1; margin-bottom: 0.5em; } .tl-popup-rebook .tl-customer-phone:before { content: ""; display: inline-block; position: relative; width: 15px; height: 20px; background: url(/images/icon_customer-menu-phone-black.png) no-repeat left top; margin-right: 5px; top: 3px; } .tl-popup-rebook .tl-customer-email { font-size: 0.8571rem; line-height: 1; } .tl-popup-rebook .tl-customer-email:before { content: ""; display: inline-block; position: relative; width: 15px; height: 15px; background: url(/images/icon-email-black.png) no-repeat left top; top: 4px; margin-right: 5px; } .tl-popup-rebook .tl-popup-rebook__left, .tl-popup-rebook .tl-popup-rebook__right { display: inline-block; vertical-align: top; padding: 30px 0 0 0; } .tl-popup-rebook .tl-popup-rebook__left { width: 35%; } .tl-popup-rebook .tl-popup-rebook__right { width: 65%; } @media screen and (max-width: 642px) { .tl-popup-rebook { width: 90%; left: 5%; } .tl-popup-rebook .tl-popup-rebook__left { display: none; } .tl-popup-rebook .tl-popup-rebook__right { width: 100%; } } @media screen and (min-width: 1550px) { .tl-popup-rebook { padding: 0 40px 10px 40px; } } .popup-legend li { padding: 8px 0 8px 0; border-bottom: 1px dashed #C6C6C6; line-height: 1.4; display: flex; } .popup-legend .box-subheader { margin: 20px 0px 5px 0px; } .popup-legend .icon-technicalstop, .popup-legend .icon-policy, .popup-legend .icon-nego-company, .popup-legend .icon-nego-tl, .popup-legend .icon-tr, .popup-legend .icon-tpc, .popup-legend .icon-owc, .popup-legend .icon-evoucher, .popup-legend .icon-deposit, .popup-legend .icon-air, .popup-legend .icon-flight, .popup-legend .icon-train, .popup-legend .icon-tram, .popup-legend .icon-underground, .popup-legend .icon-bus, .popup-legend .icon-taxi, .popup-legend .icon-car, .popup-legend .icon-helicopter, .popup-legend .icon-ferry { padding: 0 0 17px 70px; margin: 8px 0px 8px 0px; background-position-x: 5px; height: 0; } .popup-legend .icon-technicalstop:before, .popup-legend .icon-policy:before, .popup-legend .icon-nego-company:before, .popup-legend .icon-nego-tl:before, .popup-legend .icon-tr:before, .popup-legend .icon-tpc:before, .popup-legend .icon-owc:before, .popup-legend .icon-evoucher:before, .popup-legend .icon-deposit:before, .popup-legend .icon-air:before, .popup-legend .icon-flight:before, .popup-legend .icon-train:before, .popup-legend .icon-tram:before, .popup-legend .icon-underground:before, .popup-legend .icon-bus:before, .popup-legend .icon-taxi:before, .popup-legend .icon-car:before, .popup-legend .icon-helicopter:before, .popup-legend .icon-ferry:before { content: ""; } .popup-legend .icon-technicalstop { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -1814px; } .popup-legend .icon-policy { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -199px; } .popup-legend .icon-nego-company { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -296px; } .popup-legend .icon-nego-tl { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -247px; } .popup-legend .icon-tr { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -349px; } .popup-legend .icon-tpc { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -49px; } .popup-legend .icon-owc { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -99px; } .popup-legend .icon-evoucher { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 1px; } .popup-legend .icon-deposit { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -148px; } .popup-legend .icon-air, .popup-legend .icon-flight { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -446px; } .popup-legend .icon-train, .popup-legend .icon-tram, .popup-legend .icon-underground { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -497px; } .popup-legend .icon-bus { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -545px; } .popup-legend .icon-taxi, .popup-legend .icon-car { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -595px; } .popup-legend .icon-helicopter { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -647px; } .popup-legend .icon-ferry { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -696px; } .welcome-layer__modal { display: none; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 1200; } @media screen and (max-width: 770px) { .welcome-layer__modal { top: 20px; transform: translateX(-50%); } } .welcome-layer__modal a { color: #00DE00; } .welcome-layer__modal .welcome-layer__container { position: relative; min-width: 700px; background: #fff; box-shadow: 1px 0px 13px 0px rgba(0, 0, 0, 0.3); background: #fff; border-radius: 2px; } @media screen and (max-width: 770px) { .welcome-layer__modal .welcome-layer__container { min-width: 90vw; background: none; } } .welcome-layer__modal .welcome-layer__container:after { content: ""; clear: both; display: table; } .welcome-layer__modal .welcome-layer__container h1 { font-size: 26px; font-weight: 600; color: #00DE00; margin-top: 0; } .welcome-layer__modal .welcome-layer__container p { font-size: 16px; } @media screen and (max-width: 770px) { .welcome-layer__modal .welcome-layer__container p { font-size: 1rem; } } .welcome-layer__modal .welcome-layer__container .welcome-layer__right { background: right; min-height: 440px; border-radius: 0 2px 2px 0; padding: 60px 80px; } @media screen and (max-width: 770px) { .welcome-layer__modal .welcome-layer__container .welcome-layer__right { width: 100%; overflow: auto; padding: 30px 30px 30px 30px; background: white; } } .welcome-layer__modal .welcome-layer__container .welcome-layer__left { overflow: hidden; position: absolute; left: 0; bottom: 0; top: 0; width: 35%; min-height: 440px; background: #00DE00; border-radius: 2px 0 0 2px; } @media screen and (max-width: 770px) { .welcome-layer__modal .welcome-layer__container .welcome-layer__left { width: 100%; bottom: auto; top: auto; min-height: 100px; } } .welcome-layer__modal .welcome-layer__container .welcome-layer__left img { position: absolute; max-width: 100%; display: block; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); padding: 30px; } @media screen and (max-width: 770px) { .welcome-layer__modal .welcome-layer__container .welcome-layer__left img { height: 70px; padding: 0 0 0 30px; left: 0; transform: translateY(-50%) translateX(0); } } .welcome-layer__modal .welcome-layer__container .welcome-layer__left:after { content: ""; position: absolute; width: 300px; height: 300px; border: 1px solid #fff; top: -36%; right: -50%; border-radius: 50%; opacity: .8; } @media screen and (max-width: 770px) { .welcome-layer__modal .welcome-layer__container .welcome-layer__left:after { width: 200px; height: 200px; top: 0; right: -200px; transform: translateX(-50%); } } .welcome-layer__modal .welcome-layer__container .welcome-layer__left:before { content: ""; position: absolute; width: 150px; height: 150px; border: 1px solid #fff; bottom: -10%; left: -20%; border-radius: 50%; opacity: .5; } @media screen and (max-width: 770px) { .welcome-layer__modal .welcome-layer__container .welcome-layer__left:before { width: 151px; height: 150px; bottom: auto; left: auto; top: 0; right: 0; opacity: .25; transform: translateX(50%) translateY(-25%); } } .welcome-layer__modal .welcome-layer__container .welcome-layer__buttons { margin-top: 25px; } .welcome-layer__modal .welcome-layer__container .welcome-layer__buttons:after { content: ""; clear: both; display: table; } .welcome-layer__modal .welcome-layer__container .welcome-layer--button { display: block; } .welcome-layer__modal .welcome-layer__container .welcome-layer--button#wl-yes { display: inline-block; background: #00bcb4; color: #fff; padding: 13px; text-decoration: none; margin-right: 15px; font-size: 16px; } .welcome-layer__modal .welcome-layer__container .welcome-layer--button#wl-yes:hover, .welcome-layer__modal .welcome-layer__container .welcome-layer--button#wl-yes:active, .welcome-layer__modal .welcome-layer__container .welcome-layer--button#wl-yes:focus { background: #17BE17; } .welcome-layer__modal .welcome-layer__container .welcome-layer--button#wl-yes:after { content: ""; clear: both; display: table; } .welcome-layer__modal .welcome-layer__container .welcome-layer--button#wl-no { display: inline-block; color: #9B9B9B; padding: 13px; text-decoration: none; } .welcome-layer__modal .welcome-layer__container .welcome-layer--button#wl-no:hover { background: #f1f1f1; } .welcome-layer__close { position: absolute; top: -25px; right: -25px; width: 50px; height: 50px; background: #000; border-radius: 100%; cursor: pointer; } .welcome-layer__close--bottom { display: none; } .welcome-layer__close svg { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 26px; height: 26px; fill: #fff; } .welcome-layer__close svg path { fill: #fff; } @media screen and (max-width: 770px) { .welcome-layer__close svg { position: relative; width: 30px; top: 0; height: 30px; transform: translateX(-50%); } } @media screen and (max-width: 770px) { .welcome-layer__close { position: static; width: 100%; height: 50px; top: 0; right: 0; background: none; } .welcome-layer__close--bottom { display: block; } .welcome-layer__close--bottom svg { top: 20px; } } .welcome-layer__backdrop { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; background: rgba(0, 0, 0, 0.8); } .tl-administration_create-user-mono { margin-top: 30px; margin-bottom: 30px; } .tl-administration_create-user-mono .box { background: #F5F5F5; padding: 15px; } .tl-administration_create-user-mono__header { margin-top: 60px; } .tl-profile-admin__payment-new form { margin: auto; width: 100%; max-width: 350px; } body.lang_fi .tl-profile-admin__payment-new form { max-width: 400px; } @media screen and (max-width: 770px) { .tl-profile-admin__payment-new form .g40 { width: 40%; } .tl-profile-admin__payment-new form .g60 { width: 60%; } } @media screen and (max-width: 400px) { .tl-profile-admin__payment-new form .g40 { width: 100%; max-width: 200px; } .tl-profile-admin__payment-new form .g60 { width: 100%; } } .tl-profile-admin__payment-new .expiry-date-container .inner { padding: 15px 7.5px 15px 0; } @media screen and (max-width: 400px) { .tl-profile-admin__payment-new .expiry-date-container .inner { padding: 15px 0; } } .tl-profile-admin__payment-new .g60 .inner { padding: 15px 0 15px 7.5px; } @media screen and (max-width: 400px) { .tl-profile-admin__payment-new .g60 .inner { padding: 15px 0; } } .tl-profile-admin__payment-new .expiry-date-select { position: relative; border: solid 1px #acacac; height: 2.5em; background: white; outline: 0; } .tl-profile-admin__payment-new .expiry-date-select .select-container:hover { border-color: #00bcb4; } .tl-profile-admin__payment-new .expiry-date-select .expiry-date-select:focus { border-color: #00bcb4; box-shadow: 0px 0px 2px 0px #00bcb4; } .tl-profile-admin__payment-new .expiry-date-select select { border: none; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; } .tl-profile-admin__payment-new .expiry-date-select select:disabled { background-color: #f1f1f1; color: #b9b9b9; } .tl-profile-admin__payment-new .expiry-date-select select:disabled:focus { box-shadow: none; cursor: not-allowed; border-color: #acacac; } .tl-profile-admin__payment-new .expiry-date-select select:disabled:hover { box-shadow: none; cursor: not-allowed; border-color: #acacac; } .tl-profile-admin__payment-new .expiry-date-select:read-only, .tl-profile-admin__payment-new .expiry-date-select:-moz-read-only { border: none; padding: 0; } .tl-profile-admin__payment-new .expiry-date-select .g50 { position: relative; } .tl-profile-admin__payment-new .expiry-date-select .g50:first-child:after { content: ""; display: inline-block; border-left: 1px solid black; height: 15px; width: 15px; position: absolute; font-size: 15px; right: -14px; top: 50%; transform: translateY(-34%) rotate(25deg); z-index: 1; } .tl-profile-admin__payment-new .expiry-date-container .g50:nth-child(2) select, .tl-profile-admin__payment-new .expiry-date-container .g50:nth-child(2) label { padding-left: 10px; } @media screen and (max-width: 770px) { .tl-profile-admin__payment-new .expiry-date-container .g50 { width: 50%; } } .tl-profile-admin__payment-new .creditcardcompany-container > div:before { -webkit-transition: all 1s ease; transition: all 1s ease; content: ""; display: block; width: 50px; height: 30px; position: absolute; right: 0; } .tl-profile-admin__payment-new .creditcardcompany-container > div.icon-VI, .tl-profile-admin__payment-new .creditcardcompany-container > div.icon-AX, .tl-profile-admin__payment-new .creditcardcompany-container > div.icon-EU, .tl-profile-admin__payment-new .creditcardcompany-container > div.icon-CA, .tl-profile-admin__payment-new .creditcardcompany-container > div.icon-DC, .tl-profile-admin__payment-new .creditcardcompany-container > div.icon-DK, .tl-profile-admin__payment-new .creditcardcompany-container > div.icon-TP { position: relative; } .tl-profile-admin__payment-new .creditcardcompany-container > div.icon-VI:before, .tl-profile-admin__payment-new .creditcardcompany-container > div.icon-AX:before, .tl-profile-admin__payment-new .creditcardcompany-container > div.icon-EU:before, .tl-profile-admin__payment-new .creditcardcompany-container > div.icon-CA:before, .tl-profile-admin__payment-new .creditcardcompany-container > div.icon-DC:before, .tl-profile-admin__payment-new .creditcardcompany-container > div.icon-DK:before, .tl-profile-admin__payment-new .creditcardcompany-container > div.icon-TP:before { right: -60px; } @media screen and (max-width: 500px) { .tl-profile-admin__payment-new .creditcardcompany-container > div[class^="icon"] .creditcard-provider-select { width: 70%; } .tl-profile-admin__payment-new .creditcardcompany-container > div.icon-VI:before, .tl-profile-admin__payment-new .creditcardcompany-container > div.icon-AX:before, .tl-profile-admin__payment-new .creditcardcompany-container > div.icon-EU:before, .tl-profile-admin__payment-new .creditcardcompany-container > div.icon-CA:before, .tl-profile-admin__payment-new .creditcardcompany-container > div.icon-DC:before, .tl-profile-admin__payment-new .creditcardcompany-container > div.icon-DK:before, .tl-profile-admin__payment-new .creditcardcompany-container > div.icon-TP:before { right: 0; top: 3px; } } .tl-profile-admin__payment-new .icon-VI:before { background-image: url(/images/cards/visa_2X.png); background-repeat: no-repeat; background-position: right 0; } .tl-profile-admin__payment-new .icon-AX:before { background-image: url(/images/cards/amex_2X.png); background-repeat: no-repeat; background-position: right 0; } .tl-profile-admin__payment-new .icon-EU:before { background-image: url(/images/cards/eurocard_2X.png); background-repeat: no-repeat; background-position: right 0; } .tl-profile-admin__payment-new .icon-CA:before { background-image: url(/images/cards/mastercard_2X.png); background-repeat: no-repeat; background-position: right 0; } .tl-profile-admin__payment-new .icon-DC:before { background-image: url(/images/cards/diners_2X.png); background-repeat: no-repeat; background-position: right 0; } .tl-profile-admin__payment-new .icon-DK:before { background-image: url(/images/cards/dankort_2X.png); background-repeat: no-repeat; background-position: right 0; } .tl-profile-admin__payment-new .icon-TP:before { background-image: url(/images/cards/airplus_2X.png); background-repeat: no-repeat; background-position: right 0; } .tl-administration__user-list.tl-admin-page div#topButtonsBar { margin-top: 30px; } .tl-administration__user-list.tl-admin-page .button.button-small--light { min-width: 80px; } .tl-administration__user-list.tl-admin-page .divgrid { border-top: none; } .tl-administration__user-list.tl-admin-page .tl-filter-container { padding: 15px; background: #F5F5F5; } .tl-administration__user-list.tl-admin-page .tl-filter-container .box-button, .tl-administration__user-list.tl-admin-page .tl-filter-container .button--light { margin: 0; } @media screen and (max-width: 770px) { .tl-administration__user-list.tl-admin-page .tl-filter-container .box-button, .tl-administration__user-list.tl-admin-page .tl-filter-container .button--light { margin-top: 15px; } } .tl-administration__user-list.tl-admin-page .tl-filter-container .userlist-characters { font-size: 0.7143rem; } .tl-administration__user-list.tl-admin-page .tl-filter-container .userlist-characters .userlist-out a { -webkit-transition: background 200ms; -moz-transition: background 200ms; transition: background 200ms; float: left; line-height: 1; margin: 1px; border: 1px solid #cecece; text-align: center; text-decoration: none; width: 1.75em; padding: 0.5em 0; display: inline-block; background: #f1f1f1; } .tl-administration__user-list.tl-admin-page .tl-filter-container .userlist-characters .userlist-out a:hover { background: #cecece; } .tl-administration__user-list.tl-admin-page .tl-filter-container .userlist-characters .userlist-selected { font-weight: bold; -webkit-transition: background 200ms; -moz-transition: background 200ms; transition: background 200ms; float: left; line-height: 1; margin: 1px; border: 1px solid #cecece; background: #cecece; text-align: center; text-decoration: none; width: 1.75em; padding: 0.5em 0; display: inline-block; } @media screen and (max-width: 770px) { .tl-administration__user-list.tl-admin-page .bulkButton { display: none; } } .tl-administration__user-list.tl-admin-page h3 { float: left; margin-top: 30px; } .tl-administration__user-list.tl-admin-page .pagination-wrapper { margin-top: 20px; margin-bottom: 20px; } .tl-administration__user-list.tl-admin-page .g100 h4 { float: none; text-align: center; color: #000000; } .tl-administration__user-list.tl-admin-page .gridheader { background: #fafafa; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02); border-radius: 3px 3px 0 0; } .tl-administration__user-list.tl-admin-page .gridheader .gridheader-ulist { padding: 3px 8px; } .tl-administration__user-list.tl-admin-page .gridheader .gridheader-ulist.column-small { width: 12%; } .tl-administration__user-list.tl-admin-page .gridheader .gridheader-ulist.department { width: 15.6%; } .tl-administration__user-list.tl-admin-page .gridheader .gridheader-ulist.name { width: 19.6%; } .tl-administration__user-list.tl-admin-page #divGridContainer .divgrid { position: relative; background: #F5F5F5; margin-top: 3px; } .tl-administration__user-list.tl-admin-page #divGridContainer .divgrid:first-of-type { margin-top: 1px; } .tl-administration__user-list.tl-admin-page #divGridContainer .divgrid.department { width: 15.6%; } .tl-administration__user-list.tl-admin-page #divGridContainer .divgrid.name { width: 19.6%; } .tl-administration__user-list.tl-admin-page .gridcolumn-ulist.tl-small-button-container { display: flex; justify-content: flex-end; align-items: center; width: 12%; float: right; margin: 0; padding: 8px 10px; text-align: right; } @media screen and (max-width: 770px) { .tl-administration__user-list.tl-admin-page .gridcolumn-ulist.tl-small-button-container { flex-direction: column; } } .tl-administration__user-list.tl-admin-page .gridcolumn-ulist.tl-small-button-container i[class="icon-error"] { display: flex; margin-right: 0.5rem; font-size: 12pt; color: #00DE00; } .tl-administration__user-list.tl-admin-page .gridcolumn-ulist.tl-small-button-container .tl-icon-button--change { text-decoration: none; } .tl-administration__user-list.tl-admin-page .gridcolumn-ulist.tl-small-button-container .tl-icon-button--change:hover { text-decoration: none; } .tl-administration__user-list.tl-admin-page .gridcolumn-ulist.tl-small-button-container .tl-icon-button--change i[class="icon-pen"] { display: flex; margin-right: 0.5rem; font-size: 12pt; } .tl-administration__user-list.tl-admin-page .gridcolumn-ulist.tl-small-button-container .tl-icon-button--delete { margin: 3px; background: url("/images/icon-cross.png") no-repeat; background-position: 0 0; background-size: 20px; content: ""; display: inline-block; position: relative; width: 20px; height: 20px; } .tl-administration__user-list.tl-admin-page .gridcolumn-ulist.tl-small-button-container .tl-icon-button--delete:hover { background: url("/images/icon-cross.png") no-repeat; background-position: 0 -20px; background-size: 20px; content: ""; display: inline-block; position: relative; width: 20px; height: 20px; } .tl-administration__user-list.tl-admin-page .gridcolumn-ulist.gridcolumn-authority-TAG { width: 35.2%; padding: 0; } @media screen and (max-width: 643px) { .tl-administration__user-list.tl-admin-page .gridcolumn-ulist.gridcolumn-authority-TAG { width: 100%; } } .tl-administration__user-list.tl-admin-page .gridcolumn-ulist.gridcolumn-authority-TAG .gridheader-ulist.column-authority { width: 50%; } .tl-administration__user-list.tl-admin-page .gridcolumn-ulist.gridcolumn-authority-TAG .gridheader-ulist.column-TAG-group { width: 50%; } .tl-administration__user-list.tl-admin-page .gridcolumn-ulist.gridcolumn-authority-TAG .gridrow-authority-TAG { clear: both; border-top: 1px dashed #818181; } @media screen and (max-width: 643px) { .tl-administration__user-list.tl-admin-page .gridcolumn-ulist.gridcolumn-authority-TAG .gridrow-authority-TAG { padding: 5px 0 5px 0; } } .tl-administration__user-list.tl-admin-page .gridcolumn-ulist.gridcolumn-authority-TAG .gridrow-authority-TAG:first-of-type { border: none; } .tl-administration__user-list.tl-admin-page .gridcolumn-ulist.gridcolumn-authority-TAG .gridrow-authority-TAG .gridcolumn-ulist.column-authority { width: 50%; } .tl-administration__user-list.tl-admin-page .gridcolumn-ulist.gridcolumn-authority-TAG .gridrow-authority-TAG .gridcolumn-ulist.column-TAG-group { width: 50%; } .tl-administration__user-list.tl-admin-page .gridcolumn-ulist.gridcolumn-authority-TAG .gridrow-authority-TAG .gridcolumn-ulist.column-TAG-group div { display: block; padding-bottom: 5px; } .tl-administration__TAG.tl-admin-page { margin-bottom: 15px; margin-top: 60px; } .tl-administration__TAG.tl-admin-page .button--secondary { min-width: 0; } .tl-administration__TAG.tl-admin-page .tl-filter-container { padding: 15px; background: #F5F5F5; margin-bottom: 30px; } .tl-administration__TAG.tl-admin-page .tl-filter-container .box-button, .tl-administration__TAG.tl-admin-page .tl-filter-container .button--light { margin: 0; } .tl-administration__TAG.tl-admin-page .tl-filter-container .userlist-characters { font-size: 0.7143rem; } .tl-administration__TAG.tl-admin-page .tl-filter-container .userlist-characters .userlist-out a { -webkit-transition: background 200ms; -moz-transition: background 200ms; transition: background 200ms; float: left; line-height: 1; margin: 1px; border: 1px solid #cecece; text-align: center; text-decoration: none; width: 1.75em; padding: 0.5em 0; display: inline-block; background: #f1f1f1; } .tl-administration__TAG.tl-admin-page .tl-filter-container .userlist-characters .userlist-out a:hover { background: #cecece; } .tl-administration__TAG.tl-admin-page .tl-filter-container .userlist-characters .userlist-selected { font-weight: bold; -webkit-transition: background 200ms; -moz-transition: background 200ms; transition: background 200ms; float: left; line-height: 1; margin: 1px; border: 1px solid #cecece; background: #cecece; text-align: center; text-decoration: none; width: 1.75em; padding: 0.5em 0; display: inline-block; } @media screen and (max-width: 770px) { .tl-administration__TAG.tl-admin-page .tl-filter-container .box-button { margin-top: 15px; } } .tl-administration__TAG.tl-admin-page .gridheader { background: #fafafa; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02); border-radius: 3px 3px 0 0; } .tl-administration__TAG.tl-admin-page #divGridContainer .divgrid { background: #F5F5F5; margin-top: 3px; } .tl-administration__TAG.tl-admin-page #divGridContainer .divgrid:first-of-type { margin-top: 1px; } .tl-administration__TAG.tl-admin-page .divgrid { border-top: none; } .tl-administration__TAG.tl-admin-page .tagLine { margin: 0 0 15px; white-space: nowrap; } .tl-administration__TAG.tl-admin-page .tagLine a { border: 1px solid #cecece; padding: 3px 8px; border-radius: 5px; text-decoration: none; box-shadow: 0 2px 0 1px rgba(0, 0, 0, 0.05); background: #f1f1f1; color: #505050; } .tl-administration__TAG.tl-admin-page .tagLine a:hover { background: #cecece; } .tl-administration__TAG.tl-admin-page .divgrid .gridcolumn-ulist, .tl-administration__TAG.tl-admin-page .divgrid .gridheader-ulist { width: 20%; } @media screen and (max-width: 770px) { .tl-administration__TAG.tl-admin-page .divgrid .gridcolumn-ulist, .tl-administration__TAG.tl-admin-page .divgrid .gridheader-ulist { width: 100%; } } .tl-administration__TAG.tl-admin-page .gridcolumn-ulist.gridcolumn-authority-TAG { width: 60%; padding: 0; } @media screen and (max-width: 770px) { .tl-administration__TAG.tl-admin-page .gridcolumn-ulist.gridcolumn-authority-TAG { width: 100%; } } .tl-administration__TAG.tl-admin-page .gridheader-ulist.column-authority { width: 35%; } @media screen and (max-width: 770px) { .tl-administration__TAG.tl-admin-page .gridheader-ulist.column-authority { width: 50%; } } .tl-administration__TAG.tl-admin-page .gridheader-ulist.column-TAG-group { width: 65%; } @media screen and (max-width: 770px) { .tl-administration__TAG.tl-admin-page .gridheader-ulist.column-TAG-group { width: 50%; } } .tl-administration__TAG.tl-admin-page .g100 h4, .tl-administration__TAG.tl-admin-page g20 h4 { float: none; text-align: center; margin-top: 30px; } .tl-administration__TAG.tl-admin-page .gridrow-authority-TAG { clear: both; border-top: 1px dashed #818181; margin-right: 10px; } @media screen and (max-width: 643px) { .tl-administration__TAG.tl-admin-page .gridrow-authority-TAG { padding: 5px 0 5px 0; } } .tl-administration__TAG.tl-admin-page .gridrow-authority-TAG:first-of-type { border: none; } .tl-administration__TAG.tl-admin-page .gridrow-authority-TAG .gridcolumn-ulist.column-authority { width: 35%; } @media screen and (max-width: 770px) { .tl-administration__TAG.tl-admin-page .gridrow-authority-TAG .gridcolumn-ulist.column-authority { width: 50%; } } .tl-administration__TAG.tl-admin-page .gridrow-authority-TAG .gridcolumn-ulist.column-TAG-group { width: 65%; } @media screen and (max-width: 770px) { .tl-administration__TAG.tl-admin-page .gridrow-authority-TAG .gridcolumn-ulist.column-TAG-group { width: 50%; } } .sessiontimeout-container { background: rgba(0, 0, 0, 0.2); height: 100%; width: 100%; position: fixed; left: 0; top: 0; text-align: center; z-index: 999999; } .sessiontimeout-container .sessiontimeout { display: inline-block; background: white; padding: 20px 20px 60px 20px; text-align: center; border-radius: 2px; width: auto; margin: 100px 10px 0 10px; min-width: 50vw; } @media screen and (min-width: 1220px) { .sessiontimeout-container .sessiontimeout { max-width: 1200px; margin: 5% 0 0 0; } } @media screen and (max-width: 1024px) { .sessiontimeout-container .sessiontimeout { margin: 15% 15px 0 15px; } } @media screen and (max-width: 770px) { .sessiontimeout-container .sessiontimeout { display: block; min-width: 0; } } .sessiontimeout-container .sessiontimeout h1 { font-size: 1.429rem; } @media screen and (max-width: 770px) { .sessiontimeout-container .sessiontimeout h1 { font-size: 1.143rem; } } .sessiontimeout-container .sessiontimeout h2 { font-size: 1.143rem; font-weight: normal; } @media screen and (max-width: 770px) { .sessiontimeout-container .sessiontimeout h2 { font-size: 0.8571rem; } } .sessiontimeout-container .sessiontimeout h2 + h2 { margin-top: 0.8571rem; } .sessiontimeout-container .sessiontimeout .icon--session-timeout { margin: 30px 0 20px 0; } .single-sign-on { padding: 20px 10px; background: white; display: inline-block; margin: 0 15px 15px 0; text-align: left; min-width: 80px; text-decoration: none; min-height: 90px; vertical-align: bottom; } .single-sign-on .box-light-header { font-size: 1.143rem; font-weight: bold; margin-bottom: 10px; } @media screen and (max-width: 770px) { .single-sign-on { width: 24%; margin: 0 1.33% 10px 0; padding: 10px 5px 5px 5px; min-width: 0; font-size: 0.7143rem; min-height: 65px; } } .error-template .clean-area { padding-top: 60px; min-height: 300px; } @media screen and (max-width: 770px) { .error-template .clean-area { padding: 5px; } } .tl-flow-wrapper { /* .icon-date-check-in { @include icon-date-out(); } .icon-date-check-out { @include icon-date-in(); } */ /*.icon-email-confirm { @include iconEmailGrey(); }*/ /* .icon-ok { @include icon-ok(small); } .icon-clock { @include icon-clock(small); } .icon-credit-card { @include icon-credit-card(big); } .icon-important { @include icon-important(); } */ } .tl-flow-wrapper::after { clear: both; content: ""; display: table; } .tl-flow-wrapper .flow-right { width: 25.5%; float: left; padding-left: 20px; width: 100%; } .tl-flow-wrapper .flow-right > .inner { padding: 15px 0 15px 0; } @media screen and (max-width: 1024px) { .tl-flow-wrapper .flow-right { width: 100%; padding-left: 0; } .tl-flow-wrapper .flow-right > .inner { padding: 5px; } } .tl-flow-wrapper .flow-right > .inner { padding: 0; } .tl-flow-wrapper .flow-left { width: 74.5%; float: left; width: 100%; } .tl-flow-wrapper .flow-left > .inner { padding: 15px 0 15px 0; } @media screen and (max-width: 1024px) { .tl-flow-wrapper .flow-left { width: 100%; } .tl-flow-wrapper .flow-left > .inner { padding: 5px; } } .tl-flow-wrapper .flow-left > .inner { padding: 0; } .tl-flow-wrapper span.icon-technicalstop, .tl-flow-wrapper span.icon-policy, .tl-flow-wrapper span.icon-nego-tl, .tl-flow-wrapper span.icon-tr, .tl-flow-wrapper span.icon-tpc, .tl-flow-wrapper span.icon-air, .tl-flow-wrapper span.icon-flight, .tl-flow-wrapper span.icon-train, .tl-flow-wrapper span.icon-tram, .tl-flow-wrapper span.icon-underground, .tl-flow-wrapper span.icon-bus, .tl-flow-wrapper span.icon-taxi, .tl-flow-wrapper span.icon-car, .tl-flow-wrapper span.icon-helicopter, .tl-flow-wrapper span.icon-ferry, .tl-flow-wrapper span.icon-hotel, .tl-flow-wrapper span.icon-map, .tl-flow-wrapper span.icon-extraoptions { display: inline; height: 13px; padding-left: 13px; } .tl-flow-wrapper span.icon-owc { display: inline; height: 13px; padding-left: 50px; } .tl-flow-wrapper span.more-owc { padding-left: 26px; } .tl-flow-wrapper span.icon-evoucher { display: inline; height: 13px; padding-left: 50px; } .tl-flow-wrapper span.icon-deposit { display: inline; height: 13px; padding-left: 43px; } .tl-flow-wrapper span.icon-alert { display: inline-block; height: 15px; padding-left: 18px; } .tl-flow-wrapper span.icon-hbo, .tl-flow-wrapper span.icon-hbo-mini { display: inline-block; padding-left: 15px; } .tl-flow-wrapper span.icon-baggage, .tl-flow-wrapper span.icon-baggage-mini { display: inline-block; padding-left: 15px; } .tl-flow-wrapper span.icon-baggage-not-included, .tl-flow-wrapper span.icon-baggage-not-included-mini { display: inline-block; padding-left: 15px; } .tl-flow-wrapper span.icon-baggage-included, .tl-flow-wrapper span.icon-baggage-included-mini { display: inline-block; padding-left: 15px; } .tl-flow-wrapper span.icon-baggage-unknown, .tl-flow-wrapper span.icon-baggage-unknown-mini { display: inline-block; padding-left: 15px; } .tl-flow-wrapper span.icon-baggage-unknown-schedule-search-owc, .tl-flow-wrapper span.icon-baggage-unknown-schedule-search-owc-mini { display: inline-block; padding-left: 15px; } .tl-flow-wrapper span.icon-traveller { display: inline-block; height: 16px; padding-left: 20px; } .tl-flow-wrapper span.icon-car--big { display: inline-block; height: 12px; padding-left: 20px; } .tl-flow-wrapper span.icon-train--big { display: inline-block; height: 14px; padding-left: 20px; } .tl-flow-wrapper span.icon-nego-company { display: inline; height: 16px; padding-left: 19px; } .tl-flow-wrapper span.icon-flight--big { display: inline-block; height: 17px; padding-left: 20px; } .tl-flow-wrapper span.icon-hotel--big { display: inline-block; height: 12px; padding-left: 20px; } .tl-flow-wrapper span.icon-email-confirm { display: inline-block; height: 14px; padding-left: 20px; } .tl-flow-wrapper .icon-check { display: inline; height: 13px; padding-left: 13px; } .tl-flow-wrapper .icon-info { display: inline-block; height: 15px; padding-left: 15px; } .tl-flow-wrapper .tl-icon-hbo { position: relative; top: 3px; } .tl-flow-wrapper .tl-icon-baggage { position: relative; top: 3px; } .tl-flow-wrapper .icon-technicalstop { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -1814px; } .tl-flow-wrapper .icon-policy { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -199px; } .tl-flow-wrapper .icon-nego-company { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -296px; } .tl-flow-wrapper .icon-nego-tl { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -247px; } .tl-flow-wrapper .icon-tr { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -349px; } .tl-flow-wrapper .icon-tpc { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -49px; } .tl-flow-wrapper .icon-owc { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -99px; } .tl-flow-wrapper .icon-evoucher { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 1px; } .tl-flow-wrapper .icon-deposit { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -148px; } .tl-flow-wrapper .icon-air, .tl-flow-wrapper .icon-flight { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -446px; } .tl-flow-wrapper .icon-flight--big { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -1049px; } .tl-flow-wrapper .icon-train, .tl-flow-wrapper .icon-tram, .tl-flow-wrapper .icon-underground { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -497px; } .tl-flow-wrapper .icon-train--big { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -1199px; } .tl-flow-wrapper .icon-bus { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -545px; } .tl-flow-wrapper .icon-taxi, .tl-flow-wrapper .icon-car { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -595px; } .tl-flow-wrapper .icon-car--big { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -1149px; } .tl-flow-wrapper .icon-hotel { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -745px; } .tl-flow-wrapper .icon-hotel--big { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -1100px; } .tl-flow-wrapper .icon-helicopter { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -647px; } .tl-flow-wrapper .icon-ferry { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -696px; } .tl-flow-wrapper .icon-alert { background: url("/images/icon_info-yellow.png") no-repeat; } .tl-flow-wrapper [class*="icon-average"] { position: relative; margin-right: 35px; } .tl-flow-wrapper [class*="icon-average"]:after { content: ""; display: inline-block; position: relative; width: 35px; height: 38px; position: absolute; right: -38px; top: 0; } .tl-flow-wrapper .icon-average-green:after { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: -30px -1245px; } .tl-flow-wrapper .icon-average-yellow:after { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: -30px -1295px; } .tl-flow-wrapper .icon-average-red:after { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: -30px -1348px; } .tl-flow-wrapper .icon-hbo, .tl-flow-wrapper .icon-hbo-mini { background: url("/images/icon_nego_hbo.png") no-repeat; background-position: 0; background-size: 12px 12px; } .tl-flow-wrapper .icon-baggage, .tl-flow-wrapper .icon-baggage-mini { background: url("/images/icon_nego_baggage.png") no-repeat; background-position: 0; background-size: 15px 15px; } .tl-flow-wrapper .icon-baggage-unknown, .tl-flow-wrapper .icon-baggage-unknown-mini { background: url("/images/icon_BAGGAGE_UNKNOWN.png") no-repeat; background-position: 0; background-size: 15px 15px; } .tl-flow-wrapper .icon-baggage-unknown-schedule-search-owc, .tl-flow-wrapper .icon-baggage-unknown-schedule-search-owc-mini { background: url("/images/icon_BAGGAGE_UNKNOWN_SCHEDULE_SEARCH_OWC.png") no-repeat; background-position: 0; background-size: 15px 15px; } .tl-flow-wrapper .icon-baggage-not-included, .tl-flow-wrapper .icon-baggage-not-included-mini { background: url("/images/icon_BAGGAGE_NOT_INCLUDED.png") no-repeat; background-position: 0; background-size: 12px 12px; } .tl-flow-wrapper .icon-baggage-included, .tl-flow-wrapper .icon-baggage-included-mini { background: url("/images/icon_BAGGAGE_INCLUDED.png") no-repeat; background-position: 0; background-size: 15px 15px; } .tl-flow-wrapper .icon-info { background: url("/images/icon_info-sky.png") no-repeat; } .tl-flow-wrapper .icon-map { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -1870px; } .tl-flow-wrapper .icon-traveller { background: url("/images/icon_user-grey.png") no-repeat; } .tl-flow-wrapper .more-owc { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -1702px; } .tl-flow-wrapper .icon-extraoptions { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -2038px; } .tl-flow-wrapper .icon-check { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: 0 -1596px; } .tl-flow-wrapper .icon-owc-wrapper { display: flex; text-decoration: none; color: #17BE17; /* .icon-owc-new { display: inline-block; background-image: url("/images/owc-icon.png"); background-size: 18px auto; height: 18px; width: 18px; vertical-align: middle; margin-right: 2px; } */ } .tl-flow-wrapper .icon-owc-wrapper .icon-owc { background: none; margin-right: 0.5rem; } .tl-flow-wrapper .icon-train:before, .tl-flow-wrapper .icon-hotel:before, .tl-flow-wrapper .icon-car:before { content: none; } .tl-flow-wrapper div.tl-container-flow { padding-top: 20px; margin: 0; padding-top: 0; } @media screen and (max-width: 770px) { .tl-flow-wrapper div.tl-container-flow { padding-top: 5px; } } .tl-flow-wrapper label { word-break: keep-all; } @supports (word-break: break-word) { .tl-flow-wrapper label { word-break: break-word; } } .tl-flow-wrapper .tl-box-button .button--primary { float: right; margin-left: 7.5px; } .tl-flow-wrapper .tl-box-button .button--light { float: right; margin: 0 7.5px 7.5px 7.5px !important; } .tl-flow-wrapper .tl-rightcolumn-symbol { margin-bottom: 15px; display: flex; align-items: center; background-size: 15px; } .tl-flow-wrapper .tl-rightcolumn-symbol i { color: #00DE00; margin-right: 0.5rem; } .tl-flow-wrapper .box-header-avail { float: right; } .tl-flow-wrapper .txtPrice { font-size: 1.429rem; color: #000000; font-weight: bold; line-height: 1.3; display: block; } .tl-flow-wrapper .txtPrice .currencyPrice { font-size: 1.143rem; } .tl-flow-wrapper #totalPrice { display: block; margin-top: 5px; } .tl-flow-wrapper .icon-noprice:before { content: ""; display: inline-block; position: relative; width: 15px; height: 15px; background: url("/images/icon_info-yellow.png") no-repeat; padding-left: 20px; display: inline-block; margin-top: 10px; } .tl-flow-wrapper .txtPlaceholder { font-style: italic; color: #9B9B9B; margin: 3px 0; display: inline-block; } .tl-flow-wrapper .txtAlert { color: #DE2B4F !important; font-size: 1rem; } .tl-flow-wrapper .txtAlertLineThrough { color: #E32636 !important; text-decoration: line-through; } .tl-flow-wrapper .txtLineThrough { text-decoration: line-through; } .tl-flow-wrapper .txtNormal { font-weight: normal; } .tl-flow-wrapper .mandatory-style, .tl-flow-wrapper .mandatory-style-footer { display: flex; background-position: 0 2px; } .tl-flow-wrapper .mandatory-style:before, .tl-flow-wrapper .mandatory-style-footer:before { content: "*"; margin-right: 0.5rem; color: #00DE00; } .tl-flow-wrapper .tl-duration-time:before { content: ""; display: inline-block; position: relative; width: 15px; height: 15px; background: url("/images/icon-clock.png") no-repeat; background-position: 0; background-size: 20px 20px; background-size: 15px; opacity: 0.6; margin-right: 5px; top: 3px; } .tl-flow-wrapper .box-help { background: url("/images/icon_question-2.png") no-repeat; background-size: 15px; display: inline-block; height: 15px; width: 15px; } .tl-flow-wrapper .disable { opacity: 0.7; } .tl-flow-wrapper .alert { color: #DE2B4F !important; font-size: 1rem; } .tl-flow-wrapper #noPriceWarning { display: none; margin: 3px; font-weight: normal; color: #DE2B4F; } .tl-flow-wrapper .flow-far-right { display: none; } > div.tl-container-general { padding-top: 55px; } > div.tl-container-general .left-area { width: 24.5%; float: left; margin-right: 1.5%; } > div.tl-container-general .middle-area { width: 48%; float: left; margin-right: 1.5%; } > div.tl-container-general .right-area { width: 24.5%; float: left; } .homepage-template .clean-area { padding-top: 60px; min-height: 300px; } @media screen and (max-width: 770px) { .homepage-template .clean-area { padding: 5px; } } .userlist-template .clean-area { padding-top: 60px; min-height: 300px; } @media screen and (max-width: 770px) { .userlist-template .clean-area { padding: 5px; } } @media screen and (max-width: 770px) { .userlist-template .tl-admin-page { margin: 0; } } .userlist-template .tl-admin-page p { margin-bottom: 15px; } .userlist-template .tl-admin-page .box-header { font-size: 1.429rem; color: #00DE00; font-weight: bold; line-height: 1.3; margin-bottom: 0.5em; } .userlist-template .tl-admin-page .box-subheader { font-weight: bold; border-bottom: 1px dashed #acacac; margin-bottom: 15px; padding: 10px 0; } .userlist-template .tl-admin-page .tl-box--no-outline { border-width: 0 1px 1px 1px; border-radius: 0 0 3px 3px; padding: 15px 0; } .userlist-template .tl-admin-page .box-line { border-bottom: dashed 1px #818181; margin: 10px 0; } .userlist-template .tl-admin-page .box::after { clear: both; content: ""; display: table; } .userlist-template .tl-admin-page .box .column { float: left; margin-bottom: 15px; } .userlist-template .tl-admin-page .box .column.third { width: 30%; margin-right: 3.3%; } @media screen and (max-width: 770px) { .userlist-template .tl-admin-page .box .column.third { width: 100%; } } .userlist-template .tl-admin-page .box .left { float: left; } .userlist-template .tl-admin-page .box-inner { margin-bottom: 15px; } .userlist-template .tl-admin-page tbody { width: 100%; border-collapse: collapse; border-spacing: 2px; margin-bottom: 15px; } .userlist-template .tl-admin-page td { padding: 5px 0; vertical-align: middle; } .userlist-template .tl-admin-page ul { margin-left: 22.5px; margin-bottom: 0.5em; margin-top: 0; padding: 0; list-style: disc; } .userlist-template .tl-admin-page li { padding-top: 5px; } .userlist-template .tl-admin-page .bgIconOffline { background-image: url("/images/icon_off_line.gif"); background-repeat: no-repeat; background-position: left 3px; padding-left: 20px; } .userlist-template .tl-admin-page .bgIconOnline { background-image: url("/images/icon_on_line.gif"); background-repeat: no-repeat; background-position: left 3px; padding-left: 20px; } .userlist-template .tl-admin-page .mandatory-style, .userlist-template .tl-admin-page .mandatory-style-footer { background-position: 0 0; } .userlist-template .tl-admin-page .mandatory-style:before, .userlist-template .tl-admin-page .mandatory-style-footer:before { content: "*"; margin-right: 0.5rem; color: #00DE00; } .userlist-template .box-warning + .tl-admin-page, .userlist-template .box-error + .tl-admin-page { margin-top: 10px; } .userlist-template .tl-admin-page .box-button { margin: 15px 0; float: right; } .userlist-template .tl-admin-page .box-button .button--primary { float: right; margin-left: 7.5px; } .userlist-template .tl-admin-page .box-button .button--light { margin: 0 7.5px; } .userlist-template .tl-admin-page .box-button .button--cancel { float: left; margin: 0 7.5px; } .userlist-template .tl-admin-page .box-button .button--backward { float: left; margin: 0 7.5px; } .userlist-template .tl-admin-page .box-button.tl-column { margin: 0; } .userlist-template .tl-admin-page .tl-small-button-container { float: right; margin: 5px 0; } .userlist-template .tl-admin-page .tl-small-button-container .button { float: right; margin: 2px; } .userlist-template .tl-admin-page #allUsersLink { margin-top: 15px; text-decoration: none; /* &:before{ @include iconReturnSmallEmerald; @include iconPseudoElement(15px, 13px); margin-right: 5px; } */ } .userlist-template .tl-admin-page .tl-column { float: left; margin-bottom: 15px; } .userlist-template .tl-admin-page .tl-column--half { width: 48.5%; margin-right: 2.5%; } @media screen and (max-width: 770px) { .userlist-template .tl-admin-page .tl-column--half { width: 100%; margin-right: 0; } } .userlist-template .tl-admin-page .tl-column--third { width: 31%; margin-right: 3.3%; } @media screen and (max-width: 770px) { .userlist-template .tl-admin-page .tl-column--third { width: 100%; margin-right: 0; } } .userlist-template .tl-admin-page .tl-column--forth { width: 23%; margin-right: 2.5%; } @media screen and (max-width: 770px) { .userlist-template .tl-admin-page .tl-column--forth { width: 100%; margin-right: 0; } } .userlist-template .tl-admin-page .tl-column--fifth { width: 18%; margin-right: 2.5%; } @media screen and (max-width: 770px) { .userlist-template .tl-admin-page .tl-column--fifth { width: 100%; margin-right: 0; } } .userlist-template .tl-admin-page .tl-column--95 { width: 95%; margin-right: 1.5%; } @media screen and (max-width: 770px) { .userlist-template .tl-admin-page .tl-column--95 { width: 100%; margin-right: 0; } } .userlist-template .tl-admin-page .tl-column--5 { width: 3.5%; margin-right: 1.5%; } @media screen and (max-width: 770px) { .userlist-template .tl-admin-page .tl-column--5 { width: 100%; margin-right: 0; } } .userlist-template .tl-admin-page .tl-column--last-on-row { margin-right: 0; } .userlist-template .tl-admin-page .divgrid { border-top: 1px dashed #818181; overflow: hidden; padding-top: 10px; clear: both; word-break: keep-all; } @supports (word-break: break-word) { .userlist-template .tl-admin-page .divgrid { word-break: break-word; } } .userlist-template .tl-admin-page .divgrid .gridheader, .userlist-template .tl-admin-page .divgrid .gridheader-left, .userlist-template .tl-admin-page .divgrid .gridheader-ulist, .userlist-template .tl-admin-page .divgrid .gridheader-find { font-weight: bold; } .userlist-template .tl-admin-page .divgrid .gridcolumn-ulist, .userlist-template .tl-admin-page .divgrid .gridheader-ulist { float: left; width: 17.6%; padding: 8px 10px; } .userlist-template .tl-admin-page .divgrid .sort.gridheader, .userlist-template .tl-admin-page .divgrid .sort.gridheader-ulist { font-weight: bold; color: #17BE17; text-decoration: underline; cursor: pointer; } .userlist-template .tl-admin-page .divgrid .box-percent-65 { width: 65%; float: left; padding: 10px 0 10px 10px; } .userlist-template .tl-admin-page .divgrid .box-percent-50 { width: 50%; float: left; padding: 10px 0 10px 10px; } .userlist-template .tl-admin-page .divgrid .box-rightborder { padding: 10px; border-right: 1px solid red; } .userlist-template .tl-admin-page .divgrid .box-percent-45 { width: 45%; float: left; padding: 10px 0 10px 10px; } .userlist-template .tl-admin-page .divgrid .box-percent-40 { position: relative; width: 40%; float: left; padding: 10px 0 10px 10px; } .userlist-template .tl-admin-page .divgrid .box-percent-30 { position: relative; width: 30%; float: left; padding: 10px 0 10px 10px; } .userlist-template .tl-admin-page .divgrid .box-percent-25 { position: relative; width: 25%; float: left; padding: 0; } .userlist-template .tl-admin-page .divgrid .box-percent-16 { position: relative; width: 16%; float: left; padding: 10px 0 10px 10px; } .userlist-template .tl-admin-page .divgrid .box-percent-radio-30 { position: relative; width: 30%; float: left; padding: 10px 0 10px 10px; margin: 0; border-collapse: collapse; } .userlist-template .tl-admin-page .divgrid .box-column80 { position: relative; width: 80px; float: left; padding: 10px 0 10px 10px; } .userlist-template .tl-admin-page .divgrid .box-column90 { position: relative; width: 90px; float: left; padding: 10px 0 10px 10px; } .userlist-template .tl-admin-page .divgrid .box-column100 { position: relative; width: 100px; float: left; padding: 10px 0 10px 10px; } .userlist-template .tl-admin-page .divgrid .box-column220 { position: relative; width: 220px; float: left; padding: 10px 0 10px 10px; } @media screen and (max-width: 770px) { .userlist-template .tl-admin-page .divgrid .gridcolumn-ulist, .userlist-template .tl-admin-page .divgrid .gridheader-ulist, .userlist-template .tl-admin-page .divgrid .column-TAG-group, .userlist-template .tl-admin-page .divgrid .column-authority, .userlist-template .tl-admin-page .divgrid .gridheader-ulist { width: 100%; } .userlist-template .tl-admin-page .divgrid .box-percent-65, .userlist-template .tl-admin-page .divgrid .box-percent-50, .userlist-template .tl-admin-page .divgrid .box-percent-45, .userlist-template .tl-admin-page .divgrid .box-percent-40, .userlist-template .tl-admin-page .divgrid .box-percent-30, .userlist-template .tl-admin-page .divgrid .box-percent-25, .userlist-template .tl-admin-page .divgrid .box-percent-16, .userlist-template .tl-admin-page .divgrid .box-percent-radio-30 { width: 100%; } } .userlist-template .tl-admin-page label { display: block; width: auto; word-break: keep-all; min-height: 16px; } @supports (word-break: break-word) { .userlist-template .tl-admin-page label { word-break: break-word; } } .userlist-template .tl-admin-page input[type="text"], .userlist-template .tl-admin-page input[type="password"], .userlist-template .tl-admin-page input[type="search"], .userlist-template .tl-admin-page input[type="tel"], .userlist-template .tl-admin-page input[type="email"], .userlist-template .tl-admin-page input[type="fax"], .userlist-template .tl-admin-page select { width: 100%; margin-bottom: 10px; } .userlist-template .tl-admin-page .tl-input-small { width: 60px; max-width: 100%; } .userlist-template .tl-admin-page .tl-admin-page-form-input-20 { width: 20%; margin-right: 5%; } @media screen and (max-width: 770px) { .userlist-template .tl-admin-page .tl-admin-page-form-input-20 { width: 100%; margin-right: 0; } } .userlist-template .tl-admin-page .tl-admin-page-form-input-80 { width: 75%; margin-right: 5%; } @media screen and (max-width: 770px) { .userlist-template .tl-admin-page .tl-admin-page-form-input-80 { width: 100%; margin-right: 0; } } .userlist-template .tl-admin-page .tl-admin-page-form-input-50 { width: 45%; margin-right: 5%; } @media screen and (max-width: 770px) { .userlist-template .tl-admin-page .tl-admin-page-form-input-50 { width: 100%; margin-right: 0; } } .userlist-template .tl-admin-page .tl-admin-page-form-input--last-on-row { margin-right: 0; } .userlist-template .tl-admin-page .tl-text-input--float-left { float: left; } .userlist-template .tl-admin-page .tl-text-input--small { width: 60px; max-width: 100%; margin-right: 2.5%; } .userlist-template .tl-admin-page .tl-text-input--20 { width: 20%; margin-right: 5%; } @media screen and (max-width: 770px) { .userlist-template .tl-admin-page .tl-text-input--20 { width: 100%; margin-right: 0; } } .userlist-template .tl-admin-page .tl-text-input--80 { width: 75%; margin-right: 5%; } @media screen and (max-width: 770px) { .userlist-template .tl-admin-page .tl-text-input--80 { width: 100%; margin-right: 0; } } .userlist-template .tl-admin-page .tl-text-input--50 { width: 45%; margin-right: 5%; } @media screen and (max-width: 770px) { .userlist-template .tl-admin-page .tl-text-input--50 { width: 100%; margin-right: 0; } } .userlist-template .tl-admin-page .tl-text-input--last-on-row { margin-right: 0; } .tl-flow-trip-info { line-height: 1.5; position: relative; /*.tl-selected-trip-fold { background: url(/images/tl-f-price-fold-blue.png) no-repeat; height: 39px; width: 41px; display: block; position: absolute; top: -2px; left: -2px; }*/ } .tl-flow-trip-info .tl-box, .tl-flow-trip-info.tl-box { padding: 15px; background: #F5F5F5; } .tl-flow-trip-info.tl-box--with-footer { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; padding-bottom: 0; } .tl-flow-trip-info .box-subheader { position: relative; } .tl-flow-trip-info .box-subheader .icon-flight { font-size: 15pt; } .tl-flow-trip-info .box-subheader .icon-air { background: url(/images/svg/flight-grey.svg) no-repeat; background-position: 0; background-size: 25px; margin-right: 5px; height: 20px; width: 25px; vertical-align: bottom; display: inline-block; } .tl-flow-trip-info .box-subheader .icon-flight { background: none; } .tl-flow-trip-info .box-subheader .icon-train, .tl-flow-trip-info .box-subheader .icon-tram, .tl-flow-trip-info .box-subheader .icon-underground, .tl-flow-trip-info .box-subheader .icon-bus, .tl-flow-trip-info .box-subheader .icon-taxi, .tl-flow-trip-info .box-subheader .icon-car, .tl-flow-trip-info .box-subheader .icon-helicopter, .tl-flow-trip-info .box-subheader .icon-ferry { padding-left: 15px; } .tl-flow-trip-info .box-subheader .box-subheader-help { background: url("/images/icon_question-2.png") no-repeat; background-size: 15px; position: absolute; display: inline; height: 15px; width: 15px; right: 0; } .tl-flow-trip-info .box-subheader p { font-weight: bold; color: #17BE17; color: black; } .tl-flow-trip-info .departurefareadvice .icon-train:before { content: none; } .tl-flow-trip-info .departurefareadvice .tl-trip-info-bound { background: white; border: 1px solid #C6C6C6; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05); padding: 10px; margin-top: 3px; line-height: 1.5; border-width: 0 0 1px 0; margin-top: 0; box-shadow: none; line-height: 1.3; color: black; padding: 10px 0; } .tl-flow-trip-info .departurefareadvice .tl-trip-info-bound .tl-column { margin-bottom: 0; float: left; } .tl-flow-trip-info .departurefareadvice .tl-trip-info-bound .tl-column--46 { width: 46%; margin-right: 1.5%; } .tl-flow-trip-info .departurefareadvice .tl-trip-info-bound .tl-column--36 { width: 42%; margin-right: 1.5%; } .tl-flow-trip-info .departurefareadvice .tl-trip-info-bound .tl-column--28 { width: 28%; margin-right: 1.5%; } @media screen and (max-width: 770px) { .tl-flow-trip-info .departurefareadvice .tl-trip-info-bound .tl-column--28 { width: 52%; margin-right: 0; } } .tl-flow-trip-info .departurefareadvice .tl-trip-info-bound .tl-column--13 { width: 13%; margin-right: 1.5%; } @media screen and (max-width: 770px) { .tl-flow-trip-info .departurefareadvice .tl-trip-info-bound .tl-column--13 { width: 100%; margin: 7.5px 0 0 0; } } .tl-flow-trip-info .departurefareadvice .tl-trip-info-bound .topmargin5 { border-top: 1px dashed #818181; margin: 7.5px; width: 78.5%; } .tl-flow-trip-info .departurefareadvice .tl-trip-info-bound .tl-time { font-weight: bold; margin-right: 5px; } .tl-flow-trip-info .departurefareadvice .tl-trip-info-bound .operatingcarrier { color: #787878; font-style: italic; display: block; } .tl-flow-trip-info .departurefareadvice .tl-trip-info-bound .duration .icons { display: block; } .tl-flow-trip-info .departurefareadvice .tl-trip-info-bound .icon-outbound-flight { background: url(/images/svg/flight-grey.svg) no-repeat; background-position: 0; background-size: 18px; margin-right: 5px; height: 15px; width: 16px; vertical-align: bottom; display: inline-block; } .tl-flow-trip-info .departurefareadvice .tl-trip-info-bound .icon-homebound-flight { background: url(/images/svg/flight-grey-flipped.svg) no-repeat; background-position: 0; background-size: 18px; margin-right: 5px; height: 15px; width: 16px; vertical-align: bottom; display: inline-block; } .tl-flow-trip-info .departurefareadvice .tl-trip-info-bound .icon-outbound-train { background: url("/images/icon_new_train_outbound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; } .tl-flow-trip-info .departurefareadvice .tl-trip-info-bound .icon-homebound-train { background: url("/images/icon_new_train_homebound.gif") no-repeat; background-position: 0; background-size: 22px 11px; padding-left: 30px; } .tl-flow-trip-info .departurefareadvice p { margin-bottom: 0; margin-top: 0; } .tl-flow-trip-info .departurefareadvice .carrier-name { font-size: 0.9rem; } .tl-flow-trip-info .departurefareadvice .carrierinfo { padding-left: 8px; } .tl-flow-trip-info .departurefareadvice .carrierinfo .icon-air { display: inline; } .tl-flow-trip-info .departurefareadvice .carrierinfo .icon-train { display: inline; height: auto; } .tl-flow-trip-info .departurefareadvice .carrierinfo .icon-train + .comma { display: none; } .tl-flow-trip-info .departurefareadvice .carrierinfo img { margin-left: 0; margin-right: 5px; float: left; } .tl-flow-trip-info .departurefareadvice .carrierinfo .icon-eco { display: inline-block; margin: 0; } .tl-flow-trip-info .tripplan-status { display: inline-block; font-size: 1rem; margin-bottom: 5px; font-weight: normal; float: right; padding: 1px 5px; padding: 0 3px; border-bottom: 1px dashed #acacac; font-size: 0.7143rem; line-height: 1.3; color: black; } .tl-flow-trip-info .tripplan-status .tl-trip-booking-status--confirmed { color: #17BE17; font-weight: bold; text-transform: uppercase; } .tl-flow-trip-info .tripplan-status .tl-trip-booking-status--alert { background: #E32636; padding: 7px; border-radius: 3px; color: white !important; font-size: 1rem; margin: 5px; display: inline-block; } .tl-flow-trip-info .tripplan-status .tl-trip-booking-status--alert span { color: white !important; } .tl-flow-trip-info .tripplan-status .tl-trip-booking-status--alert:before { content: ""; display: inline-block; position: relative; width: 16px; height: 16px; background: url("/images/icon_error-white.png") no-repeat; background-position: 0px 1px; padding-left: 20px; } @media screen and (min-width: 643px) { .tl-flow-trip-info .tl-seatmap-button-container { display: inline-block; } .tl-flow-trip-info .tl-seatmap-button-container a { display: flex; background-repeat: no-repeat; background-position: 5px 7px; background-size: 23px; padding: 5px; line-height: 1.8; font-size: 1rem; margin: 0.5rem 0; } .tl-flow-trip-info .tl-seatmap-button-container a i { font-size: 15pt; margin-right: 0.5rem; } .tl-flow-trip-info .tl-seatmap-button-container a span { flex-grow: 1; } } .tripan-common-price .violatesredlight-warning-container { color: #443e1d; background: #fee975; border: 1px solid #dac864; padding: 10px; margin-top: 10px; } .tripan-common-price .violatesredlight-warning-container:before { content: ''; float: left; position: relative; width: 18px; height: 34px; background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: right -2183px; } .tripan-common-price .violatesredlight-warning-container span { float: left; position: relative; width: 95%; padding: 3px 0 0 10px; } .tripan-common-price .tl-price-presentation-container .box-line { border-bottom: solid 1px #818181; margin: 10px 0; } .tripan-common-price .tl-price-presentation-container .dotted-line { border-bottom: 1px dashed #818181; margin: 5px 0; } .tripan-common-price .tl-price-presentation-container .tripplanLeft { padding: 10px 0; font-weight: bold; float: left; width: 15%; } .tripan-common-price .tl-price-presentation-container .tripplanLeft .icon-train:before { content: ""; } @media screen and (max-width: 770px) { .tripan-common-price .tl-price-presentation-container .tripplanLeft { float: none; width: auto; } } .tripan-common-price .tl-price-presentation-container .tripplanRight, .tripan-common-price .tl-price-presentation-container .tripplanCar { padding: 10px 0; } .tripan-common-price .tl-price-presentation-container .tripplanRight .middle, .tripan-common-price .tl-price-presentation-container .tripplanCar .middle { float: right; max-width: 70%; } .tripan-common-price .tl-price-presentation-container .tripplanRight { float: left; width: 85%; } @media screen and (max-width: 770px) { .tripan-common-price .tl-price-presentation-container .tripplanRight { float: none; width: auto; } } .tripan-common-price .tl-price-presentation-container .tripplanRight .left { float: left; width: 80%; } @media screen and (max-width: 770px) { .tripan-common-price .tl-price-presentation-container .tripplanRight .left { width: 60%; } } .tripan-common-price .tl-price-presentation-container .tripplanRight .right { text-align: right; padding-left: 5px; float: left; width: 20%; } @media screen and (max-width: 770px) { .tripan-common-price .tl-price-presentation-container .tripplanRight .right { float: none; width: auto; } } .tripan-common-price .tl-price-presentation-container .tripplanRight p { padding: 5px 0 5px 5px; margin: 0; } .tripan-common-price .tl-price-presentation-container .tripplanCar .right { text-align: right; padding-left: 5px; } .flight-back-links { margin-top: 30px; margin-right: -7.5px !important; } .tl-search-for-lower-fares .search-for-lower-label .icon-flight:before, .tl-search-for-lower-fares .search-for-lower-label .icon-train:before { content: ""; } .tl-search-for-lower-fares .tl-box-header--light { font-size: 1.429rem; color: #00DE00; font-weight: bold; line-height: 1.3; margin: 0.5em 0; } .tl-search-for-lower-fares .search-for-lower-radio { float: left; } .tl-search-for-lower-fares .button--light { float: right; } .tl-search-for-lower-fares .tl-box { background: #F5F5F5; padding: 15px; } .tl-search-for-lower-fares .search-for-lower-radio { padding: 15px 0; } .tl-search-for-lower-fares .select-container { width: 100%; } @media screen and (max-width: 770px) { .tl-search-for-lower-fares input[type="text"], .tl-search-for-lower-fares input[type="password"], .tl-search-for-lower-fares input[type="search"], .tl-search-for-lower-fares input[type="tel"], .tl-search-for-lower-fares input[type="email"], .tl-search-for-lower-fares input[type="fax"], .tl-search-for-lower-fares .button, .tl-search-for-lower-fares select, .tl-search-for-lower-fares .select-container { width: 100%; } } .tl-price-concept.tl-box { margin-bottom: 15px; } .tl-price-concept.tl-box { padding: 15px; background: #F5F5F5; } .tl-price-concept .button-left { margin-right: 10px; } .tl-price-concept .button-small--light { background: none; color: #17BE17; display: inline-block; cursor: pointer; line-height: 1.5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; outline: 0; padding: 3px; min-height: 0; /* &:hover { background: $arrivonGreen; color: white; text-decoration: none; box-shadow: 0 2px 0 1px rgba(0, 0, 0, 0.05); } &:focus { border-color: $arrivonGreenDark; background: $arrivonGreenDark; color: white; } */ } .tl-price-concept.tl-box--with-header { border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.03); } .tl-price-concept .txtPrice { color: #000000; font-weight: bold; } .tl-price-concept .tl-column .txtPrice { font-size: 1.143rem; display: inline-block; text-align: right; padding-right: 10px; line-height: 1.3; } .tl-price-concept .tl-column { float: left; } .tl-price-concept .tl-column.tl-column--third { width: 45%; margin-right: 1.3%; margin-bottom: 15px; } .tl-price-concept .tl-column--16 { width: 18%; margin-right: 1.5%; min-width: auto; padding: 10px 5px 10px 0; } .tl-price-concept .tl-column--16.tl-column--multi { width: 14.5%; min-width: auto; margin-right: 1%; } .tl-price-concept .button-small--light { min-width: 0; margin-left: 10px; margin-bottom: 5px; margin-right: 20px; } .tl-price-concept .button-small--light:active { margin-top: -1px; margin-bottom: 6px; } .tl-price-concept .tl-column[class*="icon-average"] { position: relative; margin-left: 35px; } .tl-price-concept .tl-column[class*="icon-average"]:before { content: ""; display: inline-block; position: relative; width: 35px; height: 38px; position: absolute; left: -38px; } .tl-price-concept .tl-column[class*="icon-average"]:after { display: none; } .tl-price-concept .tl-column.icon-average-green:before { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: -30px -1245px; } .tl-price-concept .tl-column.icon-average-yellow:before { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: -30px -1295px; } .tl-price-concept .tl-column.icon-average-red:before { background-image: url("/images/flow_icons.png"); background-repeat: no-repeat; background-position: -30px -1348px; } .tl-price-concept .tl-hbo-text { font-style: italic; } @media screen and (max-width: 770px) { .tl-price-concept .tl-column, .tl-price-concept .tl-column.tl-column--third, .tl-price-concept .tl-column--16, .tl-price-concept .tl-column--16.tl-column--multi { width: 100%; } .tl-price-concept .button--primary { width: 100%; margin: 0 0 15px 0; } } .tl-flowstate td { vertical-align: middle; text-align: center; } .tl-flowstate td:first-of-type { text-align: left; } .tl-flowstate td:last-of-type { text-align: right; } .tl-flowstate .flow-selected { text-align: center; } .tl-flowstate .flow-selected .flow-selected { color: #17BE17; font-weight: bold; } .tl-flowstate .flow-left-selected, .tl-flowstate .flow-right-selected, .tl-flowstate .flow-arrow { transform: rotate(-90deg); } @media screen and (max-width: 770px) { .tl-flowstate { display: none; } } .tl-box-header--light, .tl-box-header--emerald { font-size: 1.429rem; } .header, a.button, .rightcolumn-symbol, .footerMenu, .icon-links, .submenu-horizontal, .flowstate, .confirm-print, .footer-right, .block-info-top, .block-info-top-corner, .block-info-footer, .block-info-footer-corner, .block-summary-top, .block-summary-top-corner, .block-summary-footer, .block-summary-footer-corner, .box-line, .filter-div, .tl-rightcolumn-symbol, .lowimportance, .devEnvironmentSplash, #hotelPuffResult, #sendConfirmMailHeader, #cboSendEmailToPassenger, label[for="cboSendEmailToPassenger"], #cboSendEmailToBooker, label[for="cboSendEmailToBooker"], #cboSendEmailToOther, label[for="cboSendEmailToOther"], .tl-send-email-to-other__input { display: none !important; } .divgrid { border-top: 1px solid #C6C6C6; overflow: hidden; font-size: 0.7143rem; clear: both; text-align: left; word-break: keep-all; } @supports (word-break: break-word) { .divgrid { word-break: break-word; } } .divgrid.tl-divgrid-header { background: #E5E5E5; } .divgrid .gridheader, .divgrid .gridcolumn { float: left; width: 25%; min-height: 1em; } .divgrid .gridheader { line-height: 1.5; cursor: pointer; text-decoration: underline; font-weight: bold; color: #17BE17; word-break: normal; word-wrap: normal; padding: 5px 0 5px 5px; } .divgrid .gridcolumn { padding: 10px 0 10px 5px; } .divgrid .gridwhoiswhere { float: left; width: 10.5%; padding: 10px 0 10px 5px; min-height: 1em; } .tl-divgrid-header { overflow: hidden; font-size: 0.7143rem; clear: both; text-align: left; word-break: keep-all; } @supports (word-break: break-word) { .tl-divgrid-header { word-break: break-word; } } .who-is-where__content { font-size: 0.7143rem; } .who-is-where__content select { font-size: 0.7143rem; } .tl-view-booking-summary { font-size: 0.7143rem !important; line-height: 1.3; color: black !important; } .tl-view-booking-summary p, .tl-view-booking-summary h2, .tl-view-booking-summary h3 { font-size: 0.7143rem !important; line-height: 1.3; color: black !important; } .tl-view-booking-summary .confirm-booking-reference { font-size: 0.7143rem !important; line-height: 1.3; color: black !important; } .tl-view-booking-summary .box-header.tl-box-header--light { font-size: 1rem !important; color: black !important; } .tl-view-booking-summary .box-subheader p { color: black !important; } .tl-view-booking-summary .tl-pnr { color: black !important; } .tl-view-booking-summary a { color: black !important; } .tl-view-booking-summary .tl-trip-booking-status--confirmed { color: black !important; } .tl-view-booking-summary .tl-box { padding: 5px 0 !important; margin-top: 0 !important; } .tl-view-booking-summary .box-subheader.tl-subheader { margin-top: 5px !important; font-size: 0.7143rem !important; padding-bottom: 0 !important; margin-bottom: 0 !important; border: 0 !important; } #_hj_feedback_container { display: none !important; }