@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html {
	/*position: fixed;*/
	width: 100vw;
	height: 100vh;
	background-color: #fff;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

body {
	display: flex;
	flex-flow: column nowrap;
	width: 100%;
	height: 100%;
	padding-top: 0;
	background-color: #fff;
	position: static;
	font-size: .875em;
	/*overflow-y: hidden;*/
	min-width: unset;
}

a {
	text-decoration: none;
}

tr, td {
	border: none;
}

.spinner-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	outline: 0;
	z-index:10000;
}

.spinner-overlay.hidden {
	display: none;
}

.logo,
.brand-text {
	display: inline-block;
}

.brand-text,
.brand-text a {
	font-size: .9em;
	color: #fff;
	margin-left: 2px;
}

a .brand-text {
	display: flex;
	align-items: center;
}

.brand-text-menu a {
	font-size: .9em;
	color: #000;
	margin-left: 2px;
}

html.noscroll {
    position: fixed; 
    overflow-y: scroll;
    width: 100%;
}

.footer { 
	clear:both;
	position: fixed;
	bottom: 0;	
}

.hidden {
	display: none !important;
}

.clearfix { clear: both; }

.container { width:100%; }

.nav-item {
	white-space: nowrap;
	position: relative;
}

.navbar.app {
	padding: 0;
}

.navbar-inverse {
	background-image: none;
}

.navbar-header {
	flex: 0 1 auto;
}

.footer .navbar-header {
	flex: 1 0 auto;
}

.navbar .fa {
	position: relative;
}

.navbar-toggler,
.navbar-toggler .fa {
	color: #fff;
}

.navbar-toggler .fa {
	top: 50%;
	transform: translateY(-50%);
}

.container.loggingOut,
.navbar.loggingOut {
	filter: grayscale(1) blur(2px);
}

nav#pagination { float: left;}
nav#showResults { float: right;}
.pagination { margin: 2px 0px 50px; font-size: 0.87em; }
.pagination>.disabled>a, .pagination>.disabled>a:hover { cursor: default; color: #555; }
.pagination>li:first-child>a, .pagination>li:last-child>a { border-radius: 0; }

nav#pagination p, nav#showResults p { margin: 3px 0px 0px 0px; font-size: 0.9em; }

label,
.label {
	font-weight: bold;
}

#tabContainer {
	border-bottom: 1px solid #ddd;
	float: left;
	clear: both;
	width: 100%;
}

#tabContainer > div {
	cursor: pointer;
}

#varaosatTab { margin-right: 2%; width: 49% }
#omakayttoTab { margin-right: 2%; width: 49% }
#tarvikkeetTab { width: 49%; }

#AKFI_palveluTab { margin-right: 2%; width: 24% }
#AKFI_korjaamoTab { margin-right: 2%; width: 24% }
#AKFI_kalenteriTab { margin-right: 2%; width: 24%; }
#AKFI_varausTab { margin-right: 2%; width: 24%; }
#AKFI_vahvistusTab { width: 24%; }


#tarvikkeetTab, #varaosatTab, #omakayttoTab {
	float: left;
	text-align: center;
	top: 1px;
	padding: 6px 3px;
	border: 1px solid #ddd;
	position: relative;
	border-radius: 3px 3px 0px 0px;
	border-bottom-color: transparent;
	overflow: hidden;
	color: #428bca;
	text-overflow: ellipsis;
	font-size: 1em;
}

#AKFI_palveluTab, #AKFI_korjaamoTab, #AKFI_kalenteriTab, #AKFI_varausTab, #AKFI_vahvistusTab {
	float: left;
	text-align: center;
	top: 1px;
	padding: 6px 3px;
	border: 1px solid #ddd;
	position: relative;
	border-radius: 3px 3px 0px 0px;
	border-bottom-color: transparent;
	overflow: hidden;
	/*color: #428bca;*/
	text-overflow: ellipsis;
	font-size: 1em;
	cursor: default !important;
}

#AKFI_palveluTab.active, #AKFI_korjaamoTab.active, #AKFI_kalenteriTab.active, #AKFI_varausTab.active, #AKFI_vahvistusTab.active {
	color: #555;
	border-bottom-color: #fff;
}

#AKFI_palveluTab:hover, #AKFI_korjaamoTab:hover, #AKFI_kalenteriTab.hover, #AKFI_varausTab.hover, #AKFI_vahvistusTab.hover {
	/*background-color: #eee;
	border-bottom: 1px solid #ddd;
	cursor: pointer;*/
	cursor: default !important;
}

#AKFI_palveluTab.active:hover, #AKFI_korjaamoTab.active:hover, #AKFI_kalenteriTab.active:hover, #AKFI_varausTab.active:hover, #AKFI_vahvistusTab.active.hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

#leftMenu {
	position: relative;
	border-right: 1px solid #ddd;
	padding-top: 14px;
	padding-right: 10px;
}

#leftMenu form > div {
	display: block;
	width: 100%;
}

#tarvikkeetTab.active, #varaosatTab.active, #omakayttoTab.active {
	color: #555;
	border-bottom-color: #fff;
}

#tarvikkeetTab:hover, #varaosatTab:hover, #omakayttoTab.hover {
	background-color: #eee;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
}

#tarvikkeetTab.active:hover, #varaosatTab.active:hover, #omakayttoTab.active:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

#regplate {
	width: 70%;
	height: auto;
	background: url("/img/regplate.jpg") no-repeat left center;
	padding-left: 20px;
	padding-right: 0px;
	background-size: auto 100%;
	border: 1px solid #ddd;
	position: relative;
	display: inline-block;
}

#regplate .form-control {
	text-align: center;
	width: 100%;
	font-size: 1.2em;
	border: none;
	margin-top: 0px;
	color: #000;
	text-transform: uppercase;
	padding: 0;
	transition:0.1s all;
}

#regplateinput.form-control {
	text-align: center;
	width: calc(75% - 20px);
	height: 34px;
	font-size: 1.6em;
	border: none;
	color: #000;
	text-transform: uppercase;
	padding: 0;
	transition:0.1s all;
}

a.carHistory {
	position: absolute;
	font-size: 1em;
	right: 11px;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	background-color: #fff !important;
	box-shadow: 0 0 0px 1000px white inset !important;
}


div#line {
    width: 15px;
    height: 1px;
    border-top: 1px solid #ddd;
    margin-top: -1px;
    position: absolute;
    left: 0;
}


table th {
	border: 0;
}

.table-bordered {
	border: none;
}

table#fpProducts {
	margin-bottom: 5px;
}

table#fpProducts input.kplmaara {
	width: 33px;
	float: left;
	margin-bottom: 5px;
	padding: 0 0 0 5px;
	height: 26px;
}

.pagination>li>a:hover { background-color: #ddd; }

.navbar .dropdown-menu {
	position: absolute;
}

.dropdown.show .dropdown-toggle {
	color: #fff;
	background-color: #080808;
}

.navbar .navbar-nav .dropdown-menu > li > a:hover {
	background-image: none;
}

.navbar-inverse .navbar-nav > li > a {
	color: #fff;
	text-decoration: none;
}

.navbar .navbar-nav .travelling__base .signout,
.navbar .navbar-nav .travelling__base .divider,
.navbar .navbar-nav .travelling__base .submenu,
.navbar .navbar-nav .travelling__base .submenu__content,
.navbar .navbar-nav .travelling__base .user,
.navbar .navbar-nav .travelling__base .dropdown-divider {
	display: none;
}

.travelling__base .user, .travelling__base .user-dropdown__target {
	font-size: .9em;
}

.navbar .navbar-nav .travelling__base .user-dropdown__target {
	display: none;
	max-height: 200px;
	overflow: hidden;
	overflow-y: auto;
	padding: 0;
}

.navbar .navbar-nav .travelling__base .user {
	width: 100%;
	background-color: #0B5489;
	color: #fff;
}

.dropdown-menu .osatunnisteet {
	max-height: 400px;
	overflow: auto;
	list-style: none;
	padding: 0;
	margin: 0;
}

.dropdown-menu .osatunnisteet > li > a,
.dropdown-menu > li > a {
	padding: 8px 9px;
	display: block;
	clear: both;
	font-weight: 400;
	font-size: .9em;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}
.navbar .navbar-nav .dropdown-menu {
	padding: 6px 6px;
	border-radius: 0;
	box-shadow: 0 2px 12px rgba(0,0,0,.175);
	font-size: .9rem;
}

.dropdown-menu.maxh {
	min-width: 350px;
	right: 0;
	left: unset;
}

.user-dropdown {
	min-width: 320px;
	width: auto;
	right: 0;
	left: unset;
}

.panel-default>.panel-heading { background-image: none; }


.sopivuuslista .panel.panel-default { border-radius: 0px; }
.sopivuuslista .card-header { border-radius: 0px; }

.sopivuuslista table {
    margin-left: 15px;
}

.sopivuuslista table td {
    padding: 1px 5px 1px 0px;
}

.sopivuuslista .card {
	border-radius: 0;
}

.sopivuuslista .card + .card {
	margin-top: 5px;
}

.sopivuuslista .card .card-header {
	border: 0;
}

.show-cart-toggle .fa.fa-shopping-cart {
	position: relative;
}

.cartnotification {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	padding: 5px 15px;
	color: #fff;
	background-color: #135388;
	animation: flashAppear 2s;
}

@keyframes flashAppear {
	0% {
		opacity: 0;
	}
	12.5% {
		opacity: .8;
	}
	62.5% {
		opacity: .8;
	}

	100% {
		opacity: 0;
	}
}

table#fpProducts .cartActions {
	display: flex;
	flex-flow: row-reverse nowrap;
	max-width: 120px;
    margin-left: auto;
}

.cartActions .btn-warning {
	color: #fff;
}

table#fpProducts .cartActions .kplmaara {
	order: 2;
}

input[type=number]::-webkit-outer-spin-button, 
input[type=number]::-webkit-inner-spin-button {
	opacity: 1;
	-webkit-appearance: inner-spin-button !important;
}

table#fpProducts .cartActions .cartButton {
	order: 1;
}

table#fpProducts .cartActions .kplmaara,
table#fpProducts .cartActions .cartButton {
	flex: 1 1 auto;
	text-align: center;
}

.avaaAlatuotteet { opacity: 0.6; }

.avaaAlatuotteet, .suljeAlatuotteet {
	position: absolute;
	left: 0;
	top: 0;
	color: #F2C34A;
	z-index: 1;
}

.avaaAlatuotteetVR {
	color: #4AF24A;
}

.lnkAvaaAlatuotteet, .lnkSuljeAlatuotteet {
	color: #F2C34A;
}

.lnkAvaaAlatuotteetVR {
	color: #4AF24A;
}

.alarivivaliX .avaaAlatuotteet, .alarivivaliX .suljeAlatuotteet {
    left: 107px;
  }

.avaaAlatuotteet .fa, .suljeAlatuotteet .fa {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    background-color: #000;
    border-radius: 3px;
}

.lnkAvaaAlatuotteet .fa, .lnkSuljeAlatuotteet .fa {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    background-color: #000;
    border-radius: 6px;
}


.avaaAlatuotteet:hover { opacity: 1; }
.avaaAlatuotteet:hover, .suljeAlatuotteet:hover {
    cursor: pointer;
}

.lnkAvaaAlatuotteet:hover, .lnkSuljeAlatuotteet:hover {
    cursor: pointer;
}

.avaalisatuote:hover, .suljelisatuote:hover { cursor: pointer; }

tbody tr {
  position: relative;
}
.listLoader {
  display: none;
  position: absolute;
  bottom:0px;
  left:0px;
  z-index:500;
  width:100%;
  height:100%;
  color:black;
  opacity:.8;
  background-color:white;
}

.listLoader
{
    margin-top:20px;
}

.table-striped > tbody > tr:nth-of-type(odd).alarivi > td {
    background-color: #fff9cc;
}
.table-striped  > tbody > tr:nth-of-type(even).alarivi > td {
    background-color: #fffce6;
}

/* todo */
.table-striped > tbody > tr.taso3:nth-of-type(odd).alarivi > td {
    background-color: #fffef4;
}
.table-striped  > tbody > tr.taso3:nth-of-type(even).alarivi > td {
    background-color: #fdfbea;
}

.mainmenuItem { 
	height:auto; 
	line-height:auto; 
	padding:0 15px; 
}

.tuoteTD {
	position:relative;
	width: 5%;
}

.teknisetTD {
	width: 19%;
	position: relative;
	padding-bottom: 0px !important;
}

.listiedotTD {
	width: 25%;
}

.varastoTD {
	width: 2%;
	text-align: right;
	min-width: 62px;
}

.varastoTD__hyllypaikka {
	position: relative;
	font-size: 1em;
	margin: 10px 0;
}

.varastoTD__hyllypaikka--single {
	background-color: #fff;
	border: 1px solid #ddd;
	box-shadow: 2px 2px 2px rgba(50,50,50,.5);
	cursor: pointer;
}

.varastoTD__hyllypaikka__header__row {
	font-weight: bold;
	background-color: rgba(0, 0, 0, 0.05);
}

.hintaTD:empty {
	display: none;
}

.hintaTD {
	width: 2%;
	text-align: right;
}

.varastoTD .bold,
.hintaTD .bold {
	display: block;
	font-size: 1.1em;
	margin-bottom: 10px;
}

.table > tbody > tr > td.varastoTD,
.table > tbody > tr > td.hintaTD {
	position: relative;
}

.cart-price-td, .cart-total-td, .amount-td { white-space: nowrap; }

.amount-td { width: 80px;}

.productimg {
	position: relative;
	float: left;
	width: 30%;
	padding: 5px;
	border: 1px solid #ddd;
	background: #fff;
	max-width: 100px;
	overflow: hidden;
	text-align: center;
}

.productimageslider {
	position: relative;
	display: flex;
	width: 100%;
	justify-content: center;
	align-content: center;
}

.productimg img {
	max-width: 100%;
}

.producttext {
	float: left;
	width: calc(66% - 40px);
	margin-left: 4%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.producttext .kategorianimi{
	display: none;
}

.producttext-productcode-container {
	position: relative;
	float: left;
	padding-bottom: 16px;
	text-overflow: unset !important;
	overflow: unset !important;
}

.producttext-productcode-container .productcode {
	width: 100%;
}

.productcode {
	width: calc(66% - 40px);
	text-overflow: unset !important;
	overflow: unset !important;
}

.producttext span .star {
	background-color: #FFD700;
	border-color: #FFD700;
	padding:1px;
	width:15px;
}

.producttext span .star:before{
	color: #fff;
}

.producttext span span.teksti {
	font-size:12px;
	color:black;
}

/* Padding-testiä */
.tuoteTD.padding {
	background: #fff;
	border-left: none;
	padding: 0;
	margin: 0;
}

.tuoteTD.padding .productimg {
	margin-left: 2%;
}

.tuoteTD.padding .producttext {
	width: 64%
}

.tuoteTD.paddingX {
	padding-left: 55px;
}

.taso3 .tuoteTD.paddingX {
	padding-left: 220px;
}

.alarivivali {
  margin-left: 16px;
  border-left: 1px solid #ddd;
  float: left;
  background-color: #FFF7BC;
  height: 100%;
  padding-bottom: 6px;
  padding-top: 6px;
  padding-right: 4px;
}

.alert { border-radius: 0px; }

a.cartButton { float:left; min-width: 42px; border: none; }
a.cartButtonEmpty {
    float: right;
    min-width: 47px;
    max-width: 244px;
    overflow: hidden;
    font-size: 18px;
    padding-top: 6px;
    padding-bottom: 1px;
    text-overflow: ellipsis;
    margin-top: -37px;
    margin-right: 2px;
}

/* Cart pop-up */
.cart-container .cart-inner-container
{
	padding: 0.2rem 1rem 0 1rem;
	position: relative;
	cursor: default !important;
}

.cart-container .cart-table h4
{
	padding-right: 57px;
	font-size: 1.4em;
}


/* Cart sidebar */
.main-cart h4{
	padding-right: 57px;
	font-size: 1.4em;
}

.main-cart .empty-all-carts-container {
	text-align:right;
	margin-bottom:5px;
	margin-bottom: 20px;
}

.main-cart .show-cart-toggle {
	display: none;
}

.main-cart .show-cart-toggle .closer {
    position: absolute;
}

.main-cart table.cart-table a.btn-sm {
	padding: 4px 0;
}

.main-cart table.cart-table a.cart-button-remove { 
	float:none; 
	display: block; 
	min-width: 27px; 
	width: 27px;
	margin-bottom: 6px; 
}

.main-cart table.cart-table .amount-td a.cartButton, 
.main-cart table.cart-table .amount-td a.cartButtonDec {
	width: 20px;
	min-width: 14px;
	margin-bottom: 0;
	padding: 0;
	float: none;
	display: inline-block;
}

/* Cart table */
table.cart-table{
	margin-bottom: 5px;
	margin-top:5px;
	font-size: .9em;
}

table.cart-table .productimg { 
	max-width: 60px; 
}



/* Hover cart */
.hover-cart table.cart-table .amount-td {
    display: table-cell !important;
}

.hover-cart table.cart-table .amount-td-2 {
    display: none !important;
}

.hover-cart table.cart-table .cart-price-td {
    display: table-cell !important;
}

.hover-cart table.cart-table .cart-total-td {
    display: table-cell !important;
}

.hover-cart table.cart-table .cart-delete {
    display: table-cell !important;
}

.hover-cart .show-shipping-cart, .hover-cart #closeCart {
	display: none !important;
}

li.nav-item .hover-cart {
	display: none;
}

a.navbar-brand {
	background-color: transparent;
	/*font-family: Lucida Console;*/
	margin-right: 16px;
	font-size: 1.2em;
	padding-bottom: 5px;
}

a.navbar-brand .fa { margin-right: 5px; }
#topForms { margin: 0em 0 2em; }
#topForms form { display:inline-block; margin-right:1%; }
#topForms input, #topForms select { margin-bottom: 5px; }

.form-control:focus {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 1px rgba(102, 175, 233, 0.6);
}

input[type="checkbox"].form-control {
	display: initial;
	position: relative;
	left: 50%;
	width: auto;
	height: auto;
	transform: translateX(-50%);
	appearance: checkbox;
}

