
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: pink;
}
::-moz-placeholder { /* Firefox 19+ */
  color: pink;
}
:-ms-input-placeholder { /* IE 10+ */
  color: pink;
}
:-moz-placeholder { /* Firefox 18- */
  color: pink;
}

.text-vt-price{
	color: #DE1F1F;
}


ul.subnavi{
	border-bottom: 0px !important;
}
.vt-display-7{
	font-size: calc(1.375rem + 0.4vw);
	font-weight: 400;
}
.vt-display-8{
	font-size: calc(1.275rem + 0.3vw);
	font-weight: 400;
}
.vt-display-9{
	font-size: calc(1.175rem + 0.2vw);
	font-weight: 400;
}
a{
	color: #3344dd;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}

/* Tables */

/* borderless table */
.table.table-borderless td, .table.table-borderless th {
    border: 0 !important;
}

.table.table-borderless {
    margin-bottom: 0px;
}

/* nowrap on desktop */
@media only screen and (min-width: 578px)  {
	td{
		/* white-space: nowrap; */
	}
}
/* Cookie notification */

#vt-cookie-notification
{
	display: none;
	position: fixed; 
	bottom: 0px; 
	width: 100%; 
	z-index: 16000009; 
	padding: 15px; 
	color: #fff; 
	text-align: center; 
	line-height: 28px;
	opacity: 95%;
}
#vt-cookie-notification a{
	color: #fff;
	text-decoration: underline;
}


/* Modal */
.modal-body{
	padding-top: 0px;
}
#beta-notification{
	width: 100%; 
	height: 28px; 
	padding: 0px; 
	margin: 0px; 
	border: 0px; 
	background-color: #f8f9fa;
}
/* nowrap on desktop */
@media only screen and (max-width: 578px) {
	#beta-notification{
		height: 42px; 
	}

}

/* Cookie notification --> */


.vt-mainlogo, .vt-mainlogo:hover{
	color: yellow; 
	font-size: 24px; 
	font-family: 'Trebuchet MS'; 
	border-black{
        color: grey;
        text-shadow: 
               2px   0  0   #000, 
              -2px   0  0   #000, 
               0    2px 0   #000, 
               0   -2px 0   #000, 
               1px  1px 0   #000, 
              -1px -1px 0   #000, 
               1px -1px 0   #000, 
              -1px  1px 0   #000,
               1px  1px 5px #000;
    }
}

/* Alert */
#top-header-wrapper{
	background-color: #0000c8;
	/* background: linear-gradient(40deg, rgba(0,0,200,1) 0%, rgba(0,100,200,1) 60%, rgba(0,0,200,1) 100%); */
}
#headersection{
	padding: 1rem !important;
}
#vt-frontpage-searchboxes{
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #E4E9ED;

}
.btn-vt{
	color: yellow;
  	background-color: #000092;
}	
.btn-vt:hover{
	color: yellow;
  	background-color: #000092;
  	border: 1px solid yellow;
}	
.btn-add-to-cart{
	width: 100%;
}
.btn-vt-full-width{
	width: 100%;
}
.btn-vt-orange{
	background-color: #FD9C0D;
}
.bg-vt-blue{
	background-color: #0000c8;
}
.bg-vt-light-blue{
	background-color: #1d78d2;
}
.bg-vt-lighter-blue{
	background-color: #ddeeff;
}
.text-vt-blue{
	color: #0000c8;
}
.text-vt-light-blue{
	color: #1d78d2;
}
.text-vt-lighter-blue{
	color: #ddeeff;
}
.bg-vt-yellow{
	background-color: #ffff00;
}
.vt-text-yellow{
	color: #ffff00;;
}

.vt-container{
	/* margin-top: 1rem; */
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 0px;
	background-color: #f7f6f6;
}
.navbar-vt{
	z-index: 1030;
}
.navbar-vt .navbar-nav .nav-link{
	/* color: rgb(245, 245, 0); */
	/* color: rgb(245, 245, 0); */
	color: #1F85DE;
	font-weight: bolder;
}
.nav-link{
	/* color: rgb(245, 245, 0); */
	color: white;
}

a.nav-link.show{
	text-decoration: underline;
}

