/*===========================================================

    Generic elements / classes
  
===========================================================*/
/* fullscreen loader */
@keyframes sk-three-bounce {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.loader2 {
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.3);
}

.id-spinner--alt {
  width: 100px;
}
.id-spinner--alt path {
  -webkit-transform-origin: center;
  transform-origin: center;
  fill: var(--itho-primary-color);
  -webkit-animation: sk-three-bounce 1.8s ease-in-out 0s infinite both;
  animation: sk-three-bounce 1.8s ease-in-out 0s infinite both;
}
.id-spinner--alt path:nth-child(1) {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.id-spinner--alt path:nth-child(2) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
/* end fullscreen loader */

.position-relative{
  position: relative;
}

.height-100 {
	height: 100%;
}

.webshop p {
	color: var(--itho-primary-color);
}

.webshop p.bold {
	font-weight: 500;
}

.webshop .visibility-hidden{
	visibility: hidden;
}

.badge-pill {
    border-width: 1px;
    border-style: solid;
    border-radius: 3rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 24px 6px 24px;
    font-weight: var(--body-font-weight);
    margin-right: 1rem;
}

.badge-pill .material-icons-outlined {
    font-size: 1rem;
    margin-right: 0.5rem;
}

input[type="checkbox"] {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    background: white;
    height: 16px;
    width: 16px;
    min-width: 16px;
    border: 1px solid #ced4da;
	padding: 0 !important;
}

input[type="checkbox"]:checked {
  	background: var(--itho-primary-color);
}

input[type="checkbox"]:after {
    content: '';
    position: relative;
    left: 40%;
    top: 17%;
    width: 30%;
    height: 60%;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    display: none;
}

input[type="checkbox"]:checked:after {
  	display: block;
}

.striped:nth-child(odd) {
	background-color: white;
}

.striped:nth-child(even) {
	background-color: #F6F6F6;
}

.error-message {
    border: 1px solid #d92020;
    padding: 5px 10px;
    margin-top: 15px;
    color: #d92020 !important;
}

.error-message-alt {
	margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
  	font-weight: 700;
}

.info-message-alt {
	margin-top: 0.25rem;
    font-size: 80%;
    color: var(--itho-secondary-color);
  	font-weight: 700;
}
  
.btn.green {
    color: white;
    background-color: #05AF0C;
    border: 1px solid #05AF0C;
    padding: 0.75rem 1.5rem;
}

.btn.green .material-icons-outlined {
    font-size: 1.25rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
} 

/*===========================================================

    Header
  
===========================================================*/
.account-options-wrapper{
  position: absolute;
  display: flex;
  flex-direction: column;
  background-color: white;
  z-index: 999;
  top: 5rem;
  border:1px solid var(--itho-primary-color);
  padding: 1rem;
  width: 100%;
}

/**************************

    Shopping cart / Account
  
***************************/

.account-options-wrapper.cart{
  width: 30rem;
}

.account-options-wrapper ul:before,
.account-options-wrapper .pop-up-wrapper:before{
  content:""; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid var(--itho-primary-color);
  position: absolute;
  left: calc(50% - 5px);
  top: -26px; 
}

.account-options-wrapper ul:after,
.account-options-wrapper .pop-up-wrapper:after{
  content: "";
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  position: absolute;
  left: calc(50% - 3px);
  top: -24px;
}

.account-options-wrapper ul{
  flex-direction: column;
  align-items: start;
  position: relative;
  padding-right: 2rem;
}

.account-options-wrapper ul li {
  padding: 0;
}

.account-options-wrapper ul li:hover,
.account-options-wrapper ul li a:hover{
  color: var(--itho-secondary-color)!important;
  transform: scale(1.05);
}

.account-options-wrapper ul li a{
  padding: 0.5rem 1rem;
}

.account-options-wrapper.cart table tr:nth-child(odd) {
  background: var(--itho-background-color);
}

.account-options-wrapper.cart table tr:nth-child(even) {
  background: #fff;
}

.account-options-wrapper.cart table tr:nth-child(even):hover{
  color: var(--itho-primary-color);
  background-color: transparent;
  cursor: default;
}

.account-options-wrapper.cart table tr:nth-child(odd):hover{
  color: var(--itho-primary-color);
  background-color: var(--itho-background-color);
  cursor: default;
}

.account-options-wrapper.cart table.price-table tr td {
  text-align: right;
  font-weight: 300;
}

.account-options-wrapper.cart table.price-table tr td:nth-child(1) {
  flex: 3;
}

.account-options-wrapper.cart table tr td:nth-child(2){
  text-align: end;
}
.account-options-wrapper.cart table tr{
  font-weight: 300;
}

.account-options-wrapper.cart .cart-total-wrapper{
  padding-top: 2rem;
}

.account-options-wrapper.cart .cart-total-wrapper .cart-total-row{
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  font-weight: 700;
  padding-top: 1.5rem;
}

.account-options-wrapper.cart .cart-total-wrapper .cart-total-row .left{
  padding-right: 4rem;
}

.account-options-wrapper.cart .cart-total-wrapper .cart-total-row .right{
  padding: 0 1rem;
}

.account-options-wrapper.cart .cart-button-wrapper .btn.green{
	color: white;
    background-color: #05AF0C;
    border: 1px solid #05AF0C;	
  	padding: 0.75rem 1.5rem;
}
.account-options-wrapper.cart .cart-button-wrapper .btn.none{
    background: white;
    border: none;
}
.account-options-wrapper.cart .cart-button-wrapper{
    display: flex;
    justify-content: flex-end;
    padding: 2rem 1rem 1rem 1rem; 
}

.account-options-wrapper.cart .shopping-card-table .item{
	flex: 2;
}

.webshop .account-options-wrapper.cart .empty-shopping-cart{
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.webshop .account-options-wrapper.cart .price-table {
    display: flex;
    flex-direction: column;
    width: 65%;
    margin-left: auto;
}

.webshop .account-options-wrapper.cart .price-table tr{
	background-color: #fff!important;
}

.webshop .account-options-wrapper.cart .price-table .small td{
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}
/*===========================================================

    Card / products
  
===========================================================*/
.webshop .card-header-content{
	display: flex;
    justify-content: center;
    align-items: center;
}

.webshop .card-header-content > * {
	padding: .5rem 0; 
}

.webshop .card-wrapper{
  	display: flex; 
}

.webshop .card-wrapper .card{
  	margin-right: .2rem;
}

.webshop .card-wrapper .most-viewed .owl-item.active{
	margin-right: .2rem;
  	opacity: 1;
}

.webshop .card-wrapper .most-viewed .owl-stage{
    padding-left: 0!important;
  	padding-right: 0!important;
}

.webshop .page-wrapper{
	padding: 3rem 2rem;
}

/*===========================================================

    Slider / banner
  
===========================================================*/

.webshop .home-carousel-wrapper-sub-wrapper .owl-stage {
	height: 25rem;
}

.webshop .home-carousel-wrapper-sub-wrapper .owl-item{
	height: 100%;
}

.webshop .home-carousel-wrapper-sub-wrapper .image-overlay-wrapper{
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.webshop .home-carousel-wrapper-sub-wrapper .image-overlay-wrapper .content-wrapper{
	flex-basis: 100%;
    justify-content: center;
    padding: 4rem;
}

.webshop .home-carousel-wrapper-sub-wrapper .image-overlay-wrapper .content-wrapper .content{
    max-width: calc(1400px / 2);
}

.webshop .home-carousel-wrapper-sub-wrapper .image-overlay-wrapper .content-wrapper .content *{
	color: white;
}

.webshop .banner-content {
	position: absolute;
    max-width: calc(100% / 2);
    width: 100%;
    text-align: center;
    margin: 0 auto;
    top: 50%;
    left: 0;
}
/*===========================================================

    Assortiment
  
===========================================================*/
.webshop .product-range .card-header-content.extra{
	display: flex;
  	flex-direction: column;
}

.webshop .product-range .card-header-content.extra p{
	padding: 0;
  	margin: 0;
}
/* .webshop .product-range .card-wrapper .card, */
.webshop .product-range-wrapper{
    flex-basis: calc(calc(100% - 1.5rem) / 5);
    margin-right: .3rem;
  	margin-top: .3rem;
    min-height: 29rem;
  	position: relative;
}

.webshop .product-range-wrapper .card.product-card.item .discount,
.webshop .product-card .discount,
.webshop .discount-img{
    content: '';
  	z-index: 99;
    color: white;
    position: absolute;
    background-color: var(--itho-action-color);
    height: 2rem;
    width: auto;
    left: 0;
    top: 0.5rem;
    bottom: 0;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    display: flex;
    align-items: center;
    padding-left: 2rem;
    padding-right: 1.5rem;
    font-weight: 300;
    font-size: 1rem;
}
.webshop .discount-img{
  padding-left: 15px;
}
#vue-webshop-product-detail .image-overlay-wrapper {
	position: relative;
}
#vue-webshop-product-detail .image-overlay-wrapper .discount{
    content: '';
    color: white;
    position: absolute;
    background-color: var(--itho-action-color);
    height: 2rem;
    width: auto;
    left: 0;
    top: 0;
    bottom: 0;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    display: flex;
    align-items: center;
    padding-left: 2rem;
    padding-right: 1.5rem;
    font-weight: 300;
    font-size: 1rem;
}

.webshop .product-range .image-overlay-wrapper{
    max-width: 15em;
}

.webshop .product-range .card-wrapper{
	display: flex;
    flex-wrap: wrap;
}
.webshop .product-range .card-header-content.extra a{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding-left: 1rem;
}

.webshop .product-range .show-more-wrapper{
	display: flex;
  	justify-content: center;
}

@media (max-width: 1000px) {
/*      .webshop .product-range .card-wrapper .card, */
  .webshop .product-range-wrapper{
          flex-basis: calc(calc(100% - 1.5rem) / 4);
    }
}

@media (max-width: 800px) {
/*      .webshop .product-range .card-wrapper .card, */
  .webshop .product-range-wrapper{
          flex-basis: calc(calc(100% - 1.5rem) / 3);
    }
}

@media (max-width: 600px) {
/*      .webshop .product-range .card-wrapper .card , */
  .webshop .product-range-wrapper{
          flex-basis: calc(calc(100% - 1.5rem) / 2);
    }
}

@media (max-width: 400px) {
/*      .webshop .product-range .card-wrapper .card , */
  	.webshop .product-range-wrapper{
          flex-basis: calc(calc(100% - 1.5rem) / 1);
    }
}

/*===========================================================

    Account / dashboard
  
===========================================================*/

/* Text in main image */
.webshop .title-section-wrapper .title-section *{
    margin-bottom: 0;
  	padding-bottom: .5rem;
  	flex-direction: column;
}

.webshop .title-section-wrapper .title-section * > :first-child ~ *{
	font-weight: 300;
  	font-size: 1rem;
}

.webshop .title-section-wrapper{
	min-height: 18rem;
}

/* Buttons below main image */
.webshop #vue-webshop-account .home-top-banner-buttons{
	flex-wrap: wrap;
}