h3.valittuajoneuvo { border-bottom:1px solid #ddd; }
h3.valittuajoneuvo a { color: inherit; }
h3.valittuajoneuvo a:hover { text-decoration: none; }


#ajoneuvovalittuFront { margin-bottom: 50px; padding-bottom: 30px; float: left; width: 100%; }

#autoimage {
    max-width: 350px;
    float: left;
    width: 40%;
    margin-right: 1%;   
    margin-top: 20px;
    position: relative;
    min-height: 190px;
    max-height: 190px; 
    border: 5px solid #eee;
}

#autoimage .loader {
height: 100%;
position: absolute;
z-index: 10;
top: 0;
background: #fff;
width: 100%;
}

#autoimage .loader img {
position: absolute;
right: 50%;
margin-right: -10px;
top: 50%;
opacity: 0.7;
margin-top: -10px;
}

.navbar .navbar-nav .open .dropdown-menu {
    width: 100%;
}
#autoinfo { margin-top: 21px; width: 59%; float: left; }
#autoinfo table { border-bottom: 1px solid #ddd; }
#autoinfo table td.infoFirst { text-align: right; width: 120px; }
#autoinfo table td.infoFirst::first-letter { text-transform: capitalize; }
td.passive { color: #bbb; }

#autoimage img.carimage { width: 100%; height: auto; display: none; }

#autoimage p {
position: absolute;
display: none;
bottom: -34px;
left: 50%;
font-size: 0.85em;
color: #bbb;
margin-left: -119px;
}

#automaintenance h4 {
    margin-top: 30px;
    border-bottom: 1px solid #eee;
}


table.valitsemalli tr:hover, table.valitsemalli>tbody>tr:nth-child(odd):hover>td {
    cursor: pointer;
}

.valikoimaTable td {
    padding-right: 5px;
    padding-bottom: 5px;
}

.rightbox {
	border-left:1px solid #ddd;
} 


table.collapsetable {
	margin-bottom: -1px;
}

table.collapsetable th {
	padding: 0;
}

table.collapsetable th a {
	display: inline-block;
	width: 100%;
	padding: 5px;
	color: #fff;
	text-decoration: none;
	position: relative;
}

table.collapsetable th a:hover {
	color: #fff;
	text-decoration: none;
}

table.collapsetable th a span.fa-chevron-up,
table.collapsetable th a span.fa-chevron-down,
table.collapsetable th a span.fa-times {
	transition: transform 1s;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -7px;
}

table.collapsetable th a span.fa-chevron-right, table.collapsetable th a span.fa-chevron-left {
    transition: transform 1s;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -7px;
}

table.collapsetable th a.collapsed span.fa-chevron-up,table.collapsetable th a.collapsed span.fa-chevron-down { transform: translateY( -10% ) rotateX( -180deg ); }

table.vehicleInfo th {
	background-color: #1d66ca;
	color: #fff;
	padding: .5rem;
}

.collapsed .fa.fa-compress:before {
	content: "\f065";
}

table.vehicleInfo td {
    width: 50%;
}

table.vehicleInfo div {
    display: inline-block;
}

table.cartInfo
{
	margin-bottom: 0;
}

table.cartInfo th {
    background-color: #1d66ca;
    color: #fff;
}

.table>tbody>tr>td { 
	padding: 6px; 
	background-clip: padding-box;
}

.navbar { border-radius: 0px; }

.dropdown-menu .osatunnisteet > li > a:hover,
.dropdown-menu .osatunnisteet > li > a:hover button,
.dropdown-menu .osatunnisteet > li > button.toimipaikkavaihto_btn:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .open .submenu:hover .submenu__hover,
.navbar .navbar-nav .dropdown-menu > li > a:hover,
.navbar .open .submenu__hover:hover,
.navbar .dropdown-item:focus,
.navbar .dropdown-item:hover,
button.toimipaikkavaihto_btn:hover > .toimipaikkavaihto_span {
	background-color: #222;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.toimipaikkavaihto_span {
	color: #000;
	font-size: 14px;
}

button.toimipaikkavaihto_btn {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: #2a6496;
	text-align: left;
}

button.toimipaikkavaihto_btn.bold {
	font-weight: bold;
}

.dropdown-menu .osatunnisteet > li > button.toimipaikkavaihto_btn {
	width: 100%;
	text-align: left;
	padding: 8px 9px;
	display: block;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}

.omattiedotform button.toimipaikkavaihto_btn:hover {
	color: #2a6496;
    text-decoration: underline;
}

#debug {
    border-top: 3px solid #eee;
    color: #888;
    font-size: 12px;
    padding: 20px;
    background-color: #ffffff;
    position: absolute;
    left: 100%;
    width: 100%;
    top: 0;
}


form#productSearch { margin-bottom: 10px; }

.vp-button {
    /*position: absolute;*/
    margin-top: -5px;
    margin-right: 1.5%;
    color: #fff;
    right: 16px;
    padding-right: 4px !important;
}

.btn-danger {
	background-color: #DA1F1F !important;
	color: #fff;
	background-image: linear-gradient(#DA1F1F ,#c90e0e) !important;
	border-color: #DA1F1F #c90e0e #b80d0d !important;
	border-style: solid !important;
	border-width: 1px !important;
	border-radius: 5px !important;
	box-shadow: rgba(255,255,255,.6) 0 1px 0 inset !important;
	box-sizing: border-box !important;
}
.btn-danger:hover {
	background-image: linear-gradient(#c90e0e ,#b80d0d) !important;
}


.btn-primarytire {
	background-color: #337ab7 !important;
	color: #fff;
	background-image: linear-gradient(#337ab7 ,#265a88) !important;
	border-color: #337ab7 #265a88 #154977 !important;
	border-style: solid !important;
	border-width: 1px !important;
	border-radius: 5px !important;
	box-shadow: rgba(255,255,255,.6) 0 1px 0 inset !important;
	box-sizing: border-box !important;
}
.btn-primarytire:hover {
	background-image: linear-gradient(#265a88 ,#154977) !important;
	color: #fff;
}

.btn-warning {
	background-color: #ffc107 !important;

	background-image: linear-gradient(#ffc107 ,#eeb006) !important;
	border-color: #ffc107 #eeb006 #dda003 !important;
	border-style: solid !important;
	border-width: 1px !important;
	border-radius: 5px !important;
	box-shadow: rgba(255,255,255,.6) 0 1px 0 inset !important;
	box-sizing: border-box !important;
}
.btn-warning:hover { background-color: #ffcf3e !important; }

/* VARAOSAPUU JA TAVARATALOPUU---> */

.treeMenu { margin-top: 10px; padding: 0; list-style-type: none; margin-bottom: 50px;}
.treeMenu.stick {
	margin-top: 0px;
	position: fixed;
	top: 0;
	left: -1px;
	max-width: 33.33%;
	padding-left: 16px;
	padding-right: 15px;
	height: 100%;
	overflow-y: scroll;
	background: white;
}
.treeMenu ul {
	list-style-type: none;
	padding-left: 0px;
}

.treeMenu li a,
.medlevelLink {
	border-bottom: 1px solid #ddd;
	position: relative;
	overflow: hidden;
	text-overflow:ellipsis;
	font-size: 13px
}

.treeMenu li a.sublevelLink {
	border-bottom: 1px solid #ddd;
	padding-left: 15px;
	padding-right: 19px;
	position: relative;
	overflow: hidden;
	text-overflow:ellipsis;
}

.treeMenu li ul {
	padding-left: 7px;
}

.treeMenu li a::first-letter,
.medlevelLink::first-letter {
	text-transform: uppercase;
}

.treeMenu li a.passive,
.medlevelLink.passive,
.spanlink.passive {
	color: #aaa;
}

.treeMenu li {
	font-weight:normal;
	background-color: #fff;
	position: relative;
}

.treeMenu li.active {
	font-weight: bold;
	border-bottom: 0;
}

.treeMenu li.active > a,
.treeMenu li.active > .medlevelLink {
	background-color: #eee;
}

.treeMenu li a.toplevel {
	background-color: #428bca;
	color: #fff;
	border-bottom: 0px;
}

.treeMenu li a.toplevel:hover {
	cursor: pointer;
}

.treeMenu li.active li.active a {
	padding-left: 15px;
}

.treeMenu li.active ul {
	padding-left: 7px;
}

.treeMenu li a.medlevelLink {
	padding-left: 0px !important;
}

.treeMenu li.active a.medlevelLink {
	border-left: 1px solid #ccc;
}

.treeMenu li a.medlevel {
	width: 16px;
	height: 22px;
	position: absolute;
	right: 15px;
	top: 11px;
	padding: 0;
	border: none;
	overflow: hidden;
	transform: translateY(-50%);
}

.medlevelLink {
	width: 100%;
}

.treeMenu .medlevelLink::first-letter {
	text-transform: uppercase;
}

.treeMenu a, .medlevelLink {
	color: #222;
	display: block;
	text-decoration: none;
	width: 100%;
	outline: none;
	padding: 1px 5px 1px 5px;
}

.treeMenu a:hover,
.medlevelLink:hover {
	background-color: #eee;
	cursor: pointer;
}

.treeMenu span:hover {
	cursor: pointer;
}

.treeMenu a.toplevel {
	padding-left: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

li.selected  {
	color: white;
	background-color: #428bca !important;
}

li.selected .medlevelLink,
.collapse.in li.selected {
	color: white;
	background-color: #428bca !important;
}

ul#tuoteryhmapuu {
	display: none;
}

ul#tuoteryhmapuu.treeMenu li.active a.medlevelLink {
	border-left: none;
}

ul#tuoteryhmapuu.treeMenu li.active {
	background-color: transparent;
}

ul#tuoteryhmapuu.treeMenu li li.active {
	background-color: #428bca;
}

ul#varaosapuu.treeMenu li a.toplevel {
	background-color: transparent;
	color: #333;
	border-bottom: 0px;
	font-weight: bold;
	padding-left: 0px;
}

ul#tuoteryhmapuu.treeMenu li a.toplevel {
	background-color: transparent;
	color: #333;
	border-bottom: 0px;
	font-weight: bold;
	padding-left: 0px;
}

ul#omakayttopuu {
	display: none;
}

ul#omakayttopuu.treeMenu li a.toplevel {
	background-color: transparent;
	color: #333;
	border-bottom: 0px;
	font-weight: bold;
	padding-left: 0px;
}

/* <--- LOPPU VARAOSAPUU */

.regnumber { text-transform: uppercase; }

a.carHistory:hover { cursor: pointer;}

.btn {
	border-radius: 0;
	box-shadow: none;
	background-image: none;
	text-shadow: none;
	font-size: 1em;
}
.btn-sm { border-radius: 0; box-shadow: none; }
.btn-success {
	background-color: #198754 !important;
	color: #fff;

	background-image: linear-gradient(#198754 ,#087643);
	border-color: #198754 #087643 #076532 !important;
	border-style: solid !important;
	border-width: 1px !important;
	border-radius: 5px !important;
	box-shadow: rgba(255,255,255,.6) 0 1px 0 inset;
	box-sizing: border-box;
}
.btn-success:hover {
	background-image: linear-gradient(#087643 ,#076532);
}
.form-control { border-radius: 5px; box-shadow: none; font-size: inherit; }

.btn-sm {
	padding: 4px 14px;
	border: none;
	font-size: 12px;
}

#cartContainer .btn-sm {
	margin-top: 5px;
}

.btn-secondary {
	transition: 0.05s all;
	background-color: #eee;
	color: #000;

	background-image: linear-gradient(#f7f8fa ,#e7e9ec);
	border-color: #adb1b8 #a2a6ac #8d9096 !important;
	border-style: solid !important;
	border-width: 1px !important;
	border-radius: 5px !important;
	box-shadow: rgba(255,255,255,.6) 0 1px 0 inset;
	box-sizing: border-box;

}

.btn-secondary:disabled, .btn-secondary[disabled] {
	background-color: #f5f5f5;
	border-color: #eee;
	color: #999;
}

.btn-secondary:hover, .btn-secondary:focus {
	color: #111;
	background-image: linear-gradient(#e6e7e9 ,#d6d8db);
}

.btn-secondary.active {
	background-image: none !important;
}

li.bold a { font-weight: bold; }
.table>tbody>tr>th { border: none; }

form.osio1 .form-control {
	width:70%;
	box-shadow: none;
	display: inline-block;
}

form.osio1 .btn {
	padding: 0 3px;
	width: 25%;
	height: 34px;
}

#motorcode {
	font-size: .9em;
}

#motorcode, #hakusanatuotenumero, #hakusanatuotenumero2 { margin-top: 5px; }

h3.valittuajoneuvo a.vp-button { margin-right: 0; }

div.chooseModelBlock {
    position: relative;
    margin-top: 7px;
    margin-bottom: 0px;
}

div.chooseModelBlock.chosen {
 /* display: block;
    background: #f2f2f2;
    padding: 10px;
    font-weight: bold;
    position: relative;
    margin-top: 15px;
    margin-bottom: 10px;*/
}

div.chooseModelBlock .vp-button {
	right: 0;
	line-height: 1.1;
	padding-top: 4px;
	min-width:80px;
	font-size:10px;
}

div.chooseModelBlock .cs-button {
	padding-top: 4px;
	width:100%;
}

.form-inline.osio1 {
	position: relative;
	background: #f2f2f2;
	padding: 4px 8px 4px 8px;
}

#hakuvalinnat:not(.show) {
	height: 0;
	overflow: hidden;
}

#ajoneuvotiedotdiv:not(.show) {
	height: 0;
	overflow: hidden;
}

#rekkuha span {
	font-weight: bold;
}

#rekkuha.collapse:not(.show) {
    display: none;
}

.hakuvalinnat label {
	display: block;
	padding-right: 15px;
	font-weight: bold;
}

.hakuvalinnat a {
	position: absolute;
	top: 5px;
	right: 10px;
}

.firstbox .popover {
	top: auto;
	left: auto;
	margin-left: -1px;
	border-radius: 0;
}

.chooseModelBox {
	margin-top: 9px;
}

.chooseModelBox select {
	min-width: 470px;
	margin-bottom: 6px;
	box-shadow: none;
	border: 1px solid #ddd;
}

.row--custom .carHistoryBox.popover {
	position: absolute;
	left: calc(16.666% - 50px);
	top: 110px;
	max-width: 350px;
	width: 85vw;
	margin: 0;
	border: 1px solid #fff;
	border-radius: 0;
	box-shadow: 0 0 0 1px rgba(0,0,0,.25);
}

.row--custom .carHistoryBox.popover .arrow {
	left: 5px;
}

.carHistoryBox .close {
	position: absolute;
	right: 10px;
	top: 8px;
	font-size: 20px;
	color:
	#fff;
	opacity: 1;
	text-shadow: none;
	transition: all .2s;
}

.carHistoryBox .close:hover {
	color: #989898;
	text-shadow: 1px 1px #fff, 1px -1px #fff, -1px -1px #fff, -1px 1px #fff, 0 1px #fff, 0 -1px #fff, 1px 0 #fff, -1px 0 #fff;
	transition: all .2s;
}

.carHistoryBox .popover-title {
	background-color: rgba(50,50,50,.5);
	font-size: 1.1em;
	padding: 8px 14px;
	margin-bottom: 0;
	color: #fff;
	border: none;
	border-radius: 0;
}

.carHistoryBox .popover-title:before {
	display: none;
}

.platelist {
	max-height: 500px;
	overflow: hidden;
	overflow-y: auto;
	padding: 0;
}

.platelist:-moz-only-whitespace,
.platelist:empty {
	padding: 8px 14px; 
}

.platelist:-moz-only-whitespace:before,
.platelist:empty:before {
	content: 'Ei historiatietoja';
}

.platelist__vehicle {
	display: flex;
	flex-flow: row nowrap;
	color: #7c777d;
	border-bottom: 1px solid;
	padding: 5px;
}

.platelist__vehicle:first-child {
	border-top: 1px solid;
}

.platelist__vehicle:last-child {
	border: none;
}

.platelist__vehicle:focus:not(:last-child),
.platelist__vehicle:active:not(:last-child),
.platelist__vehicle:hover:not(:last-child) {
	border-bottom: 1px solid #7c777d;
}

.platelist__vehicle:focus,
.platelist__vehicle:active,
.platelist__vehicle:hover {
	text-decoration: none;
	background-color: rgba(50,50,50,.5);
	color: #fff;
	box-shadow: inset 0 0 0 1px #fff;
}

.platelist__vehicle__model,
.platelist__vehicle__register {
	position: relative;
	display: inline-block;
	flex: 0 0 auto;
}
	
.platelist__vehicle__register {
	width: 30%;
	font-size: .9em;
	font-weight: bold;
}

.platelist__vehicle__register .time {
	font-size: 12px;
	font-weight: normal;
}

.platelist__vehicle__register span{
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
}

.platelist__vehicle__model {
	width: 70%;
	font-size: 12px;
}

.platelist__vehicle__model .make{
	font-weight: bold;
}

.chooseModelBox .btn {
	width: 100%;
}

.firstbox .popover h3 {
	font-weight: bold
}

.firstbox .popover.show {
	display: block;
}

.dropdown-header {
	font-size: 14px;
}

.osio1 .checkbox {
	display: inline-block;
	margin-top: 4px;
	margin-bottom: 0;
}

.osio1 .checkbox label {
	width: 100%;
}

.osio1 .checkbox input {
	margin-right: 2px;
}

#tabs a {
	outline: 0;
}

#tekninenteksti div  {
  padding: 5px;
  border: 1px solid #ddd;
  margin-bottom: 20px;
}

#tekninenteksti p { margin-bottom: 0; }

/* Tuotekortti */

#productContainer {
	background-color: #fff;
	width: 890px;
	min-height:800px;
	float: left;
	height: inherit;
}

#copyProductName {
    background-color: #FFF;
    border: 1px solid;
	margin-left: 5px;
}

#cartContainer {
	margin-top:5px;
	margin-bottom: 50px;
}

.vehicleInfo__container {
	display: flex;
	flex-flow: column nowrap;
	max-width: 100%;
}

.vehicleInfo__container > table:first-of-type {
	margin: 10px 10px 0;
}

.vehicleInfo__container > table,
.vehicleInfo__container > div {
	flex: 1 1 auto;
	width: unset;
	margin: 0 10px;
}

h3.vehicleInfo__header--pseudo {
	flex: 1 1 auto;
	width: calc(100% - 40px);
	padding: 10px 0 10px 10px;
	margin: 0;
	font-size: 28px;
	color: transparent;
	background-color: transparent;
	z-index: 0;
}

