/* R */
div#timeindex-text-wrap {	line-height: 1.6; }

div#timeindex-text-wrap.nopadding  { padding-top: 0; }

div#toggle_search {
 display: none;
 position: fixed;
 width: 100%;
 padding: 0.5em;
 top: 54px;
 background-color: #666;
 color: white;
 left: 0;
 z-index: 888;
 text-align: center;
}

div#toggle_search a { color: white; }

div#toggle_search { display: none; }

div#toggle_search.disabled {
 background-color: #ccc;
 color: #eee;
}

div#toggle_search span { display: none; }

div#toggle_search span.material-icons { 
	display: inline;
	margin-right: 5px;
}
 
span#makes_selected,
span#models_selected,
span#locations_selected { text-transform: none; }

div.multiple-list,
div.dropdown-list {
 border: 1px solid #ccc;
 cursor: pointer;
 background: white no-repeat right 5px top 7px url(/common_ui/embed_ui/img/icons_google/navigation/ic_expand_more_black_24dp.png);
 margin-bottom: 30px;
}

div#dropdown-huolto_id div.dropdown-list { margin-bottom: 15px; }

div#huolto-kuvaus { 
 margin-left: 10px;
 margin-bottom: 15px;
 font-size: 1.7rem;
 line-height: 1.4em;
}

div#huolto-lisapalvelut {  
 margin-left: 10px; 
 margin-bottom: 15px; 
}

div#huolto-lisapalvelut label { font-size: 1.6rem; }

div#huolto-lisapalvelut div.label-like { font-size: 1.5rem; }

div#huolto-lisapalvelut div.table-cell { line-height: 1.4em; }

div.lp-hidden-kuvaus {
 padding-bottom: 15px;
}

#huolto-lisapalvelut div.table-cell { line-height: 1.4em; }

b.muut-lp {
 font-size: 1.5rem;
 color: #3b3d42;
}

div#make-list,
div#model-list { margin-bottom: 0; }

div#model-list-wrapper,
div#make-list-wrapper { margin-bottom: 30px; }

span.sel-make,
span.sel-model {
 display: inline-block;
 border: 1px solid #ccc;
 border-radius: 40px;
 padding: 0 8px 2px 7px;
 white-space: nowrap;
 margin-top: 4px;
 margin-right: 4px;
 cursor: pointer;
 font-size: 1.2rem;
}

span.sel-make:hover,
span.sel-model:hover {
 border-color: #aaa;
 background-color: #f4f4f4;
}

span.sel-make::after,
span.sel-model::after {
 font-family: "Material Icons";
 content: "close";
 position: relative;
 top: 3px;
 right: -4px;
 font-size: 13px;
}

span.sel-make:hover::after,
span.sel-model:hover::after {
 color: red;
}

div.dropdown-interval {
 z-index: 2;
}

div.dropdown-list {
 position: relative;
}

div.dropdown-list.disabled {
 opacity: 0.5; 
 cursor: not-allowed;
}

div.multiple-list > span,
div.dropdown-list > span {
 display: block;
 padding: 0.5em;
 text-transform: uppercase; 
}

div.multiple-list.opened,
div.dropdown-list.opened {
 background-image: url(/common_ui/embed_ui/img/icons_google/navigation/ic_expand_less_black_24dp.png);
 -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
 -moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.2);
 box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.2);
 transition: initial;
 transition: box-shadow 300ms ease-in-out 0s;
}

div.multiple-list-values {
 padding: 0.5em;
 display: none; 
 border-top: 1px solid #ccc;
}

div.dropdown-list-values { 
 display: none; 
 position: absolute;
 border: 1px solid #ccc;
 width: calc(100% + 2px);
 left: -1px; 
 z-index: 10000000;
 overflow: auto !important;
 max-height: 240px;
}

div.dropdown-list-values div.dropdown-list-value {
 padding: 0.3em 0.5em;
 background-color: white;
}

div.dropdown-list-values div.dropdown-list-value.forcehide { display: none !important; }