.webshop #vue-webshop-account .home-top-banner-button{
	display: flex;
  	flex-direction: column;
    align-items: center;
    justify-content: center;
  	min-width: 16rem;
}

.webshop #vue-webshop-account .home-top-banner-button span{
	flex: none;
}

.webshop #vue-webshop-account .home-top-banner-button:hover .material-icons{
  transform: none;
}

.webshop #vue-webshop-account .home-top-banner-button-content{
	font-size: 1rem;
}

.webshop #vue-webshop-account .home-top-banner-img-wrapper{
	width: 2.5rem;
}

.webshop #vue-webshop-account .home-top-banner-img-wrapper img{
 	width: 100%; 
}

.webshop #vue-webshop-account .home-top-banner-button:nth-child(4){
	background-color: var(--top-banner-component-background-color-9);
}

.webshop #vue-webshop-account .home-top-banner-button:nth-child(5){
	background-color: var(--top-banner-component-background-color-6);
}

@media (min-width: 576px) and (max-width: 915px){
  .webshop #vue-webshop-account .home-top-banner-button {
      flex-basis: calc(calc(100% - 1.5rem) / 2);
  }
}

@media (min-width: 916px) and (max-width: 1333px) {
  .webshop #vue-webshop-account .home-top-banner-button {
      flex-basis: calc(calc(100% - 1.5rem) / 3);
  }
}