.productContainer__mainheader,
.vehicleInfo__header {
	top: 10px;
	left: 10px;
	width: calc(100% + 17px);
	padding: 10px 0 10px 10px;
	margin: -12px 0px 10px -12px;
	font-size: 28px;
	color: #fff;
	z-index: 2;
	padding-left:20px;
	padding-top:20px;
}


h3,
.h3 {
	font-size: 1.7em;
}

#productContainer p.ajoneuvo {
	margin-top: 0;
}
#colorbox.ui-draggable .productContainer__mainheader,
#colorbox.ui-draggable .vehicleInfo__header {
	cursor: grab;
}

#colorbox.ui-draggable-dragging .productContainer__mainheader,
#colorbox.ui-draggable-dragging .vehicleInfo__header {
	cursor: grabbing;
}

#colorbox #productContainer {
	padding: 1em;
}

.prodCont { 
	float: left;
	width: 860px;
	margin: 0px 0px 10px 0;
	
}

.prodCont--first {
	margin: 0px 0px 10px 0;
}

.prodLeft {
	width: 40%;
	float: left;
	padding-right: 5px;
}

.prodRight {
	width: 60%;
	float: left;
	padding-left: 5px;
}

#productContainer .table {
	margin-bottom: 0;
}

#productContainer .table>tbody>tr>td {
	border-top: none;
}

#saldoTable td:first-child {
	width: 75%;
}

#saldoTable td:last-child {
	width: 25%;
}

#productContainer .table-striped>tbody>tr:nth-child(odd)>td { background-color: #f2f2f2; }
#productContainer .table .botBorder { border-bottom: 1px solid #333; }
#productContainer .prodRight .table tr td:first-child { width: 40%; }


.tablediv { width: 860px; display: table; table-layout:fixed; word-break:break-all;}

#productContainer .teknisetTiedot {
	border: 1px solid #ddd;
	overflow: auto;
	padding: 3px;
	width: 100%;
	height: 100%;
	min-height: 70px;
	font-size: 0.95em;
}

.teknisetTiedot table td {
	padding: 1px 5px 1px 0px;
}

.hyllypaikka__container {
	max-height: 200px;
}

.hyllypaikka__container__row {
	display: flex;
	flex-flow: row nowrap;
	margin: 0 0 5px 5px;
}

.hyllypaikka__container__row__inner {
	display: block;
	flex: 0 0 auto;
}

.hyllypaikka__container__row__inner.shelf {
	width: 20%;
}

.hyllypaikka__container__row__inner.amount {
	width: 20%;
}

.hyllypaikka__container__row__inner.notification {
	width: 60%;
}

.prodCont.tekninen {
    display: table-row;
    float: none;
    width: 100%;
}

#productContainer .kayttoNumerot {
    font-size: 11px;
}

.producttext .kayttoNumerot {
    font-size: 11px;
}

.tuoteTD .producttext.productcode.collapsed {
	max-height: 130px;
	overflow-y: hidden !important;
}

.tuoteTD .expander.hidden {
	display: none;
}

.tuoteTD .expander {
	position: absolute;
	left: 0;
	bottom: 0;
	margin-left: 5px;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	white-space: nowrap;
}

.prodCont.tekninen .prodLeft { display: table-cell; float: none; }
.prodCont.tekninen .prodRight { display: table-cell; float: none; }


#productContainer p.specs {
	margin-bottom: 2px; margin-top: 6px;
}

#productContainer #tabs {
	margin-top: 20px;
	margin-bottom: 60px;
}

.prodCont.tabS {
	margin-top: 20px;
}

#tabs .tab-content {
padding: 15px 15px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
min-height: 200px;
border-bottom: 1px solid #ddd;
max-width: 860px;
}

#accordion .card-heading {
	font-size: 14px;
	margin-bottom: 0;
}

h4.card-heading a {
  display: inline-block;
  height: 100%;
  width: 100%;
  padding: 10px;
  color: inherit;
}

.tuotetiato {
	display: flex;
	flex-flow: row nowrap;
	/*margin-bottom: .5em;*/
}

.tuotetiato__half {
	width: 50%;
	flex: 0 0 auto;
}

.tuotetiato__koko {
	width: 100%;
	flex: 0 0 auto;
}

.allDetails {
	overflow: hidden;
	max-height: 125px;
	/*transition:max-height .5s ease-out;*/
}

.allDetails.showDetails {
	max-height: 1500px !important;
	height:auto;
	/*transition:max-height .5s ease-out;*/
}

.toggleProductInformation {
    border: 0px;
    background: transparent;
    padding-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.toggleProductInformation::after {
	content: "Lue lisää";
    display: inline-block;
    font-size: 12px;
    height: 16px;
    width: auto;
    font-weight: bold;
}
.toggleProductInformation.showDetails::after {
	content: "Näytä vähemmän";
}

.toggleProductInformation.fi::after {
    content: "Lue lisää";
}
.toggleProductInformation.showDetails.fi::after {
	content: "Näytä vähemmän";
}
.toggleProductInformation.sv::after {
    content: "Läs mer";
}
.toggleProductInformation.showDetails.sv::after {
	content: "Läs mindre";
}

.toggleProductInformation.et::after {
    content: "Loe lisa";
}
.toggleProductInformation.showDetails.et::after {
	content: "Näita vähem";
}

.tuotetiato__half .tieto,
.tuotetiato__half .sopivuus {
	display: flex;
	flex-flow: row nowrap;
	padding-left: 5px;
	overflow: hidden;
}

.tuotetiato__half .tieto span,
.tuotetiato__half .sopivuus span {
	width: 50%;
	flex: 0 0 auto;
	word-wrap: break-word;
}

.tuotetiato__left {
	padding-right: 1em;
}

.tuotetiato .first {
	padding: 0 10px 0px 0px;
}

.tuotetiato span:not(.first) {
	padding-right: 1.5em;
}

.valitsemalli td.mallitb:nth-child(2), .valitsemalli tr.mallitb th:nth-child(2) { border-right: 1px solid #888; }


#accordion .card-body a { padding: 3px; display: inline-block; }

#accordion .card-header { padding: 0; }

#cboxLoadedContent {
	overflow-y: auto !important;
	padding-right: 5px;
	border-radius: 5px;
}

#cboxClose {
	margin-right: 10px;
	margin-top: 10px;
	z-index: 3;
	background: none;
	background-color: unset;
	text-indent: unset;
	visibility: hidden;
}
#cboxClose:after {
	content:'\f00d';
	visibility: visible;
	display: block;
	position: absolute;
	top: 0px;
	color: #fff;
	font-size: large;
	font-family: FontAwesome, sans-serif;
}
#cboxContent {
	margin-top: 10px;
	margin-bottom: 10px;
}

#errorBox {
    border-top: 1px solid #a94442;
    padding-top: 15px;
    color: #a94442;
    margin-top: 20px;
    margin-left: 0px;
    font-size: 0.9em;
}

#mainMenuBar { margin-left: 1px; }

#mainMenuBar.stick {
position: fixed;
top: 0;
right: -1px;
width: 33.33333333%;
padding-left: 16px;
padding-right: 15px;
max-height: 100%;
overflow-y:auto;
background: rgba(255,255,255,0.9);
}

.table-striped > tbody > tr > th.tryhmatitleTH {
	background-color: #fff;
	padding: 25px 5px 0px;
	border-bottom: 1px solid #636363;
}


.table-bordered:not(.vehicleInfo) > tbody > tr > th,
.table-bordered > tbody > .tryhmatitlesTH th {
	background-color: #fff;
}

.middlebox .sticktitle {
	position: fixed;
	width: 50%;
	height: 33px;
	padding: 5px 0 0 10px;
	background-color:white;
	border-bottom: 1px solid black;
	font-size: 1.2em;
	font-weight: bold;
	z-index: 9;
	pointer-events: none;
}

.middlebox .ad-image__image__entry,
#ad-image__canvas {
	position: relative;
	left: calc(50% - 10px);
	display: block;
	max-width: calc(100% - 20px);
	margin: 0 10px 15px;
	transform: translateX(-50%);
}

.tryhmatitle::first-letter {
	text-transform: uppercase;
}

.jarjestys {
	padding: 0;
}

.jarjestys span {
	display: inline-block;
	font-size: 0.9em;
}

.jarjestys div {
	display: inline-block;
	font-size: 0.9em;
}

.tuotekoodit {
	max-height: 60px;
	overflow-y: auto;
}

[id^=tuotekoodicopy] {
	font-size: 1.2em;
}

p.tuotekuvaus {
	margin: 0;
}

.tuotetiato.hidecontent {
	height: 100px;
	overflow: hidden;
}

.tuotekuvaus.hidecontent {
	height: 32px;
}

div.tuotetiato,
p.tuotetiato {
	font-size: 11px;
}

span.lisatiedot-container  {
	font-size: 11px;
}

.luelisaa {
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
}

.luelisaa .fa {
    position: absolute;
    top: 42px;
    margin-left: -2px;
}

.ominaisuudet-container {
	position: relative;
	width: 100%;
	float: left;
}

.luelisaa:hover { cursor: pointer; color: #428bca; opacity: 1; }

/*
.luelisaaShadow {
    height: 20px;
    background-image: url(/img/fade_white.png);
    background-repeat: repeat-x;
    position: absolute;
    margin-top: -33px;
    display: block;
    width: 99%;
}

 .table-striped>tbody>tr:nth-child(odd)>td .luelisaaShadow {
    background-image: url(/img/fade_grey.png);
} 
*/
.loginContainer {
    bottom: 200px;
    height: 320px;
    left: 10px;
    margin: auto;
    max-width: 450px;
    position: absolute;
    right: 10px;
    top: 50px;
    animation:mymove 0.5s ease-out forwards;
    animation-iteration-count:1;
    -webkit-animation:mymove 0.5s;
    -webkit-animation-iteration-count:1;
}

@keyframes mymove
{ from {  opacity: 0; }
to { opacity: 1 }
}

@-webkit-keyframes mymove /* Safari, Chrome */
{ 
from {  opacity: 0;}
to {  opacity: 1;}
}

.collapsing tr.addCartFade td {
	background-color: transparent !important
}

table.cart-table tr.addCartFade td {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;

    
    -moz-animation-name: blinker;
    -moz-animation-duration: 0.5s;
    -moz-animation-timing-function: linear;

    
    animation-name: blinker;
    animation-duration: 0.5s;
    animation-timing-function: linear;

}

@-moz-keyframes blinker {  
    0% { background-color: transparent; }
    20% { background-color: #5cb85c; }
    100% { background-color: transparent; }
}

@-webkit-keyframes blinker {  
    0% { background-color: transparent; }
    20% { background-color: #5cb85c; }
    100% { background-color: transparent; }
}

@keyframes blinker {  
    0% { background-color: transparent; }
    20% { background-color: #5cb85c; }
    100% { background-color: transparent; }
}


table.cart-table tr.decCartFade td {
    -webkit-animation-name: blinker2;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;

    
    -moz-animation-name: blinker2;
    -moz-animation-duration: 0.5s;
    -moz-animation-timing-function: linear;

    
    animation-name: blinker2;
    animation-duration: 0.5s;
    animation-timing-function: linear;

}

@-moz-keyframes blinker2 {  
    0% { background-color: transparent; }
    20% { background-color: #d41400; }
    100% { background-color: transparent; }
}

@-webkit-keyframes blinker2 {  
    0% { background-color: transparent; }
    20% { background-color: #d41400; }
    100% { background-color: transparent; }
}

@keyframes blinker2 {  
    0% { background-color: transparent; }
    20% { background-color: #d41400; }
    100% { background-color: transparent; }
}


/* Lataus spinneri css */
.fa-refresh-animate {
    animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

@media (max-width:1720px){
#regplate.mini {
    padding-right: 20px;
    width: 100%;
    margin-bottom: 5px;
  }

#regplate.mini + #regvinSearch { width: 100%; }

}


@media (max-width:1540px){
    table.cart-table .productimg { padding: 0; }
    #regplate { font-size: 0.95em; }
    table.cart-table .productimg { display: none; }
    table.cart-table .producttext { width: 100%; float: none; margin-left: 0; }
}

@media (max-width:1366px){
	body {
		font-size: .9375em;
	}

	.header.navbar,
	#tabContainer,
	.hakuvalinnat a,
	.hakuvalinnat label,
	#rekkuha span,
	.regplate__container,
	.chooseModelBlock,
	.checkbox,
	#hakusanatuotenumero,
	.cartInfo,
	.cart-inner-container,
	.filter-header,
	.producttext:not(.producttext__cart),
	.varastoTD,
	#showResults,
	#pagination,
	#colorbox,
	#hakusanatuotenumero2 {
		font-size: 0.8em;
	}

	.tuotekoodi:not(.availability__content__headers__header) {
		font-size: 1.4em;
	}

	#autoimage {
		width: 46%;
	}

	#autoinfo {
		width: 53%;
	}

	.treeMenu li a {
		padding-left: 10px;
	}

	#regplate {
		font-size: 0.8em;
	}
}

@media (max-width:1240px){
	body {
		font-size: .8em;
	}

	.header.navbar,
	#tabContainer,
	.hakuvalinnat a,
	.hakuvalinnat label,
	#rekkuha span,
	.regplate__container,
	.chooseModelBlock,
	.checkbox,
	#hakusanatuotenumero,
	.cartInfo,
	.cart-inner-container,
	.filter-header,
	.producttext:not(.producttext__cart),
	.varastoTD,
	#showResults,
	#pagination,
	#colorbox,
	#hakusanatuotenumero2 {
		font-size: 1em;
	}

	.checkbox {
		width: 100%;
	}

	table#fpProducts .cartActions .cartButton {
		min-width: 32px;
	}

	.treeMenu li a {
		padding-left: 7px;
	}
	
	#regplate {
		font-size: 0.85em;
	}

    #regplate.mini {
		background: none;
		padding-left: 0;
  }
}

@media (max-width:990px){
	#mainMenuBarAnchor {
		height: 0;
	}

	#mainMenuBar.stick {
		width: 100%;
		position: static;
		padding-left: 0;
		padding-right: 0;
	}
}

/* responsiivisuus fiksauksia */
@media (min-width: 0px) {
	.form-inline .radio input[type=radio],
	.form-inline .checkbox input[type=checkbox] {
		position: relative;
		margin-left: 0;
	}

	.form-inline .radio label,
	.form-inline .checkbox label {
		display: block;
		padding-left: 0;
	}

	.navbar-expand-sm .navbar-collapse {
		display: flex !important;
		flex-basis: auto;
	}
	body.useHoverCart .rightbox {
		display: none !important;
	}
}

/*
 Media Queryt 
@media (max-width:1360px){
    .form-control { padding: 6px 2px; }
    .firstbox, .rightbox { height: 100%; }*/
	
.saldogreen {
	color:#008822;
}
.saldoyellow {
	color:#FF9933;
}
.saldored {
	color:#E60000;
}
.saldogrey {
	color:#828282;
}
.saldogreenlight {
	color:#88DD88;
}
.saldoyellowlight {
	color:#F8E299;
}
.saldoredlight {
	color:#FF6969;
}
.saldogreylight {
	color:#828282;
}

/* kuvagalleria */
#productPic { border: 1px solid #ddd; min-height: 304px; text-align: center; }

#galleryimages {
  width: 270px;
  height: 270px;
  overflow: hidden;
  position: relative;
  margin-left: 32px; 
  margin-top: 16px;
  /*display: flex;
  align-items: center;
  justify-content: center;*/
}

#galleryimages img {
  max-width: 270px;
  max-height: 270px;
  position: absolute;
  top: 0;
  left: -400px;
  z-index: 1;
  opacity: 0;
  
}

#galleryimages img:hover { cursor: pointer; }

#galleryimages img.showimage {
  left: 0;
  z-index: 9;
  opacity: 1;
  background-color: #ffffff;
}
#galleryimages img:first-child {
  left: 0;
  opacity: 1;
}

#galleryslider { margin-top: 20px; }

#galleryslider a {
    height: 50px;
    width: 50px;
    display: inline-block;
    margin: 7px;
    padding: 2px;
    overflow: hidden;
}

#galleryslider a:hover, #galleryslider a.active { border: 1px solid #555; padding: 1px; }

#galleryslider a img { width: 100%; }

.closeButton {
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(images/controls.png) no-repeat 0 0;
    background-position: -50px 0px;
    width: 20px; height: 20px;
    z-index: 5;
    cursor: pointer;
}

.closeButton:hover {
background-position: -50px -25px;
}

#rowpreviewimage {
    opacity: 0;
    transition: 0.2s opacity;
    z-index: 999;
    background-color: #fff;
    width: 0px; height: 0px;
    top: 100px;
}

.ic {
	position: absolute;
	bottom: 20px;
	left: 20px;
	z-index:20;
}

#rowpreviewimage.active {
	opacity: 1;
	position: fixed;
	margin: 9px auto;
	left: calc(50% - 300px);
	width: 602px;
	max-width: calc(100% - 10px);
	max-height: calc(100% - 10px);
	height: auto;
	padding: 20px;
	border: 1px solid;
	display: flex;
	align-items: center;
	justify-content: center;
}

#rowpreviewimage img.bigPic {
	position: relative;
	/*width: 100%;*/
	max-width: 570px;
	max-height: 100%;
	z-index: 1;
}

#previewimage {
    opacity: 0;
    transition: 0.2s opacity;
    z-index: 999;
    background-color: #fff;
    width: 0px; height: 0px;
    cursor: move;
	display: flex;
	align-items: center;
	justify-content: center;    
}

#previewimage.active { 
    opacity: 1;    
    position: fixed;
    margin: 0 auto;
    left: 0;
    width: 600px;
    right: 0;
    height: 600px;
    padding: 20px;
}

#previewimage img.bigPic {
    /*width: 100%;*/
    max-width: 570px;
    max-height: 570px;
    z-index: 1;
    position: relative;
}

#previewimageOverlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 888;
    top: 0;
    left: 0;
    opacity: 0.2;
    background-color: #000;
}

#previewimageOverlay:hover {
    cursor: pointer;
}

#cboxLoadedContent #previewimageOverlay {
    position: absolute;
    width: 916px;
    top: 10px;
    left: 10px;
    height: inherit;
 }