.nav-link:hover{
	text-decoration: underline;
}
.nav-pills .vt-nav-link{
	background-color: #FD9C0D;
	color: #fff;
	text-decoration: none;
}
.module-row{
	cursor: pointer;
}
.moduleRow, .moduleRowOver, .moduleRowSelected{

}
.moduleRow {

}
.moduleRowOver { 
	background-color: #D7E9F7; cursor: pointer; cursor: hand; 
}
.moduleRowSelected { 
	background-color: #E9F4FC; 
}
@media only screen and (max-width: 992px)  {
	.vt-container{
		max-width: 100%;
	}
	.container{
		max-width: 100%;
	}
}
.vt-text-box{
	padding: 8px;
}
.vt-border-silver{
	border: 1px solid #dddddd;
}
.bg-dark a{
	color: #fff;
}
.bg-vt-silver{
	/*
	background-color: #E9E9E9;
	*/
}
.bg-vt-light{
	background-color: #dbdee8;
}
.vt-footer-inner{
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.phimg{
	height: 100px;
	width: auto;
}

.phtxt a{
	color: #000;
}
.phtxt a:hover{
	text-decoration: none;
}

.vt-card{
	padding: 8px;
	padding-bottom: 18px;
}

.vt-hovered:hover{
	box-shadow: 0px 0px 10px #ccc;
}
/* Listing and product page */
.vt-new-products-listing-item{
	height: 240px;
	margin: 8px; 
	padding: 8px; 
	border-right: 1px solid silver; 
	border-bottom: 1px solid silver;
	background-color: #fff;
	border-radius: 10px 25px;
}
.vt-new-products-listing-item:hover{
	box-shadow: 0px 0px 10px #ccc;
	/*
	background: rgb(255,255,255);
	background: linear-gradient(135deg, rgba(255,255,255,1) 90%, rgba(0,0,0,1) 100%);
	*/

}
.vt-notification{
	background-color: #C7E4ED; 
	padding: 1rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
/* Carousel on product page */
/*
.carousel-indicators li{
	background-color: #007bff;
	border: 2px solid #007bff;
	height: 6px;
	border-radius: 4px;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 100px;
  width: 100px;
  outline: black;
  background-size: 100%, 100%;
  border-radius: 50%;

  background-image: none;
}

.carousel-control-next-icon:after
{
  content: '>';
  font-size: 55px;
  color: #007bff;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 55px;
  color: #007bff;
}

.vt-carousel-indicators{
	margin-bottom: 2px !important;
}

.vt-carousel-indicator{
	border: 3px solid #1d78d2 !important;
	height: 6px !important;
}
*/
/* Tirecalc */
table.tirecalc{
	width: 100%;
	border: 1px solid #ccc;
	margin: auto;

}

table.tirecalc td, table.tirecalc th{
	text-align: left;
	padding: 0px 4px 0px 4px;
}
.ul-simprods{
	list-style-type: none;
	margin: 0;
  	padding: 0;
}
.ul-simprods-sub{
	list-style-type: none;
	margin: 0 0 0 1rem;
  	padding: 0;
}

.vt-promo-box{
	padding: 4px;
	border: 1px solid #ccc;
	margin-bottom: 1rem;
	font-size: 80%;
}

.vt-price{
	color: #DE1F1F;
}
.vt-price-product-page{
	font-size: 2rem;
	font-weight: 600;
}
.vt-searchbox{
	width: auto;
	background-color: #dbdee8; 
}
#vt-subnavi, div.subcont{
	
	text-align: center;
}
.vt-dropdown-item, .vt-dropdown-item:hover{
	/*color: yellow !important;*/
	color: white;
	background: none;
}

#vt-ul-languages{
	list-style-type: none;
  	margin: 0;
  	padding: 0;
  	overflow: hidden;

  	height: 30px;
	position: absolute; 
	top: 4px; 
	right: 4px;
	text-align: right;
}
#vt-ul-languages li{
	float: left;
	list-style: none;
	padding-left: 8px;
}

#vt-ul-languages li a{
	display: block;
}
.dropdown-hover-all .dropdown-menu, .dropdown-hover > .dropdown-menu { margin:0 }

.vt-form-checkbox{
	/* zoom: 1.5; */
	transform: scale(1.5)
}
/* Accordion */
.vt-accordion-button{
	color: #0c63e4;
	background-color: #e7f1ff;
	font-weight: bold;
}
footer{
	background-color: #080808;
	color: #ccc;
	/* margin-top: 1rem; */
}

footer a{
	color: #ccc;
}
footer a:hover{
	color: #fff;
}
.vt-footer-column{
	margin-top: 1rem;
}
/* Checkout progress bar */
.stepper-wrapper {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;

  @media (max-width: 768px) {
    font-size: 12px;
  }
}

.stepper-item::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: -50%;
  z-index: 2;
}

.stepper-item::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 2;
}

.stepper-item .step-counter {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ccc;
  margin-bottom: 6px;
}

.stepper-item.active {
  font-weight: bold;
}
.stepper-item.active .step-counter {
	background-color: #4bb543;
	color: #fff;
}

.stepper-item.completed .step-counter {
  background-color: #4bb543;
}

.stepper-item.completed::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #4bb543;
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 3;
}

.stepper-item:first-child::before {
  content: none;
}
.stepper-item:last-child::after {
  content: none;
}

/* Checkout progress bar end */


/* Dropdown */
@media (min-width: 992px){
	.dropdown-menu .dropdown-toggle:after{
		border-top: .3em solid transparent;
	    border-right: 0;
	    border-bottom: .3em solid transparent;
	    border-left: .3em solid;
	}
	.dropdown-menu .dropdown-menu{
		margin-left:0; margin-right: 0;
	}
	.dropdown-menu li{
		position: relative;
	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
}
/* Svea part payment */
#iframe-svea-part-payment{
	height: 310px;
}
@media (min-width: 576px){
	#iframe-svea-part-payment{
		height: 192px;
	}
}

@media (min-width: 768px){
	#iframe-svea-part-payment{
		height: 308px;
	}
}

@media (min-width: 1200px){
	#iframe-svea-part-payment{
		height: 310px;
	}
}
@media (min-width: 1400px){
	#iframe-svea-part-payment{
		height: 192px;
	}
}
iframe#launcher{
	display: none;
}

.spareparts-img {
    max-width: 300px; 
    height: auto;
  }
  @media (max-width: 576px) { 
    .spareparts-img {
      max-width: 120px;
    }
  }
/* Category cards */
.vt-category-card-title-0{
	color: #000;
	font-weight: bold;
}
.vt-category-card-title-275{
	background-color: #0000c8;
	color: #fff;
}
.vt-category-card-title-308{
	background-color: #127081;
	color: #fff;
}
.vt-category-card-title-372{
	background-color: #127081;
	color: #fff;
}
.vt-category-card-title-316{
	background-color: #000;
	color: #d3b955;
}
.vt-category-card-title-434{
	background-color: #000;
	color: #d3b955;
}
.vt-category-card-title-186{
	background-color: #ff0000;
	color: #fff;
}