/* Content below buttons */

.webshop .home-extra-content-wrapper.webshop-dashboard{
	background-color: white;
}

.webshop .home-extra-content-wrapper .home-extra-content-sub-wrapper{
	padding: 0;
}

.webshop .home-extra-content-left{
	flex-basis: 100%;
}

.webshop .home-extra-content-wrapper.webshop-dashboard .title-section-header h3{
	padding-bottom: 0;
}

.webshop .home-extra-content-wrapper.webshop-dashboard .title-section-header h4{
  padding-top: 0;
  font-weight: 100;
}

.webshop .btn.primary,
.webshop .btn.primary:hover{
	color: white;
}

.webshop .product-range .product-price,
.webshop .products-slider .product-price{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
}
.webshop .net-price{
    color: var(--itho-primary-color);
    font-weight: bold;
/* 	flex: 2;
    flex-basis: 50%;
    text-align: center; */
}

/*===========================================================

    Product detail page
  
===========================================================*/
/* image carousel */
.webshop .slider-nav {
/*     display: flex;
    justify-content: center;
    align-items: center; */
}

.webshop .slick-slide img{
/* 	max-height: 39vh; */
}

.webshop .slider-nav .arr-right,
.webshop .slider-nav .arr-left{
/* 	position: relative; */
  	padding: 0;
}

.webshop .slider-nav .slick-slide {
    margin-left: 0.3125rem;
    margin-right: 0.3125rem;
}

.webshop .slick-arrow{
    outline-color: transparent;
}

/* Product info next to carousel */
.webshop .product-detail-info .product-title h2{
	padding-bottom: 0.5rem;
  	margin-bottom: 0;
}

.webshop .product-detail-info .product-title h3{
	padding-top: .25rem;
    padding-bottom: .25rem;
}

.webshop .product-detail-info .product-title .product-stock-info{
    display: flex;
    align-items: flex-start;
  	flex-wrap: wrap;
  	padding-bottom: 1rem;
}

.webshop .product-detail-info .product-title .product-stock-info p{
	display: flex;
/*   	align-items: center; */
    padding-right: 1rem;
  	color: var(--itho-primary-color)
}
.webshop .product-detail-info .product-title .product-stock-info p.color-green{
	color: #05AF0C;
}
.webshop .product-detail-info .product-title .product-stock-info p.color-orange{
	color: var(--itho-action-color);
}

.webshop .product-detail-info .product-title .product-stock-info p .material-icons-outlined{
	padding-right: .75rem;
}

.webshop .product-detail-info .product-title .product-stock-info span:first-of-type{
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.webshop .product-detail-info .product-title .product-stock-info span:first-of-type p{
	margin: 0;
}
.webshop .btn.primary.outlined-square .material-icons-outlined{
  	font-size: 1.25rem;
}

.webshop .info-wrapper:hover{
	cursor: pointer;
}

.webshop .btn.primary.outlined-square{
	background-color: transparent;
  	color: var(--itho-primary-color);
  	border-color: #E3E3E3;
  	border-radius: 0px;
    padding: .75rem 1rem;
    margin-right: 1rem;
    margin-top: .5rem;
    font-weight: 100;
}

.webshop .btn.primary.cart{
	background-color: #05AF0C;
 	border-color: #05AF0C;
}

.webshop .product-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  	margin-bottom: 1rem;
}

.webshop .btn.primary.outlined-square .material-icons-outlined{
	padding-left: .5rem;
}

.webshop .product-extra-detail-info{
    display: flex;
    align-items: center;
    padding: 1rem 2rem;
    border: 1px solid #E3E3E3;
}