#previewimage img.loader {
    position: absolute;
    right: 50%;
    margin-right: -58px;
    top: 50%;
    opacity: 0;
    margin-top: -10px;
    z-index: 0;
    width: 134px;
    height: 45px;
}

#previewimage.active img.loader { opacity: 0.7; }

.middlebox .filtterointi .option-list {
	z-index: 0;
	padding: 0;
}

.middlebox .filtterointi .option-list__search,
.middlebox .btn-group.btn-group-toggle  {
	padding: 0;
}

.middlebox .filtterointi .select2-container--default,
.middlebox .filtterointi .option-list .grid {
	width: calc(100% - 60px) !important;
}

.select2-search {
	max-width: 100%;
}

.select2 .selection .select2-selection {
	border-radius: 0px;
	border: 1px solid #ccc;
}

.filtterointi { margin-top: 10px; }
.filtterointi span.filtxt { font-size: 0.9em; }

.filtterointi .option-list table
{
    width:100%;
}

.filtterointi .option-list table td
{
    padding:5px;
    display:table-cell;
    vertical-align: top;
    border:1px solid lightgrey;
}

.filtterointi .option-list table label
{
    font-weight: normal;
}

.filtterointi .option-list table td ul
{
    list-style-type:none;
    padding-left:5px;
}

.productindicators {
	text-align:left;
	color: #444;
	font-size: 1em;
	clear:both;
	width: calc(100% + 40px);
	margin-left: -34px;
	bottom:5px;
	left:5px;
	margin-bottom: 0px;
}

.productsubproducts {
	position:absolute;
	left:0px;
	bottom:0px;
	text-align:left;
	color: #444;
	font-size: 1em;
	clear:both;
	z-index:1;
}



.productindicators ul {
	list-style-type: none;
}

.productindicators ul li {
	font-size:14px;
	color:white;
	margin:1px;
	padding-left:0px;
}

.productindicators ul li.active {
	opacity: 1;
}

.productindicators ul li.active a
{
	color: white;
}

.productindicators ul li span.teksti {
	color: #333;
}

.productindicators ul li.passive {
	color: white;
	background-color: lightgrey;
	visibility: hidden;
}

.productindicators ul li.passive img {
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
	opacity: .5;
}

.productindicators ul .oe {
	background-color: green;
	border-color: green;
	padding:1px;
	width:15px;
}

.productindicators ul .file {
	background-color: purple;
	border-color: purple;
	padding: 1px;
	font-size: 13px;
	width:15px;
}

.productindicators ul .replacing-product {
	background-color: brown;
	border-color: brown;
	padding: 1px;
	font-size: 13px;
	width:15px; 
}

.productindicators ul .recycle {
	background-color: #5cb85c;
	border-color: #5cb85c;
	padding:1px;
	width:15px;
}


.productindicators ul .info {
	background-color: blue;
	border-color: blue;
	padding:1px;
	width:15px;
}

.productindicators ul .security-info {
	border-color: white;
	color:red;
}

.productindicators ul .security {
	background-color: white;
	padding:1px;
	width:15px;
}

.productindicators ul .security-info .fa-exclamation {
	margin-top:4.5px;
	position:absolute;
	margin-left:-13.5px;
	font-size:0.7em;
	color:black;
}

.productindicators ul .security-info .fa-square-o {
	transform: rotate(45deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.productindicators ul .warranty__icon {
	background-color: red;
	border-color: red;
	padding:1px;
	width:15px;
}

.productindicators ul .feedback {
	background-color: lightblue;
	border-color: lightblue;
	padding:1px;
	width:15px;
}

.productindicators ul .accessory {
	background-color: #a50;
	border-color: red;
	padding:1px;
	width:15px;
}

.productindicators ul .regular-customer-info {
	background-color:lightgrey;
}

.productindicators ul .outlet {
	background-color:lightgrey;
}

.productindicators ul .regular-customer-info img {
	width:25px;
}

.productindicators ul .outlet img {
	width:28px;
}

.productindicators ul .campaign {
	background-color: red;
	border-color: red;
	padding:1px 1px 1px 4px;
	width:15px;
}

.productindicators ul .user {
	background-color: red;
	border-color: red;
	padding:1px 1px 1px 3px;
	width:15px;
}

.productindicators ul .link {
	background-color: red;
	border-color: red;
	padding:1px 1px 1px 1px;
	width:15px;
}

.productindicators ul .basket {
	background-color: red;
	border-color: red;
	padding:1px 1px 1px 0px;
	width:15px;
}

.productindicators ul .exclamation {
	background-color: red;
	border-color: red;
	padding:1px 1px 1px 5px;
	width:15px;
}

.productindicators a {
	margin: 0 1px;
}


.select2-container--default .select2-results>.select2-results__options {
	max-height: 400px !important;
}

.select2-results__options li {
	font-size: 0.9em;
}

#leftMenu #vehiclesearchoptionsdiv .showInstantresult {
	position: absolute;
	z-index: 9999;
	left: 10px;
	top: 61px;
	background: #fff;
	width: 456px;
	padding: 15px;
	color: #666;
	display: none;
	border: 1px solid #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}

.row-fluid {
    white-space: nowrap;
    float: left;
    height: auto;
    overflow-y: hidden;
    overflow-x: auto;
    width: 100%;
    margin-bottom: 20px;
}

.row-fluid li { display: inline-block; float: none; }

.row-fluid::-webkit-scrollbar-track {
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.row-fluid::-webkit-scrollbar
{ 
    width: 3px;
    height: 12px;
    background-color: #F5F5F5;
}

.row-fluid::-webkit-scrollbar-thumb
{
    background-color: #1d66ca;
}

.line-through { text-decoration: line-through; color: #999; }

div.topChosen { color: #fff; padding: 15px; text-shadow: 0 -1px 0 rgba(0,0,0,.25); }
div.topChosen a {
    padding: 1px 5px;
    margin-left: 5px;
}

/* .modal-transparent */

.modal-transparent {
  background: transparent;
}
.modal-transparent .modal-content {
  background: transparent;
}
.modal-backdrop.modal-backdrop-transparent {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-transparent.in {
  opacity: .9;
  filter: alpha(opacity=90);
}

.col-centered{
    float: none;
    margin: 0 auto;
}

/* .modal-fullscreen */

.modal-fullscreen {
  background: transparent;
}
.modal-fullscreen .modal-content {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: .97;
  filter: alpha(opacity=97);
}

.selected .lisatiedot-shortcontent,.selected .lisatiedot-content,.selected .lisatiedot-container-luelisaa
{
    background-color:transparent;
    padding-top:5px;
    padding-bottom:5px;
}

/* .modal-fullscreen size: we use Bootstrap media query breakpoints */

.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}

@media (max-width: 768px) {
	/* .asetukset-toggle .text,
	.showVehicle-toggle .text,
	.show-cart-toggle .text {
		display: none;
	} */
}

@media (min-width: 768px) {
	/* .asetukset-toggle .text,
	.showVehicle-toggle .text,
	.show-cart-toggle .text {
		display: inline-block;
	} */

	.modal-fullscreen .modal-dialog {
		width: 750px;
	}
}
@media (min-width: 992px) {
  .modal-fullscreen .modal-dialog {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .modal-fullscreen .modal-dialog {
     width: 1170px;
  }
}

.regplate__container {
	display: flex;
	flex-flow: row nowrap;
	height: 34px;
}

.regplate__container > * {
	height: 100%;
}

.regplate__container .regdrop {
	min-width: 1px;
}

.regplate__container .regdrop .dropdown-item {
	width: 34px;
	height: 67px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.regplate__container .regdrop .dropdown-item:hover {
	box-shadow: 0 0 3px 2px #2b0000;
}

.regplate__container .regdrop .dropdown-item.fi {
	background-image: url(/img/regplate_fi.jpg);
}

.regplate__container .regdrop .dropdown-item.ee {
	background-image: url(/img/regplate_ee.jpg);
}

.regplate__container .regdrop .dropdown-item.se {
	background-image: url(/img/regplate_se.jpg);
}

.regplate__container .dropdown,
.regplate__container .regvinSearch {
	flex: 0 0 auto;
}

.regplate__container #regplateinput {
	flex: 1 1 auto;
	border: 1px solid #ccc;
}

.regplate__container .dropdown {
	border: 1px solid #ccc;
}

.regplate__container .dropdown .regbtn {
	width: 20px;
	height: 100%;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.regplate__container .dropdown .regbtn.fi {
	background-image: url(/img/regplate_fi.jpg);
}

.regplate__container .dropdown .regbtn.ee {
	background-image: url(/img/regplate_ee.jpg);
}

.regplate__container .dropdown .regbtn.se {
	background-image: url(/img/regplate_se.jpg);
}

.regplate__container .dropdown .regbtn::after {
	display: none;
}

.span100p {
	width: 100%;
	display: block;
}

.productRow {
	border: 0;
}

.productRow td {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.table > :not(:last-child) > .productRow:last-child > td {
	border-bottom: 1px solid #ddd;
}

.productRow .tuoteTD {
	border-left: 1px solid #ddd;
}

.productrow-image-counter {
	position: absolute;
	left: 0px;
	top: 0px;
	color: #000000;
	font-size: 9px;
	font-weight: bold;
	background-color: #F2C34A;
	opacity: 0.6;
	border: 1px solid;   
	border-radius: 3px 3px 3px 3px;
	padding: 0px 1px 0px 1px;
	z-index: 1;
}

.productrow-image-counter.down {
	top: 20px;
}

.productrow-image-counter:hover {
	opacity: 1;
}

.tuoteTD.paddingX .productrow-image-counter {
	position: absolute;
	left: 0px;
	top: 0px;
	color: #000000;
	font-size: 9px;
	font-weight: bold;
	background-color: #F2C34A;
	opacity: 0.6;
	border: 1px solid;
	border-radius: 3px 3px 3px 3px;
	padding: 0px 1px 0px 1px;
}

.treeMenu li span.spanlink {
	width: 16px;
	height: 26px;
	position: absolute;
	right: 0px;
	top: 11px;
	padding: 0;
	border: none;
	overflow: hidden;
	transform: translateY(-50%);
}

.prod {
	top: 50%;
	position: absolute;
	right: 5px;
	margin-top: -5px;
}

.fa.prod:before {
	content: "\f002";
}

.mb10px {
	margin-bottom:10px !important;
}

.fa.tef:before {
	content: "\f068";
}

.fa.tef.collapsed:before {
	content: "\f067";
}


.filterinfo {
	border: 1px solid #000;
	background-color: #F00;
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
}

.grid {
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr) );
    background-color: #fff;
    color: #444;
}

.active.box .filter-content{
	max-height: 500px;
	transition: all .5s;
}

.box .filter-content{
	max-height: 0;
	overflow: hidden;
	transition: all .2s;
}

.box.active .filter-header:after {
	content: "\f077";
}

.box .filter-header:after {
	content: "\f078";
	position: absolute;
	right: 0;
	top: 0;
	font-family: FontAwesome, sans-serif;
}

.box .filter-header {
	position: relative;
	display: block;
	width: 100%;
	padding-right: 15px;
	cursor: pointer;
}

.box {
    border: 1px solid lightgrey;
    padding: 10px;
	font-weight: normal;
}

.grid-border {
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr) );
    background-color: #fff;
    color: #444;
    border: 1px solid lightgrey;
}

.box-no-border {
    padding: 10px;
    font-weight: normal;
    margin: -1px;
    border-bottom: 1px solid lightgrey;
}


.filtterointi .option-list div label
{
    font-weight: normal;
    font-size: 11px;
    vertical-align: middle;
}

.boldtext {
	font-weight: bold !important;
}

.redborder {
	border:3px solid #F00 !important;
}

.red {
    color: #d0301f;
    font-weight: bold;
}

.padding89 {
	padding: 8px 9px
}

.header,
.footer {
	flex: 0 0 auto;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}

.header .container {
	flex-flow: row wrap;
}

.header .container .navbar-header .navbar-brand {
	padding-bottom: 0;
}

.header .container .navbar-header,
.header .container .navbar-collapse {
	display: flex;
	flex-flow: row wrap;
}

.header .container .navbar-collapse {
	flex: 1 1 auto;
}

.footer .container {
	flex-flow: row nowrap;
}

.bodycontainer.container,
.navbar .container {
	min-width: unset;
}

.bodycontainer {
	position: relative;
	flex: 1 1 auto;
	width: 100%;
	max-height: calc(100% - 10px);
	min-height: 1px;
	padding: 0 0 0 0;
}

.row--custom {
	height: 100%;
}

.row__flex {
	display: flex;
	flex-flow: row nowrap;
}

.firstbox {
	overflow-y: auto;
	height: 100%;
	padding-right: 0px;
	padding-left: 15px;
	min-height: 1px;
}

.middlebox {
	position: relative;
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	font-size: .9375em;
}

.middlebox .titleRow.tryhmatitlesTH {
	font-size: .875em;
}

.rightbox {
	overflow-y: scroll;
	height: 100%;
	min-height: 1px;
}


.firstbox,
.middlebox,
.rightbox {
	max-width: 100%;
	flex-basis: 100%;
}

.middlebox,
.rightbox {
	padding-right: 15px;
	padding-left: 15px;
}

.firstbox,
.rightbox {
	max-width: 16.6666%;
	overflow-y: auto;
}

.rightbox.expanded {
	max-width: 33.3333%;
}

input.quickcheck {
	display: none;
}

.quicksearchlink__container {
	display: flex;
	width: 100%;
	flex-flow: row wrap;
	margin: 0 0 20px;
}

.quicksearchlink {
	display: inline-block;
	flex: 0 0 auto;
	margin: 2px;
}

.customer-selected {
	position: absolute;
	right: -12px;
	top: -12px;
	display: block;
	width: 16px;
	height: 16px;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	font-family: 'Open sans', sans-serif;
	text-align: center;
	line-height: 13px;
	border: 2px solid #000000;
	border-radius: 10px;
	color: #000000;
	background-color: #ff00ff;
}

.overlay-number {
	position: absolute;
	right: -12px;
	top: -12px;
	display: none;
	width: 16px;
	height: 16px;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	font-family: 'Open sans', sans-serif;
	text-align: center;
	line-height: 13px;
	border: 2px solid #000000;
	border-radius: 10px;
	color: #ffffff;
	background-color: #ff0000;
}

.overlay-number.overten {
	width: 21px;
}

.overlay-number.overhundred {
	width: 26px;
}

.sopivuus {
	background-color: #ffffaa;
}

.sopivuus-btns {
	flex-flow: row wrap;
}

.sopivuus-btns > .btn {
	flex: 0;
	white-space: nowrap;
}

div.sopivuus,
div.tieto {
	position: relative;
	cursor: pointer;
}

div.sopivuus:hover,
div.tieto:hover {
	box-shadow: inset 0 0 0 2px rgba(14,83,136,.25);
}

div.sopivuus.selected,
div.tieto.selected {
	box-shadow: inset 0 0 0 2px rgba(14,83,136,.5);
}

div.sopivuus.selected:hover,
div.tieto.selected:hover {
	box-shadow: inset 0 0 0 2px rgba(14,83,136,.75);
}

/*div.sopivuus span,
div.tieto span {
	position: relative;
}*/

div.sopivuus span:nth-child(2):after,
div.tieto span:nth-child(2):after {
	visibility: hidden;
	content: "\f00c";
	font-family: FontAwesome, sans-serif;
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	color: #0e5388;
}

div.sopivuus.selected span:nth-child(2):after,
div.tieto.selected span:nth-child(2):after {
	visibility: visible;
}

.italictext {
	font-style: italic;
	font-size: 12px;
}

#ajoneuvotiedotdiv {
	font-size:12px;
	overflow: hidden;
}

#ajoneuvotiedotdiv table {
	margin-bottom:0px;
}

#ajoneuvotiedotdiv td {
	border:none;
	padding:0;
}

#ajoneuvotiedotdiv a,
#ajoneuvotiedotdiv button {
	width:100%;
	padding:3px 0 3px 0;
	height:unset;
}

.ajoneuvotiedot {
	font-size:12px;
	margin-bottom:-1px;
}

.ajoneuvotiedot a.removecarchoice,
.ajoneuvotiedot button.removecarchoice{
	width: auto;
	padding:0 3px;
	display:unset;
	height:unset;
	margin-top:unset;
}

.ajoneuvotiedot a.vehicleInfo {
	color:#ffffff
}

.ajoneuvotiedot .additional_info {
	animation: info 1s linear infinite;
}

@keyframes info {
	0% {
		color: #fff;
	}
	
	50% {
		color: #19b5fe;
	}
	
	100% {
		color: #fff;
	}
}

.ajoneuvo-lisatieto {
	max-width: 350px;
}

#cboxLoadedContent div.bodycontainer {
	position: unset;
	height: unset;
	padding: 50px 10px 10px 10px
}

.firstbox .carsticktitle {
	position: fixed;
	z-index: 999;
	width: calc(16.66666667% - 30px);
	/* width: inherit; */
	background: #f2f2f2;
}


.medlevel .fa.plus-minus, .treeMenu span.prod {
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	right: unset;
	bottom: unset;
	margin: 0;
	padding: 0;
	position: absolute;
}

.btn-small {
	font-size: 12px;
	padding: 0px 2px;
	line-height: 1.5;
	margin: 0px 0px 2px 0px;
}

.listItems {
	margin-right:10px;
	margin-bottom:4px
}

.listItems .listText {
	display: block;
	padding: 0 5px;
	background-color:#ddd;
}

#sa-button {
    text-align: center;
    display:block;
    height:34px;
    border:1px solid #dddddd;
}


#sa-button input:hover + span {
    cursor: pointer;
}

.saInput {
	transform: scale(2);
	position:relative;
	top:0px;
	margin: 7.7px 0 0 !important;
}

.tilaushistoria__open {
	display: inline-block;
	color: #0f5388;
	font-weight: bold;
	cursor: pointer;
}

.tilaushistoria__open:hover {
	color: #051b2c;
}

.asetukset,
.feedback,
.warranty,
.ad-image,
.patrons,
.password,
.tilaushistoria,
.cookies,
.privacystatement {
	position: absolute;
	left: 50%;
	top: 50%;
	min-width: 650px;
	padding: 0 0 10px;
	border: 1px solid #333;
	background-color: #fff;
	box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.5);
	transform: translate(-50%, -50%);
	font-size: .9em;
}

