/*----- --------------------------------------------- Global CSS styles for MikiNet responsive site --------------------------------------------- Includes: - Alerts - Booking Details Table - Hotels - Breadcrumbs - Buttons - Cart Quick View - Your Account Details Quick View - Colour Pallette - Grid - Fonts - Footer - Form Elements - Header - Helper Classes - Information Table - Log In Panels - Page Header - Preloader Panel - appears when ajax loading - Popout ********************************************* IE8 needs the styles from the media queries in ie8.css, as it ignores everything included in a media query. ********************************************* Last updated: 28/09/2015 -------*/ /* .component { border: 1px dotted red; } */ .landing-page { background: url(../img/landing-mob.jpg) no-repeat center center fixed; background-size: cover; } .landing-page .basic-search-holder { width: 100% !important; } .landing-page .search-panel { box-shadow: 0 0 20px rgba(0,0,0,.4); } @media only screen and (min-width: 768px) { .landing-page { background-image: url(../img/landing-lg.jpg); } } /*----- MESSAGE FOR '; margin: 0 5px 0 0; } .breadcrumbs li:first-child:before { content: ''; margin: 0; } .breadcrumbs a { color: #666; } /*----- OVERLAY BG -------*/ .overlay-bg, .cover-all-bg { background: rgba(0,0,0,0.5); position: fixed; width: 100%; height: 100%; z-index: 24; left: 0; top: 0; display: none; } .cover-all-bg { z-index: 199; } .modal { position: absolute; left: 50%; top: -2000px; background: #fff; transition: top 250ms ease-in, margin-top 250ms ease-in; z-index: 200; box-shadow: 0 0 10px rgba(0,0,0,0.75); } .modal.show { top: 50%; display: block; } /*----- PAGE HEADER -------*/ .desktop-hide { display: none; } @media only screen and (max-width: 47.999em) { /*--767px--*/ .desktop-hide { display: block; } } /*----- LOG IN PANEL -------*/ .login-panel .column-content, .maintenance-notice .column-content { background: #fff; border: 1px solid #ccc; margin: 0 10px; padding: 0; position: relative; min-height: 10px; } .form-actions, .page-actions { background: #16a085; border-top: 1px solid #ccc; padding: 20px 20px 12px; color: #fff; } .form-elements { padding: 0 20px 10px; } .login-panel h1 { padding: 20px 85px 0 20px; } .login-panel .user-alert { background: #16a085; border-bottom: 1px solid #ccc; color: #fff; font-size: 1.4em; padding: 20px 20px 20px 55px; position: relative; } .login-panel .user-alert:before { content: ''; position: absolute; left: 20px; top: 20px; display: block; width: 24px; height: 24px; } .no-svg .login-panel .user-alert:before { background: url(../img/no-svg-sprite.png) no-repeat 0 -25px; } .login-panel .remember-me { float: left; padding-top: 8px; line-height: 1.6; } .fright { float: right; } .not-registered-client { text-align: center; padding: 0 20px 20px; } .login-panel p, .form-panel p { line-height: 1.2; } .form-panel .column-content { background: #fff; border: 1px solid #ccc; margin: 0 10px; padding: 0; position: relative; min-height: 10px; } .form-panel h1 { padding: 20px 20px 0 20px; } .form-panel h1.with-back-button { padding-left: 55px; } .form-panel p { color: #666; } .form-panel p:first-of-type { margin-bottom: 15px; } .form-panel .confirmation-message p:first-of-type { margin-bottom: 8px; } .divider { border-bottom: 1px solid #e67e22; position: relative; height: 16px; margin: 0 0 16px; } .divider span { display: inline-block; position: absolute; background: #fff; height: 32px; line-height: 32px; left: 50%; margin: 0 0 0 -20px; width: 40px; color: #e67e22; text-align: center; text-transform: uppercase; } .cta-holder { text-align: right; } .confirmation-message { padding: 0 20px 20px; } .client-login-holder { min-height: 300px; } .client-login-panel { position: absolute; left: 50%; top: 30%; width: 310px; background: #fff; border: 1px solid #ccc; margin: -125px 0 0 -155px; } .client-login-panel h1 { padding: 20px 20px 0; } /*----- ALERTS AND NOTICES -------*/ .notice .column-content { padding: 15px 20px 7px 50px; position: relative; } .notice .column-content:before { content: ''; display: block; width: 38px; border-right: 1px solid #ccc; height: 100%; position: absolute; left: 0; top: 0; } .notice h1 { font-size: 1.6em; color: #e67e22; margin: 0 0 8px; font-family: helvetica-medium, Helvetica, Arial, sans-serif; } .success-notice h1 { color: #16a085; } .notice p { font-size: 1.3em; color: #666; } .no-svg .maintenance-notice .column-content:before { background: #e67e22;} /* .no-svg .maintenance-notice .column-content:before { background: #e67e22 url(../img/no-svg-maintenance.png) no-repeat center 15px;} */ .no-svg .timed-out-notice .column-content:before { background: #e67e22 url(../img/no-svg-timed-out.png) no-repeat center 15px;} .no-svg .success-notice .column-content:before { background: #16a085 url(../img/no-svg-success.png) no-repeat center 18px;} .session-details { list-style: none; margin: 0 0 8px; padding: 0; color: #666; } .session-details li { display: block; font-size: 1.2em; } /*----- LANGUAGE SELECT -------*/ .language-select { position: absolute; top: 26px; right: 20px; } .language-select:hover nav { display: block; z-index: 10; } .language-select p { text-align: right; font-size: 1.2em; } .language-select p a { color: #666; text-decoration: none; height: 20px; line-height: 20px; display: inline-block; padding: 0 10px 0 30px; position: relative; background: #f0f0f0; border: 1px solid #ccc; border-radius: 10px; } .language-select:hover a { border-color: #e4801e; } .language-select nav a { color: #666; text-decoration: none; min-height: 25px; line-height: 25px; display: block; padding: 0 0 0 30px; position: relative; } .language-select nav a:hover { color: #000; } .language-select nav { background: #fff; border: 1px solid #ccc; width: 215px; border-radius: 5px; padding: 15px 15px 0; position: relative; display: none; } .language-select a:before { content: ''; display: inline-block; height: 25px; width: 25px; border-radius: 50%; margin: 0 5px 0 0; vertical-align: middle; position: absolute; left: 0; top: -2px; z-index: 4; transition: transform 250ms; border: 1px solid #ccc; } .language-select a:hover:before { transform: rotate(-15deg); } .language-select p a:before { top: -4px; } .language-select nav:before { content: ''; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent;border-bottom: 10px solid #ccc; position: absolute; top: -10px; right: 10px; } .language-select nav li { display: inline-block; width: 31%; margin: 0 0 15px; font-size: 1.2em; vertical-align: top; } .no-svg .language-select a:before { background: url(../img/no-svg-sprite.png) no-repeat; } .no-svg .language-select .lang-en:before { background-position: 0 0;} .no-svg .language-select .lang-z1:before { background-position: -25px 0; } .no-svg .language-select .lang-z2:before { background-position: -25px 0; } .no-svg .language-select .lang-es:before { background-position: -50px 0; } .no-svg .language-select .lang-fr:before { background-position: -75px 0; } .no-svg .language-select .lang-hu:before { background-position: -100px 0; } .no-svg .language-select .lang-ja:before { background-position: -125px 0; } .no-svg .language-select .lang-ru:before { background-position: -150px 0; } .no-svg .language-select .lang-th:before { background-position: -175px 0; } /*----- FORM ELEMENTS -------*/ .form-holder .column-content { padding: 20px 0 0; } form { position: relative; } label, legend { display: block; color: #666; margin: 0 0 3px; } label a { font-size: 75%; text-decoration: none; color: #e67e22; } label a:hover { color: #666; } [type="text"], [type="password"], [type="email"] { background: #f0f0f0; border: 1px solid #ccc; border-radius: 4px; line-height: 1.1; padding: 6px 8px; transition: background-color 250ms, box-shadow 250ms; width: 100%; margin: 0 0 4px; } [type="text"].error, [type="password"].error, [type="email"].error { border-color: #600; background-image: url(../img/error.png); background-repeat: no-repeat; background-position: right center; } [type="text"]:focus, [type="password"]:focus, [type="email"]:focus { background: #fff; box-shadow: 0 0 5px rgba(230,126,34,0.3); outline: none; } [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; left: -9999px; } [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label, [type="checkbox"]:not(:checked) + [type="hidden"] + label, [type="checkbox"]:checked + [type="hidden"] + label { position: relative; padding-left: 22px; cursor: pointer; } [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + [type="hidden"] + label:before, [type="checkbox"]:checked + [type="hidden"] + label:before { content: ''; position: absolute; left:0; top: 2px; width: 17px; height: 17px; border: 1px solid #ccc; background: #f8f8f8; border-radius: 3px; } [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after, [type="checkbox"]:not(:checked) + [type="hidden"] + label:after, [type="checkbox"]:checked + [type="hidden"] + label:after { content: '\2714'; position: absolute; top: 0; left: 0; width: 17px; text-align: center; font-size: 14px; color: #e67e22; transition: all .2s; } [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:not(:checked) + [type="hidden"] + label:after { opacity: 0; transform: scale(0); } [type="checkbox"]:checked + label:after, [type="checkbox"]:checked + [type="hidden"] + label:after { opacity: 1; transform: scale(1); } [type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before, [type="checkbox"]:disabled:not(:checked) + [type="hidden"] + label:before, [type="checkbox"]:disabled:checked + [type="hidden"] + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } [type="checkbox"]:disabled:checked + label:after, [type="checkbox"]:disabled:checked + [type="hidden"] + label:after { color: #999; } [type="checkbox"]:disabled + label, [type="checkbox"]:disabled + [type="hidden"] + label { color: #aaa; } [type="checkbox"]:checked:focus + label:before, [type="checkbox"]:not(:checked):focus + label:before, [type="checkbox"]:checked:focus + [type="hidden"] + label:before, [type="checkbox"]:not(:checked):focus + [type="hidden"] + label:before { background: #fff; box-shadow: 0 0 5px rgba(230,126,34,0.3); border-color: #e67e22; outline: none; } [type="radio"] + label, [type="radio"] + [type="hidden"] + label { display: inline-block; } [type="radio"]:not(:checked), [type="radio"]:checked { position: absolute; left: -9999px; } [type="radio"]:not(:checked) + label, [type="radio"]:checked + label, [type="radio"]:not(:checked) + [type="hidden"] + label, [type="radio"]:checked + [type="hidden"] + label { position: relative; padding-left: 22px; cursor: pointer; } [type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + [type="hidden"] + label:before, [type="radio"]:checked + [type="hidden"] + label:before { content: ''; position: absolute; left:0; top: 2px; width: 17px; height: 17px; border: 1px solid #ccc; background: #f8f8f8; border-radius: 3px; } [type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + [type="hidden"] + label:after, [type="radio"]:checked + [type="hidden"] + label:after { content: '\2714'; position: absolute; top: 0; left: 0; width: 17px; text-align: center; font-size: 14px; color: #e67e22; transition: all .2s; } [type="radio"]:not(:checked) + label:after, [type="radio"]:not(:checked) + [type="hidden"] + label:after { opacity: 0; transform: scale(0); } [type="radio"]:checked + label:after, [type="radio"]:checked + [type="hidden"] + label:after { opacity: 1; transform: scale(1); } [type="radio"]:disabled:not(:checked) + label:before, [type="radio"]:disabled:checked + label:before, [type="radio"]:disabled:not(:checked) + [type="hidden"] + label:before, [type="radio"]:disabled:checked + [type="hidden"] + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } [type="radio"]:disabled:checked + label:after, [type="radio"]:disabled:checked + [type="hidden"] + label:after { color: #999; } [type="radio"]:disabled + label, [type="radio"]:disabled + [type="hidden"] + label { color: #aaa; } [type="radio"]:checked:focus + label:before, [type="radio"]:not(:checked):focus + label:before, [type="radio"]:checked:focus + [type="hidden"] + label:before, [type="radio"]:not(:checked):focus + [type="hidden"] + label:before { background: #fff; box-shadow: 0 0 5px rgba(230,126,34,0.3); border-color: #e67e22; outline: none; } label.error { color: #600; font-size: .85em; padding: 0; display: inline; } [type="checkbox"].error + label:before, [type="radio"].error + label:before { border-color: #600; } .styled-select { width: 190px !important; } .select-number { width: 72px !important; } .select-age { width: 95px !important; } .select-medium { width: 142px !important; } .select-time { width: 85px !important; } .select-title { width: 75px !important; } .select-large { width: 262px !important; } .optional-form-fields .ui-selectmenu-button{ width: 190px !important; } .input-group { border: 1px solid #e5e5e5; border-radius: 5px; padding: 10px 10px 0; margin: 0 0 8px } .form-holder [type="text"] { max-width: 265px; } .date-input[type="text"] { max-width: 120px; } .large-number-input[type="text"] { max-width: 120px; } .reference-input[type="text"] { max-width: 100px; } .optional-form-fields { display: none; } .optional-form-fields.active { display: inline-block; } .multi-select-line * { vertical-align: top; } .multi-input-line .ui-selectmenu-button { margin: 0 8px 8px 0; } .date-input { padding-left: 35px; position: relative; } .no-svg .date-input { background: url(../img/no-svg-calendar.png) no-repeat 5px center; } .joiner-text { margin: 0 0 3px; color: #666; display: block; } .ui-highlight-letter { color: #16a085; } .modified + label::before, .modified + .ui-selectmenu-button, input.modified { border-color: #e67e22 !important; background: #fff !important; } .modified + label { color: #e67e22 !important; } /*----- BUTTONS -------*/ .btn-primary-cta, .btn-secondary-cta, .btn-tertiary-cta, .btn-alert-cta, .btn-clear, .btn-add-item { background: #e67e22; border-radius: 5px; color: #fff; display: inline-block; text-transform: uppercase; padding: 4px 20px; text-decoration: none; transition: background-color 250ms; line-height: 1.6; } .btn-primary-cta span { min-height: 20px; line-height: 20px; padding: 0 20px 0 0; } .no-svg .btn-primary-cta span { background: url(../img/no-svg-arrow.png) no-repeat right center;} .btn-secondary-cta, .btn-add-item { background: #2c3489; padding: 4px 20px; } .btn-tertiary-cta { background: #266f8f; padding: 4px 20px; } .btn-alert-cta { background: #900; padding: 4px 20px; } .btn-clear { background: #900; padding: 4px 20px; } .btn-primary-cta:hover, .btn-primary-cta:active, .btn-primary-cta:focus, .btn-secondary-cta:hover, .btn-secondary-cta:active, .btn-back:hover, .btn-back:active, .btn-clear:hover, .btn-clear:active, .btn-add-item:hover, .btn-add-item:active { background: #266f8f; } .btn-tertiary-cta:hover, .btn-tertiary-cta:active, .btn-alert-cta:hover, .btn-alert-cta:active { background: #e67e22; } .form-actions label { color: #fff; } .btn-small { font-size: 85%; padding: 4px 10px; } .btn-close { position: absolute; right: 0; top: 0; width: 40px; height: 40px; text-indent: -9999em; overflow: hidden; cursor: pointer; } .no-svg .btn-close { background: url(../img/no-svg-close.png) no-repeat center center; } .btn-close svg { height: 8px; width: 8px; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -4px; } .back-holder { position: absolute; left: 20px; top: 23px; } .header-action-holder { position: absolute; right: 0; top: 7px; } .btn-back { display: block; border-radius: 50%; height: 26px; width: 26px; text-indent: -9999em; transition: background-color 250ms; background-color: #2c348a; } .no-svg .btn-back { background: #2c348a url(../img/no-svg-back.png) no-repeat 8px center; } .clear-filters-holder { font-size: 1.2em; text-align: center; margin: 0 0 20px; display: none; padding: 5px 0 0; } .clear-icon { width: 9px; height: 9px; margin: 0 5px 0 0; } /*----- SITE FOOTER -------*/ .site-footer h1 { color: #fff; border-bottom: 1px solid #4c8eae; padding: 0 0 10px 20px; margin: 0 0 10px; font-size: 1.8em; } .site-footer nav { padding: 10px 0; } /* .site-footer nav ul { padding-left: 20px; } .site-footer nav li { font-size: 1.3em; } */ .site-footer nav a { color: #fff; text-decoration: none; } .site-footer nav a:hover { color: #f1c40f; } .footer-links { padding: 20px 0 0; } .copyright { background: #22637f; padding: 10px 0; /*height:30px;*/ padding-top:10px; } .copyright .holder { padding: 0 10px; } .copyright small { color: #fff; font-size: 1.2em; } .footer-logo { text-align: center; } .svg-footer-logo { height: 69px; width: 141px; } /* new footer links */ #footerLinks ul li {display: inline; margin-right: 20px;} .site-footer nav { margin-top: 44px; } /*----- INFORMATION TABLE -------*/ .information-table { width: 100%; margin: 0 0 10px; font-size: 1.2em; text-align: left; border-left: 1px dotted #ccc; border-top: 1px dotted #ccc; table-layout: fixed; } .information-table th, .information-table td { width: 33.33%; padding: 10px 10px; vertical-align: top; border-right: 1px dotted #ccc; border-bottom: 1px dotted #ccc; } .information-table th { font-weight: 400; background: #f0f0f0; text-align: left; } /*----- PRELOADER PANEL -------*/ .more-results-loading { padding: 45px 20px 20px; background: url(../img/preloader-18.gif) no-repeat center 20px; font-family: helvetica-light, Helvetica, Arial, sans-serif; color: #999; text-align: center; font-size: 1.3em; display: none; } /*----- POPOUT -------*/ .popout { position: absolute; padding: 15px; width: 298px; background: #fff; z-index: 30; border: 1px solid #ccc; display: none; margin-top: 15px; } .cancellation-policy { left: 0; margin: 10px 0 0; } .popout-trigger-holder { position: relative; } .popout-trigger { text-decoration: underline; color: #e67e22; cursor: pointer; } .popout-trigger:hover { text-decoration: none; } .popout h2 { font-size: 2em; margin: 0 0 5px; color: #2b338a; } .popout p { line-height: 1.2; } .popout:before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #ccc; position: absolute; left: 20px; top: -10px; } @media only screen and (min-width: 0.001em) { /*--320px--*/ [class*='col-'] { float: none; margin: 0 0 15px; } .col-1-1 { width: 100%; float: none; } .col-1-3 { width: 100%; } .col-2-3 { width: 100%; } .col-1-2 { width: 100%; } .col-1-4 { width: 100%; } .col-3-4 { width: 100%; } .col-1-6 { width: 100%; } .col-1-8 { width: 100%; } .push-1-6, .push-1-3 { margin-left: 0; } } @media only screen and (max-width: 63.999em) { /*--767px--*/ /*----- SITE HEADER -------*/ .logged-in .svg-logo-container { width: 187px; display: block; height: 29px; padding: 3px 0 0 9px; position: relative; } .logged-in .svg-logo-container .svg-logo { height: 29px; } .logged-in .svg-logo-form { display: none; } /*----- NAV -------*/ .site-menu { background: #fff; z-index: 49; position: fixed; height: 100%; width: 0; overflow: hidden; top: 50px; padding: 0 0 0; left: 0; opacity: 1; transition: width 250ms ease-in-out, opacity 250ms ease-in-out; overflow-y: auto; -webkit-overflow-scrolling: touch; } .site-menu.expanded { height: 100%; width: 100%; opacity: 1; } .site-menu li { font-size: 1.3em; width: 100%; border-bottom: 1px dotted #ccc; } .site-menu li:first-child { border-top: 2px solid #666; padding-top: 4px; } .site-menu li a { padding: 15px 10px 15px 56px; color: #333; display: block; text-decoration: none; transition: all 250ms ease-in-out; position: relative; left: -250px; } .site-menu li:nth-of-type(1) a { transition: left 350ms ease-in-out; } .site-menu li:nth-of-type(2) a { transition: left 450ms ease-in-out; } .site-menu li:nth-of-type(3) a { transition: left 550ms ease-in-out; } .site-menu li:nth-of-type(4) a { transition: left 650ms ease-in-out; } .site-menu.expanded li a { left: 0; } .navigation-trigger { display: inline-block; height: 50px; padding: 22px 0 0 7px; width: 45px; cursor: pointer; z-index: 50; transition: all 500ms ease-in-out; position: absolute; left: 0; top: 0; background: #2c338b; } .navigation-trigger span, .navigation-trigger span:before, .navigation-trigger span:after { height: 3px; width: 30px; background: #fff; position: absolute; display: block; content: '';text-indent: -9999em; } .navigation-trigger span:before { top: -10px; } .navigation-trigger span:after { bottom: -10px; } .navigation-trigger span, .navigation-trigger span:before, .navigation-trigger span:after { transition: all 250ms ease-in-out; } .navigation-trigger.active { background-color: #666; } .navigation-trigger.active span { background-color: transparent; } .navigation-trigger.active span:before, .navigation-trigger.active span:after { top: 0; bottom: auto; } .navigation-trigger.active span:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .navigation-trigger.active span:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } } @media only screen and (min-width: 37.5em) { /*--600px--*/ .grid.first { padding-top: 10px; } .grid.last { padding-bottom: 30px; } .holder { width: 95%; margin: 0 auto; } [class*='col-'] { float: left; } .col-1-1 { width: 100%; float: none; } .col-1-3 { width: 100%; } .col-2-3 { width: 100%; } .col-1-2 { width: 100%; } .col-1-4 { width: 100%; } .col-3-4 { width: 100%; } .col-1-6 { width: 50%; } .col-1-8 { width: 50%; } /*----- SITE HEADER -------*/ .site-header .holder { width: auto; padding: 0 20px; } /*----- SITE FOOTER -------*/ html, body { height: 100%; } /* .page-wrap { min-height: 100%; margin-bottom: -295px; } */ .page-wrap { min-height: 100%; margin-bottom: -143px; } .page-wrap:after { content: ""; display: block; } .site-footer, .page-wrap:after { height: 160px; } .footer-logo { display: none; } /*----- LOGIN PANEL -------*/ .not-registered-client { padding: 60px 20px 20px; min-height: 250px; } /*----- YOUR ACCOUNT QUICKVIEW -------*/ .logged-in-actions { right: 0; } /*----- BREADCRUMBS -------*/ .breadcrumbs { padding: 10px 0; } .input-group p { display: inline-block; margin: 0 15px 6px 0; } .input-group p:last-of-type { margin-right: 0; } /*----- FORM ELEMENTS -------*/ .joiner-text { margin: 0 5px 0 1px; position: relative; top: 2px; display: inline; } .inline-form-fields label { display: inline-block; vertical-align: middle; width: 130px; color: #333; } .inline-form-fields input { display: inline-block; vertical-align: middle; width: 190px; } .inline-form-fields input.email { width: 250px; } } @media only screen and (min-width: 48em) { /*--768px--*/ .holder { width: 98%; margin: 0 auto; } [class*='col-'] { float: left; } .col-1-1 { width: 100%; float: none; } .col-1-3 { width: 33.3%; } .col-2-3 { width: 66.6%; } .col-1-2 { width: 50%; } .col-1-4 { width: 25%; } .col-3-4 { width: 75%; } .col-1-6 { width: 16.66%; } .col-1-8 { width: 25%; } .md-push-1-6 { margin-left: 16.66%; } .feature-h1 { font-size: 2.8em; } /*----- PAGE HEADER -------*/ .header-content h1 { font-size: 3.6em; line-height: 1.1; margin: 0 0 10px; } .number-results { display: inline-block; border-radius: 15px; background: #2b338a; color: #fff; padding: 3px 10px; font-size: 66.66%; vertical-align: middle; position: relative; top: -3px; } /*----- FORM ELEMENTS -------*/ .multi-select-line * { vertical-align: top; } .multi-input-line .ui-selectmenu-button { margin-right: 8px; } .multi-input-line-label { display: inline; margin: 0 5px; position: relative; top: 2px; } /*----- LOGIN PANEL -------*/ .login-panel .column-content { min-height: 356px; } /*----- SITE FOOTER -------*/ .footer-logo { display: block; } /*----- POPOUT -------*/ .popout { box-shadow: 2px 2px 2px rgba(0,0,0,0.3); width: 400px; } .cancellation-policy { left: -1px; } } @media only screen and (min-width: 37.5em) and (max-width: 63.99em) { /*--1023--*/ .tablet-1-2.col-1-3 { width: 50%; } .tablet-1-1 { width: 100%; } [class*='push-'] { margin-left: 0; } .tablet-1-2.push-1-3 { margin-left: 25%; } .push-1-6 { margin-left: 16.66%; } .tablet-1-2.push-1-6 { margin-left: 0; } } @media only screen and (min-width: 64em) { /*--1024px--*/ .holder { width: 980px; margin: 0 auto; } [class*='col-'] { float: left; } .col-1-1 { width: 100%; float: none; } .col-1-3 { width: 33.3%; } .col-2-3 { width: 66.6%; } .col-1-2 { width: 50%; } .col-1-4 { width: 25%; } .col-3-4 { width: 75%; } .col-1-6 { width: 16.66%; } .col-1-8 { width: 12.5%; } .push-1-6 { margin-left: 16.66%; } .push-1-3 { margin-left: 33.33%; } .svg-logo-container { width: 232px; display: block; } .svg-logo-container svg { width: 100%; } .feature-h1 { font-size: 2.8em; } /*----- NAV -------*/ .navigation-trigger { display: none; } .site-menu { float: left; } .site-menu li { float: left; border-left: 1px solid #ccc; } .site-menu li a { display: block; height: 50px; line-height: 48px; padding: 0 20px; color: #666; text-decoration: none; } .logged-in-as-client .site-menu { right: 297px; } /*----- ALERTS AND NOTICES -------*/ .session-details li { width: 47%; display: inline-block; } /*----- SITE FOOTER -------*/ html, body { height: 100%; } .page-wrap { min-height: 99.8%; margin-bottom: -150px; } .page-wrap:after { content: ""; display: block; } .site-footer, .page-wrap:after { height: 150px; } .miki-travel li { display: inline-block; width: 49%; } } /*----- BOOKING DETAILS TABLE -------*/ .booking-details-header { border-bottom: 1px solid #ccc; padding: 20px 20px 10px; } .booking-details-header-actions { list-style: none; padding: 0; margin: 0; } .booking-details-header-actions li { display: inline-block; margin: 0 0 10px; font-size: 1.2em; } .booking-details-ref, .manage-client-ref { display: block; } .booking-details-title { color: #2b338a; font-size: 1.6em; margin: 0 0 10px; } .booking-details-title a { color: #2b338a; } .booking-details-title b { margin: 0 0 0 5px; } @media only screen and (min-width: 600px) { .booking-details-header { position: relative; } .booking-details-header-actions { position: absolute; top: 20px; right: 10px; } } @media only screen and (min-width: 1024px) { .booking-details-header { padding: 20px 10px; } .booking-details-header-actions { top: 18px; } .booking-details-title { margin: 0; } .booking-details-ref, .manage-client-ref { display: inline; margin: 0 20px 0 0; } } .table-scroll { overflow: auto;} .booking-details-table { width: 100%; min-width: 958px; } .booking-details-table th, .booking-details-table td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .booking-details-table tr th:last-child, .booking-details-table tr td:last-child { border-right: none; } .booking-details-table tr td:last-child.table-border-right { border-right: 1px solid #ccc; } .booking-details-table th { text-transform: uppercase; color: #2b338a; font-weight: 400; background: #f0f0f0; padding: 10px; } .booking-details-table td { padding: 13px 10px; font-size: 1.2em; vertical-align: top; transition: background .25s; } .booking-details-table tr:hover td { background: #f9f9f9; } .booking-ref-link { color: #333; } .table-reference { width: 95px; text-align: left; } .table-product-name { width: 140px; text-align: left; } .table-service-date { width: 75px; text-align: center; } .table-lead-guest { width: 140px; text-align: left; } .table-item { width: 250px; text-align: left; } .table-status { width: 100px; text-align: left; } .table-sub-total { text-align: right; } .table-actions { text-align: center; } td.table-actions { padding-top: 9px; } .table-cancellation-charge { color: #900; text-align: right; } .table-cancellation-reference { text-align: center; font-weight: 700; } .booking-tax{padding-bottom: 5px} .booking-tax-info { width: 230px; font-size: 0.8em; } .booking-tax-list {display: block;} .booking-on-request { color: #9d59b6; } .booking-confirmed { color: #16a085; } .booking-cancelled { color: #900; } .booking-cancellation-deadline { display: block; padding: 5px 0 0; font-size: .91em; color: #900; text-align: center; } .booking-details-footer { padding: 10px; } .booking-details-agent { font-size: 1.2em; color: #666; } .booking-details-total-price { color: #2b338a; margin: 0; } .booking-details-total-price b { font-size: 1.14em; } .booking-details-footer + .booking-details-bookings-list { border-top: 1px solid #ccc; } @media only screen and (min-width: 600px) { .booking-details-agent { float: left; margin: 5px 0 0; } .booking-details-total-price { float: right; } } .quick-search-panel { padding: 0; font-family: Helvetica, Arial, sans-serif; border-color: #266f8f; background: #f7f7f7; background: rgba(255,255,255,.8); margin-top: 10px;} .quick-search-panel label { font-size: .85em; color: #266f8f; font-weight: 700; } .quick-search-heading { padding: 10px 20px; color: #fff; background: #266f8f; font-size: 1.8em; margin: 0; } .quick-search { padding: 15px 20px; text-align: center; border-bottom: 1px solid #266f8f; } .quick-search .btn-primary-cta { background: #266f8f; } .quick-search .btn-primary-cta span { background-size: 5px auto; } .quick-search input[type="text"] { width: 140px; } .quick-search .styled-select { width: 140px !important; } /*----- HELPER CLASSES -------*/ /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .clear { clear: both; } @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /*----- IOS -------*/ @media screen and (-webkit-min-device-pixel-ratio:0) { /* Stop zoom in on form field */ select:focus, textarea:focus, input:focus { font-size: 16px; } textarea, input { -webkit-appearance: none; } } /*----- PRINT -------*/ @media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /*----- SVG -------*/ .btn-primary-cta span, .filter-twister:after, .pax-twister:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxMC43NXB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAxMC43NSAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAuNzUgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8bGluZSBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxLjU3NSIgeTE9IjIuMjEzIiB4Mj0iOS4yMTkiIHkyPSI5Ljg1NiIvPgo8bGluZSBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI5LjIxOSIgeTE9IjkuOTY2IiB4Mj0iMS41NzUiIHkyPSIxNy42MDkiLz4KPC9zdmc+); background-repeat: no-repeat; background-position: right center; } .svg .login-panel .user-alert:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMy41NDdweCIgaGVpZ2h0PSIyMy41NTJweCIgdmlld0JveD0iMCAwIDIzLjU0NyAyMy41NTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIzLjU0NyAyMy41NTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGZpbGw9IiNGMkVFRTgiIGQ9Ik0xMS43NTIsOC4yNjZjLTAuMjgzLDAtMC41MjUtMC4wODYtMC43MjctMC4yNmMtMC4xOTktMC4xNzMtMC4zMDEtMC40MTktMC4zMDEtMC43MzcKCQkJYzAtMC4yODgsMC4xMDQtMC41MjQsMC4zMDktMC43MWMwLjIwNy0wLjE4NiwwLjQ0NS0wLjI3OSwwLjcxOS0wLjI3OWMwLjI2NCwwLDAuNDk2LDAuMDg0LDAuNjk5LDAuMjUzCgkJCWMwLjIwMywwLjE2OSwwLjMwNSwwLjQxNSwwLjMwNSwwLjczN2MwLDAuMzEzLTAuMSwwLjU1Ny0wLjI5NywwLjczM0MxMi4yNiw4LjE3OCwxMi4wMjUsOC4yNjYsMTEuNzUyLDguMjY2eiBNMTIuNzU2LDEwLjM2NAoJCQl2NS44NzJjMCwwLjQwNy0wLjA5NiwwLjcxNC0wLjI4OSwwLjkyM3MtMC40MzksMC4zMTMtMC43MzgsMC4zMTNjLTAuMjk3LDAtMC41MzktMC4xMDctMC43MjUtMC4zMgoJCQljLTAuMTg2LTAuMjEzLTAuMjc5LTAuNTE5LTAuMjc5LTAuOTE2di01LjgxMmMwLTAuNDAyLDAuMDk0LTAuNzA0LDAuMjc5LTAuOTA4czAuNDI4LTAuMzA1LDAuNzI1LTAuMzA1CgkJCWMwLjI5OSwwLDAuNTQ1LDAuMTAyLDAuNzM4LDAuMzA1UzEyLjc1NiwxMC4wMDIsMTIuNzU2LDEwLjM2NHoiLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGZpbGw9IiNGMkVFRTgiIGQ9Ik0xMS43NzMsMjMuNTUyYy0zLjE0NSwwLTYuMTAyLTEuMjI0LTguMzI0LTMuNDQ4QzEuMjI1LDE3Ljg4MSwwLDE0LjkyMywwLDExLjc3NnMxLjIyNy02LjEwNCwzLjQ1MS04LjMyOAoJCQlDNS42NzQsMS4yMjUsOC42MzEsMCwxMS43NzcsMGMzLjE0NSwwLDYuMTAyLDEuMjI1LDguMzI2LDMuNDQ4YzQuNTksNC41OTEsNC41OTIsMTIuMDYyLDAuMDAyLDE2LjY1NAoJCQlDMTcuODc5LDIyLjMyNywxNC45MjIsMjMuNTUyLDExLjc3MywyMy41NTJMMTEuNzczLDIzLjU1MnogTTExLjc3NywyQzkuMTY2LDIsNi43MTEsMy4wMTcsNC44NjUsNC44NjIKCQkJQzMuMDE4LDYuNzA5LDIsOS4xNjUsMiwxMS43NzZjMCwyLjYxMiwxLjAxNiw1LjA2OCwyLjg2Myw2LjkxNGMxLjg0NiwxLjg0Niw0LjI5OSwyLjg2Miw2LjkxLDIuODYyCgkJCWMyLjYxMywwLDUuMDctMS4wMTcsNi45MTgtMi44NjRjMy44MTEtMy44MTIsMy44MDktMTAuMDE1LTAuMDAyLTEzLjgyNkMxNi44NDQsMy4wMTcsMTQuMzg5LDIsMTEuNzc3LDJMMTEuNzc3LDJ6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+) no-repeat center center; } .svg .btn-close { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI4cHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGZpbGw9IiM2NzY3NjciIGQ9Ik0xLjIxNiw3Ljc4NGMtMC4yNTYsMC0wLjUxMi0wLjA5OC0wLjcwNy0wLjI5M2MtMC4zOTEtMC4zOTEtMC4zOTEtMS4wMjMsMC0xLjQxNGw1LjU2OC01LjU2OAoJCQljMC4zOTEtMC4zOTEsMS4wMjMtMC4zOTEsMS40MTQsMHMwLjM5MSwxLjAyMywwLDEuNDE0TDEuOTIzLDcuNDkxQzEuNzI4LDcuNjg3LDEuNDcyLDcuNzg0LDEuMjE2LDcuNzg0TDEuMjE2LDcuNzg0eiIvPgoJPC9nPgoJPGc+CgkJPHBhdGggZmlsbD0iIzY3Njc2NyIgZD0iTTYuNzg0LDcuNzg0Yy0wLjI1NiwwLTAuNTEyLTAuMDk4LTAuNzA3LTAuMjkzTDAuNTA5LDEuOTIzYy0wLjM5MS0wLjM5MS0wLjM5MS0xLjAyMywwLTEuNDE0CgkJCXMxLjAyMy0wLjM5MSwxLjQxNCwwbDUuNTY4LDUuNTY4YzAuMzkxLDAuMzkxLDAuMzkxLDEuMDIzLDAsMS40MTRDNy4yOTYsNy42ODcsNy4wNCw3Ljc4NCw2Ljc4NCw3Ljc4NEw2Ljc4NCw3Ljc4NHoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4=) no-repeat center center; } .maintenance-notice .column-content:before { background: #e67e22;} /* .maintenance-notice .column-content:before { background: #e67e22 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxOXB4IiBoZWlnaHQ9IjE4Ljk4OHB4IiB2aWV3Qm94PSIwIDAgMTkgMTguOTg4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOSAxOC45ODgiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTcuOTg0LDEzLjA2N2MtMS4wMTItMS4wMTEtMi40ODktMS4yNjYtMy43MzgtMC43N2wtMy4wNzUtMy4wNzZsMy44NDktMy44NDZsMS4wNjUtMC4xNDZsMS44NzUtMi45MDcKCWwtMS4wMy0xLjAzMWwtMi45MDYsMS44NzVsLTAuMTQ2LDEuMDY1bC0zLjg0NywzLjg1TDYuNjkyLDQuNzQzYzAuNDk3LTEuMjQ5LDAuMjQxLTIuNzI1LTAuNzctMy43MzVDNS4zLDAuMzgyLDQuNDk4LDAuMDUsMy42ODIsMAoJbDEuNDU5LDEuNDU5TDQuNTEsMy44MTZsLTIuMzU3LDAuNjNMMC4xNTEsMi40NDVjLTAuMzYyLDEuMTg4LTAuMDc0LDIuNTMsMC44NjUsMy40NjhjMS4wMDksMS4wMSwyLjQ4NywxLjI2NywzLjczNiwwLjc3MQoJbDIuOTM4LDIuOTM4bC02LjI3NCw2LjI3M2MtMC41MDMsMC41MDMtMC41MDMsMS4zMiwwLDEuODIzbDAuMTE1LDAuMTE1YzAuNTAzLDAuNTA2LDEuMzIxLDAuNTA2LDEuODI1LDBsNi4yNzItNi4yNzJsMi42NzgsMi42NzUKCWMtMC40OTYsMS4yNTEtMC4yNCwyLjcyOSwwLjc2OSwzLjczOWMwLjc5NiwwLjc5NCwxLjg3OCwxLjEyLDIuOTE0LDAuOTgxbC0xLjg2Ny0xLjg2N2wwLjUxOS0xLjkzNGwxLjkzNS0wLjUyMWwyLjE3NiwyLjE3NwoJQzE5LjI1MiwxNS41NiwxOC45OTcsMTQuMDgsMTcuOTg0LDEzLjA2N3oiLz4KPC9zdmc+) no-repeat center 15px; } */ .timed-out-notice .column-content:before { background: #e67e22 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMS42NjZweCIgaGVpZ2h0PSIyNC44MThweCIgdmlld0JveD0iMCAwIDIxLjY2NiAyNC44MTgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIxLjY2NiAyNC44MTgiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNy44OTgsNy43N2MtMC4yMDksMC0wLjQyMi0wLjA2Ni0wLjYwMi0wLjIwMmMtMC40NDEtMC4zMzMtMC41MjctMC45Ni0wLjE5NS0xLjQwMWwxLjkwNC0yLjUyCgkJCWMwLjMzMi0wLjQ0MSwwLjk2MS0wLjUyOCwxLjQtMC4xOTVjMC40NDEsMC4zMzMsMC41MjksMC45NiwwLjE5NSwxLjQwMWwtMS45MDQsMi41MkMxOC41MDIsNy42MzMsMTguMjAxLDcuNzcsMTcuODk4LDcuNzcKCQkJTDE3Ljg5OCw3Ljc3eiIvPgoJPC9nPgoJPGc+CgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEwLjgzNCwyNC44MThDNC44NTksMjQuODE4LDAsMTkuOTU4LDAsMTMuOTg1UzQuODU5LDMuMTUyLDEwLjgzNCwzLjE1MgoJCQljNS45NzMsMCwxMC44MzIsNC44NiwxMC44MzIsMTAuODMzUzE2LjgwNywyNC44MTgsMTAuODM0LDI0LjgxOEwxMC44MzQsMjQuODE4eiBNMTAuODM0LDUuMTUyQzUuOTYzLDUuMTUyLDIsOS4xMTUsMiwxMy45ODUKCQkJczMuOTYzLDguODMzLDguODM0LDguODMzYzQuODY5LDAsOC44MzItMy45NjIsOC44MzItOC44MzNTMTUuNzAzLDUuMTUyLDEwLjgzNCw1LjE1MkwxMC44MzQsNS4xNTJ6Ii8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTAuODM0LDE0Ljk4NWMtMC41NTMsMC0xLTAuNDQ4LTEtMVY3LjMzM2MwLTAuNTUyLDAuNDQ3LTEsMS0xczEsMC40NDgsMSwxdjYuNjUyCgkJCUMxMS44MzQsMTQuNTM4LDExLjM4NywxNC45ODUsMTAuODM0LDE0Ljk4NUwxMC44MzQsMTQuOTg1eiIvPgoJPC9nPgoJPGc+CgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEzLjU1NSwySDguMTEzYy0wLjU1MywwLTEtMC40NDgtMS0xczAuNDQ3LTEsMS0xaDUuNDQxYzAuNTUzLDAsMSwwLjQ0OCwxLDFTMTQuMTA3LDIsMTMuNTU1LDJMMTMuNTU1LDJ6CgkJCSIvPgoJPC9nPgoJPGc+CgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEwLjgzNCw1LjE1MmMtMC41NTMsMC0xLTAuNDQ4LTEtMVYxLjgzM2MwLTAuNTUyLDAuNDQ3LTEsMS0xczEsMC40NDgsMSwxdjIuMzE5CgkJCUMxMS44MzQsNC43MDUsMTEuMzg3LDUuMTUyLDEwLjgzNCw1LjE1MkwxMC44MzQsNS4xNTJ6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+) no-repeat center 15px; } .success-notice .column-content:before { background: #16a085 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMy4yNTJweCIgaGVpZ2h0PSIxOS44MzNweCIgdmlld0JveD0iMCAwIDIzLjI1MiAxOS44MzMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIzLjI1MiAxOS44MzMiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik03LjYyNSwxOS44MzNjLTAuMjczLDAtMC41MzUtMC4xMTEtMC43MjUtMC4zMTFsLTYuNjI1LTYuOTU3Yy0wLjM4MS0wLjQtMC4zNjUtMS4wMzMsMC4wMzUtMS40MTQKCQljMC4zOTgtMC4zODEsMS4wMzEtMC4zNjYsMS40MTQsMC4wMzVsNS44NDYsNi4xMzhMMjEuNDc5LDAuMzY2YzAuMzUyLTAuNDI1LDAuOTgtMC40OSwxLjQwOC0wLjEzOQoJCWMwLjQyOCwwLjM1MSwwLjQ4OCwwLjk4LDAuMTM5LDEuNDA4TDguMzk5LDE5LjQ2OGMtMC4xODIsMC4yMjEtMC40NDksMC4zNTQtMC43MzYsMC4zNjVDNy42NTEsMTkuODMzLDcuNjM5LDE5LjgzMyw3LjYyNSwxOS44MzMKCQlMNy42MjUsMTkuODMzeiIvPgo8L2c+Cjwvc3ZnPg==) no-repeat center 18px; background-size: 16px auto; } .svg .lang-en:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNXB4IiBoZWlnaHQ9IjI1cHgiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjUgMjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwb2x5Z29uIGZpbGw9IiMyMzI4NTYiIHBvaW50cz0iMCwyMS41NDYgMCwyNSA4LjMzNCwyNSA4LjMzNCwxNy4zNzkgCSIvPgoJPHBvbHlnb24gZmlsbD0iIzIzMjg1NiIgcG9pbnRzPSIxNi42NjcsMjUgMjUsMjUgMjUsMjEuNTQ1IDE2LjY2NywxNy4zNzkgCSIvPgoJPHBvbHlnb24gZmlsbD0iIzIzMjg1NiIgcG9pbnRzPSI4LjMzNCw3LjYyMiA4LjMzNCwwIDAsMCAwLDMuNDU1IAkiLz4KCTxwb2x5Z29uIGZpbGw9IiMyMzI4NTYiIHBvaW50cz0iMjUsMy40NTYgMjUsMCAxNi42NjcsMCAxNi42NjcsNy42MjIgCSIvPgoJPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIwLDMuNDU1IDAsNi4yNSA0LjE2Nyw4LjMzMyAwLjQ0LDguMzMzIDAsOC4xMTMgMCwxMCAxMCwxMCAxMCwwIDguMzM0LDAgOC4zMzQsNy42MjIgCSIvPgoJPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMCwxNSAwLDE1IDAsMTguNzUxIDQuMTY3LDE2LjY2NyA3Ljg5NCwxNi42NjcgMCwyMC42MTQgMCwyMS41NDYgOC4zMzQsMTcuMzc5IDguMzM0LDI1IDEwLDI1IAkKCQkiLz4KCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTUuMDAxLDEwIDI1LDEwIDI1LDYuMjUgMjAuODM0LDguMzMzIDE3LjEwNyw4LjMzMyAyNSw0LjM4NyAyNSwzLjQ1NiAxNi42NjcsNy42MjIgMTYuNjY3LDAgCgkJMTUuMDAxLDAgCSIvPgoJPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxNS4wMDEsMTUgMTUuMDAxLDI1IDE2LjY2NywyNSAxNi42NjcsMTcuMzc5IDI1LDIxLjU0NSAyNSwxOC43NSAyMC44MzQsMTYuNjY3IDI0LjU2MSwxNi42NjcgCgkJMjUsMTYuODg3IDI1LDE1IAkiLz4KCTxwb2x5Z29uIGZpbGw9IiNDQzE0MTciIHBvaW50cz0iMTAsMTAgMCwxMCAwLDE1IDEwLDE1IDEwLDI1IDE1LjAwMSwyNSAxNS4wMDEsMTUgMjUsMTUgMjUsMTAgMTUuMDAxLDEwIDE1LjAwMSwwIDEwLDAgCSIvPgoJPHBvbHlnb24gZmlsbD0iI0NDMTQxNyIgcG9pbnRzPSIyMC44MzQsMTYuNjY3IDI1LDE4Ljc1IDI1LDE2Ljg4NyAyNC41NjEsMTYuNjY3IAkiLz4KCTxwb2x5Z29uIGZpbGw9IiNDQzE0MTciIHBvaW50cz0iNC4xNjcsMTYuNjY3IDAsMTguNzUxIDAsMjAuNjE0IDcuODk0LDE2LjY2NyAJIi8+Cgk8cG9seWdvbiBmaWxsPSIjQ0MxNDE3IiBwb2ludHM9IjQuMTY3LDguMzMzIDAsNi4yNSAwLDguMTEzIDAuNDQsOC4zMzMgCSIvPgoJPHBvbHlnb24gZmlsbD0iI0NDMTQxNyIgcG9pbnRzPSIyMC44MzQsOC4zMzMgMjUsNi4yNSAyNSw0LjM4NyAxNy4xMDcsOC4zMzMgCSIvPgo8L2c+Cjwvc3ZnPg==); } .svg .lang-z1:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNXB4IiBoZWlnaHQ9IjI1cHgiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjUgMjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxkZWZzPgoJCTxyZWN0IGlkPSJTVkdJRF8xXyIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1Ii8+Cgk8L2RlZnM+Cgk8Y2xpcFBhdGggaWQ9IlNWR0lEXzJfIj4KCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+Cgk8L2NsaXBQYXRoPgoJPHJlY3QgaWQ9InJlY3Q2IiBjbGlwLXBhdGg9InVybCgjU1ZHSURfMl8pIiBmaWxsPSIjREYyQjE0IiB3aWR0aD0iMjUiIGhlaWdodD0iMjUiLz4KCTxjaXJjbGUgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzJfKSIgZmlsbD0iI0ZGREUwOCIgY3g9IjExLjMxMyIgY3k9IjExLjI1IiByPSIwLjc1Ii8+Cgk8Y2lyY2xlIGNsaXAtcGF0aD0idXJsKCNTVkdJRF8yXykiIGZpbGw9IiNGRkRFMDgiIGN4PSIxMy4zMTMiIGN5PSI4LjI1IiByPSIwLjc1Ii8+Cgk8Y2lyY2xlIGNsaXAtcGF0aD0idXJsKCNTVkdJRF8yXykiIGZpbGw9IiNGRkRFMDgiIGN4PSIxMy4zMTMiIGN5PSI1LjI1IiByPSIwLjc1Ii8+Cgk8Y2lyY2xlIGNsaXAtcGF0aD0idXJsKCNTVkdJRF8yXykiIGZpbGw9IiNGRkRFMDgiIGN4PSIxMS4zMTMiIGN5PSIyLjI1IiByPSIwLjc1Ii8+Cgk8cG9seWdvbiBjbGlwLXBhdGg9InVybCgjU1ZHSURfMl8pIiBmaWxsPSIjRkZERTA4IiBwb2ludHM9IjcuNDg1LDYuNTEyIDkuNzM4LDQuODc1IDYuOTU0LDQuODc1IDYuMDk0LDIuMjI4IDUuMjMzLDQuODc1IAoJCTIuNDQ5LDQuODc1IDQuNzAyLDYuNTEyIDMuODQxLDkuMTYgNi4wOTQsNy41MjMgOC4zNDYsOS4xNiAJIi8+CjwvZz4KPC9zdmc+); } .lang-z2:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNXB4IiBoZWlnaHQ9IjI1cHgiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjUgMjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxkZWZzPgoJCTxyZWN0IGlkPSJTVkdJRF8xXyIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1Ii8+Cgk8L2RlZnM+Cgk8Y2xpcFBhdGggaWQ9IlNWR0lEXzJfIj4KCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+Cgk8L2NsaXBQYXRoPgoJPHJlY3QgaWQ9InJlY3Q2IiBjbGlwLXBhdGg9InVybCgjU1ZHSURfMl8pIiBmaWxsPSIjREYyQjE0IiB3aWR0aD0iMjUiIGhlaWdodD0iMjUiLz4KCTxjaXJjbGUgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzJfKSIgZmlsbD0iI0ZGREUwOCIgY3g9IjExLjMxMyIgY3k9IjExLjI1IiByPSIwLjc1Ii8+Cgk8Y2lyY2xlIGNsaXAtcGF0aD0idXJsKCNTVkdJRF8yXykiIGZpbGw9IiNGRkRFMDgiIGN4PSIxMy4zMTMiIGN5PSI4LjI1IiByPSIwLjc1Ii8+Cgk8Y2lyY2xlIGNsaXAtcGF0aD0idXJsKCNTVkdJRF8yXykiIGZpbGw9IiNGRkRFMDgiIGN4PSIxMy4zMTMiIGN5PSI1LjI1IiByPSIwLjc1Ii8+Cgk8Y2lyY2xlIGNsaXAtcGF0aD0idXJsKCNTVkdJRF8yXykiIGZpbGw9IiNGRkRFMDgiIGN4PSIxMS4zMTMiIGN5PSIyLjI1IiByPSIwLjc1Ii8+Cgk8cG9seWdvbiBjbGlwLXBhdGg9InVybCgjU1ZHSURfMl8pIiBmaWxsPSIjRkZERTA4IiBwb2ludHM9IjcuNDg1LDYuNTEyIDkuNzM4LDQuODc1IDYuOTU0LDQuODc1IDYuMDk0LDIuMjI4IDUuMjMzLDQuODc1IAoJCTIuNDQ5LDQuODc1IDQuNzAyLDYuNTEyIDMuODQxLDkuMTYgNi4wOTQsNy41MjMgOC4zNDYsOS4xNiAJIi8+CjwvZz4KPC9zdmc+); } .svg .lang-es:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNXB4IiBoZWlnaHQ9IjI1cHgiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjUgMjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iZmxhZyIgdHJhbnNmb3JtPSJtYXRyaXgoLjY4NzUzIDAgMCAxLjAzMTggLjA1Mzk3NSAtLjcxNjM1KSI+Cgk8cmVjdCBpZD0icmVjdDE3MSIgeD0iLTAuMDU5IiB5PSIwLjY5NCIgZmlsbD0iI0NDMTQxNyIgd2lkdGg9IjM2LjM1NSIgaGVpZ2h0PSIyNC4yMyIvPgoJPHJlY3QgaWQ9InJlY3Q0MDMiIHg9Ii0wLjA2MSIgeT0iNi43NTEiIGZpbGw9IiNGNEU3MkQiIHdpZHRoPSIzNi4zNjIiIGhlaWdodD0iMTIuMTE1Ii8+CjwvZz4KPC9zdmc+); } .lang-fr:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNXB4IiBoZWlnaHQ9IjI1cHgiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjUgMjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iZmxhZyIgdHJhbnNmb3JtPSJtYXRyaXgoLjQ4MTY2IDAgMCAuNzIyNDkgMCAuMDAwMDAyNDExNikiPgoJPHJlY3QgaWQ9InJlY3QxNzEiIHg9IjAuMDAxIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iNTEuOTAzIiBoZWlnaHQ9IjM0LjYwMyIvPgoJPHJlY3QgaWQ9InJlY3Q0MDMiIHg9IjAuMDAxIiBmaWxsPSIjMjUzNTZGIiB3aWR0aD0iMTcuMzAyIiBoZWlnaHQ9IjM0LjYwMyIvPgoJPHJlY3QgaWQ9InJlY3QxMzUiIHg9IjM0LjYwMyIgZmlsbD0iI0U2MjYzNiIgd2lkdGg9IjE3LjMwMSIgaGVpZ2h0PSIzNC42MDMiLz4KPC9nPgo8L3N2Zz4=); } .svg .lang-hu:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNXB4IiBoZWlnaHQ9IjI1cHgiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjUgMjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iZmxhZyIgdHJhbnNmb3JtPSJtYXRyaXgoLjUxNjIyIDAgMCAxLjAzMSAuMDAwMzc4MDkgLS4wMDAwNjUxMjMpIj4KCTxnIGlkPSJnNTU0IiB0cmFuc2Zvcm09Im1hdHJpeCguOTMzMDUgMCAwIC42NjczOCAtLjAwMDA0OTAzNiAuMDAwMDIyODg4KSI+CgkJPHJlY3QgaWQ9InJlY3QxNDkiIHg9Ii0wLjAwMSIgeT0iMCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjUxLjkwNCIgaGVpZ2h0PSIzNi4zMzIiLz4KCQk8cmVjdCBpZD0icmVjdDE0OCIgeD0iLTAuMDAxIiB5PSIyNC4yMjIiIGZpbGw9IiMzQThFMzUiIHdpZHRoPSI1MS45MDQiIGhlaWdodD0iMTIuMTExIi8+CgkJPHJlY3QgaWQ9InJlY3Q1ODUiIHg9Ii0wLjAwMSIgeT0iMC4wMSIgZmlsbD0iI0Q1MzYxNiIgd2lkdGg9IjUxLjkwNCIgaGVpZ2h0PSIxMi4xMTEiLz4KCTwvZz4KPC9nPgo8L3N2Zz4=); } .svg .lang-ja:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNXB4IiBoZWlnaHQ9IjI1cHgiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjUgMjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDB2MjVoMjVWMEgweiBNMTIuNSwyMC4yNzFjLTQuMjkyLDAtNy43NzItMy40NzktNy43NzItNy43NzFjMC00LjI5MiwzLjQ3OS03Ljc3Miw3Ljc3Mi03Ljc3MgoJCXM3Ljc3MiwzLjQ4LDcuNzcyLDcuNzcyQzIwLjI3MSwxNi43OTIsMTYuNzkyLDIwLjI3MSwxMi41LDIwLjI3MXoiLz4KCTxjaXJjbGUgZmlsbD0iI0QyMTIxNiIgY3g9IjEyLjUiIGN5PSIxMi41IiByPSI3Ljc3MiIvPgo8L2c+Cjwvc3ZnPg==); } .svg .lang-ru:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNXB4IiBoZWlnaHQ9IjI1cHgiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjUgMjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iZmxhZyIgdHJhbnNmb3JtPSJtYXRyaXgoLjQ4MTY2IDAgMCAuNzIyNDkgMCAuMDAwMDAyNDExNikiPgoJPHJlY3QgaWQ9InJlY3QxNzEiIHg9IjAuMDAxIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iNTEuOTAzIiBoZWlnaHQ9IjM0LjYwMyIvPgoJPHJlY3QgaWQ9InJlY3Q0MDMiIHg9IjAuMDAxIiB5PSIxMS41MzUiIGZpbGw9IiMyNzJFNjciIHdpZHRoPSI1MS45MDMiIGhlaWdodD0iMjMuMDY3Ii8+Cgk8cmVjdCBpZD0icmVjdDEzNSIgeD0iMC4wMDEiIHk9IjIzLjA2OSIgZmlsbD0iI0U1MjUyMCIgd2lkdGg9IjUxLjkwMyIgaGVpZ2h0PSIxMS41MzQiLz4KPC9nPgo8L3N2Zz4=); } .svg .lang-th:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNXB4IiBoZWlnaHQ9IjI1cHgiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjUgMjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iZmxhZyI+Cgk8cmVjdCBpZD0icmVjdDE3MSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI0Ljk5OSIvPgoJPHJlY3QgaWQ9InJlY3Q0MDMiIHk9IjguNDY1IiBmaWxsPSIjMjczNjdGIiB3aWR0aD0iMjUiIGhlaWdodD0iOC4zMzQiLz4KCTxyZWN0IGlkPSJyZWN0MTM1IiB5PSIwLjAwMiIgZmlsbD0iI0UzMTAxMyIgd2lkdGg9IjI1IiBoZWlnaHQ9IjQuMjk3Ii8+Cgk8cmVjdCBpZD0icmVjdDEzNiIgeT0iMjAuODMzIiBmaWxsPSIjRTMxMDEzIiB3aWR0aD0iMjUiIGhlaWdodD0iNC4xNjciLz4KPC9nPgo8L3N2Zz4=); } .svg .btn-back { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTEuMjVweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMTEuMjUgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDExLjI1IDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjkuNTc4IiB5MT0iMi4xMjUiIHgyPSIxLjcyMyIgeTI9IjkuOTgiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjEuNzIzIiB5MT0iMTAuMjAzIiB4Mj0iOS41NzgiIHkyPSIxOC4wNTkiLz4NCjwvc3ZnPg0K); background-repeat: no-repeat; background-position: 8px center; background-size: 9px 16px; } .svg .your-account-trigger { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNy4zIDIzLjEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE3LjMgMjMuMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTguNywxMC44Yy0yLjYsMC00LjgtMi40LTQuOC01LjRjMC0zLDIuMi01LjQsNC44LTUuNGMyLjYsMCw0LjgsMi40LDQuOCw1LjRDMTMuNSw4LjMsMTEuNCwxMC44LDguNywxMC44CgkJCUw4LjcsMTAuOHogTTguNywyQzcuMiwyLDUuOSwzLjUsNS45LDUuNGMwLDEuOSwxLjMsMy40LDIuOCwzLjRjMS41LDAsMi44LTEuNSwyLjgtMy40QzExLjUsMy41LDEwLjMsMiw4LjcsMkw4LjcsMnoiLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNiwyMy4xSDEuM2MtMC41LDAtMS0wLjQtMS0wLjlMMCwxNy41Yy0wLjEtMS43LDEuMi0zLjcsMi45LTQuNGMzLjctMS4zLDcuNy0xLjMsMTEuNCwwCgkJCWMxLjcsMC42LDMuMSwyLjYsMyw0LjRMMTcsMjIuMkMxNi45LDIyLjcsMTYuNSwyMy4xLDE2LDIzLjFMMTYsMjMuMXogTTIuMywyMS4xSDE1bDAuMy0zLjhjMC4xLTAuOC0wLjctMi0xLjYtMi40CgkJCWMtMy4yLTEuMS02LjgtMS4yLTEwLDBjLTEsMC40LTEuNywxLjYtMS42LDIuNEwyLjMsMjEuMUwyLjMsMjEuMXoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4=); background-repeat: no-repeat; background-position: center center; background-size: 14px 18px; } .svg .cart-icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNS40IDIxLjYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI1LjQgMjEuNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIxLjgsMTUuN0g4LjRjLTAuNSwwLTAuOC0wLjMtMS0wLjdMNC44LDUuN0M0LjgsNS40LDQuOCw1LjEsNSw0LjhjMC4yLTAuMiwwLjUtMC40LDAuOC0wLjRoMTguNgoJCQljMC4zLDAsMC42LDAuMSwwLjgsMC40YzAuMiwwLjIsMC4zLDAuNiwwLjIsMC45TDIyLjgsMTVDMjIuNiwxNS40LDIyLjMsMTUuNywyMS44LDE1LjdMMjEuOCwxNS43eiBNOS4xLDEzLjdIMjFsMi03LjNINy4xCgkJCUw5LjEsMTMuN0w5LjEsMTMuN3oiLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik04LjQsMTUuN2MtMC40LDAtMC44LTAuMy0xLTAuN0w0LjEsMi44TDEsMi42Yy0wLjYsMC0xLTAuNS0xLTFjMC0wLjUsMC41LTEsMS0xbDMuOCwwLjIKCQkJYzAuNCwwLDAuOCwwLjMsMC45LDAuN2wzLjUsMTIuOWMwLjEsMC41LTAuMiwxLjEtMC43LDEuMkM4LjUsMTUuNyw4LjUsMTUuNyw4LjQsMTUuN0w4LjQsMTUuN3oiLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMC44LDIxLjZjLTEuNSwwLTIuOC0xLjItMi44LTIuOHMxLjItMi44LDIuOC0yLjhjMS41LDAsMi44LDEuMiwyLjgsMi44UzEyLjMsMjEuNiwxMC44LDIxLjZMMTAuOCwyMS42egoJCQkgTTEwLjgsMTguMWMtMC40LDAtMC44LDAuMy0wLjgsMC44YzAsMC40LDAuMywwLjgsMC44LDAuOGMwLjQsMCwwLjgtMC4zLDAuOC0wLjhDMTEuNSwxOC41LDExLjIsMTguMSwxMC44LDE4LjFMMTAuOCwxOC4xeiIvPgoJPC9nPgoJPGc+CgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE5LjEsMjEuNmMtMS41LDAtMi44LTEuMi0yLjgtMi44czEuMi0yLjgsMi44LTIuOGMxLjUsMCwyLjgsMS4yLDIuOCwyLjhTMjAuNiwyMS42LDE5LjEsMjEuNkwxOS4xLDIxLjZ6CgkJCSBNMTkuMSwxOC4xYy0wLjQsMC0wLjgsMC4zLTAuOCwwLjhjMCwwLjQsMC4zLDAuOCwwLjgsMC44YzAuNCwwLDAuOC0wLjMsMC44LTAuOEMxOS44LDE4LjUsMTkuNSwxOC4xLDE5LjEsMTguMUwxOS4xLDE4LjF6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+); background-repeat: no-repeat; background-position: center center; background-size: 21px 18px; } .svg .date-input { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMzAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEzMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZmlsbD0iIzY2NjY2NiIgZD0iTTIxLjUsMjBIMWMtMC42LDAtMS0wLjQtMS0xVjIuN2MwLTAuNiwwLjQtMSwxLTFoMjAuNWMwLjYsMCwxLDAuNCwxLDFWMTlDMjIuNSwxOS42LDIyLjEsMjAsMjEuNSwyMAoJCQlMMjEuNSwyMHogTTIsMThoMTguNVYzLjdIMlYxOEwyLDE4eiIvPgoJPC9nPgoJPGc+CgkJPHBhdGggZmlsbD0iIzY2NjY2NiIgZD0iTTE3LjcsNS4zYy0wLjYsMC0xLTAuNC0xLTFWMWMwLTAuNiwwLjQtMSwxLTFjMC42LDAsMSwwLjQsMSwxdjMuM0MxOC43LDQuOSwxOC4yLDUuMywxNy43LDUuM0wxNy43LDUuM3oiCgkJCS8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBmaWxsPSIjNjY2NjY2IiBkPSJNNC45LDUuM2MtMC42LDAtMS0wLjQtMS0xVjFjMC0wLjYsMC40LTEsMS0xYzAuNiwwLDEsMC40LDEsMXYzLjNDNS45LDQuOSw1LjUsNS4zLDQuOSw1LjNMNC45LDUuM3oiLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGZpbGw9IiM2NjY2NjYiIGQ9Ik0yMS41LDguNkgxLjFjLTAuMywwLTAuNS0wLjItMC41LTAuNWMwLTAuMywwLjItMC41LDAuNS0wLjVoMjAuM2MwLjMsMCwwLjUsMC4yLDAuNSwwLjUKCQkJQzIyLDguMywyMS44LDguNiwyMS41LDguNkwyMS41LDguNnoiLz4KCTwvZz4KCTxwb2x5Z29uIGZpbGw9IiM2NjY2NjYiIHBvaW50cz0iNS43LDEwLjYgMy43LDEwLjYgMy43LDEyLjUgNS43LDEyLjUgNS43LDEwLjYgCSIvPgoJPHBvbHlnb24gZmlsbD0iIzY2NjY2NiIgcG9pbnRzPSI5LDEwLjYgNy4xLDEwLjYgNy4xLDEyLjUgOSwxMi41IDksMTAuNiAJIi8+Cgk8cG9seWdvbiBmaWxsPSIjNjY2NjY2IiBwb2ludHM9IjEyLjQsMTAuNiAxMC41LDEwLjYgMTAuNSwxMi41IDEyLjQsMTIuNSAxMi40LDEwLjYgCSIvPgoJPHBvbHlnb24gZmlsbD0iIzY2NjY2NiIgcG9pbnRzPSIxNS44LDEwLjYgMTMuOCwxMC42IDEzLjgsMTIuNSAxNS44LDEyLjUgMTUuOCwxMC42IAkiLz4KCTxwb2x5Z29uIGZpbGw9IiM2NjY2NjYiIHBvaW50cz0iMTkuMSwxMC42IDE3LjIsMTAuNiAxNy4yLDEyLjUgMTkuMSwxMi41IDE5LjEsMTAuNiAJIi8+Cgk8cG9seWdvbiBmaWxsPSIjNjY2NjY2IiBwb2ludHM9IjUuNywxMy43IDMuNywxMy43IDMuNywxNS43IDUuNywxNS43IDUuNywxMy43IAkiLz4KCTxwb2x5Z29uIGZpbGw9IiM2NjY2NjYiIHBvaW50cz0iOSwxMy43IDcuMSwxMy43IDcuMSwxNS43IDksMTUuNyA5LDEzLjcgCSIvPgoJPHBvbHlnb24gZmlsbD0iIzY2NjY2NiIgcG9pbnRzPSIxMi40LDEzLjcgMTAuNSwxMy43IDEwLjUsMTUuNyAxMi40LDE1LjcgMTIuNCwxMy43IAkiLz4KCTxwb2x5Z29uIGZpbGw9IiM2NjY2NjYiIHBvaW50cz0iMTUuOCwxMy43IDEzLjgsMTMuNyAxMy44LDE1LjcgMTUuOCwxNS43IDE1LjgsMTMuNyAJIi8+Cgk8cG9seWdvbiBmaWxsPSIjNjY2NjY2IiBwb2ludHM9IjE5LjEsMTMuNyAxNy4yLDEzLjcgMTcuMiwxNS43IDE5LjEsMTUuNyAxOS4xLDEzLjcgCSIvPgo8L2c+Cjwvc3ZnPg==); background-repeat: no-repeat; background-position: 5px center; background-size: auto; } /* To display an error message in red */ .error-message {color: #ff0000; font-size: 1.4em;} /* To adjust gap between destination field and error message */ .destination-input-line { margin:0; } .booking-search-btn p { display: inline; } .make-another-booking-btn { float: right; margin-right: 10px; }