.webshop .product-extra-detail-item{
	display: flex;
    align-items: center;
    flex: 1;
  	color: var(--itho-primary-color);
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.webshop .product-extra-detail-item .material-icons-outlined{
 	padding-right: 1rem; 
}

.webshop .text-itho-price{
	color: var(--itho-primary-color);
  	font-weight: 300;
}

/* Price row */

.webshop .product-price-info {
	background-color: #F6F6F6;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	padding: 1rem 2rem;
  	margin-top: 1rem;
}

.webshop .product-price-info .discount{
    display: flex;
    flex-direction: column;
    padding-right: 2rem;
/*   	font-size: .8rem; */
}

.webshop .product-price-info .discount .custom-select{
    padding-left: 0;
  	color: var(--itho-primary-color);
  	border: none;
    background: url("data:image/svg+xml,<svg height='16px' width='16px' viewBox='0 0 16 16' fill='%231040A1' xmlns='http://www.w3.org/2000/svg'><path d='M5.41656 5.99993L8.00323 8.5866L10.5899 5.99993C10.8499 5.73993 11.2699 5.73993 11.5299 5.99993C11.7899 6.25993 11.7899 6.67993 11.5299 6.93993L8.46989 9.99993C8.20989 10.2599 7.78989 10.2599 7.52989 9.99993L4.46989 6.93993C4.34506 6.81538 4.2749 6.64628 4.2749 6.46993C4.2749 6.29359 4.34506 6.12449 4.46989 5.99993C4.72989 5.7466 5.15656 5.73993 5.41656 5.99993Z'/></svg>") no-repeat;
}

.webshop .product-price-info .discount .old-price,
.webshop .product-price .old-price{
  	color: #C6C6C6;
    text-decoration:line-through;
    padding-right: 1rem;
    padding-top: .25rem;
    font-weight: 100;
}

.webshop .product-price-info .discount .discount-percent,
.webshop .products-slider .product-price .discount-percent,
.webshop .product-price .discount-percent-red{
  	padding-right: .5rem;
    padding-top: .25rem;
    font-weight: 100;
}

.webshop .product-price-info .discount .red,
.webshop .products-slider .product-price .discount-percent.red,
.webshop .discount-percent-red,
.webshop .section-filter-product-preview-tiles .discount-percent{
	color: #AF0505;
}

.webshop .product-price-info .discount .material-icons-outlined {
	color: var(--itho-primary-color);
  	font-size: 1.25rem;
}

.webshop .product-price-info .discount .wrapper{
	display: flex;
  	align-items: center;
}

.webshop .product-price-info .discount .visibility-hidden{
	visibility: hidden;
}

.webshop .product-price-info .discount .info-wrapper,
.webshop .product-price-info .add-to-cart .info-wrapper,
.webshop .info-wrapper{
	position: relative;
}

.webshop .product-price-info .discount .tooltip-wrapper,
.webshop .product-price-info .add-to-cart .tooltip-wrapper,
.webshop .tooltip-wrapper{
    position: absolute;
    z-index: 999;
    background: white;
    padding: 1rem;
    border: 1px solid var(--itho-primary-color);
    display: flex;
    flex-direction: column;
    top: 1.75rem;
  	left: 0;
  	width: 13rem;
    display: none;
}

.webshop .info-wrapper:hover > .tooltip-wrapper{
	display: block
}

.webshop .product-price-info .discount .tooltip-content,
.webshop .product-price-info .add-to-cart .tooltip-content{
  	padding: .5rem;
}

.webshop .product-price-info .discount .tooltip-wrapper:before,
.webshop .product-price-info .add-to-cart .tooltip-wrapper:before,
.webshop .tooltip-wrapper:before{
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--itho-primary-color);
    position: absolute;
    left: -1px;
    top: -10px;
}

.webshop .info-tooltip .material-icons-outlined {
	color: var(--itho-primary-color);
}

.webshop .product-price-info .discount .tooltip-wrapper:after,
.webshop .product-price-info .add-to-cart .tooltip-wrapper:after,
.webshop .tooltip-wrapper:after{
    content: "";
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    position: absolute;
    left: 0px;
    top: -9px;
}

.webshop .product-price-info .discount .tooltip-content .primary-blue,
.webshop .product-price-info .add-to-cart .tooltip-content .primary-blue,
.webshop .tooltip-content .primary-blue{
    color: var(--itho-primary-color);
}

.webshop .product-price-info .price-amount {
	display: flex;
  	align-items: center;
}

.webshop .product-price-info .price-amount .price span{
	font-size: 4rem;
    font-family: 'Barlow';
    font-weight: 300;
  	color: var(--itho-primary-color);
}

.webshop .product-price-info .price-amount .price{
	padding-right: 1.5rem;
}

.webshop .product-price-info .price-amount .amount{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--itho-primary-color);
  	padding-right: 1.5rem;
}

.webshop .product-price-info .price-amount .amount .material-icons{
	padding-bottom: 0.75rem;
}

.webshop .product-price-info .price-amount .amount input{
    height: 3rem;
    width: 3.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
  	font-size: 1.25rem;
  	color: var(--itho-primary-color);
}

.webshop .product-price-info .price-amount .amount .material-icons-outlined{
	padding-top: 0.75rem;
}

.webshop .product-price-info .price-amount .amount .material-icons:hover,
.webshop .product-price-info .price-amount .amount .material-icons-outlined:hover{
	cursor: pointer;
}

.webshop .product-price-info .add-to-cart .material-icons-outlined{
	padding-right: 1rem;
}

.webshop .product-delivery-info{
    display: flex;
    align-items: center;
  margin-top: 1rem;
  font-weight: 300;
}

.webshop .product-delivery-info .product-delivery-item{
	display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 2.5rem;
  	color: var(--itho-primary-color);
/*   	flex: 1; */
  	font-size: .75rem;
}

.webshop .product-delivery-info .product-delivery-item .material-icons-outlined{
	padding-right: 1rem;
}

.webshop .read-less-more {
	max-height: calc(1.7rem * 3);
}

.webshop .read-less-more.expanded{
  	max-height: 300vh;
}

.webshop .toggle-less-more > span {
	color: var(--itho-primary-color);
}

.webshop #wheretobuy h5{
    font-size: 1.25rem;
}

.webshop .energy-labels-wrapper p{
	color: #000;
}

/* Related products */
.webshop .products-slider .slick-track{
	margin-left: 0;
  	margin-right: 0;
}

.webshop .products-slider .product-card{
    min-height: 29rem;
}

/* Responsive */
@media (max-width: 767px) {
  .webshop .product-title > h2 {
	font-size: 2rem;
  }
  
  .webshop .product-price-info .price-amount .price span{
  	font-size: 3rem;
  }
}
@media (max-width: 500px) {
  .webshop .product-extra-detail-info,
  .webshop .product-delivery-info{
    flex-wrap: wrap;
  }
  .webshop .product-extra-detail-item {
	flex-basis: 100%;
  }
  
  .webshop .product-price-info .discount,
  .webshop .product-price-info .price-amount .amount{
  	padding-right: 0;
  }
  
  .webshop .product-price-info .price-amount .amount .material-icons{
  	font-size: 1.25rem;
  }
  
  .webshop .product-price-info .price-amount .amount input{
    height: 2rem;
    width: 2.5rem;
    font-size: .7rem;
  }
  
  .webshop .product-price-info .price-amount .amount .material-icons-outlined{
  	font-size: 1.25rem;
  }
  
  .webshop .product-delivery-info .product-delivery-item{
    padding-right: .5rem;
 	flex-basis: 100%; 
   	justify-content: start; 
    padding-top: .5rem;
  }  
}