.branchlist {
	background-color: #fff;
	position: absolute;
	left: 30%;
	top: 30%;
}

.warranty {
	width: calc(100vw - 20px);
	max-width: 1200px;
	max-height: calc(100vh - 150px);
}

@media (max-width: 576px) {
	.warranty .col-sm-12 {
		flex: 0 0 auto;
		width: 100%;
	}
	.warranty .flex-sm-wrap {
		flex-wrap: wrap;
	}
}

.warranty hr {
	border-bottom: 1px solid;
}

.privacystatement {
	max-height: calc(100vh - 150px);
}

.privacystatement__content {
	overflow: hidden;
	overflow-y: auto;
}

.asetukset h4,
.feedback h4,
.warranty h4,
.ad-image h4,
.password h4,
.tilaushistoria h4 {
	font-size: 1.4em;
}

.warranty textarea,
.warranty input,
.warranty select {
	min-width: 0;
	background: #fff;
	border: 1px solid #8f8f9d;
	border-radius: 0;
}

.js-popup-windows
{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1030;
    background: rgba(150, 150, 150, 0.5);
    display: none;
}

.js-popup-windows:has(> .js-popup.active)
{
    display: block;
}

.js-popup.ui-draggable .js-popup-header,
.js-popup.ui-draggable .cart-inner-container,
.js-popup.ui-draggable .cbox-cart{
	cursor: grab;
}

.js-popup.ui-draggable-dragging .js-popup-header,
.js-popup.ui-draggable-dragging .cart-inner-container,
.js-popup.ui-draggable-dragging .cbox-cart{
	cursor: grabbing;
}


.asetukset-container,
.feedback-container,
.warranty-container,
.ad-image-container,
.patrons-container,
.password-container,
.branchlist-container,
.tilaushistoria-container,
.cookies-container,
.privacystatement-container,
.feedback-open-container,
.haynes-register-container,
.notifications-container {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	pointer-events: all;
	z-index: 1030;
}

.js-popup-windows.active,
.asetukset-container.active,
.feedback-container.active,
.warranty-container.active,
.ad-image-container.active,
.patrons-container.active,
.password-container.active,
.branchlist-container.active,
.tilaushistoria-container.active,
.cookies-container.active,
.privacystatement-container.active,
.feedback-open-container.active,
.haynes-register-container.active,
.notifications-container.active {
	display: block;
}

.feedback-open-form-container,
.haynes-register-form-container,
.notifications-form-container {
    background-color: #FFF;
    display: inline-block;
    padding: 25px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    min-width: 400px;
	-webkit-box-shadow: 5px 5px 15px 5px #000000; 
	box-shadow: 5px 5px 15px 5px #000000;
}

.feedback-open-form-container #close-feedback-form,
.haynes-register-form-container #close-haynes-register-form,
.notifications-container #close-notifications-form {
    float: right;
}

.haynes-register-form-container .formRow,
.feedback-open-form-container .formRow {
    margin-bottom: 5px;
}

.haynes-register-form-container .formRow label,
.feedback-open-form-container .formRow label {
    display: block;
    margin-top: 10px;
}

.haynes-register-form-container .formRow input,
.feedback-open-form-container .formRow textarea,
.feedback-open-form-container .formRow select,
.feedback-open-form-container .formRow input {
    width: 100%;
}

.haynes-register-form-container #haynesRegisterFormError,
.feedback-open-form-container #openFeedbackFormError {
	display: none;
	background-color: red;
    padding: 15px;
    margin-bottom: 15px;
    color: #FFF;
}

.haynes-register-form-container #haynesRegisterFormError.visible,
.feedback-open-form-container #openFeedbackFormError.visible {
	display: block;
}

.notifications-form-container {
	max-width: calc(100% - 100px);
	max-height: calc(100% - 100px);
	overflow-y: scroll;
}
.notifications-form-container #close-notification-form,
.notifications-form-container #close-notification-alert-form,
.notifications-form-container #close-notification-warning-form {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 30px;
}
.notifications-form-container .formRow {
	margin-top: 5px;
}
.notification-form-container .formRow label {
	width: 100%;
}
.formRow label {
    width: 100%;
}
.notifications-form-container .formRow select,
.notifications-form-container .formRow input {
    margin-top: 3px;
    margin-bottom: 10px;
}

#notification_warning_notify_container {
    background-color: lightyellow;
    font-weight: bold;
    color: #000;
    text-align: center;
	max-height: 0px;
	min-height: 0px;
	transition: min-height 1s ease-in-out;
	overflow: hidden;
	display: none;
}
#notification_warning_notify_container p {
    margin-top: 15px;
}

#notification_alert_notify_container {
    background-color: red;
    font-weight: bold;
    color: #FFF;
    text-align: center;
	max-height: 0px;
	min-height: 0px;
	transition: min-height 1s ease-in-out;
	overflow: hidden;
	display: none;
}
#notification_alert_notify_container p {
    margin-top: 15px;
}
#notification_alert_notify_container a {
    color: #FFF;
    text-decoration: underline;
}

#notification_notify_container {
    background-color: lightblue;
    text-align: center;
    font-weight: bold;
    max-height: 0px;
	min-height: 0px;
    overflow: hidden;
    transition: min-height 1s ease-in-out;
	display: none;
}
#notification_notify_container p {
    padding-top: 15px;
}

.notifications-form-container h1 {
    margin-bottom: 15px;
}
.notifications-form-container .tab-content {
    margin-top: 15px;
}
.notifications-form-container label {
    margin-bottom: 5px;
}
.notifications-form-container .tox-tinymce {
    min-height: 500px;
}
.notifications-form-container button {
    margin-top: 15px;
}
.notification_alert {
	display: none;
	background-color: red;
	color: #FFF;
	padding: 15px;
}
.notification_alert.visible {
	display: block;
}

body.notification_visible .firstbox,
body.notification_visible .middlebox,
body.notification_visible .rightbox,
body.alert_visible .firstbox,
body.alert_visible .middlebox,
body.alert_visible .rightbox {
    margin-bottom: 50px;
}


.feedback-item {
	position: relative;
	padding: 5px 7px;
	/*margin: 0 3px;*/
	color: #115388;
	background-color: #fff;
	border: 1px solid transparent;
	font-weight: bold;
	cursor: pointer;
	z-index: 1;
}

.feedback-item {
	border: 1px solid #115388;
}

.feedback__button-container {
	position: inherit;
	right: 0;
	bottom: 0;
	display: block;
}


.feedback__button-container .feedback-item {
	display: inline-block;
	float: none;
}

.password > *:not(.password__header),
.feedback > *:not(.feedback__header),
.warranty > *:not(.warranty__header),
.ad-image > *:not(.ad-image__header) {
	padding: 0 15px;
}

.warranty__header {
	position: relative;
	padding: 5px 15px;
	margin: 0;
	color: #fff;
	background-color: #0f5388;
}

.asetukset__header,
.password__header,
.feedback__header,
.ad-image__header,
.tilaushistoria__header,
.cookies__header,
.privacystatement__header {
	position: relative;
	padding: 5px 15px;
	margin: 0 0 25px;
	color: #fff;
	background-color: #0f5388;
}

.branchlist__header {
	position: relative;
	padding: 5px 15px;
	color: #fff;
	background-color: #0f5388;
}

.privacystatement__header {
	margin-bottom: 5px;
}

.asetukset__header i,
.password__header i,
.feedback__header i,
.warranty__header i,
.ad-image__header i,
.tilaushistoria__header i,
.cookies__header i,
.privacystatement__header i {
	position: absolute;
	right: 15px;
	top: 50%;
	font-size: 16px;
	transform: translateY(-50%);
	cursor: pointer;
}

.warranty__loader {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(50,50,50,.5);
}

.warranty__loader__icon {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 10em;
}

.feedback__description--bold {
	font-weight: bold;
}

.feedback__content,
.ad-image__content {
	display: flex;
	flex-flow: row nowrap;
}

.warranty__content {
	display: flex;
	flex-flow: column nowrap;
	overflow: hidden;
	overflow-y: auto;
}

.warranty input[name="vehicle_registry"] {
	text-transform: uppercase;
}

.warranty-label {
	line-height: 2;
	font-weight: normal;
}

.warranty-label.mandatory,
.warranty__content__files__label.mandatory {
	position: relative;
	margin-left: 1em;
}

.warranty-label.mandatory:before,
.warranty__content__files__label.mandatory:before {
	position: absolute;
	left: -1em;
	content: '*';
}

.asetukset__header {
	position: relative;
	padding: 5px 15px;
	margin: 0 0 10px;
	color: #fff;
	background-color: #0f5388;
}

.asetukset__tab {
	cursor: pointer;
	padding: 5px 10px;
	margin: 0 2px 0 0;
	border-width: 1px 1px 0 1px;
	border-radius: 4px 4px 0 0;
	border-style: solid;
	border-color: #333;
}

.asetukset__tab:hover:not(.active) {
	background-color: rgba(50,50,50,.125);
}

.asetukset__tab.active {
	color: #0f5388;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	box-shadow: 3px 0px 2px -1px rgba(50,50,50,.5);
}

.asetukset__tab-row {
	top: 1px;
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	z-index: 1;
}

.asetukset__tab-container {
	display: none;
	padding: 0 10px 5px;
}

.asetukset__tab-container .kielet {
	margin-bottom: 5px;
}

.asetukset__tab-container.active {
	display: block;
	border: 1px solid #333;
	border-radius: 0 3px 3px 0;
	box-shadow: 2px 2px 2px rgba(50,50,50,.5);
}

.asetukset__content {
	padding: 0 10px 0;
}

.asetukset__controls {
	padding: 10px 10px 0;
}

#ad-image-form,
.ad-image__controls {
	flex: 1 0 auto;
}

.ad-image__controls {
	position: relative;
}

.asetukset__content,
.password__content,
.tilaushistoria__content {
	display: flex;
	flex-flow: column nowrap;
}

.tilaushistoria {
	padding-bottom: 50px;
	font-size: 1em;
}

.tilaushistoria__inner-entry.closed .flex-header .col-sm-6 {
	overflow: hidden;
	text-overflow: ellipsis;
}

.tilaushistoria__inner-entry.closed .tilaushistoria-value.register {
	white-space: nowrap;
}

.tilaushistoria__inner-entry.tilaushistoria-value.register {
	white-space: initial;
}

.tilaushistoria__header {
	margin-bottom: 10px;
}

.tilaushistoria__infotext {
	padding-left: 15px;
}

.tilaushistoria__search {
	flex: 0 0 auto;
	margin: 0 0 10px;
	border-radius: 0;
}

.tilaushistoria__search input {
	padding: 2px 5px;
}

.dateinput {
	display: flex;
}

.tilaushistoria__entry.hiddenbydate,
.tilaushistoria__entry.hiddenbyreg,
.tilaushistoria__entry.hiddenbyprod {
	display: none;
}

.tilaushistoria-label {
	font-weight: bold;
}

.tilaushistoria__list {
	flex: 1 1 auto;
	max-height: 500px;
	min-height: 1px;
	overflow: hidden;
	overflow-y: auto;
	border-top: 1px solid #a3a3a3;
	border-bottom: 1px solid #a3a3a3;
}

.tilaushistoria__entry.collapsed {
	max-height: 70px;
	transition: .2s all;
	overflow: hidden;
}

.tilaushistoria__entry {
	max-height: 450px;
	overflow: hidden;
	transition: .2s all;
	border: 1px solid #a3a3a3;
	border-top: 0;
	margin: 10px 5px;
}

.tilaushistoria__entry__info {
	display: flex;
	flex-flow: row nowrap;
	padding: 5px 0;
	background-color: #f9f9f9;
	border-top: 1px solid #a3a3a3;
	border-bottom: 1px solid #a3a3a3;
}

.collapsed .tilaushistoria__entry__info {
	border-bottom: none;
}

.tilaushistoria__entry__list .open,
.tilaushistoria__entry__info .expand,
.tilaushistoria__entry__info .print-icon {
	position: relative;
	cursor: pointer;
}

.tilaushistoria__entry__list .open:hover .open-icon,
.tilaushistoria__entry__info .expand:hover .expand-icon,
.tilaushistoria__entry__info .print-icon a:hover .barcode-icon {
	color: #fff;
	text-shadow: 1px 1px #333, 1px -1px #333, -1px -1px #333, -1px 1px #333, 0 1px #333, 0 -1px #333, 1px 0 #333, -1px 0 #333;
}

.tilaushistoria__entry__list .open .open-icon,
.tilaushistoria__entry__info .expand .expand-icon,
.tilaushistoria__entry__info .barcode-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	font-size: 16px;
	transition: .2s all;
	color: inherit;
}

.tilaushistoria__entry__info .print-icon a {
	display: block;
	width: 100%;
	height: 100%;
	color: inherit;
}

.tilaushistoria__entry__list__entry:not(.closed) .open .open-icon {
	transform: translate(-50%,-50%) rotate(180deg);
	color: #0f5388;
	transition: .2s all;
}

.tilaushistoria__entry__list__entry:not(.closed) .open:hover .open-icon {
	color: #fff;
}

.tilaushistoria__entry:not(.collapsed) .tilaushistoria__entry__info .expand .expand-icon::before {
	content: "\f07c";
	color: #0f5388;
	transition: .2s all;
}

.tilaushistoria__entry:not(.collapsed) .tilaushistoria__entry__info .expand:hover .expand-icon::before {
	color: #fff;
}

.tilaushistoria__entry__list__entry.closed {
	max-height: 30px;
	transition: .2s all;
	box-shadow:  1px 1px 2px 1px rgba(50,50,50,.5);
}

.tilaushistoria__entry__list__entry {
	/*max-height: 240px;*/
	margin: 10px 5px;
	overflow: hidden;
	box-shadow: inset 1px 1px 2px 1px rgba(50,50,50,.5);
	transition: .2s all;
}

.tilaushistoria__product-list {
	width: 100%;
	max-height: 180px;
	overflow: hidden;
	overflow-y: auto;
	border-style: solid;
	border-width: 1px 0;
	border-color: #a3a3a3;
}

.tilaushistoria__product__number,
.tilaushistoria__product__amount,
.tilaushistoria__product__price,
.tilaushistoria__product__total {
	text-align: center;
}

.tilaushistoria__entry__list__entry .flex-header {
	display: flex;
	flex-flow: row nowrap;
	margin: 5px 0;
	padding: 0;
}

.tilaushistoria__entry__list__entry .flex-header > div {
	flex:  0 0 auto;
	padding: 0;
}

.tilaushistoria__entry__list {
	max-height: 400px;
	overflow: hidden;
	overflow-y: auto;
}

.tilaushistoria__collapseall {
	position: absolute;
	bottom: 10px;
	right: 15px;
	padding: 3px 10px;
	color: #fff;
	background-color: #0f5388;
	border: 1px solid #d2d2d2;
	box-shadow: 2px 2px 2px rgba(50,50,50,.5);
	cursor: pointer;
}
.tilaushistoria__product__message {
	padding-right: 0.5rem;
    padding-left: 0.5rem;
}

#password-form {
	margin-bottom: 25px;
}

.password-form__input {
	width: calc(100% - 25px);
	padding: 0 5px;
	margin-bottom: 10px;
}

.password-form__input-container {
	position: relative;
	display: flex;
	width: 100%;
	flex-flow: column nowrap;
}

.password-form__input-container:after {
	position: absolute;
	font-family: FontAwesome, sans-serif;
	right: 3px;
	bottom: 10px;
	font-size: 17px;
}
.password-form__input-container.ok:after {
	content: "\f00c";
	color: #5cb85c;
}
.password-form__input-container.wrong:after {
	content: "\f00d";
	color: #da1f1f;
}

.password-form__input-container.wrong input {
	box-shadow: 0 0 2px rgba(255,0,0,1);
	border: 1px solid rgb(255,0,0);
}

.password-form__input-container.wrong input:focus
.password-form__input-container.wrong input:active {
	border: 1px solid rgb(255,0,0);
}
.password-form__requirement-true {
	color: #5cb85c;
}
.password-form__requirement-false {
	color: #da1f1f;
}
.feedback__content--left,
.feedback__content--right,
.ad-image__content--left,
.ad-image__content--right {
	display: flex;
	flex-flow: column nowrap;
	min-width: 400px;
	flex: 1 1 auto;
	margin-bottom: 20px;
}

.feedback__content--left {
	width: 60%;
}

.feedback__content--right {
	width: 40%;
	margin: 0 0 0 25px;
}

.feedback__content--category {
	display: flex;
	flex-flow: column nowrap;
}

.feedback__content--category__entry {
	display: flex;
	flex-flow: row nowrap;
}

.feedback__content--category input:not([type="file"]):not([type="radio"]) {
	flex: 1 1 auto;
	width: 70%;
	max-width: 350px;
	font-weight: bold;
	text-indent: 5px;
	text-transform: uppercase;
	border: 0 solid transparent;
	box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.25);
}

.feedback__content--category label {
	flex: 1 1 auto;
	width: 30%;
	font-weight: normal;
}

.feedback__content__error {
	flex-flow: row nowrap;
}

.feedback__content__error__label {
	flex: 1 1 auto;
	width: 20%;
}

.feedback__content__error__container {
	flex: 1 1 auto;
	width: 80%;
}

.feedback__content__error__container--secondary,
.feedback__content__error__container--tertiary {
	position: relative;
}

.feedback__content__error__container--secondary:before,
.feedback__content__error__container--tertiary:before {
	position: absolute;
	top: 0;
	left: -16px;
	content: '\f112';
	font-family: FontAwesome, sans-serif;
	transform: rotate(180deg);
}

.feedback__content__error__type input {
	width: auto;
	cursor: pointer;
}

.feedback__content__error__type label {
	width: auto;
	margin-left: 5px;
	font-weight: normal;
	cursor: pointer;
}

.feedback__content__freeword {
	flex: 1 1 auto;
	height: auto;
}

.feedback__content__freeword--num {
	display: block;
}

.feedback__content__freeword--num > span {
	display: inline-block;
}

.feedback__content--category input:not([type="file"]):not([type="radio"]).invalid,
.feedback__content__error__container.invalid,
.feedback__content__error__container--secondary.invalid,
.feedback__content__error__container--tertiary.invalid,
.feedback__content__freeword textarea.invalid,
.warranty-label + input.invalid,
.warranty-label + textarea.invalid,
.warranty .attachment__boxes__inner.invalid,
.warranty .warranty__radios__inner.invalid,
.warranty__content__files__inner.invalid {
	border: 1px solid #f00;
	box-shadow: 0 0 2px 1px rgba(255, 0, 0);
}

