﻿/* buttons for desktop specific */
.btn::-moz-focus-inner { padding: 0; border: 0; }
.btn:hover,
.btn:focus,
.btn.s-focus { background-image: none; filter: none; }
.btn.s-focus { background-color: #ccc; }
.btn:focus { outline: black 2px dotted; }

/*= dropdowns =*/
.dropdown { position: absolute; z-index: 9999999; left: auto !important; display: none; }
.dropdown .dropdown-menu,
.dropdown .dropdown-panel { min-width: 160px; max-width: 480px; list-style: none; background: #fff; border: solid 1px #ddd; border: solid 1px rgba(0, 0, 0, .2); border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, .2); overflow: visible; padding: 4px 0; margin: 0; }
.dropdown .dropdown-panel { padding: 10px; }
.dropdown.dropdown-tip { margin-top: 8px; }
.dropdown.dropdown-tip:before { position: absolute; top: -6px; left: 9px; content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); display: inline-block; }
.dropdown.dropdown-tip:after { position: absolute; top: -5px; left: 10px; content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; display: inline-block; }
.dropdown.dropdown-tip.dropdown-anchor-bottom { margin-top: 0; margin-bottom: 8px; }
.dropdown.dropdown-tip.dropdown-anchor-bottom:before { top: auto; bottom: -6px; border-bottom: 0; border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); }
.dropdown.dropdown-tip.dropdown-anchor-bottom:after { top: auto; bottom: -5px; border-bottom: 0; border-top: 6px solid #fff; }
.dropdown.dropdown-tip.dropdown-anchor-right:before { left: auto; right: 9px; }
.dropdown.dropdown-tip.dropdown-anchor-right:after { left: auto; right: 10px; }
.dropdown.dropdown-anchor-right { right: -4px; }
.dropdown.dropdown-scroll .dropdown-menu,
.dropdown.dropdown-scroll .dropdown-panel { max-height: 358px; overflow: auto; }
.dropdown .dropdown-menu > div { list-style: none; padding: 0 0; margin: 0; line-height: 18px;  white-space: nowrap;}
.dropdown .dropdown-menu { color: #555;}
.dropdown .dropdown-menu label { display: block; text-decoration: none; line-height: 18px; padding: 3px 27px 3px 9px; white-space: nowrap; }
.dropdown .dropdown-menu div label[for] { display: inline-block; padding-left: 0;}
.dropdown .dropdown-menu div input[type="radio"] { margin-left: 7px; }
.dropdown .dropdown-menu > div:hover, .dropdown .dropdown-menu > div label:hover { background-color: #08c; color: #fff; cursor: pointer; }
.dropdown .dropdown-menu form label, .dropdown .dropdown-menu form label:hover { color: #222; }
.dropdown .dropdown-menu .dropdown-divider { font-size: 1px; border-top: solid 1px #e5e5e5; padding: 0; margin: 5px 0; }
html[dir='rtl'] .dropdown .dropdown-menu label { padding-left: 27px; padding-right: 9px; }
html[dir='rtl'] .dropdown.dropdown-tip.dropdown-anchor-left { left: 100% !important; margin-left: -27px; }
html[dir='rtl'] .dropdown .dropdown-menu li label[for] { padding-right: 0;}
html[dir='rtl'] .dropdown .dropdown-menu li input[type="radio"] { margin-right: 7px;  margin-left: 0;}

.check-multi { max-height: 999em !important; }
.check-multi ul { max-height: 11em; overflow: auto; margin: 0; padding: 0; list-style: none; }

/*= site =*/
select,
input[type="text"],
input[type="email"],
input[type="date"] { padding: 0.5em; border: 1px solid #ccc; border-radius: 0.3em; font-size: 0.9em;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
	   -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
	        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box; }
select { padding: 0.4em; }

html, body, #site-wrapper, #site-main { position: relative; overflow: hidden; width: 100%; height: 100%; }
html { position: static; }

#site-header { position: absolute; z-index: 1010; width: 100%; }
#site-header > .inner { position: relative; }
.lt-ie10 ~ #site-wrapper #site-header { filter: none; }
.lt-ie10 ~ #site-wrapper #site-header .bgholder { position: absolute; top: 0; bottom: 0; left: 0; right: 0;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFFFFFF", endColorstr="#00FFFFFF"); }
.lt-ie9 ~ #site-wrapper #site-header { border-bottom: 1px solid #999; }

.pnl { display: none; position: absolute; z-index: 1001; left: 0; right: 0; width: 100%; max-width: 1000px; margin: 0 auto; border-radius: 0.2em; background: #f3f3f3;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
.pnl-content { position: relative; z-index: 1; height: 100%; padding: 1em; background: inherit;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box; }
.pnl-actions { position: absolute; left: 0; right: 0; height: 0; text-align: center; }
.pnl-actions .btn { position: relative; line-height: 1.2em; font-weight: bold; text-shadow: 0 0 1px #fff; background: #f3f3f3; color: #666;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
.pnl-actions .btn:before,
.pnl-actions .btn:after { position: absolute; content: ""; display: block; width: 0.5em; height: 0.5em; clip: rect(0, 0.5em, 0.5em, 0); }
.pnl-actions .btn:focus { border: 2px dotted; background: #fff; outline: 0}
.pnl-actions .btn:hover { background: #fff; }
.pnl-anchor-top { top: 2.4em; }
.pnl-anchor-top .pnl-actions { bottom: 0; font-size: 0.75em; }
.pnl-anchor-top .pnl-actions .btn { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
.pnl-anchor-top .pnl-actions .btn:before { top: 0; right: 100%; border-radius: 0 0.5em 0 0;
	-webkit-box-shadow: 0.4em 0.4em 0 0.4em #f3f3f3;
	   -moz-box-shadow: 0.4em 0.4em 0 0.4em #f3f3f3;
	        box-shadow: 0.4em 0.4em 0 0.4em #f3f3f3; }
.pnl-anchor-top .pnl-actions .btn:after { top: 0; left: 100%; border-radius: 0.5em 0 0 0;
	-webkit-box-shadow: 0 -0.4em 0 0.4em #f3f3f3;
	   -moz-box-shadow: 0 -0.4em 0 0.4em #f3f3f3;
	        box-shadow: 0 -0.4em 0 0.4em #f3f3f3; }
.pnl-anchor-top .pnl-actions .btn:focus { margin: 0 -3px -3px; }
.pnl-anchor-bottom { bottom: 0; }
.pnl-anchor-bottom .pnl-actions { top: 0; margin: -2.5em 0 0; }
.pnl-anchor-bottom .pnl-actions .btn { border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; font-size: 1.2em; color: #222; }
.pnl-anchor-bottom .pnl-actions .btn:before { bottom: 0; right: 100%; border-radius: 0 0 0.5em 0;
	-webkit-box-shadow: 0.4em -0.4em 0 0.4em #f3f3f3;
	   -moz-box-shadow: 0.4em -0.4em 0 0.4em #f3f3f3;
	        box-shadow: 0.4em -0.4em 0 0.4em #f3f3f3; }
.pnl-anchor-bottom .pnl-actions .btn:after { bottom: 0; left: 100%; border-radius: 0 0 0 0.5em;
	-webkit-box-shadow: -0.4em -0.4em 0 0.4em #f3f3f3;
	   -moz-box-shadow: -0.4em -0.4em 0 0.4em #f3f3f3;
	        box-shadow: -0.4em -0.4em 0 0.4em #f3f3f3; }
.pnl-anchor-bottom .pnl-actions .btn:focus { margin: -3px -3px 0; }
.pnl-anchor-bottom .pnl-actions .btn strong,
.pnl-anchor-bottom .pnl-actions .btn [data-icon] { color: #666; }
.pnl-anchor-bottom .pnl-actions .results-count { font-size: 0.8333em; font-weight: normal; color: #666; }
.lt-ie9 ~ #site-wrapper .pnl,
.lt-ie9 ~ #site-wrapper .pnl-actions .btn { border: 1px solid #999; }
.lt-ie9 ~ #site-wrapper .pnl-anchor-top,
.lt-ie9 ~ #site-wrapper .pnl-anchor-top .pnl-actions .btn { border-top: 0; }
.lt-ie9 ~ #site-wrapper .pnl-anchor-bottom,
.lt-ie9 ~ #site-wrapper .pnl-anchor-bottom .pnl-actions .btn  { border-bottom: 0; }

.pnlwrapper .pnl { border-radius: 0 0 0.2em 0.2em; }

#map { position: absolute; top: 2.4em; right: 0; bottom: 2.4em; left: 0; overflow: hidden; }

#help { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.legend { bottom: 4.4em; }
.legend-positiontop { top: 4.4em; bottom: auto; }
.legend-positionmiddle { top: 50%; bottom: auto; }

.results { min-height: 3.1em; font-size: 0.75em; background: #fff; }
.results .pnl-content > header { position: relative; min-height: 1.9em; margin: -1em -1em 0; padding: 0.6em 1em; background: #f3f3f3; }
.results-filter { margin: -0.5em 0 0; }
.results-filter .field { clear: both; display: inline-block; position: relative; margin: 0.5em 0.5em 0 0; }
.results-filter .field:last-child { margin-right: 0em; }
.results-filter .field h3 { margin: 0; font-size: 1em; white-space: nowrap; }
.results-filter .field h3 a { display: inline-block; border-radius: 7px; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; padding: 2px 5px; text-decoration: none; color: #222; }
.results-filter .field h3 a [data-icon]:before { float: right; }
.results-filter .field h3 a:hover,
.results-filter .field h3 a.dropdown-open { background: #fff; }
.results-filter .field h3 a.dropdown-open [data-icon]:before { content: "U"; }
.results-filter .field h4 {margin: 0; font-size: 1.0em; white-space: nowrap; }
.results-filter .field div.hslider { height: 0.8em; margin: 0 1.0em 0.5em 0.8em; position: relative; border: 1px solid #aaa; text-align: left; background: #efefef; padding: 0; width: 260px; }
.results-filter .field div.hslider#duration-slider { width: 200px; }
.results-filter .field .hsliderHandle { margin: 0;padding: 7px 2px; width: 24px; height: 12px; background-color: #808080; position: absolute; left: -300em; top: -30em; z-index: 10; border: 1px solid black; -webkit-border-radius: 5px; /* Safari and Chrome rounded corners */ -moz-border-radius: 5px; /* Firefox rounded corners */ border-radius: 5px; /* Opera rounded corners */ }
.results-filter .field .hsliderValue  { margin: 12px 0 12px 0; top: -30em; }
.results-filter .field .hsliderValue p { display: inline; }
.results-filter .field div.sliderRange { padding: 0; width: 1px; height: 1px; position: absolute; left: -300em; top: -30em; z-index: 0; }
.results-filter .field .focus { background-color: #eee !important; }
.results-filter .dropdown-menu { max-height: 10em; overflow: auto; }
.results-filter .btngroup-horizontal { float: left; margin: 0.5em 0.5em 0 0; }
.results-filter .btngroup-horizontal .btn { padding: 0.3em 0.7em; font-weight: bold; color: #fff; }
.results-filter .paging { float: left; width: auto; margin: 0.8em 1em 0 0; white-space: nowrap; }
.results-filter .paging li + li { margin-left: 0.5em; }
.results-filter .paging a { font-weight: bold;text-decoration: underline; }
.results-filter .results-filter-fields { text-align: right; }
.results-filter .results-filter-fields .field { text-align: left; }
.results-scroller { width: 100%; overflow: hidden; }
.results-wrapper { width: 200%; }
.results-area { position: relative; overflow: auto; float: left; width: 50%; max-height: 100%; margin: 1em 0 0; -webkit-overflow-scrolling: touch; }
.results-area table { width: 100%; }
.results-area > table > caption,
.results-area > table > thead { background: #f3f3f3; }
.results-area caption,
.results-area th,
.results-area td { padding: 0.2em 0.5em; text-align: left; vertical-align: top; font-weight: bold; }
.results-area small { font-size: 80%; color: #666; }
.results-area small strong { font-size: 125%; color: #222; }
.results-area p { margin: 0; }
.results-area p + p { margin-top: 0.2em; }
.results-area .col-action .btn { float: right; margin: 0.3em 0; clear: right; width: 100%; background-color: #aaa; }
.results-area .col-availability th,
.results-area .col-availability td { padding: 0; vertical-align: top; text-align: center; line-height: 1; }
.results-area .col-availability th { font-size: 0.8em; }
.results-area .col-availability td { padding-top: 0.5em; }
.results-area .col-availability th + th,
.results-area .col-availability td + td { padding-left: 0.2em; }
.results-list .col-airport small,
.results-list .col-connect small { display: block; }
.results-list > table > thead { background: #ccc; }
.results-list > table > tbody { border-top: 1px dotted #ccc; }
.results-list > table > tbody:nth-child(2n+1) { background: #f9f9f9; }
.results-list-details { display: none; }
.results-details .results-details-table { width: 84%;  display: inline-block;}
.results-details thead th { width: 28%; }
.results-details tbody h2 { margin: 0.5em 0; font-size: 1em; }
.results-details tbody .detail-label { display: inline-block; vertical-align: top; width: 30%; margin-right: 3%; font-weight: normal; }
.results-details tbody .detail-value { display: inline-block; vertical-align: top; width: 65%; }
.results-details tbody tr:last-child td { padding-bottom: 1em; }
.results-details tbody + tbody .col-leghead { padding-top: 1em; border-top: 1px solid #ccc; }
.results-details .results-list-details { display: table-row; }
.results-details .results-details-schedule { float: left; width: 80%; margin: 0 0 1em; background: #fff; }
.results-details-schedule th,
.results-details-schedule td { text-align: center; }
.results-wrapper .results-details-schedule tfoot td { text-align: center; }
.results-routes .col-airport { width: 15%; }
.results-routes .col-connect,
.results-routes .col-airline { width: 25%; }
.results-routes .col-distance { width: 10%; }
.results-routes tfoot td,.results-flights tfoot td { text-align: right; }
.results-details div,
.results-flights .results-details .col-action { float: right; width: 15%; }
.results.is-minimised .results-scroller { display: none; }
.results.is-minimised .results-filter .paging { display: none; }
html[dir='rtl'] .results-filter .paging { float: right; margin-left: 0; margin-right: 1em; }
html[dir='rtl'] .results-filter .paging li + li { margin-left: 0; margin-right: 0.5em; }
html[dir='rtl'] .results-filter .btngroup-horizontal { float: right; margin-right: 0; margin-left: 0.5em; }
html[dir='rtl'] .results-filter .results-filter-fields { text-align: left; }
html[dir='rtl'] .results-filter .results-filter-fields .field { text-align: right; }
html[dir='rtl'] .results-area { float: right; }
html[dir='rtl'] .results-area th,
html[dir='rtl'] .results-area td { text-align: right; }
html[dir='rtl'] .results-list .col-action .btn [data-icon] { float: none; }
html[dir='rtl'] .results-details .results-details-schedule { float: right; }
html[dir='rtl'] .results-details div,
html[dir='rtl'] .results-flights .results-details .col-action { float: left; }

.lt-ie9 ~ #site-wrapper .results.is-minimised { bottom: 3.1em; }

.dates-of-operation thead th { width: 14.3%; }
.dates-of-operation .ico:before { /* for IE9+ */ line-height: 1.2em; }

#site-footer { position: absolute; bottom: 0; width: 100%; height: 2.4em; }
.lt-ie9 ~ #site-wrapper #site-footer { border-top: 1px solid #999; }

.search { font-size: 0.8em; }
.search:before,
.search:after { content: " "; display: table; }
.search:after { clear: both; }
.search fieldset { float: left; width: 90%; letter-spacing: -4px; }
.search fieldset > * { letter-spacing: normal; }
.search fieldset:first-child { margin-top: -1em; }
.search select,
.search input[type="text"],
.search input[type="email"],
.search input[type="date"] { width: 100%; }
.search input[type="checkbox"] { float: left; margin-right: 0.3em; }
.search input[type="checkbox"]:focus { outline: 2px dotted; }
.search input[type="text"].is-locked { background: none; }
.search input[type="text"].is-searching { background-image: url(img/loading.gif); background-position: 97% 50%; background-repeat: no-repeat; }
.search .field { position: relative; display: inline-block; width: 15em; margin: 1em 1em 0 0; }
.search .field .btn { position: absolute; right: 1px; bottom: 1px; padding: 0.4em 0.5em; border-radius: 0.3em; }
.search .location-switch { position: relative; z-index: 1; margin: 0 -0.3em 0 -1.3em; padding: 0.1em 0.3em; }
.search .location-switch .ico { margin: 0; }
.search .location-switch-vertical { position: absolute; display: block; left: 16em; margin-top: 0.5em; }
.search-details .fieldwrap { display: inline-block; letter-spacing: -4px; /* for IE */ width: 15.76em; }
.search-details .fieldwrap > * { letter-spacing: normal; }
.search-details .field label { display: block; margin: 0 0 0.2em; }
.search-details .field-date { width: 9em; }
.search-details .field-date input { width: 7.8em; }
.search-details .field-multi-select select { width: 85%; }
.search-details .field-multi-select select + a { margin-left: 0.2em; font-size: 16px; line-height: 1.7; }
.search-options label { white-space: nowrap; }
.search-action { padding: 1.6em 0 0; text-align: right; }
html[dir='rtl'] .search fieldset { float: right; }
html[dir='rtl'] .search .field { margin-right: 0; margin-left: 1em; }
html[dir='rtl'] .search-details .field-date { width: 8.6em; }
html[dir='rtl'] .search input[type="checkbox"] { float: right; margin-left: 0.3em; margin-right: 0; }
html[dir='rtl'] .search .location-switch { margin-left: -0.3em; margin-right: -1.3em; }
html[dir='rtl'] .search .location-switch-vertical { left: auto; right: 16em; }
html[dir='rtl'] .search-details .field-multi-select select + a { margin-right: 0.2em; margin-left: 0; }
html[dir='rtl'] .search-action { text-align: left; }
html[dir='rtl'] .search input[type="text"].is-searching { background-position: 3% 50%; }

@media (max-width: 835px) {
	.search fieldset { width: 80%; }
}

.quickpick { z-index: 2000; width: 42em; padding: 5px; border: 1px solid #ccc; border-radius: 0.3em; font-size: 0.8em;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box; }
.quickpick .quickpick-tabs { margin: 0 -5px; }
.quickpick-group li { width: 20%; }

.searchList { font-size: 0.8em; }
.searchList ul { margin: 0; padding: 0; list-style: none; }
.searchList li:after { content: " "; display: block; clear: both; }
.searchList li > a { float: left; max-width: 80%; }
.searchList li > button { float: right; }
.searchList li + li { margin-top: 0.5em; }

html[dir="rtl"] .searchList li > a { float: right; }
html[dir="rtl"] .searchList li > button { float: left; }

.loc-label { display: block; font-weight: bold; }

#dropdown-results-share { bottom: 0 !important; margin: 0 40px 0 0; }
#dropdown-share-details {margin: 20px 40px 0 0; }
.dropdown .share-results,
.dropdown .share-details { padding: 10px; }
.dropdown .share-results-section:after,
.dropdown .share-details-section:after { content: " "; display: table; clear: both; }
.dropdown .share-results-section > h2,
.dropdown .share-details-section > h2 { float: left; margin: 0; line-height: 1.8; font-size: 1.25em; }
.dropdown .share-results-section > input,
.dropdown .share-details-section > input { margin: 1px 10px 1px 30px; }
.dropdown .share-results-section > button,
.dropdown .share-details-section > button { float: right; width: 8em; }
.dropdown .share-results-section > button > [data-icon],
.dropdown .share-details-section > button > [data-icon] { margin-left: 0.5em; vertical-align: middle; font-size: 12px; }
.dropdown .share-results-section + .share-results-section,
.dropdown .share-details-section + .share-details-section { margin-top: 10px; padding-top: 10px; border-top: 1px dotted #ccc; }
.share-results-wrapper { float: right; position: relative; }
.dropdown-menu.share-results { min-width: 380px; }
.dropdown-menu.share-details { min-width: 380px; }
.share-results-button:hover { background-color: #aaa; outline: none !important; }
.share-results-button:focus { background-color: #aaa; outline: 2px dotted; }
[dir="rtl"] .share-results-wrapper { float: left; }

.share-to-and-from { clear: both; margin-bottom: 7px; }
.share-to-and-from .field { float: left; width: 49%; margin-right: 1%;margin-right: 0; position: relative; }
.share-to-and-from .field label:hover {background: transparent;color: #555; }
.share-to-and-from .field input { width: 95%; }
.share-to-and-from:after { content: " "; display: table; clear: both; }

[dir="rtl"] .share-to-and-from .field { float: right; margin-left: 1%; }

[dir="rtl"] .dropdown .share-results-section > h2,
[dir="rtl"] .dropdown .share-details-section > h2 { float: right; }
[dir="rtl"] .dropdown .share-results-section > button,
[dir="rtl"] .dropdown .share-details-section > button  { float: left; }
[dir="rtl"] #dropdown-results-share { margin: 0 0 0 40px; }
[dir="rtl"] #dropdown-share-details { margin: 20px 0 0 40px; }

#pnl-help .pnl-content { overflow: auto; max-height: 16em; font-size: 0.75em; }
#pnl-help .pnl-content ul,
#pnl-help .pnl-content ol { padding: 0 0 0 1.5em; }
html[dir='rtl'] #pnl-help .pnl-content ul,
html[dir='rtl'] #pnl-help .pnl-content ol { padding: 0 1.5em 0 0; }
.pnl-help-validity { padding: 0 0.5em; line-height: 2; font-weight: bold; background: #fff; }
.pnl-help-faq { padding: 0 0.5em; line-height: 2; background: #fff; }
.pnl-help-innovata img { max-width: 15%; }
.pnl-help-innovata > p { float: right; margin: 0; width: 80%; }

#pnl-warning { display: block; }
#pnl-warning .pnl-actions .btn { background: #f33; color: #fff; }
#pnl-warning .pnl-content { font-size: smaller !important; background: #fff; }
#pnl-warning .pnl-content h2 { margin-top: 0; padding: 0.5em; background: #f33; color: #fff; }
#pnl-warning .pnl-content a { font-weight: bold; }

/*= validation =*/
.field-validation-error { position: absolute; z-index: 1; top: 100%; left: 0; min-width: 100%; margin: 10px 0 0; padding: 5px; border-radius: 0.3em; font-size: 0.9em; background: #c33; color: #fff;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box; }
.field-validation-error:before { content: ""; position: absolute; display: inline-block; top: -6px; left: 9px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #c33; }
html[dir='rtl'] .field-validation-error:before { left: auto; right: 9px; }

/*= date picker =*/
.ui-datepicker { z-index: 2000 !important; font-size: 0.8em;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); }
.ui-datepicker th { padding: 0.3em; }
.ui-datepicker > button { margin: 0 0 0.2em; }
.ui-datepicker-legend { margin-bottom: 5px; }
.ui-datepicker-trigger {background-color: transparent !important;border: none !important;margin: auto !important;margin: 2px;padding: 0;vertical-align: bottom;}
.ui-datepicker-trigger img {width: 20px; height: 20px; display: inline !important; border: none !important; vertical-align: baseline;}
button.ui-datepicker-trigger:focus {outline: 2px dotted }
/*= autocomplete =*/
.ui-autocomplete { position: absolute !important; z-index: 2000; overflow: auto; width: 21em !important; max-height: 70%; padding: 5px; border: 1px solid #ccc; border-radius: 0.3em; font-size: 0.8em;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box; }
.ui-autocomplete .ui-menu-item.is-child a { padding-left: 1.4em; }

/*= slider =*/
.ui-slider { position: relative; border: 1px solid #aaa; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.8em; height: 1.8em; border: 1px solid #aaa; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }
.ui-slider-horizontal { height: .8em; margin: 0 1.4em 0.5em 0.5em; }
.ui-slider-horizontal .ui-slider-handle { top: -.6em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-horizontal.ui-slider-rtl .ui-slider-range-min { right: 0; }
.ui-slider-horizontal.ui-slider-rtl .ui-slider-range-max { left: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

/*= tooltip =*/
.ui-tooltip { position: absolute; z-index: 2000; max-width: 300px; padding: 5px; border-radius: 0.3em; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); font-size: 0.9em; }
body .ui-tooltip { border-width: 2px; }

/*= google map =*/
.gm-style div > a:focus { display: block !important; }

/*= joyride =*/
.joyride-modal-bg { display: none; position: fixed; z-index: 10000; top: 0; left: 0; height: 100%; width: 100%; background: rgb(0,0,0); background: transparent; background: rgba(0,0,0, 0.5); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; cursor: pointer; }
.joyride-close-tip { position: absolute; top: 5px; right: 5px; text-decoration: none; font-size: 10px; font-weight: bold; }
.joyride-tip-guide { display: none; position: absolute; z-index: 10001; top: 0; left: 0; width: 430px; border-radius: 4px; background: rgba(255, 255, 255, 0.95); color: #222; border: solid 1px grey; box-shadow: 0 0 10px grey; }
.joyride-tip-guide h3 { font-family: arial, sans-serif;margin: 0 0 10px 0; }
.joyride-tip-guide span.joyride-nub { position: absolute; left: 136px; display: block; width: 0; height: 0; border: solid 14px; border-color: #fff; border-color: rgba(255, 255, 255, 0.95); }
.joyride-tip-guide span.joyride-nub.top { top: -14px; bottom: auto; border-top-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; border-top-width: 0; }
.joyride-tip-guide span.joyride-nub.bottom { bottom: -14px; border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-width: 0; }
.joyride-tip-guide span.joyride-nub.right { top: 22px; bottom: auto; left: auto; right: -14px; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-right-width: 0; }
.joyride-tip-guide span.joyride-nub.left { top: 22px; left: -14px; right: auto; bottom: auto; border-top-color: transparent !important; border-left-color: transparent !important; border-bottom-color: transparent !important; border-left-width: 0; }
.joyride-tip-guide span.joyride-nub.top-right { top: -14px; bottom: auto; left: auto; right: 28px; border-top-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; border-top-width: 0; }
.joyride-content-wrapper { padding: 10px; }

html[dir="rtl"] .joyride-close-tip { left: 5px;right: auto; }

.helpTip-map { top: 50% !important; left: 50% !important; margin: -2em 0 0 -150px; }
.helpTip-results { top: auto !important; bottom: 2.4em; left: 50% !important; margin: 0 0 0 -150px; }

@media (max-width: 1024px) {
	.helpTip-search { left: auto !important; right: 0; }
    html[dir="rtl"] .helpTip-search {left: 0 !important; right: auto; }
    html[dir="rtl"] .helpTip-search span.joyride-nub { left: 22px;right: auto; }
}

@media (max-width: 640px) {
	.helpTip-search span.joyride-nub { left: auto; right: 22px; }
    html[dir="rtl"] .joyride-tip-guide span.joyride-nub { right: auto; }
}

@media print {
    * { position: static !important; height: auto !important; max-height: none !important; }

    .visuallyhidden { display: none !important; }

    #site-header nav { display: none; }
    #site-footer { display: none; }
    #modal { display: none !important; }
    #loader { display: none !important; }
    .ui-widget { display: none !important; }
    .ui-helper-hidden-accessible { display: none !important; }
    .pnlwrapper { display: none !important; }

    #routeLegend { display: none !important; }
    #markerLegend { display: none !important; }
    #map { display: none !important; }
    #dropdown-results-share { display: none !important; }
    #dropdown-share-details { display: none !important; }
    .pnl-actions .btn::before, .pnl-actions .btn::after { display: none !important; }
    .pnl-anchor-bottom .pnl-actions .btn > span { display: none !important; }
    .pnl-content > header { display: none !important; }

    .results-area .col-action .btn { display: none; }

    html, body, #site-wrapper, #site-main { overflow-y: visible; }
    .pnl-actions { margin: 0 !important; padding: 1em 0; }
    .pnl-actions .btn { border-radius: 0; background: none; }
    .pnl-content { padding: 0; }
    .results { height: auto !important; }
    .results-scroller { display: block !important; }
    .results-area { float: none; margin: 0; }
    .results-area td { padding: 0.75em 0.5em; }
    .results-list thead .btn { display: none; }

    .print-details {}
}