@media (max-width: 1380px) {
  .webshop .product-price-info{
    flex-wrap: wrap;
    justify-content: center;
  }
}

/* Custom modal */
.webshop .custom-overlay{
  	display: none!important;
    background-color: rgba(0, 0, 0, .1);
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed!important;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.webshop .custom-modal{
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
/*     width: 25vw; */
/*     min-height: 20vh; */
}

.webshop .custom-footer{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

/*===========================================================

    Orders page
  
===========================================================*/
  .section-order-overview {
  	padding: 2rem;
    padding-top: 4rem;
  }
  
  .section-order-overview .order-overview-header {
  	display: flex;
    align-items: center;
    margin-bottom: 1rem;
  }
  
  .order-overview-header .section-title {
  	font-size: 2.25rem;
	letter-spacing: -0.04em;
    font-weight: 500;
    margin: 0;
  }
  
  .order-overview-header .order-search-wrapper {
  	padding-left: 2rem;
    padding-right: 2rem;
  }
  
  .order-overview-header .order-search-wrapper input {
    padding-left: 2rem;
    padding-right: 4rem;
    border: 1px solid #C6C6C6;
    min-width: 29rem;
  }
  
  .order-overview-header .order-search-wrapper input::placeholder {
    font-style: normal;
    font-weight: normal;
    color: var(--header-component-input-placeholder-color);
    opacity: 1;
  }
  
  .order-search-wrapper .order-search-wrapper-button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    color: white;
    background-color: #0592AF;
    border: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 3.625rem;
  }
  
  .section-order-overview .order-line {
  	padding-top: 1.5rem;
    margin-left: 0;
    margin-right: 0;
  }
  
  .section-order-overview .order-line:nth-child(even) {
  	background-color: #f6f6f6;
  }
  
  .order-line .order-info {
  	display: flex;
    align-items: center;
    padding-left: 0.75rem;
  }
  
  .order-line .order-info p {
    display: flex;
  	font-size: 1.125rem;
    font-weight: 500;
    padding-right: 1rem;
  }
  
  .order-line .order-info .order-status.pending {
    color: #646464;
  }
  
  .order-line .order-info .order-status.delivered {
    color: #05AF0C;
  }
  
  .order-line .order-info .nav-item {
  	color: #0592AF;
  }
  
  .order-line .article-wrapper {
  	display: flex;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
  }
  
  .order-line .article-wrapper .article-image-wrapper {
  	display: flex;
    justify-content: center;
  }
  
  .order-line .article-wrapper .article-image-wrapper img {
    max-width: 50%;
    height: fit-content;
  }
  
  .order-line .article-wrapper .article-info {
  	display: flex;
	flex-direction: column;
	height: 100%;
  }
  
  .order-line .article-wrapper .article-info div:first-of-type {
  	  display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .order-line .article-wrapper .article-info .article-title {
  	font-size: 1.5rem;
    font-weight: 500;
    margin-right: 2.5rem;
  }
  
  .order-line .article-wrapper .article-info .article-subinfo {
    margin-bottom: 1rem;
  }

  .order-line .article-wrapper .article-info .article-subinfo p {
  	font-size: 0.75rem;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.5rem;
  }
  
  .order-line .article-wrapper .article-info .delivery-info {
  	display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 1rem;
    color: #1040A1;
    font-size: 0.75rem;
    font-weight: 500;
    margin-top: 1rem;
    margin-top: auto;
  }
  
  .order-line:nth-child(odd) .delivery-info {
  	background-color: #F8F8F8;
  }
  
  .order-line:nth-child(even) .delivery-info {
  	background-color: #FFFFFF;;
  }
  
  .delivery-info span:first-of-type {
 	display: flex;
    align-items: center;
  }

  .download-pdf {
	color: #0592AF;
    padding-left: 1.75rem; 
    display: flex; 
    align-items: center;
    font-size: 1rem;
    margin-bottom: 1rem;
  }

  .download-pdf span.material-icons-outlined {
  	color: #0592AF;
    font-size: 1.25rem;
    margin-right: 0.5rem;
  }

@media (max-width: 450px) {
  .webshop #vue-webshop-order-overview .order-search-wrapper{
  	padding: 0;
  }
  .webshop #vue-webshop-order-overview .order-overview-header .order-search-wrapper input{
  	min-width: 100%;
  }
}