div.dropdown-list-values div.dropdown-list-value:hover {
 background: #eee;
}

div.multiple-list-values label { 
 cursor: pointer;
 text-transform: unset;
}

div.multiple-list-values-wrap { 
 display: flex;
 flex-wrap: wrap;
}

div.multiple-list-value {
  display: flex;
  flex: 0 0 50%;
  max-width: 50%;
  align-items: center;
  padding: 1px 5px 1px 0
}

div.multiple-list-value.full {
  flex: 0 0 100%;
  max-width: 100%;
}

div.multiple-list-value.third {
  flex: 0 0 33.3%;
  max-width: 33.3%;
}

div.multiple-values div.multiple-list-values-wrap { 
 justify-content: space-between;
}

div#seatcount.multiple-values div.multiple-list-values-wrap { 
 justify-content: flex-start;
}

div#accessories.multiple-values div.multiple-list-value { 
 max-width: 100%;
 flex: 0 0 100%;
}

div.multiple-values div.multiple-list-value {
 max-width: 48%;
}

div.multiple-list-value input[type=checkbox] {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}


div.multiple-values { margin-bottom: 30px; }

/* styles.inc */
.title { margin-bottom: 0.4em; }

div.dropdown-list-wrap div.title { width: 100%; }

/*--- timelist ---*/

div#result-top {
	display: block;
	width:100%;
	margin-bottom: 0.5em;
	position: relative;
}

div#result-top.hidden { display: none; }

div#result-top h2 { margin-top: 0; }

/* R */
a#clearsearch { 
	margin-left: 5px;
	white-space: nowrap;
}

div#times { 
 position: relative; 
 min-height: 100px;
}

div#searching { 
 position: absolute; 
 background-color: white;
 width: 100%;
 left: 0;
 top: 0;
 text-align: center;
 height: 100%;
 padding-top: 100px;
 opacity: 0.7;
 z-index: 1000000;
}

div#searching img { margin-top: 0.5em; }
 
div#searching.fixed { 
 position: fixed;
 top: 139px;
}

div.time { 
	box-shadow: 0 0.2rem 2.8rem rgba(36,36,36,.1);
	border: 5px solid #ffffff;
	background: #ffffff;
	transition: all 300ms ease-in-out 0s;
	padding: 20px 15px;
	margin-bottom: 10px;
 	cursor: pointer;
}

div.time:hover,
div.time:focus-within {	
	box-shadow: 0 0.2rem 2.8rem rgba(36,36,36,.3);
	border: 5px solid #0075bd;
	transition: all 300ms ease-in-out 0s;
}

div.time div.timewrap {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 0px;
}

div.time div.timewrap > div { 
 text-align: right;
 position: relative; 
 width: 135px;
}

div.time div.timewrap > div > div.pricewrap { 
 position: absolute; 
 width: 100%;
 text-align: right;
}

div.time div.timewrap > div > div.pricewrap h3 { 
 font-weight: normal; 
 white-space: nowrap;
 margin: 0.25em 0 0 0;
}

div.time div.timewrap .button { margin-top: -5px; }

/* styles.inc */
div.time:hover h2,
div.time:focus-within h2 { transition: color 300ms ease-in-out 0s; } 

div.time h2 { 
	margin: 0;
	font-weight: bold;
	display: inline-flex;
	align-items: center;
	gap: 0 5px;
}

div.time a h2 { transition: all 300ms ease-in-out 0s; }

div.time h2 span.material-icons { font-size: 2.8rem; }

div.time div.duration { margin-bottom: 10px; }

div.time div.huolto_nimi { font-weight: bold; }

/* styles.inc */
div.time div.descriptionwrap { 
	margin-top: 10px;
	line-height: 1.3em;
} 

div.time div.descriptionwrap p { margin: 1em 0; }

div.time div.descriptionwrap p:last-of-type { margin-bottom: 0; }