.feedback__content__error__container.invalid {
	border-radius: 3px;
	padding: 3px;
}

.feedback__content__freeword textarea {
	flex: 1 1 auto;
	width: 100%;
	min-height: 100px;
	resize: none;
	border: 1px solid;
}

.feedback__content__freeword__counter {
	display: block;
}

.feedback__content__freeword__counter.over {
	color: #da1f1f;
}
button.password__controls__submit,
button.password__controls__cancel{
	border: none;
}

.asetukset__controls__cancel,
.password__controls__submit,
.password__controls__cancel,
.feedback__controls__submit,
.feedback__controls__cancel,
.warranty__controls__submit,
.warranty__controls__cancel,
.ad-image__controls__remove,
.ad-image__controls__remove__choose,
.ad-image__controls__save,
.ad-image__controls__cancel {
	position: relative;
	display: inline-block;
	padding: 5px 40px 5px 10px;
	margin: 0 10px 0 0;
	color: #fff;
	font-size: 18px;
	border: 0;
	box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.25);
	cursor: pointer;
}
.ad-image__controls__delete__selected {
	background-color: #135388;
	padding: 5px 10px 5px 10px;
	margin-top: 10px;
	width: max-content;
	box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.25);
	cursor: pointer;
	color: #fff;
}

.ad-image__controls__delete__selected.disabled {
	color: #333;
    background-color: #ddd;
    cursor: not-allowed;
}

.ad-image__controls__remove,
.ad-image__controls__save,
.ad-image__controls__remove__choose,
.ad-image__controls__cancel {
	position: absolute;
	right: -10px;
	bottom: 0;
}

.ad-image__controls__save {
	right: 120px;
}

.ad-image__controls__remove {
	bottom: 45px;
}

.asetukset__controls__cancel .fa,
.password__controls__submit .fa,
.password__controls__cancel .fa,
.feedback__controls__submit .fa,
.feedback__controls__cancel .fa,
.warranty__controls__submit .fa,
.warranty__controls__cancel .fa,
.ad-image__controls__remove .fa,
.ad-image__controls__remove__choose .fa,
.ad-image__controls__save .fa,
.ad-image__controls__cancel .fa {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.ad-image__controls__remove {
	background-color: #666;
}
.ad-image__controls__remove__choose {
	bottom: 90px;
	background-color: #0f5388;
}


.ad-image__controls__remove:hover {
	background-color: #333;
}
.ad-image__controls__remove__choose:hover {
	background-color: #0a375a;
}

.asetukset__controls__cancel {
	position: relative;
	left: 100%;
	transform: translateX(-100%);
}

.asetukset__controls__cancel,
.password__controls__submit,
.feedback__controls__submit,
.warranty__controls__submit,
.ad-image__controls__save {
	background-color: #0f5388;
}

.asetukset__controls__cancel:hover,
.password__controls__submit:hover,
.feedback__controls__submit:hover,
.warranty__controls__submit:hover,
.ad-image__controls__save:hover {
	background-color: #0a375a;
}

.asetukset__controls__cancel.disabled,
.password__controls__submit.disabled,
.feedback__controls__submit.disabled,
.warranty__controls__submit.disabled,
.ad-image__controls__remove.disabled,
.ad-image__controls__save.disabled {
	color: #333;
	background-color: #ddd;
	cursor: not-allowed;
}

.password__controls__cancel,
.feedback__controls__cancel,
.warranty__controls__cancel,
.ad-image__controls__cancel {
	background-color: #da1f1f;
}

.password__controls__cancel:hover,
.feedback__controls__cancel:hover,
.warranty__controls__cancel:hover,
.ad-image__controls__cancel:hover {
	background-color: #ad1919;
}

.feedback .box,
.warranty .box,
.ad-image .box {
	padding: 0;
	background-color: #0f538855;
	box-shadow: none;
	transition: .2s;
}

.feedback .box.has-advanced-upload,
.warranty .box.has-advanced-upload,
.ad-image .box.has-advanced-upload {
	background: linear-gradient(#fff, #0f538855);
}

.feedback .box.has-advanced-upload .box__dragndrop,
.warranty .box.has-advanced-upload .box__dragndrop,
.ad-image .box.has-advanced-upload .box__dragndrop {
	display: inline;
}

.feedback .box.is-dragover,
.warranty .box.is-dragover,
.ad-image .box.is-dragover {
	box-shadow: 0 0 5px #5cb85c;
	transition: .2s;
}

.feedback .box.is-uploading .box__input,
.warranty .box.is-uploading .box__input,
.ad-image .box.is-uploading .box__input {
	visibility: none;
}

.feedback .box.is-uploading .box__uploading,
.warranty .box.is-uploading .box__uploading,
.ad-image .box.is-uploading .box__uploading {
	display: block;
}

.feedback .box.is-uploading .box__input,
.warranty .box.is-uploading .box__input,
.ad-image .box.is-uploading .box__input {
	visibility: none;
}

.feedback .box.is-uploading .box__uploading,
.warranty .box.is-uploading .box__uploading,
.ad-image .box.is-uploading .box__uploading {
	display: block;
}

.feedback .box__input,
.warranty .box__input,
.ad-image .box__input {
	position: relative;
}

.feedback .box__dragndrop,
.feedback .box__uploading,
.feedback .box__success,
.feedback .box__error,
.warranty .box__dragndrop,
.warranty .box__uploading,
.warranty .box__success,
.warranty .box__error,
.ad-image .box__dragndrop,
.ad-image .box__uploading,
.ad-image .box__success,
.ad-image .box__error {
	display: none;
}

.feedback .box label,
.warranty .box label,
.ad-image .box label {
	width: 100%;
	position: relative;
	min-height: 85px;
	height: 100%;
	padding: 10px;
	margin: 0;
	overflow: hidden;
	cursor: pointer;
}

.ad-image .box .fa-upload,
.warranty .box .fa-upload {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	font-size: 75px;
	color: #0f5388;
	opacity: .25;
	pointer-events: none;
}

.feedback .image-preview,
.warranty .image-preview,
.ad-image .image-preview {
	max-height: 400px;
	overflow: auto;
}

.feedback .image-preview__image,
.warranty .image-preview__image,
.ad-image .image-preview__image {
	position: relative;
	margin: 5px 0;
	padding: 5px 5px;
	overflow: hidden;
}

.feedback .image-preview__image:nth-child(odd),
.warranty .image-preview__image:nth-child(odd),
.ad-image .image-preview__image:nth-child(odd) {
	background-color: #ddd;
}

.feedback .image-preview__image img,
.warranty .image-preview__image img,
.ad-image .image-preview__image img {
	max-height: 50px;
}

.feedback .image-preview__image p,
.warranty .image-preview__image p,
.ad-image .image-preview__image p {
	position: absolute;
	right: 5px;
	bottom: 0;
	margin: 0;
	text-align: right;
	text-shadow: 1px 1px #fff, 1px -1px #fff, -1px -1px #fff, -1px 1px #fff, 0 1px #fff, 0 -1px #fff, 1px 0 #fff, -1px 0 #fff;
	pointer-events: none;
}

.feedback .image-preview__image .fa-times,
.warranty .image-preview__image .fa-times,
.ad-image .image-preview__image .fa-times {
	position: absolute;
	right: 2.5px;
	top: 2.5px;
	cursor: pointer;
	text-shadow: 1px 1px #fff, 1px -1px #fff, -1px -1px #fff, -1px 1px #fff, 0 1px #fff, 0 -1px #fff, 1px 0 #fff, -1px 0 #fff;
	z-index: 1;
	opacity: .5;
}

.warranty .image-preview__image .fa-file-text-o {
	position: relative;
	left: 2.5px;
	text-shadow: 1px 1px #fff, 1px -1px #fff, -1px -1px #fff, -1px 1px #fff, 0 1px #fff, 0 -1px #fff, 1px 0 #fff, -1px 0 #fff;
	z-index: 1;
	opacity: .5;
}

.feedback .image-preview__image .fa-times:hover,
.warranty .image-preview__image .fa-times:hover,
.ad-image .image-preview__image .fa-times:hover {
	color: #fff;
	text-shadow: 1px 1px #333, 1px -1px #333, -1px -1px #333, -1px 1px #333, 0 1px #333, 0 -1px #333, 1px 0 #333, -1px 0 #333;
	opacity: 1;
}

.feedback #file,
.warranty #file_warranty,
.ad-image #file_ad {
	display: none;
}

label[for="file_ad"]::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	color: #000;
	background-color: #000;
	/* border: 10px solid #000; */
	border-radius: 100%;
	transform: translate(-50%,-50%);
	animation: pulse 10s linear infinite alternate;
}

@keyframes pulse {
	0% {
		transform: translate(-50%,-50%);
		width: 1px;
		height: 1px;
	}
	50% {
		transform: translate(-50%,-50%);
		width: 1000px;
		height: 1000px;
	}
	100% {
		transform: translate(-50%,-50%);
		width: 1px;
		height: 1px;
	}
}

.varastokysely {
	position: relative;
	display: inline-block;
	color: transparent;
	pointer-events: none;
	/*white-space: nowrap;*/
}

.varastokysely.card {
	position: relative;
	float: right;
}

.varastokysely__button {
	padding: 3px 5px;
	border: 1px solid #115388;
	border-radius: 0;
	color: #115388;
	background-color: #fff;
	cursor: pointer;
	pointer-events: all;
}

.availability {
	position: absolute;
	right: 0;
	top: calc(100% + 20px);
	width: auto;
	min-width: 550px;
	background-color: #fff;
	color: #333;
	border: 1px solid;
	box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.5);
	z-index: 10000;
	pointer-events: all;
}

.availability.hidden {
	display: none;
}

.availability__header {
	position: relative;
	margin-bottom: 5px;
}

.availability__header .header {
	position: static;
	margin: 0;
	padding: 5px 25px 10px 5px;
	font-size: 1.1em;
	background-color: #115388;
	color: #fff;
	text-align: left;
}

.availability__header .close {
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 15px;
	color: #fff;
	font-weight: normal;
	opacity: 1;
	float: none;
	cursor: pointer;
}

.availability__content {
	display: flex;
	flex-flow: column nowrap;
}

.availability__content__headers {
	padding: 0 5px;
	border-bottom: 1px solid;
	flex-flow: row nowrap;
}

.availability__content__headers__header:nth-child(2) {
	margin-left: 5px;
}

.availability__content__list {
	max-height: 300px;
	overflow: hidden;
	overflow-y: auto;
	flex-flow: column nowrap;
  }

.availability__content__list .entry {
	margin-top: 5px;
}

.availability__content__headers,
.availability__content__list {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	font-weight: bold;
}

.availability__content__headers .spinner-container,
.availability__content__list .spinner-container {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	min-height: 100px;
	background-color: transparent;
}

.availability__content__headers .fa-spin,
.availability__content__list .fa-spin {
	position: absolute;
	left: calc(50% - 21px);
	top: calc(50% - 25px);
	font-size: 50px;
}

.availability__content__headers__header,
.availability__content__list__header {
	width: 50%;
}

.availability__content__headers__header,
.availability__content__headers__entry,
.availability__content__list__header,
.availability__content__list__entry {
	display: flex;
	flex-flow: row nowrap;
	flex: 1 1 auto;
}

.availability__content__headers__header label,
.availability__content__headers__entry label,
.availability__content__list__header label,
.availability__content__list__entry label {
	width: 50%;
	margin: 0;
	flex: 1 1 auto;
	text-align: left;
	font-weight: normal;
}

.availability__content__headers__header label:not(:last-child),
.availability__content__headers__entry label:not(:last-child),
.availability__content__list__header label:not(:last-child),
.availability__content__list__entry label:not(:last-child) {
	border-right: 1px solid;
}

.availability__content__headers__header label:not(:first-child),
.availability__content__headers__entry label:not(:first-child),
.availability__content__list__header label:not(:first-child),
.availability__content__list__entry label:not(:first-child) {
	padding: 0 0 5px 5px;
}

.availability__header span.productcode{
	white-space: nowrap;
}

.availability__content__list div {
	padding: 0 5px;
}

.user-control,
.patronselection-control,
.customerselection-control {
	position: absolute;
	display: flex;
	flex-flow: column nowrap;
	left: 50%;
	top: 50%;
	min-width: 550px;
	min-height: 550px;
	transform: translate(-50%, -50%);
	font-size: .9em;
	border: 1px solid;
	color: #333;
	background-color: #fff;
}

.user-control .label,
.customerselection-control .label,
.patronselection-control label {
	color: #333;
	font-size: 1em;
	padding: 0;
}

.user-control-container,
.patronselection-control-container ,
.customerselection-control-container {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	pointer-events: all;
	z-index: 1030;
}

.user-control-container.active,
.patronselection-control-container.active,
.customerselection-control-container.active {
	display: block;
}

.user-control__header,
.patronselection-control__header,
.customerselection-control__header {
	position: relative;
	padding: 5px 15px;
	margin: 0 0 25px;
	color: #fff;
	background-color: #0f5388;
}

.user-control__header .title,
.patronselection-control__header .title,
.customerselection-control__header .title {
	padding: 0 30px 0 0;
	text-indent: 10px;
}

.user-control > .closer,
.patronselection-control > .closer,
.customerselection-control > .closer {
	position: absolute;
	right: 8px;
	top: 16px;
	font-size: 1.7em;
	color: #fff;
	transform: translateY(-50%);
	cursor: pointer;
}

.user-control__content,
.patronselection-control__content,
.customerselection-control__content {
	flex: 1 1 auto;
	padding: 0 15px 20px;
}

.user-control__content .user-list {
	max-height: 370px;
	overflow: hidden;
	overflow-y: auto;
}

.user-control__content .user-list .list-entry {
	display: block;
}

.user-control__content .user-list .list-entry.hidden {
	display: none;
}

.user-control__content input,
.customerselection-control__content input {
	padding: 0 5px;
}

.user-control__content .info-row input:not([type='checkbox']):not([type='submit']) {
	width: 100%;
}

.user-control__content .info-row input:not([type='checkbox']):disabled {
	cursor: not-allowed;
}

.user-control__content .info-row.hidden {
	display: none;
}

.user-control__content .customer-company,
.customerselection-control__content .customer-company {
	margin-bottom: 10px;
}

.user-control__content .customer-company .closer,
.customerselection-control__content .closer {
	color: #0f5388;
	cursor: pointer;
}

.user-control__content .user-create {
	float: right;
	margin-left: 10px;
}

.user-control__content--users, .user-control__content--customers, .user-control__content--info,
.customerselection-control__content--customers,
.patronselection-control__content--customers {
	height: 100%;
}

.customerselection-control__content--customers .input-container,
.patronselection-control__content--customers .input-container {
	position: relative;
}

.customerselection-control__content--customers .input-container i,
.patronselection-control__content--customers .input-container i {
	display: none;
}

.customerselection-control__content--customers .input-container.searching i,
.patronselection-control__content--customers .input-container.searching i {
	display: inline-block;
	font-size: 19px;
	color: #fff;
	cursor: not-allowed;
	text-shadow: 1px 1px #0f5388, 1px -1px #0f5388, -1px -1px #0f5388, -1px 1px #0f5388, 0 1px #0f5388, 0 -1px #0f5388, 1px 0 #0f5388, -1px 0 #0f5388;
	animation: gear-flash 2s linear infinite;
}

@keyframes gear-flash {
	0% {
		color: #fff;
		transform: rotate(0deg);
		text-shadow: 1px 1px #0f5388, 1px -1px #0f5388, -1px -1px #0f5388, -1px 1px #0f5388, 0 1px #0f5388, 0 -1px #0f5388, 1px 0 #0f5388, -1px 0 #0f5388;
	}
	
	50% {
		color: #0f5388;
		/* transform: rotate(180deg); */
		text-shadow: 1px 1px #fff, 1px -1px #fff, -1px -1px #fff, -1px 1px #fff, 0 1px #fff, 0 -1px #fff, 1px 0 #fff, -1px 0 #fff;
	}
	
	100% {
		color: #fff;
		transform: rotate(360deg);
		text-shadow: 1px 1px #0f5388, 1px -1px #0f5388, -1px -1px #0f5388, -1px 1px #0f5388, 0 1px #0f5388, 0 -1px #0f5388, 1px 0 #0f5388, -1px 0 #0f5388;
	}
}
	

.user-control__content--info {
	display: flex;
	flex-flow: column nowrap;
}

.user-control__content--info .info-row {
	flex: 0 1 auto;
	margin-bottom: 10px;
	height: auto;
}

.user-control__content--info .info-row--controls {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.user-control__content--info .info-row--controls button,
.user-control__content--info .info-row--controls input.btn-save {
	padding: 3px 20px;
	margin-left: 10px;
	border: 1px solid;
	border-radius: 5px;
	vertical-align: text-bottom;
	background-color: #e1e1e1;
}

.user-control__content--customers .ui-autocomplete,
.customerselection-control__content--customers .ui-autocomplete {
	max-height: 375px;
	overflow-y: auto;
	overflow-x: hidden;
	width: 450px!important;
}

  #user-control__content--info--store .ui-autocomplete {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 450px!important;
  }
  
div.availability__content__list div:nth-child(even){
	background: #CCC;
}

div.availability__content__list div:nth-child(odd) {
	background: #fff;
}

.selectedcustomer {
	position: relative;
	animation: customer-addition 3s;
}

.selectedcustomer__remove {
	position: absolute !important;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	font-weight: bold;
	color: #145388;
	cursor: pointer;
}

@keyframes customer-addition {
	0% {
		color: #333;
		background-color: transparent;
	}
	
	5% {
		color: #fff;
		background-color: #145388;
	}

	25% {
		color: #fff;
		background-color: #145388;
	}
	
	100% {
		color: #333;
		background-color: transparent;
	}
}

.btn-tyhjenna,
.btn-tyhjenna:hover,
.btn-tyhjenna:active,
.btn-tyhjenna:focus {
	right: 5px;
	padding: 0;
	margin: 0;
	border: none;
	background: transparent;
	color: #da1f1f;
}

.cart-total-amount td:first-child {
	text-align: right;
}

.cart-total-amount td {
	text-align: left;
}