/*===========================================================

    Shopping cart page
  
===========================================================*/
  .section-shopping-cart {
  	padding: 2rem;
    padding-top: 4rem;
  }
  
  .section-shopping-cart .shopping-cart-header {
  	display: flex;
    align-items: center;
    margin-bottom: 1rem;
  }
  
  .section-shopping-cart .shopping-cart-header .section-title {
  	font-size: 2.25rem;
	letter-spacing: -0.04em;
    font-weight: 500;
    margin: 0;
  }
  
  .section-shopping-cart .order-line {
  	padding-top: 1.5rem;
    margin-left: 0;
    margin-right: 0;
  }
  
  .section-shopping-cart .order-line:nth-child(even) {
  	background-color: #f6f6f6;
  }
 
  .section-shopping-cart .order-line .article-wrapper {
  	display: flex;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  .section-shopping-cart .order-line .article-wrapper .article-image-wrapper {
  	display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  
  .section-shopping-cart .order-line .article-wrapper .article-image-wrapper img{
      max-width: 70%;
      object-fit: contain;
  }

  .section-shopping-cart .order-line .article-wrapper .article-overview {
  	display: flex;
	flex-direction: row;
    font-weight: 300;
  }

  .section-shopping-cart .article-info-row {
  	display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
    width: 100%;
  }
  
  .section-shopping-cart .article-info-row .article-info {
    display: flex;
	flex-direction: column;
	height: 100%;
  }
  
  .section-shopping-cart .article-info-row .article-info .article-title {
  	font-size: 1.1rem;
    font-weight: 500;
    margin-right: .5rem;
  }

  .section-shopping-cart .article-info-row .article-info .article-detail {
  	font-size: 0.75rem;
    margin-bottom: 0;
    font-weight: 300;
  }

  .section-shopping-cart .article-info-row .amount {
  	display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--itho-primary-color);
    padding-right: 2rem;
  }
  
  .section-shopping-cart .article-info-row .amount span:not(.input) {
  	cursor: pointer;
  }

  .section-shopping-cart .article-info-row .amount span.disabled {
  	pointer-events: none;
  }
  
  .section-shopping-cart .article-info-row .amount input {
  	height: 3rem;
    width: 3.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    font-size: 1.25rem;
    color: var(--itho-primary-color);
  }

  .section-shopping-cart .article-info-row .article-info-extra {
  	display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
  }
  
  .section-shopping-cart .article-info-row .article-info-extra .article-price {
	display: flex;
    flex-direction: row;
    align-items: center;
  }
  
  .section-shopping-cart .article-info-row .article-info-extra .article-price span.material-icons-outlined {
    font-size: 1.25rem !important;
    padding-right: 0.5rem;
  }

  .section-shopping-cart .article-info-row .article-extra {
  	display: flex;
    flex-direction: column;
    color: #1040A1;
  }
  
  .section-shopping-cart .article-info-row .article-extra label {
  	 padding: 0;
     margin: 0;
     display: flex;
     align-items: center;
  }
  
  .section-shopping-cart .article-info-row .article-extra span.material-icons-outlined {
    font-size: 1.25rem !important;
    padding-left: 0.5rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
  
  .section-shopping-cart .article-info-row .article-extra select {
  	border: 1px solid #C6C6C6;
    border-radius: 2rem;
    width: 13.75rem;
    color: #1040A1;
  }

  .section-shopping-cart .order-line .shipping-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 500;
  }
  
  .section-shopping-cart .order-line .shipping-info span.material-icons-outlined {
    margin-right: 0.5rem;
  }
  
  .section-shopping-cart .order-line .shipping-info span.material-icons-outlined:nth-child(2) {
    margin-left: 0.5rem;
    font-size: 1.25rem;
  }

  .section-shopping-cart .product-delivery-info {
  	display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
    font-weight: 300;
  }
  
  .section-shopping-cart .product-delivery-info .product-delivery-item {
  	 margin-bottom: 0.5rem;
  }
  
  .section-shopping-cart .order-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  
  .section-shopping-cart .order-info p {
    font-weight: 700;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  
  .section-shopping-cart .order-info p span.material-icons-outlined {
    margin-left: 0.5rem;
    font-size: 1.25rem;
  }

  .section-shopping-cart .order-info .text-align-right {
    line-height: 1.25rem;
    text-align: right;
  } 

  .section-shopping-cart .to-payment .btn {
  	background-color: #05AF0C;
    border-color: #05AF0C;
    width: 100%;
  }
  
  .section-shopping-cart .article-info-row .amount input[type=number] {
    -moz-appearance: textfield;
  }
  
  .section-shopping-cart .article-info-row .amount input[type=number]::-webkit-outer-spin-button,
  .section-shopping-cart .article-info-row .amount input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

/*===========================================================

    Order page
  
===========================================================*/
  .webshop-order .section-shopping-cart {
  	width: 80%
  }
  
  .step-indicator {
  	display: flex;
    flex-direction: row;
    padding: 1rem 1.5rem;
    color: #CAD3E5;
    flex-wrap: wrap;
  }
  
  .step-indicator .navigation-step,
  .step-indicator .navigation-step a {
  	display: flex;
    flex-direction: row;
    align-items: center;
  }
  
  .step-indicator .navigation-step.active {
  	font-weight: bold;
    color: var(--itho-primary-color);
  }
  
  .step-indicator .navigation-step .material-icons-outlined {
  	font-size: 1.25rem;
    padding: 0 0.5rem;
  }

  #order-form .form-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  #order-form input {
    padding: 0 2rem;
  }
  
   #order-form .order-data {
    margin-bottom: 2rem;
  }

  #order-form .order-data label span {
    padding: 0 0.5rem 0 0;
    font-weight: unset;
  }
  
   #order-form .order-data .row > div {
    margin: 0.5rem 0;
  }
  
   #order-form .copy-address {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: var(--itho-primary-color);
  }
  
  #order-form .copy-address label {
    margin-bottom: 0;
    cursor: pointer;
  }
  
  #order-form .copy-address input {
    cursor: pointer;
  }
  
  #order-form .step-buttons, 
  .webshop-order .step-buttons,
  .webshop-retours .step-buttons {
  	display: flex;
    flex-direction: row-reverse;
    background: #F7F7F7;
	border: 1px solid #E3E3E3;
    padding: 2rem;
    margin-bottom: 2rem;
  }
  
  #order-form .step-buttons .btn.green,
 .webshop-order .step-buttons .btn.green,
  .webshop-retours .step-buttons .btn.green {
    color: white;
    background-color: #05AF0C;
    border: 1px solid #05AF0C;
    padding: 0.75rem 1.5rem;
  }

  #order-form .step-buttons .btn.transparent {
    color: var(--itho-primary-color);
    background-color: transparent;
    border: none;
    padding: 0.75rem 1.5rem;
  }
  
  #order-form .step-buttons .btn.green .material-icons-outlined,
  #order-form .step-buttons .btn.transparent .material-icons-outlined,
  .webshop-order .step-buttons .btn.green .material-icons-outlined,
  .webshop-retours .step-buttons .btn.green .material-icons-outlined {
    font-size: 1.25rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem
  }
  
  #order-form .order-data input[type=number] {
    -moz-appearance: textfield;
  }
  
  #order-form .order-data input[type=number]::-webkit-outer-spin-button,
  #order-form .order-data input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  #order-form .order-data input.no-placeholder::placeholder {
    color: transparent !important;
  }
  
  .webshop-order .payment-option-list {
  	display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
  }
  
  .webshop-order .payment-options-wrapper .payment-option {
  	list-style-type: none;
    margin: 0 0.5rem;
  }
  
  .webshop-order .payment-options-wrapper img {
  	max-width: 3rem;
  }
  
  .webshop-order .product-delivery-info {
  	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  
  .webshop-order .product-delivery-info .product-delivery-item {
  	padding: 0 1.25rem
  }


@media (max-width: 550px) {
  	.webshop-order .section-shopping-cart{
          width: 100%;
    }
}
/*===========================================================

    Overview of the order (order step 2)
  
===========================================================*/
  .webshop-order .order-content-wrapper  {
/*   	margin-bottom: 2rem; */
    color: var(--itho-primary-color);
  }

  .webshop-order .discount-code-input-wrapper {
  	margin-bottom: 2rem;
  }
  
  .webshop-order .delivery-info {
  	display: flex;
    flex-direction: column;
  }
  
  .webshop-order .delivery-info h4 {
  	margin: 0;
  }

  .webshop-order .order-content-wrapper .divider {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--itho-border-color);
  }

  .webshop-order .order-content-wrapper .shopping-cart-header-wrapper {
    display: inline-flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
  }

  .webshop-order .order-content-wrapper .shopping-cart-header-wrapper h4 {
    margin: 0;
  }
  
  .webshop-order .order-content-wrapper .navigation-link {
  	color: var(--itho-secondary-color);
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 1rem;
    font-size: 0.875rem;
  }

 .webshop-order .order-content-wrapper .navigation-link-inline {
    padding: var(--header-padding);
    line-height: var(--header-line-height);
    margin: 0;
  }
  
  .webshop-order .order-content-wrapper .navigation-link span.material-icons-outlined {
      font-size: 1.25rem;
  }
  
  .webshop-order table.shopping-cart-overview tbody tr:hover {
    color: var(--itho-primary-color);
    background-color: inherit;
    cursor: default;
  }
  
  .webshop-order table.shopping-cart-overview td {
  	padding: 0.5rem;
  }
  
  .webshop-order table.shopping-cart-overview tbody img {
  	max-width: 74px;
  }
  
  .webshop-order table.shopping-cart-overview tbody tr:nth-child(even) {
  	background-color: var(--itho-background-color);
  }
  
  .webshop-order table.shopping-cart-overview tbody tr td:nth-child(2) {
  	flex: 2;
  }
  
  .webshop-order table.shopping-cart-overview tfoot tr td {
  	text-align: right;
    font-weight: 300;
  }
  
  .webshop-order table.shopping-cart-overview tfoot tr td:nth-child(1) {
    flex: 3;
  }
  
  .webshop-order .text-end {
  	justify-content: flex-end;
  }
  
  .webshop-order .align-center {
  	display: flex;
    align-items: center;
  }

  .webshop-order #discount-form label span {
  	padding-bottom: 0;
    font-weight: unset;
  }

  .webshop-order #discount-form input {
      padding: 0 2rem;
  }

  .webshop-order #discount-form fieldset {
      display: inline-flex;
      gap: 10px;
  }

  .webshop-order #discount-form .discount-form-button-wrapper {
  	display: flex;
    align-self: flex-end;
  }