/* styles.inc */
div#back_to_top {
	position: fixed;
	bottom: 15px;
	left: 2em;
	z-index: 10000000;
	display: none;
	padding: 11px 20px 11px 15px;
	border-radius: 40px;
	box-shadow: 0 4px 8px 0 #585858;
 	cursor: pointer;
}

div#back_to_top_wrap { display: flex; }

div#back_to_top_wrap span.material-icons { margin-right: 5px; }

/* styles.inc */
div.place-description-wrap {
	margin-top: 10px;
	line-height: 1.3em;
}

div.place-description-wrap p { margin: 1em 0; }

div.place-description-wrap p:last-of-type { margin-bottom: 0; }

div#page_navigation_buttons { 
 margin-top: 2em; 
 width:100%;
}

div#dn-wrap { position: relative; }

div#dn-wrap div#dn-loader-bg {
 display: block;
 position: absolute;
 background-color: #fff;
 width: 100%;
 height: 100%;
 opacity: 0.8;
 z-index: 9999998;
}

div#dn-wrap div#dn-loader-img {
 display: none;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 z-index: 9999999;
}

div#dn-wrap div#dn-noresults {
 display: none;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 z-index: 9999999;
}

.dncalendar-body table td.note:before { border-color: transparent !important; }

/* R */
div#dncalendar-container { 
 line-height: 1em;
 border: 3px solid #ffffff;
}

/* styles.inc */
.dncalendar-header h2 { 
 font-weight: bold;
 text-transform: uppercase;
}

.dncalendar-body { margin: 0; }

.dncalendar-body tbody tr td { 
 border-top: 0; 
 background-color: transparent !important;
}

.dncalendar-body td.default-date { border: 0 !important; }

/* R */
.dncalendar-body table td.note:before { border: 2px solid #eeeeee; }

.dncalendar-body tbody td#calendarClick { 
 cursor: default;
 background-color: transparent;
}

.dncalendar-body table td.note, .dncalendar-body table td.calendarClick.note { z-index: 199999; }

.dncalendar-body tbody td.calendarClick,
.dncalendar-body tbody td.calendarClick * { cursor: default; }

.dncalendar-body tbody td.calendarClick.note,
.dncalendar-body tbody td.calendarClick.note * { cursor: pointer; }

.dncalendar-body tbody tr td.calendarClick div.entry { 
 font-size: 1.8rem;
}

.dncalendar-body tbody tr td.note.calendarClick div.entry { 
 color: #0075bd;
 font-weight: bold;
 font-size: 1.7rem;
 -webkit-user-select: none;
 -moz-user-select: none; 
 -ms-user-select: none;
 user-select: none;
}

.dncalendar-body tbody tr td.note.calendarClick.selected div.entry { 
 color: #ffffff; 
} 

.dncalendar-body table td.note.calendarClick:before { border-color: transparent !important; }
.dncalendar-body table td.note.calendarClick.selected:before { border-color: #0075bd !important; }

/* R */
#calendar-colors { 
 display: table;
 margin-top: 10px;
}

/* R */
#calendar-colors .table-cell { padding-right: 10px; }

#calendar-colors .color-example {
 display: inline-block;
 width: 12px;
 height: 12px;
 border-radius: 2px;
 vertical-align: middle;
 margin-right: 5px;
}

#calendar-colors .color-example.green { background: #6eba36; }
#calendar-colors .color-example.yellow { background: #ffbf22; }
#calendar-colors .color-example.orange { background: #f88125; }
#calendar-colors .color-example.red { background: #dc3613; }
#calendar-colors .color-example.blue { background: #337bb3; }

#calendar-colors .color-example.white { 
 width: 10px;
 height: 10px;
 background: #ffffff; 
 border: 1px solid #bbbbbb; 
}

.dncalendar-header h2 {
 margin: 8px 0 0 0 !important;
 font-size: 1.8rem !important;
}

div#reservation-form-wrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
  margin-top: 1.5em;
}

div#reservation-form-wrap > div {
  width: 100%;
  margin-bottom: 1.5em;
}

/* R */
div#reservation-form-wrap div.narrow { width: calc(50% - 25px); }