.loppusumma {
	width: 100%;
	text-align: right;
	margin-bottom: 20px;
	font-weight: bold;
}

.toggle-expand-filters {
	right: 25px;
}

.toggle-expand-filters, .btn-tyhjenna {
	position: absolute;
	top: 50%;
	font-size: 20px;
	transform: translateY(-50%);
	z-index: 1;
}

.print,
.print-template {
	display: none;
	text-align: left !important;
}

@media print {
	body *,
	body *:not(.print),
	body *:before,
	body *:after {
		display: none;
		visibility: hidden;
	}

	body .print {
		display: block !important;
		position: absolute;
		left: 0;
		top: 0;
		text-align: left !important;
	}
	
	body .print,
	body .print * {
		display: initial;
		width: 100%;
		visibility: visible;
		color: #000;
		background-color: #fff;
		text-align: left !important;
		font-size: 11pt;
	}
	
	body .print table,
	body .print table tbody {
		width: 100%;
	}
	
	body .print tr.vehicle,
	body .print tr.yht {
		border: 1mm solid #333;
		border-bottom: calc(1mm - 1px) solid #333;
	}
	
	body .print tr {
		display: flex;
		flex-flow: row nowrap;
		width: 100%;
		border: 1px solid #333;
	}
	
	body .print tr:not(:last-child):not(.vehicle) {
		border-bottom: none;
	}
	
	body .print table tbody tr.vehicle th {
		font-size: 18px;
	}
	
	body .print th,
	body .print td {
		flex: 1 1 auto;
		width: 20%;
		padding: 1mm 0 1mm 2.5mm;
		margin: 0;
		word-wrap: break-word;
	}
	
	body .print .pagebreak {
		page-break-after: always;
		border-bottom: 1px solid;
	}
	
	body .print .pagebreak + .print-header {
		border-top: 1px solid;
	}

	body .print th:not(:last-child),
	body .print td:not(:last-child) {
		border-right: 1px solid #333;
	}

	body .print th:nth-child(2),
	body .print td:nth-child(2) {
		width: 25%;
	}
	
	body .print th:nth-child(3),
	body .print td:nth-child(3) {
		width: 15%;
	}

	body .print tr.yht td {
		width: 14.29%;
		font-size: 18px;
	}

	body .print tr.yht td:first-child {
		width: 85.71%;
	}
	
	body .print tr.yht td:first-child b {
		font-size: 18px;
	}

	body .print tr.divider {
		border-top: calc(1mm - 1px) solid #333;
		margin-bottom: 5mm;
	}
	body .print tr.divider td {
		padding: 0;
	}
}

th.doubleheader span {
	padding: 0;
}

tr.titleRow .hinta-alv {
	text-align: right;
}

.premium-ribbon {
	position: absolute;
	right: -25px;
	top: 15px;
	padding: 0 25px;
	background-color: rgba(255, 0, 0, 0.75);
	color: #fff;
	font-size: 10px;
	transform: rotate(45deg);
	box-shadow: inset 0 -2px 2px rgba(50,50,50,.25), inset 0 2px 2px rgba(50,50,50,.25);
	text-shadow: 1px 1px black;
	white-space: nowrap;
	pointer-events: none;
	z-index: 2;
}

.premium-ribbon.oe {
	background-color: rgba(0,128,0,.75);
}

.premium-ribbon .fa-star {
	color: gold;
}

.kayttoehdot {
	font-weight: bold;
	font-size: 22px;
	text-decoration: underline !important;
}
.kayttoehtospan {
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
}

.external {
	line-height: 10px;
	font-size: 70%;
}

.swal2-popup {
	font-size: .9em !important;
}

#closeVehicle,
#returnToProducts {
	position: absolute;
	top: 2px;
	right: 2px;
	color: #135388;
	font-size: 1.2em;
	cursor: pointer;
	transition: all .5s;
	display: block;
	z-index: 1;
}

#returnToProducts {
	display: none;
	position: sticky;
	right: 12px;
	top: 0;
	font-size: 20px;
	float: right;
	transform: scale(1.5, 1);
	pointer-events: all;
	padding: 5px 10px;
	text-shadow: 1px 1px #fff, 1px -1px #fff, -1px -1px #fff, -1px 1px #fff, 0 1px #fff, 0 -1px #fff, 1px 0 #fff, -1px 0 #fff;
	z-index: 100;
}

#closeVehicle:hover {
	color: #fff;
	text-shadow: 1px 1px #135388, 1px -1px #135388, -1px -1px #135388, -1px 1px #135388, 0 1px #135388, 0 -1px #135388, 1px 0 #135388, -1px 0 #135388;
}

#blockColorblindContent {
	display: none;
}

.lahimyymalasaldo {
	position: relative;
	font-size: 1em;
	margin: 10px 0;
}

.lahimyymalasaldo__open,
.lahimyymalasaldo__open:focus {
	position: relative;
	padding: 3px 20px 3px 5px;
	color: #125388;
	background-color: #fff;
	border: 1px solid;
	overflow: hidden;
	text-decoration: none;
	box-shadow: 2px 2px 2px rgba(50,50,50,.5);
	white-space: nowrap;
	cursor: pointer;
}

.lahimyymalasaldo__open:hover {
	color: #0c385b;
	background-color: #e6e6e6;
	text-decoration: none;
}

.lahimyymalasaldo__open:active {
	color: #061c2e;
	background-color: #ccc;
	text-decoration: none;
}

.lahimyymalasaldo__open__static,
.lahimyymalasaldo__open__static:focus {
	position: relative;
	padding: 3px 20px 3px 5px;
	color: #125388;
	/*background-color: #fff;
	border: 1px solid;*/
	overflow: hidden;
	text-decoration: none;
	/*box-shadow: 2px 2px 2px rgba(50,50,50,.5);*/
	white-space: nowrap;
	cursor: pointer;
}

.lahimyymalasaldo__open__static:hover {
	color: #0c385b;
	/*background-color: #e6e6e6;*/
	text-decoration: none;
}

.lahimyymalasaldo__open__static:active {
	color: #061c2e;
	/*background-color: #ccc;*/
	text-decoration: none;
}

.varastoTD__hyllypaikka__button,
.varastoTD__hyllypaikka__button:focus,
.oheistuote__button,
.oheistuote__button:focus {
	position: relative;
	padding: 3px 20px 3px 5px;
	color: #125388;
	/*background-color: #fff;
	border: 1px solid;*/
	overflow: hidden;
	text-decoration: none;
	/*box-shadow: 2px 2px 2px rgba(50,50,50,.5);*/
	white-space: nowrap;
	cursor: pointer;
}

.varastoTD__hyllypaikka__button:hover,
.oheistuote__button:hover {
	color: #0c385b;
	/*background-color: #e6e6e6;*/
	text-decoration: none;
}

.varastoTD__hyllypaikka__button:active,
.oheistuote__button:active {
	color: #061c2e;
	/*background-color: #ccc;*/
	text-decoration: none;
}

.lahimyymalasaldo__open:after,
.varastoTD__hyllypaikka__button:after,
.oheistuote__button:after,
.avoimet_ostotilaukset__open:after {
	position: absolute;
	right: 5px;
	top: 50%;
	content: "\f107";
	font-size: 18px;
	font-weight: bold;
	font-family: FontAwesome, sans-serif;
	transform: translateY(-50%);
	transition: .2s all;
}

.lahimyymalasaldo__open.open:after,
.varastoTD__hyllypaikka__button.open:after,
.oheistuote__button.open:after,
.avoimet_ostotilaukset__open.open:after {
	transform: translateY(-50%) rotate(180deg);
}

.lahimyymalasaldo__open__static:after {
	position: absolute;
	right: 5px;
	top: 50%;
	content: "\f107";
	font-size: 18px;
	font-weight: bold;
	font-family: FontAwesome, sans-serif;
	transform: translateY(-50%);
	transition: .2s all;
}

.lahimyymalasaldo__open__static.open:after {
	transform: translateY(-50%) rotate(180deg);
}


.lahimyymalasaldo__list,
.varastoTD__hyllypaikka__list {
	display: none;
	position: absolute;
	right: 0;
	top: calc(100% + 5px);
	width: 400px;
	max-height: 0;
	background-color: #fff;
	overflow: hidden;
	overflow-y: auto;
	border: 1px solid;
	box-shadow: 2px 2px 2px rgba(50,50,50,.5);
	transition: .2s all;
	z-index: 3;
	text-align:left;
	font-size: 12px;
}

.oheistuote__list {
	display: none;
	position: absolute;
	width: 400px;
	max-height: 0;
	background-color: #fff;
	overflow: hidden;
	overflow-y: auto;
	border: 1px solid;
	box-shadow: 2px 2px 2px rgba(50,50,50,.5);
	transition: .2s all;
	z-index: 3;
	text-align:left;
	font-size: 12px;
}

.varastoTD__hyllypaikka__list__static {
	background-color: #fff;
	overflow: hidden;
	overflow-y: auto;
	border: 1px solid;
	box-shadow: 2px 2px 2px rgba(50,50,50,.5);
	transition: .2s all;
	z-index: 3;
	text-align:left;
	font-size: 12px;
	width: 100%;
}

.lahimyymalasaldo__list.open,
.varastoTD__hyllypaikka__list.open,
.oheistuote__list.open {
	max-height: 250px;
	display: table;
	transition: .2s all;
	z-index: 4;
}

.lahimyymalasaldo__list.open:empty {
	display: none;
}

.lahimyymalasaldo__list__item {
	display: flex;
	flex-flow: row nowrap;
	cursor: default;
}

.lahimyymalasaldo__list__item .label,
.lahimyymalasaldo__list__item .value {
	flex: 1 1 auto;
	color: #333;
	font-size: 1em;
	font-weight: normal;
	text-align: left;
}

.lahimyymalasaldo__list__item .label {
	width: 80%;
	padding: 3px 3px 1px;
	margin: 0;
}

.lahimyymalasaldo__list__item .value {
	width: 20%;
}

.dropdownContainer div {
    display: inline-block;
}
.dropdownContainer .lahimyymalasaldo__list {
    border: none;
}
.dropdownContainer .lahimyymalasaldo__list.open {
    border: 1px solid;
}

.tarkistavaraukset {
	position: relative;
	font-size: 1em;
	margin: 10px 0;
}

.tarkistavaraukset__open,
.tarkistavaraukset__open:focus {
	position: relative;
	padding: 3px 20px 3px 5px;
	color: #125388;
	background-color: #fff;
	border: 1px solid;
	overflow: hidden;
	text-decoration: none;
	box-shadow: 2px 2px 2px rgba(50,50,50,.5);
	white-space: nowrap;
}

.tarkistavaraukset__open:hover {
	color: #0c385b;
	background-color: #e6e6e6;
	text-decoration: none;
}

.tarkistavaraukset__open:active {
	color: #061c2e;
	background-color: #ccc;
	text-decoration: none;
}

.tarkistavaraukset__open:after {
	position: absolute;
	right: 5px;
	top: 50%;
	content: "\f107";
	font-size: 18px;
	font-weight: bold;
	font-family: FontAwesome, sans-serif;
	transform: translateY(-50%);
	transition: .2s all;
}

.tarkistavaraukset__open.open:after {
	transform: translateY(-50%) rotate(180deg);
}

.tarkistavaraukset__list {
	position: absolute;
	right: 0;
	top: calc(100% + 5px);
	max-height: 0;
	background-color: #fff;
	overflow: hidden;
	overflow-y: auto;
	border: 1px solid;
	opacity: 0;
	box-shadow: 2px 2px 2px rgba(50,50,50,.5);
	transition: .2s all;
	z-index: 3;
	text-align:left;
	font-size: 12px;
}

.tarkistavaraukset__list.open {
	max-height: 250px;
	opacity: 1;
	transition: .2s all;
}

.tarkistavaraukset__list.open:empty {
	display: none;
}

.tarkistavaraukset__list {
	display: flex;
	flex-flow: row nowrap;
	cursor: default;
}

.tarkistavaraukset__list__item .label,
.tarkistavaraukset__list__item .value {
	flex: 1 1 auto;
	color: #333;
	font-size: 1em;
	font-weight: normal;
	text-align: left;
}

.tarkistavaraukset__list__item .label {
	width: 80%;
	padding: 3px 3px 1px;
	margin: 0;
}

.tarkistavaraukset__list__item .value {
	width: 20%;
}





.tarkistasaldo {
	/*position: relative;*/
	font-size: 1em;
	margin: 3px 0px 5px 0px;
	border: 1px solid;
}

.tarkistasaldo__open,
.tarkistasaldo__open:focus {
/*	position: relative;*/
	margin: 3px 3px 3px 3px;
	color: #125388;
	overflow: hidden;
	text-decoration: none;
}
/*
.tarkistasaldo__open:hover {
	color: #0c385b;
	background-color: #e6e6e6;
	text-decoration: none;
}

.tarkistasaldo__open:active {
	color: #061c2e;
	background-color: #ccc;
	text-decoration: none;
}

.tarkistasaldo__open:after {
	position: absolute;
	right: 5px;
	top: 50%;
	content: "\f107";
	font-size: 18px;
	font-weight: bold;
	font-family: FontAwesome;
	transform: translateY(-50%);
	transition: .2s all;
}

.tarkistasaldo__open.open:after {
	transform: translateY(-50%) rotate(180deg);
}

.tarkistasaldo__list {
	position: absolute;
	right: 0;
	top: calc(100% + 5px);
	width: 400px;
	max-height: 0;
	background-color: #fff;
	overflow: hidden;
	overflow-y: auto;
	border: 1px solid;
	opacity: 0;
	box-shadow: 2px 2px 2px rgba(50,50,50,.5);
	transition: .2s all;
	z-index: 3;
	text-align:left;
	font-size: 12px;
}
*/
.tarkistasaldo__list {
	margin: 3px 3px 3px 3px;
}
/*
.tarkistasaldo__list.open:empty {
	display: none;
}

.tarkistasaldo__list__item {
	display: flex;
	flex-flow: row nowrap;
	cursor: default;
}

.tarkistasaldo__list__item .label,
.tarkistasaldo__list__item .value {
	flex: 1 1 auto;
	color: #333;
	font-size: 1em;
	font-weight: normal;
	text-align: left;
}

.tarkistasaldo__list__item .label {
	width: 80%;
	padding: 3px 3px 1px;
	margin: 0;
}

.tarkistasaldo__list__item .value {
	width: 20%;
}
*/
@media (min-width: 1200px) {
	.quicksearchlink {
		width: calc(20% - 4px);
	}
}

@media (min-width: 1900px) {
	.quicksearchlink {
		width: calc(16.6666% - 4px);
	}
}

@media (max-width: 1200px) {
	
	.row--custom .carHistoryBox.popover .arrow{
		right: 5px;
	}

	.firstbox .carsticktitle {
		width: calc(33.3333% - 40px);
	}

	.quicksearchlink {
		width: calc(25% - 4px);
	}
}

@media (min-width: 1400px) {
	.signout .text {
		display: none;
	}
}

@media (max-width: 991px) {
	.row--custom .carHistoryBox.popover {
		left: calc(33.3333% - 50px);
	}

	.cartAmount {
		top: -9px;
		border-width: 1px;
	}

	.firstbox .carsticktitle {
		width: calc(100% - 53px);
	}

	#returnToProducts {
		display: inline;
	}

	.firstbox,
	.rightbox,
	.rightbox.expanded {
		/* flex: 1 0 auto; */
		max-width: 100%;
	}

	.quicksearchlink {
		width: calc(33.3333% - 4px);
	}

	.navbar .navbar-nav .dropdown-menu {
		padding: 0;
	}


	.navbar .navbar-nav .user-dropdown,
	.navbar-main--left .settings {
		display: none;
	}

	.navbar .navbar-nav .travelling__base .submenu {
		display: block;
		position: relative;
		cursor: pointer;
	}
	
	.navbar .navbar-nav .travelling__base .submenu .submenu__content li,
	.navbar .navbar-nav .travelling__base .submenu .submenu__hover,
	.navbar .navbar-nav .travelling__base .dropdown-divider {
		display: block;
		width: 100%;
		list-style: none;
	}
	
	.navbar .navbar-nav .travelling__base .submenu .submenu__hover {
		padding: 5px 15px;
	}

	.navbar .navbar-nav .travelling__base .submenu .submenu__content {
		display: block;
		padding: 0 15px;
		color: #333;
		background-color: #fff;
	}

	.navbar .navbar-nav .travelling__base .signout,
	.navbar .navbar-nav .travelling__base .divider,
	.navbar .navbar-nav .travelling__base .user,
	.navbar .navbar-nav .travelling__base .user-dropdown__target {
		display: block;
	}

	.navbar .navbar-nav .travelling__base .user,
	.navbar .navbar-nav .travelling__base .user-dropdown__target li {
		padding: 5px 10px;
	}
	
	.navbar .navbar-nav .travelling__base .submenu .submenu__content li a {
		display: block;
		width: 100%;
		padding: 5px 0;
	}

	.navbar .navbar-nav .travelling__base .submenu .submenu__content li:hover a,
	.navbar .navbar-nav .travelling__base .user-dropdown__target li:hover a,
	.navbar .navbar-nav .travelling__base .user-dropdown__target li:hover {
		background-color: #333;
		color: #fff;
		text-decoration: none;
	}

	.travelling__base .dropdown-menu.show {
		position: absolute;
		left: unset;
		right: 0;
		width: 300px;
		max-height: 75vh;
		overflow: hidden;
		overflow-y: auto;
	}

	.navbar-nav .dropdown-menu > li > a,
	.navbar-nav .dropdown-menu .dropdown-header {
		padding: 5px 15px;
	}

	.platelist {
		max-height: 350px;
	}
	
	#tuoteryhmapuu .fa.fa-compress {
		display: none;
	}

	.prodCont .prodLeft,
	.prodCont .prodRight{
		width: 100%;
	}

	.prodCont .prodLeft {
		margin-bottom: 10px;
	}

	#productContainer table#saldoTable {
		width: 100%;
	}

	div#cboxWrapper,
	div#cboxContent {
		max-width: 100%;
	}

	div#cboxLoadedContent {
		max-width: calc(100% - 20px);
	}

	div#cboxWrapper table.cart-table td {
		position: relative;
	}

	/*div#cboxWrapper table.cart-table td input[type="checkbox"] {
		position: absolute;
		left: -20px;
		top: 50%;
		transform: translate(0, -50%);
	}*/

	table#fpProducts .cartActions .kplmaara,
	table#fpProducts .cartActions .cartButton {
		max-width: 33%;
	}

	.feedback-item {
		border: 1px solid #115388;
	}

	/*.feedback-item {
		border-width: 0 0 1px 1px;
		top: 6px;
		right: 3px;
	}*/

	.medlevel .fa.plus-minus{
		font-size: 1.3em;
	}

	.leftMenu .fa-compress{
		font-size: 1.3em;
	}

	.leftMenu .fa-list{
		font-size: 1.3em;
	}

	.leftMenu .fa-times{
		font-size: 1.3em;
	}

	.toplevel .fa-expand{
		font-size: 1.3em;
	}

	.treeMenu span.prod {
		font-size: 1.2em;
	}

	.treeMenu li span.spanlink {
		right: 5px;
	}

	.treeMenu li a.medlevel {
		right: 25px;
	}

	.producttext .tuotekoodi {
		font-size: 1.5em;
	}
	
	table#fpProducts input.kplmaara {
		height: 33px;
	}

	table#fpProducts .cartActions a {
		font-size: 16px;
	}

	.avaaAlatuotteet .fa,
	.suljeAlatuotteet .fa,
	.productrow-image-counter,
	.cartActions,
	.feedback-item,
	.varastoTD,
	.varastoTD .bold:not(.bold),
	.hintaTD,
	.hintaTD .bold:not(.bold),
	.producttext .product,
	.tuotetiato__half .tieto span,
	.tuotetiato__half .sopivuus span {
		font-size: 1.2em;
	}

	body > .select2-container.select2-container--default.select2-container--open {
		left: 5px !important;
		top: 100px !important;
		width: 100%;
	}
	
	body > .select2-container.select2-container--default.select2-container--open > .select2-dropdown.select2-dropdown--below {
		width: calc(100% - 10px) !important;
		border: 1px solid #aaa;
		border-radius: 0;
	}

	.tuoteTD.paddingX {
		padding-left: 5px;
	}

	.tuoteTD.paddingX .productrow-image-counter {
		left: 0;
		top: 0;
	}

	.filtterointi {
		margin-top: 0px;
	}
}