/*   .webshop-order #discount-form .clearable {
    position: relative;
    display: inline-block;
  }

  .webshop-order #discount-form .clearable input[type=text]{
    padding-right: 24px;
    width: 100%;
    box-sizing: border-box;
  }

  .webshop-order #discount-form .clearable__clear {
    position: absolute;
    font-size: 25px !important;
    right:8px; 
    top:4px;
    padding: 0 8px;
    font-style: normal;
    font-size: 1.2em;
    user-select: none;
    cursor: pointer;
  } */

  .webshop-order .discount-codes-overview {
    color: var(--itho-primary-color);
	padding: 15px 0;
    display: flex;
    flex-direction: column;
  }

  .webshop-order .discount-codes-overview .clearable {
    display: inline-block;
    padding: 5px 0;
    font-weight: 400;
  }

  .webshop-order .discount-codes-overview .clearable__clear {
    padding: 0 15px;
    cursor: pointer;
  }

/*===========================================================

    Status of the order (last order step)
  
===========================================================*/
  #vue-webshop-order-status .order-response-wrapper {
	display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  
  #vue-webshop-order-status .order-response-header {
  	font-size: 1.25rem;
  }
  
  #vue-webshop-order-status .order-overview-link {
  	display: flex; 
    align-items: center;
    color: var(--itho-secondary-color);
  }
  
  #vue-webshop-order-status .order-overview-link .material-icons-outlined {
    margin-right: 0.5rem;
  }