@media (max-width: 991px), (max-height: 710px) {
	.header.navbar > .container > .navbar-collapse {
		padding: 0;
	}

	.navbar-nav > li > a {
		/*padding: 15px 5px;*/
	}

	table#fpProducts {
		margin-left: -4px;
	}

	.dropdown-menu .osatunnisteet {
		max-height: calc(100vh - 250px);
	}

	.feedback,
	.warranty,
	.user-control {
		height: calc(95vh - 50px);
		width: 95vw;
		min-width: unset;
	}

	.customerselection-control,
	.patronselection-control {
		height: 55vh;
		width: 55vw;
		min-width: unset;
		min-height: unset;
	}
	
	.ad-image,
	.cookies,
	.privacystatement {
		max-height: calc(95vh - 50px);
		width: 95vw;
		min-width: unset;
	}
	
	.ad-image {
		padding: 0 0 80px;
	}

	.asetukset,
	.password {
		width: 95vw;
		min-width: unset;
	}

	.tilaushistoria__infotext {
		padding: 0 15px;
		margin-bottom: 10px;
	}
	
	.tilaushistoria__infotext span {
		padding: 0;
	}

	.feedback__content {
		max-height: calc(100% - 140px);
	}

	.feedback__content,
	.warranty__content {
		flex-flow: column;
		overflow: hidden;
		overflow-y: auto;
		margin-bottom: 10px;
	}

	.feedback__content--left,
	.feedback__content--right,
	.ad-image__content--left,
	.ad-image__content--right {
		width: 100%;
		min-width: unset;
		margin: 0 0 20px;
	}

	.ad-image__controls {
		position: static;
	}

	.ad-image__controls__remove,
	.ad-image__controls__save,
	.ad-image__controls__cancel {
		right: 0;
		bottom: 10px;
	}

	.ad-image__controls__save {
		right: 130px;
	}

	.ad-image__controls__remove {
		bottom: 55px;
	}
	.feedback__content--category__header {
		margin-bottom: 0;
	}

	.feedback__content--category__entry {
		display: block;
		max-width: 100%;
	}

	.feedback__content--category__entry label {
		margin: 5px 0;
	}

	.feedback__content--category input:not([type="file"]):not([type="radio"]) {
		min-width: unset;
		width: 100%;
	}

	.feedback__content__error {
		flex-flow: column;
	}

	.feedback__content__error__label,
	.feedback__content__error__container {
		display: block;
		width: 100%;
	}

	.user-control__content--customers .ui-autocomplete,
	.customerselection-control__content--customers .ui-autocomplete {
		width: unset !important;
		max-width: 300px;
		max-height: calc(100% - 110px);
	}

	.regplate__container {
		display: flex;
		align-items: flex-end;
	}

	.regplate__container .dropdown,
	#regvinSearch {
		flex: 0 0 auto;
	}

	.regplateinput {
		flex: 1 1 auto;
	}

	.treeMenu li a.sublevelLink {
		padding: 5px 15px;
	}

	.järjestys {
		float: left;
	}

	.row--custom .carHistoryBox.popover {
		left: unset;
		right: 10px;
	}

	#colorbox {
		max-width: 100%;
		max-height: 100%;
	}

	.prodCont {
		max-width: 100%;
	}

	#galleryimages {
		max-width: 100%;
		margin: 0;
	}

	#galleryimages img {
		width: 100%;
		height: auto;
		max-height: 100%;
	}

	#productContainer {
		max-width: 100%;
	}
}

@media (min-width: 768px) {

	.footer {
		display: unset;
	}
	.bodycontainer {
		max-height: calc(100% - 100px);
	}
	.hide768px {
		display: block !important;
	}
	.hide768pxunset {
		display: unset !important;
	}
	.hide768pxflex {
		display: flex !important; align-items:center;
	}
	.show768px {
		display: none !important;
	}
	.flexshow768px {
		flex-wrap: nowrap;
		justify-content: flex-start;
		display: none !important;
	}
}

@media (max-width: 768px) {
	.navbar .navbar-nav .dropdown-menu,
	.navbar .navbar-nav .dropdown-menu.show {
		position: absolute;
		top: 100%;
		right: 0;
		left: 1rem;
		width: 100vw;
		overflow: hidden;
		overflow-y: auto;
		border-bottom: 1px solid #999;
	}

	.navbar .navbar-nav .dropdown-menu.full_screen,
	.navbar .navbar-nav .dropdown-menu.full_screen.show {
		position: fixed;
		top: 2.2rem;
		left: 0rem;
		max-height: calc(100vh - 3rem);
	}

	.dropdown .dropdown-menu {
		-webkit-transition: all 0.32s;
		-moz-transition: all 0.32s;
		-ms-transition: all 0.32s;
		-o-transition: all 0.32s;
		transition: all 0.32s;

		display: block;
		overflow: hidden;
		opacity: 0;
		transform: translateX(0%) scaleY(0);
		transform-origin: top;
	}

	.dropdown-menu.show {
		opacity: 1;
		transform: translateX(0%) scaleY(1);
	}

	.footer {
		display: none;
	}

	.bodycontainer {
		max-height: 100%;
	}

	.varastoTD .bold,
	.hintaTD .bold {
		text-align: center;
		font-size: 1.8em;
	}

	.quicksearchlink {
		width: calc(50% - 4px);
	}
	
	.carsticktitle .fa-compress {
		font-size: 18px;
	}

	.productimg,
	.producttext {
		width: 100%;
	}

	.navbar-nav > li > a {
		padding: 5px;
	}
	.hide768px {
		display: none !important;
	}
	.hide768pxunset {
		display: none !important;
	}
	.hide768pxflex {
		display: none !important;
	}
	.forcehide768px {
		display: none !important;
	}
	.flexshow768px {
		flex-wrap: nowrap;
		justify-content: flex-start;
		display: flex !important;
	}
	.flexhide768px {
		flex-wrap: nowrap;
		justify-content: flex-start;
		display: none !important;
	}
	.show768px {
		display: block !important;
	}
	.filtterointi {
		margin-top: 5px;
	}
	#returnToProducts {
		display: none !important;
	}
	#cboxContent {
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0px;
	}
	div#cboxLoadedContent {
		max-width: 100%;
		padding-left: 5px;
	}
	#colorbox #productContainer {
		padding: 1em 0em;
	}
	.cartAmount {
		top: -4px;
		border-width: 1px;
	}

}

@media (max-width: 800px) {
	.varastoTD .bold,
	.hintaTD .bold {
		text-align: center;
		font-size: 1.8em;
	}

	.middlebox {
		padding: 0 0 0 4px;
	}

	table#fpProducts {
		margin: 0;
	}

	.titleRow.tryhmatitlesTH {
		display: none;
	}

	.productRow {
		border-style: solid;
		border-width: 10px 0;
		border-color: transparent;
	}

	.productRow > .tuoteTD,
	.productRow > .teknisetTD,
	.productRow > .varastoTD,
	.productRow > .hintaTD {
		display: block;
		width: calc(100% - 10px);
	}
	
	.productRow > .tuoteTD,
	.productRow > .teknisetTD {
		border-bottom: none;
	}

	.productimg,
	.producttext {
		width: 100%;
		max-width: 100%;
		margin-bottom: 5px;
	}

	.tuotetiato {
		flex-flow: column nowrap;
	}
	
	.tuotetiato__half {
		width: 100%;
		flex: 1 0 auto;
	}

	.tuotetiato__right {
		margin-top: 10px;
	}

	.premium-ribbon {
		top: 25px;
		font-size: 15px;
	}
}

.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th {
    background-color: #ffffff;
}

.ennakkovaraukset {
	position: relative;
	max-width: 300px;
	box-shadow: 2px 2px 2px rgba(50,50,50,.5);
}

.ennakkovaraukset .close {
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
}

.ennakkovaraukset .list {
	padding-left: 5px;
	list-style: none;
}

.ennakkovaraukset .list li {
	position: relative;
	width: calc(100% - 15px);
	word-wrap: break-word;
	cursor: pointer;
}

.ennakkovaraukset_btn {
	padding: 5px 10px;
	color: #fff;
	background-color: #105388;
	border: 0;
}

.ennakkovaraukset_btn:hover {
	background-color: #0d4571;
}

.ennakkovaraukset_btn:active {
	background-color: #0b375a;
}

.redback {
	background-color: #DA1F1F !important;
}

.yellowback {
	background-color: #FFDD1F !important;
}

.violetback {
	background-color: #991690 !important;
	color: #fff;
}

.redback > .red {
	color: #ffffff;
}


.contact .divider {
	margin: 5px 0;
}

.contact .divider:last-child {
	display: none;
}

.contact__info {
	min-width: 300px;
	box-shadow: 0 2px 2px rgba(50,50,50,.5);
}

.contact__info__row {
	display: flex;
	margin: 5px 0;
}

.contact__info__row:hover {
	color: #fff;
	background-color: #222;
}

.contact__label {
	font-weight: bold;
}

.contact__value {
	text-align: right;
	text-overflow: ellipsis;
	overflow: hidden;
}

.brand__selection {
	display: inline-block;
	padding: 3px 5px;
	margin: 2px 5px 2px 0;
	border: 1px solid #9d9d9d;
	border-radius: 5px;
	box-shadow: 2px 2px 2px rgba(50,50,50,.5);
}

.remove-brand {
	margin-left: 5px;
	color: #9d9d9d;
	cursor: pointer;
}

.remove-brand:hover {
	color: #333;
}

#cookienotify {
	position: absolute;
	left: 10px;
	bottom: 10px;
	max-width: 300px;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 10px;
	box-shadow: 0 0 0 1px #999,
				2px 2px 2px rgba(50,50,50,.5),
				inset 5px 5px 5px rgba(50,50,50,.5);
	z-index: 999;
	background: #888;
}

#cookienotify a {
	font-size: 1.2em;
	color: #fff;
}

@media (min-width: 1200px) {
    body.useHoverCart li.nav-item .hover-cart {
        display: none;
    }
    body.useHoverCart li.nav-item:hover .hover-cart {
        display: block;
        position: absolute;
        background-color: #FFF;
        border: 1px solid #000;
        -webkit-box-shadow: 5px 5px 15px 5px #000000;
        box-shadow: 5px 5px 15px 5px #000000;
        padding: 15px;
		right: 0px;
		max-height: 85vh;
		overflow-y: scroll;
    }
    body.useHoverCart .rightbox {
        display: none !important;
    }
}
@media (max-width: 1200px) {
    body.useHoverCart li.nav-item .hover-cart {
        display: none;
    }
    body.useHoverCart li.nav-item:hover .hover-cart {
        display: block;
        position: absolute;
        background-color: #FFF;
        border: 1px solid #000;
        -webkit-box-shadow: 5px 5px 15px 5px #000000;
        box-shadow: 5px 5px 15px 5px #000000;
        padding: 15px;
		right: 0px;
		max-height: 85vh;
		overflow-y: scroll;
    }
    .rightbox {
        display: block;
    }
}


@media (max-width: 1400px) {
    .navbar-nav {
        flex-direction: row !important;
    }
    .navbar-nav .nav-item {
        margin-right: 10px;
    }
}

.wordbreak {
	max-width:100%;
	display: block;
	word-break:break-all;
}

.fas {
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome, sans-serif;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.AKFI_input {
	display: block;
	width: 100%;
	line-height: 1.25;
	min-height: calc(0.5rem * 2 + 1.25rem + 2px);
	padding: 0.5rem 0.75rem;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 2px 0 0 2px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#mask {
	position: fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:10000;
	opacity:0.5;
	background-color:#000000;
}
/*
@media (max-width: 450px) {
    .container-fluid {
        display: unset !important;
    }
}
*/
.image__carousel {
	margin-left: auto;
    margin-right: auto;
    display: block;
	margin-bottom: 5px;
}
.image__carousel__on__delete {
	margin-left: auto;
    margin-right: auto;
    display: block;
	height: 200px;
}
.carousel-button-next {
	position: absolute;
	background-color: black;
	opacity: 0.2;
	justify-content: center;
	bottom: 0;
	top: 0;
  	right: 0;
  	width: 8%;
	border-radius: 15px;
}
.carousel-button-prev {
	position: absolute;
	background-color: black;
	opacity: 0.2;
	justify-content: center;
	bottom: 0;
	top: 0;
  	left: 0;
  	width: 8%;
	border-radius: 15px;
}
.carousel-button-prev:hover, .carousel-button-next:hover {
	background-color: black;
	opacity: 0.5;
}
.img-thumbnail-chk {
	border-style: solid;
	border-color: #0e5388;
	margin-right: 3px;
}
.img-thumbnail {
	margin-right: 3px;
}
.image__preview__remove__col {
 max-width: max-content;
}

.invalid {
	border: 1px solid #f00 !important;
	box-shadow: 0 0 2px 1px rgba(255, 0, 0) !important;
}


@keyframes testiversio {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(360deg);
	}
}

.testiversio {
	color:#ff0000;
	font-weight:bold;
	border:1px solid;
	padding:5px 10px 5px 10px;
	animation-name: testiversio;
	animation-duration: 3s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: normal;
}


.tireselectcontainer {
    width: 147px !important;
    margin-right: 9px !important;
    margin-bottom: 10px;
    padding: 3px;
    font-size: 14px;
    display: inline-block;
}

.tireselectcontainer.tireselectbutton {
    text-align: center;
}

.tireselectcontainer select {
    width: 100%;
    margin-top: 3px;
    border-radius: 5px;
    background-color: #444243;
    border: 1px solid #404040;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
}

.tireselectcontainer select option {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.extendedDialog {
	width: 600px !important;
	max-width: 100%;
	overflow-y: hidden;
	z-index: 1030 !important;
}

.extendedDialog .ui-dialog-titlebar-close {
	display: none;
}

.extendedDialog .ui-dialog-title {
	width: 85% !important;
}
.nav_images {
	width: 200px;
    height: 100px;
    cursor: pointer;
    align-items: center;
    padding: 10px;
    display: flex;
}
.show_car_toggle {
	position: relative !important;
	z-index: 0 !important;
	margin-top: 5px;
}
.car-toggle-button-icon {
	transform: rotate(-45deg);
	color: #135388;
	font-size: 1.8em;
}

.avoimet_ostotilaukset {
	margin: 10px 0;
	position: relative;
	font-size: 1em;
}

.avoimet_ostotilaukset__open,
.avoimet_ostotilaukset__open:focus {
	position: relative;
	padding: 3px 20px 3px 5px;
	color: #125388;
	background-color: #fff;
	border: 1px solid;
	overflow: hidden;
	text-decoration: none;
	box-shadow: 2px 2px 2px rgba(50,50,50,.5);
	white-space: nowrap;
	cursor: pointer;
}

.avoimet_ostotilaukset__open:hover {
	color: #0c385b;
	background-color: #e6e6e6;
	text-decoration: none;
}

.avoimet_ostotilaukset__open:active {
	color: #061c2e;
	background-color: #ccc;
	text-decoration: none;
}
.avoimet_ostotilaukset_list {
	display: none;
	position: absolute;
	min-width: 100px;
	right: 0;
	z-index: 10;
}
.avoimet_ostotilaukset_list.open {
	display: table;
	max-height: 250px;
	transition: .2s all;
}
.avoimet-ostotilaukset-table {
	text-align: left;
	min-width: 250px;
	box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.55);
}
.avoimet-ostotilaukset-header-row {
	background-color: #0B5489;
}

.avoimet-ostotilaukset-header-row > th {
	color: white !important;
}
.avoimet-ostotilaukset-data-row:nth-child(even) {
	background-color: white;
}
.avoimet-ostotilaukset-data-row:nth-child(odd) {
	background-color: #ddd;
}
.avoimet-ostotilaukset-data-row>td {
	border-color: #b1b1b1;
}

.datepicker.hasDatepicker {
	border-radius: 5px 0px 0px 5px;
	border-right: 0;
}

.calendar-button {
	margin-top: 1px;
	border: 1px solid #cccccc;
	border-radius: 0px 5px 5px 0px;
}

.calendar-categories {
	max-width: 100%;
}
.calendar-timeline {
	max-width: 100%;
}
.calendar-events {
	max-width: 100%;
}