/*===========================================================

    Returns page
  
===========================================================*/
 .webshop-retours .section-order-overview {
  	display: flex;
  }
  
  .webshop-retours .order-overview-header .section-title {
  	margin-right: 3rem !important;
  }
  
  .webshop-retours .section-order-overview .nav-tabs .nav-item {
  	margin: 0;
    padding: 0;
  }
  
  .section-order-overview #return-tabs .badge-pill.active {
  	  color: white;
      background-color: var(--itho-secondary-color);
      padding: 0.75rem 2rem;
  }
  
  .section-order-overview #return-tabs .badge-pill {
      color: var(--itho-secondary-color);
      padding: 0.75rem 2rem;
      border: 1px solid var(--itho-secondary-color) !important; 
  }
  
  .webshop-retours .order-line .article-wrapper {
	padding-top: 1rem;
  }
  
  .webshop-retours .order-line .article-wrapper .row.no-wrap {
  	flex-wrap: nowrap;
  }

  .order-line.striped:nth-child(odd) {
    border: 2px solid white;
  }

  .order-line.striped:nth-child(even) {
     border: 2px solid #F6F6F6;
  }
  
  .order-line.striped {
	cursor: pointer !important;
  }
  
  .order-line.striped:hover {
	border-color: var(--itho-primary-color);
  }
  
  .webshop-retours .article-wrapper .amount {
  	display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--itho-primary-color);
    padding-right: 2rem;
  }
  
  .webshop-retours .article-wrapper .amount span:not(.input) {
  	cursor: pointer;
  }

  .webshop-retours .article-wrapper .amount input:read-only {
  	pointer-events: none;
    border: 1px solid #E3E3E3;
    font-style: normal;
  }
  
  .webshop-retours .article-wrapper .amount input {
  	height: 3rem;
    width: 3.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    font-size: 1.25rem;
    color: var(--itho-primary-color);
    pointer-events: none;
  }
  
  .webshop-retours .return-checkbox {
  	display: flex;
    flex-direction: row;
    align-items: center;
  }
  
  .webshop-retours .return-checkbox input {
    cursor: pointer;
  }
  
  .webshop-retours .return-checkbox label {
  	padding: 0.5rem;
    margin: 0;
    color: #58585A;
    font-weight: 500;
    cursor: pointer;
  }
  
  .webshop-retours .article-wrapper input[type=number] {
    -moz-appearance: textfield;
  }
  
  .webshop-retours .article-wrapper input[type=number]::-webkit-outer-spin-button,
  .webshop-retours .article-wrapper input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  .webshop-retours .article-wrapper .article-image-wrapper img {
      max-width: 70%;
  }

  .webshop-retours .return-info {
  	font-size: 0.625rem;
    display: flex;
    color: var(--itho-primary-color);
    padding: 1rem 0;
  }
  
  .webshop-retours .return-info .material-icons {
  	font-size: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 1rem;
  } 
  
  .confirm-return-wrapper {
  	display: none;
  }
  
  .confirm-return-wrapper.show {
  	display: block;
  }
  
  .webshop-retours .order-overview-row {
	display: flex;
    justify-content: center;
    width: 100%;
  }
  
  .webshop-retours .order-overview-row .order-card {
    display: flex;
    flex-direction: column;
  	width: 250px;
    height: 250px;
    border: 1px solid var(--itho-primary-color);
    border-radius: 1rem;
    cursor: pointer;
    margin-right: 1rem;
    margin-bottom: 1rem;
  }
  
  .webshop-retours .order-overview-row .order-card:hover {
  	box-shadow: var(--itho-primary-color) 0px 0px 3px;
  }
  
  .webshop-retours .order-overview-row .order-card .order-card-title {
    text-align: center;
    padding: 1rem;
  }
  
  .webshop-retours .order-overview-row .order-card .order-card-title h4 {
    padding: 0;
  }
  
  .webshop-retours .order-overview-row .order-card .order-card-title span {
    color: var(--itho-primary-color);
  }
  
  .webshop-retours .go-back {
  	cursor: pointer;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
   	color: var(--itho-primary-color);
  }

@media (max-width: 450px) {
  .webshop .section-order-overview{
  	padding-top: 1rem;
  }
  .webshop #vue-webshop-retours .order-overview-header {
  	flex-direction: column;
  }
  .webshop #vue-webshop-retours .order-overview-header .nav-item{
  	margin-bottom: .25rem;
  }
  .webshop #vue-webshop-retours .order-line .striped p{
  	padding-left: 0;
  }
  .webshop .order-line .article-image-wrapper{
     display: none;
  }
  .webshop .order-line .order-info{
  	flex-direction: column;
    align-items: flex-start;
    padding-left: 0;
  }
  .webshop .order-line .order-info p:first-child {
  	margin-bottom: 0;
  }
  .webshop .order-line .order-info .nav-item {
  	margin-top: 0.25rem;
  }
  .webshop .order-line .article-wrapper .article-info div:first-of-type{
  	align-items: start;
    flex-direction: column;
  }
  .webshop .order-line .article-wrapper .article-info .article-title{
  	font-size: inherit;
  }
}

/*===========================================================

    Return flow - Step 1
  
===========================================================*/
  #vue-webshop-return-step1 .section-order-overview .order-line {
  	background-color: white;
  }
  
  #vue-webshop-return-step1 .return-reason {
    width: 100%;
    border-radius: 1rem;
    resize: none;
  }
  
  #vue-webshop-return-step1 .step-buttons {
    margin: 0.9375rem;
  }
  
  #vue-webshop-return-step1 .return-step .form-group {
  	flex-direction: row !important;
    align-items: flex-start !important;
    margin-bottom: 1rem !important;
  }
  
  #vue-webshop-return-step1 .return-step .form-group label > span {
  	display: inline !important;
  }
  
  #vue-webshop-return-step1 .return-step .form-group select {
    border-radius: 3rem;
  }
@media (max-width: 450px) {
  .webshop #vue-webshop-return-step1 .section-order-overview {
  	padding: 1rem;
  }
  .webshop #vue-webshop-return-step1 .order-overview-header .section-title {
  	font-size: 1.75rem;
  }
  .webshop #vue-webshop-return-step1 .return-form {
    padding: 0;
  }
  .webshop #vue-webshop-return-step1 .step-buttons {
    margin: 0;
  }
  
}
/*===========================================================

    Return flow - Step 2
  
===========================================================*/
  .return-success-message {
	padding-left: 1.5rem;
  }
