/* vetri */
/* Css för vetri + VPP */


/* <link rel="stylesheet" href="https://use.typekit.net/ram8ahb.css"> */


.infobox__row--marker {
    display: none;
}

.reseller-pick-text, .removerecipe,
.clonesvg.clonerecipe {
    cursor: pointer;
}

.badpostnummer {
    border: 2px solid #db1515;
    background-color: #db151526;
}

#fraktpostnummer::-webkit-outer-spin-button, #fraktpostnummer::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.cart-collaterals,.varukorghidden,.wc-backward{
display:none !important;
}

/* Loading css */

.lds-grid {
  display: block;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.lds-grid div {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #E0EDF8;
  animation: lds-grid 1.2s linear infinite;
}
.lds-grid div:nth-child(1) {
  top: 8px;
  left: 8px;
  animation-delay: 0s;
}
.lds-grid div:nth-child(2) {
  top: 8px;
  left: 32px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(3) {
  top: 8px;
  left: 56px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(4) {
  top: 32px;
  left: 8px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(5) {
  top: 32px;
  left: 32px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(6) {
  top: 32px;
  left: 56px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(7) {
  top: 56px;
  left: 8px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(8) {
  top: 56px;
  left: 32px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(9) {
  top: 56px;
  left: 56px;
  animation-delay: -1.6s;
}
@keyframes lds-grid {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

/* Loading 2 */

.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin: auto;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #707070;
  border-color: #707070 transparent #707070 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

/* .vetri .lds-dual-ring:after{
    border: 6px solid #707070;
    border-color: #707070 transparent #707070 transparent;
} */

.vetri .lds-dual-ring:after{
    border: 6px solid #d9872766;
    border-color: #d9872766 transparent #d9872766 transparent;
}

.orderloading:after{
    border: 6px solid #618261;
    border-color: #618261 transparent #618261 transparent;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* loading 3 */

.lds-dual-ring-small{
  display:  inline-block;
  margin-left: 20px;
  width:    40px;
}
.lds-dual-ring-small:after {
  content: " ";
  display: inline-block;
  position:absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #ADADAD transparent #ADADAD transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

.lds-dual-ring-cloning{
  display:  inline-block;
  vertical-align: middle;
}
.lds-dual-ring-cloning:after {
  content: " ";
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #ADADAD transparent #ADADAD transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}


div.loading{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(16, 16, 16, 0.5);
}

div.loading-center{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loading-text{
color: #fed;
}


.loading-not-ready {
    display:none;
}



/* --------------------CART-------------------- */

.resellerheading{
    color: #707070!important;
    text-transform: uppercase;
    font-size: 15px!important;
    letter-spacing: 1px;
}

.reselleradressnamn{
    font-family: "crete-round", Sans-serif!important;
    text-transform: uppercase;
    font-size: 25px;
    margin-bottom: 17px;
}

.kontaktcontent{
    display: flex;
    flex-wrap: wrap;
}

.reselleradressgata, .reselleradressort{
    font-size: 16px;
}

.kontaktcontent input{
    border:1px solid #ededed;
    margin-top:-1px;
    padding:30px 15px 15px 15px;
    height:80px;
    font-size: 16px;
}

.kontaktcontent input:focus{
    border:1px solid #ededed;
}

.kontaktcontent label{
    font-size: 16px;
}

.kontaktcontent > div{
    position:relative;
    width:50%;
}


.kontaktmail-div, .kontaktpostnummer-div,
.kontaktnummer-div{
    margin-left:-1px;
}

.kontaktnamn-div{
    border-top-left-radius: 4px;
}

.kontaktmail-div{
    border-top-right-radius: 4px;
}

.kontaktort-div{
    border-bottom-left-radius: 4px;
}

.kontaktnummer-div{
    border-bottom-right-radius: 4px;
}

.kontaktcontent label{
    color:#707070;
    position: absolute;
    top:10px;
    left:10px;
}



.divtextfrakt{
    text-align: center;
}

.fraktalternativ-box-enskild{
    border: 1px solid rgb(235, 237, 238);
    border-radius: 4px;
    padding: 5%;
    margin-bottom:15px;
}

.tillkassa{
    color:#000;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.vetrikassa {
    background-color: #fff;
    max-width: 900px;
    margin: 0 auto;
    margin-bottom: 70px;
}

/* .vppkassa{
    padding:6%;
} */

.divtextfrakt{
    text-align: center;
    margin-bottom:35px;
}

.vetri .fraktdivheading, .vetri .kontaktdivheading,
.vetri .summadivheading{
    font-family:"superclarendon", Sans-serif;
    font-weight: 300;
}

.fraktdivheading, .kontaktdivheading,
.summadivheading{
    font-size: 28px;
    font-weight: 500;
    font-family: "crete-round", Sans-serif;
}

.resellerdiv, .fraktmetod, .vppkassa .summadiv,
.kontaktmetod{
    background-color: #fff;
    max-width: 960px;
    margin: 0 auto;
    margin-bottom: 50px;
    padding:5%;
    position:relative;
}

.resellerdiv h4{
    text-align: center;
    font-size: 33px;
    font-weight: 500;
    font-family: "crete-round", Sans-serif;
}

.resellerdiv address{
    text-align: center;
    margin-top: 26px;
}

.resellerdiv::after, .fraktmetod::after,
.kontaktmetod::after{
    content: "";
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    width: 0px;
    height: 0px;
    border-top: 28px solid rgb(255, 255, 255);
    border-left: 28px solid transparent;
    border-right: 28px solid transparent;
}


.vetrikassa #kco-iframe, .vppkassa #kco-iframe{
    padding-left:0;
}

.fraktalternativ-box-enskild p{
    float: right;
    margin-top: -32px;
    font-weight: 500;
}

.fraktalternativ-enskild-labeldiv input[type="radio"] {
    background-color: #ededed;
    border: 1.5px solid rgba(255,255,255,.5);
    border-radius: 50%;
    box-shadow: inset 0 0 0 0 white;
    cursor: pointer;
    font: inherit;
    height: 22px;
    outline: none;
    width: 22px;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor:pointer;
}

 .fraktalternativ-enskild-labeldiv input[type="radio"]:checked {
    background-color: #000;
    box-shadow: inset 0 0 0 .1875em #fff;
    -webkit-transition: background .15s, box-shadow .1s;
    transition: background .15s, box-shadow .1s;
  }

  .fraktalternativ-underline{
      display: block;
      color: rgb(128, 128, 128);
      margin-top: 20px;
      font-size: 14.5px;
      line-height: 21px;
  }

  .fraktcontent .fraktalternativ-underline a{
      font-size: 14.5px;
      line-height: 21px;
      color: rgb(128, 128, 128);
      text-decoration: underline;
      font-style:italic;
  }

 .fraktalternativ-enskild-labeldiv label{
     margin-bottom: 12px;
     margin-left: 8px;
     font-weight: 500;
     cursor:pointer;
  }

  .divtextsumma, .divtextkontakt{
      margin-bottom: 50px;
      text-align: center
  }


.summadiv #createOrder{
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    color: #fff;
    background-color: rgb(28, 148, 92);
    border: none;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 13px 20px;
    border-radius: 2px;
    transition: background 0.15s linear 0s, border-color 0.15s linear 0s;
    max-width: 600px;
    width:100%;
}

.summadiv #createOrder:hover{
    background: rgb(36, 186, 116) none repeat scroll 0% 0%;
}

.summadiv #createOrder:disabled, .tillkassa:disabled{
    opacity: .2;
    cursor: no-drop;
}

.cart_totals .wc-proceed-to-checkout a{
    background-color: #d98727!important;
}

.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .product-remove{
    padding-left:0;
}

.woocommerce-cart-form__cart-item.cart_item .product-name dl p,
.woocommerce-cart-form__cart-item.cart_item .product-name dl,
.woocommerce-cart-form__cart-item.cart_item .product-name dt{
    font-family: "superclarendon", Sans-serif;
    text-decoration: none;
}

.vpp .woocommerce-cart-form__cart-item.cart_item .product-name dl p,
.vpp .woocommerce-cart-form__cart-item.cart_item .product-name dl,
.vpp .woocommerce-cart-form__cart-item.cart_item .product-name dt{
    font-family: "proxima-nova", sans-serif;
}



.variation-Specifikation{
    display:none;

}

.vpp .variation-Specifikation{
    font-family: "proxima-nova", sans-serif!important;
}

dt.variation-Specifikation,
dt.variation-Mtt{
    cursor:pointer;
}

dt.variation-Specifikation{
    text-decoration: underline!important;
}

dt.variation-Mtt{
    display:none!important;
}

dd.variation-Mtt{
    margin-bottom: 15px!important;
}


.woocommerce-cart-form__cart-item.cart_item{
    position:relative;
}

.elementor-widget-woocommerce-cart .woocommerce table.cart td.product-remove{
    background-color: #ededed!important;
    position: absolute;
    top: -12px;
    left: 14px;
    width: 25px;
    height: 25px;
    padding: 0;
    text-align: center;
    border-radius: 50%;
    padding:0;
    border: 0!important;
}

.woocommerce-cart-form__cart-item.cart_item td{
    border-top:0!important;
}

.elementor-widget-woocommerce-cart .woocommerce table.cart td.product-remove a{
    padding-top: 2px;

}


.elementor-widget-woocommerce-cart .woocommerce table.cart img{
    width:190px!important;
    border: 1px solid #ededed;
}

.woocommerce-cart-form__cart-item.cart_item .product-name a{
    display: block;
    font-size: 19px;
    line-height: 31px;
    max-width: 297px;
}

.vetri .woocommerce-cart-form__cart-item.cart_item .product-name a{
    font-size: 18px;
    line-height: 25px;
}

.variation-Specifikation p, .variation-Mtt p{
    line-height: 27px;
}

dt.variation-Specifikation{
    text-decoration: underline;
    font-style: italic;
}

.elementor-widget-woocommerce-cart .woocommerce .cart-collaterals .cart_totals{
    border-top: 1px solid #707070;
}

.cart_totals table.shop_table{
    max-width:350px;
    float:right;
    margin-top:25px!important;
}

.cart_totals  .wc-proceed-to-checkout{
    width:100%;
}

.cart_totals h2{
    padding:0!important;
    display:none;
}

.cart-subtotal td,
.order-total td{
    padding:0px 0 15px 0!important;
}

.order-total .woocommerce-Price-amount.amount{
    font-size: 22px;
}

.product-price span, .product-subtotal span,
.vetri .woocommerce-cart-form__cart-item.cart_item .tax_label{
    font-family: "superclarendon", Sans-serif;
}

.vetri .woocommerce-cart-form__cart-item.cart_item .tax_label{
    color:#707070;
    display: block;
}

.vpp .product-price span, .vpp .product-subtotal span,
.vpp .order-total span,
.vpp .cart-subtotal span,
.vpp .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents th,
.vpp .cart-subtotal,
.vpp .order-total{
    font-family: "proxima-nova", sans-serif;
}

.product-price, .product-quantity, .product-subtotal,
.product-name, .product-thumbnail{
    vertical-align: top!important;
}

.product-thumbnail{
    padding-top:0!important;
}

thead .product-name, thead .product-price,
thead .product-quantity, thead .product-subtotal{
    border-bottom: 1px solid rgb(235, 237, 238)!important;
    padding-bottom: 13px!important;
}

tbody .product-name, tbody .product-price,
tbody .product-quantity, tbody .product-subtotal{
    padding-top:20px!important;
}


.vpp .cart_totals .wc-proceed-to-checkout a{
    background-color:#00516B!important;
    border-radius: 0!important;
    padding: 15px 45px!important;
}



.woocommerce-cart-form__cart-item.cart_item .product-quantity{
    font-family: "superclarendon", Sans-serif;
}

.vpp .woocommerce-cart-form__cart-item.cart_item .product-quantity{
    font-family: "proxima-nova", sans-serif;
}


.shop_table .woocommerce-cart-form__cart-item .product-remove a:hover{
    color:#000!important;
}

.woocommerce-cart-form__cart-item bdi{
    font-size: 16px;
}


.summadiv{
    margin: 0 auto;
    padding: 7% 5% 7% 5%;
    max-width: 1275px;
    background-color: #fff;
    margin-bottom: 80px;
}

.summadiv table, .sammanstallning-subline{
    max-width: 600px;
    margin: 0 auto;
}

.sammanstallning-subline{
    font-family: "proxima-nova", sans-serif!important;
}


.summadiv table tr, .summadiv table td{
    background-color:#fff!important;
    border:none;
    font-size: 16px;
}

.vpp .summadiv table tr, .vpp .summadiv table td{
    background-color:#fff!important;
}

.summadiv table tr, .summadiv table td{
    background-color:#fff!important;
}

.summadiv table tr td:last-of-type{
    text-align: right;
    padding-right:0;
}

.summadiv table tr td:first-of-type{
    padding-left:0;
}




.summadiv table tr td{
    padding-bottom:15px;
    padding-top:15px;
    padding-top:0;
    vertical-align: middle;
}

.summadiv table tr:last-of-type td{
    padding-bottom:4%;
    border-top: 1px solid #000;
    padding-top:15px;
}



#carttotalpris{
    font-size: 28px;
    font-weight: 700;
}



.page-id-6730 .fraktdiv{
    padding-top: 160px;
}

.fraktinnerdiv{
    margin-left: auto;
    margin-right: auto;
    background-color:#fff;
    border-style: solid;
    text-align: center;
    border:none;
}

.page-id-6730  .fraktinnerdiv{
    border-color: #D98727;
}

#resellerboxes{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding:5%;
}

#resellerboxes .resellerbox{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom:40px;

}


.reseller-location-text{
    margin-bottom:15px;
    color:#707070;
    font-size: 15px;
}

.reseller-pick-text{
    color:#00516b;
    text-decoration: underline;
    position: absolute;
    bottom: 0;
    margin-bottom: 30px;
    text-transform: uppercase;
    left: 0;
    right: 0;
    font-weight: 500;
    cursor: pointer;
    cursor: pointer;
    letter-spacing: 1px;
}

.vetri .reseller-pick-text{
    color:#D98727;
}

.tillkassa{
    max-width:600px;
}

#fraktsearch, .fraktinnerdiv .tillkassa,
.tillkassa{
    background-color: rgb(28, 148, 92)!important;
    width: 100%;
    border-radius: 2px;
    padding: 9px 40px;
    color:#fff!important;
    margin-top: 10px;
    height: 56px;
    border:none!important;
    font-weight: 600;
    letter-spacing: 1px;
}

#fraktsearch:hover, .tillkassa:hover{
    background: rgb(36, 186, 116) none repeat scroll 0% 0%!important;
}

.fraktalternativ-godsmarkning{
    margin-top: 40px;
}

.fraktalternativ-godsmarkning label{
    margin-bottom: 10px;

}

.fraktalternativ-godsmarkning input{
    border: 1px solid rgb(235, 237, 238);
    border-radius: 4px;
}

.vetri #fraktsearch{
    color:#fff;
    background-color:#D98727;
    border:1px solid #D98727;
}

#fraktpostnummer{
    border-radius:2px;
    background-color: rgb(247, 247, 247);
    border: none;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 3px 0px inset;
    height: 56px;
}


.fraktinline{
    margin:0 auto;
    padding:16px 0;
    max-width:600px;

}

.fraktrubrik{
    margin-bottom:15px;
    font-size: 30px!important;
}

.vpp .fraktinnerdiv .frakttext{
    font-family: "proxima-nova", sans-serif;
}

.vetri .fraktinnerdiv .frakttext{
    font-family: "superclarendon", Sans-serif;
}


.vetri .fraktrubrik{
    font-size: 28px;
    text-transform: inherit;
    margin-bottom: 10px;
}


.resellerbox-inner{
    box-shadow: 0 0 32px 0 rgb(34 34 34 / 5%);
    padding:8%;
    height:250px;
}



.reseller-company-name{
    font-size: 17px!important;
    line-height: 25px!important;
}

.picked-seller .resellerbox-inner{
    border:2px solid #00516b;
}

.vetri .picked-seller .resellerbox-inner{
    border:2px solid #D98727;
}



/*-------end cart--------*/



/*-------------LOGIN----------------*/

#loginModalLabel{
    text-transform: uppercase;
    margin-bottom: 30px;
    font-size:23px!important;
}

.login-submit{
    text-align:center;
    margin-bottom:0!important;
    margin-top: 30px;

}

.login-submit input{
    border-color: #000!important;
    max-width:150px!important;
    background-color: #000!important;
    color: #fff!important;
    border-radius: 0!important;
}

.login-submit input:hover, .login-submit input:active, .login-submit input:focus{
    background-color:#000!important;
    color:#fff!important;
}


.login-remember{
    display:none;
}

#loginModal .modal-content{
    border-radius: 0;
    border: 0;
    padding: 6%;
}

#loginModal{
    background-color: #0000008a;
}


#loginModal .close-login{
    position: absolute;
    right: -8px;
    top: -14px;
    background-color: #E6E4DE;
    border-radius: 50%;
    border: 0;
    opacity: 1;
    font-size: 12px;
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    will-change: transform;
    -webkit-transition: -webkit-transform 0.125s linear;
    -webkit-transition: transform 0.125s linear;
    transition: transform 0.125s linear;
    width: 28.8px;
    height: 28.8px;
    padding: 0;
    z-index: 1;

}

#loginModal .close-login:hover{
    background-color: #E6E4DE;
    -webkit-transform: scale(1.12);
    -ms-transform: scale(1.12);
    transform: scale(1.12);
}

#loginModal .close-login:focus{
    box-shadow: 0 0 0 .25rem rgba(217, 217, 217, 0.25);
}

#loginModal .modal-title{
    font-size: 21px;
    text-transform: uppercase;
}

#loginModal .modal-content{
    border-radius: 0;
}

#loginModal .login-username label, #loginModal .login-password label{
    margin-bottom:13px;
}

#loginModal .login-username{
    margin-bottom:25px;
}

#loginModal input{
    border-color: #000;
    border-radius: 10px;
    width:100%;
    max-width:100%;
}

/*-------------END LOGIN----------------*/






/*----------------MY OFFERS-----------------*/

#offerter-tab{
    padding-right: 0;
}

.showoffers .infosvg{
    cursor:pointer;
}

#infoOffertModal .modal-footer{
    background-color:#e9eff2;
    border: none;
    box-shadow: rgb(238 238 238) 0px 0px 16px;
}

#infoOffertModal .modal-footer button{
    color: #000;
}

#infoOffertModal .modal-footer button:hover,
#infoVarukorgOffertModal .modal-footer button:hover{
    background-color: transparent;
}

#infoOffertModal .btn-close, #infoVarukorgOffertModal .btn-close{
    border: none;
    position: absolute;
    right: 30px;
    top: 30px;
    padding: 10px;
}

#infoOffertModal .btn-close:hover, #infoVarukorgOffertModal .btn-close:hover{
    background-color: transparent;
}

/*-------------END OFFERS----------------*/








/*----------------CHANGE PASSWORD-----------------*/

.password-recovery-page{
    margin: 70px auto 90px auto;
    padding: 6%;
}

.password-recovery-page h1{
    font-size: 43px!important;
}

.vpp .password-recovery-page h1{
    margin-bottom: 16px!important;
    font-weight: 500!important;
}

.vetri .password-recovery-page{
    background-color: #eceef0;
}

.vpp .password-recovery-page{
    background-color: #f7f5ee;
}

.password-recovery-page .woocommerce-Button.button{
    border:1px solid #000;
    color:#000;
    padding: 14px 20px;
}

.password-recovery-page .woocommerce-Button.button:hover,
.password-recovery-page .woocommerce-Button.button:focus{
    background-color:transparent;
    color:#000;
}

.password-recovery-page .form-row-first label{
    margin-bottom:14px;
    display:block;
}

.password-recovery-page .form-row-first input{
    border-radius: 0;
    max-width: 500px;
    height: 42px;
    font-weight: 300!important;
}

.password-recovery-page .form-row-first{
    margin-top: 30px;
    margin-bottom: 24px;
}


.password-recovery-page .woocommerce-error,
.password-recovery-page .woocommerce-info,
.password-recovery-page .woocommerce-message{
    background-color:#fff;
    color: #000;
}


.password-recovery-page .woocommerce-error li,
.password-recovery-page .woocommerce-info li,
.password-recovery-page .woocommerce-message li{
    margin-bottom:0;
}

/*-------------END change password----------------*/






/*----------------MY PAGES-----------------*/

.modal-price-info p{
    margin-bottom: 0;
    font-size: 16px;

}

.modal-price-info{
    margin-top: -37px;
    margin-bottom: 32px;
}

.vpp .modal-price-info p{
    font-family: "proxima-nova", Sans-serif;
    font-style: italic;
    color: #000;
}

.showoffers, .showcarts{
    padding-top:15px;
}

.price-info-text{
    color: #707070;
    font-size: 16px;
}

.price-info-text p{
    margin-bottom: 0;
}

.nav-offers .nav-link.active{
    background-color:#fff;
    font-weight: 600;
}

.nav-offers .nav-link{
    background-color:#e9eff2;
    border-bottom:1px solid #ccc;
    border-radius: 0;
}

.nav.nav-tabs.nav-offers{
    border-color:#ccc;
}

.nav.nav-tabs.nav-offers button{
    color:#000;
    padding: 10px 30px;
}

.nav-tabs.nav-offers .nav-item.show .nav-link, .nav-tabs.nav-offers .nav-link.active{
    border-color: #ccc #ccc #fff;
    border-radius: 0;
}


.clear-cache-div .clear-cache-button{
    color: #555555;
    background-color: #ededed;
    border: none;
    padding: 11px 25px;
    margin-top: 12px;
}

.save-settings-confirmation, .clear-cache-confirmation{
    margin-top: 15px;
    font-style: italic;
    color: #016e01;
}

.offert-text-div{
    margin-top: 60px;
}

.vetri .settings-for-offert .offert-text-div label{
    font-weight:300;
}

.settings-for-offert .offert-text-div label{
    text-transform: inherit;
    font-weight: 400;
    font-size: 17px;
    letter-spacing: 0;
    margin-bottom: 15px;
}

.offert-text-div textarea{
    border-radius: 0;
    margin-bottom:20px;
}

.settings-for-offert, .clear-cache-div{
    margin-top:50px;
    border-top: 1px solid #ededed;
    padding-top: 35px;
}

.settings-for-offert p{
    color:#000;
    font-family:"crete-round", sans-serif;
    font-size: 19px;
}

.vetri .settings-for-offert p{
    font-family:"superclarendon", sans-serif;
}

.settings-for-offert .offert-images-div label{
    display:block;
    margin-bottom: 20px;
    margin-top: 40px;
    font-weight: 400;
    font-size: 17px;
    letter-spacing: 0;
    text-transform: inherit;
    color: #707070;
}

.offert-image-file-info{

}

.settings-for-offert  .offert-images-div img{
    border: 1px solid #d3d3d3;
    padding: 20px;
    width: 450px;
    height: 250px;
    object-fit: cover;
}

.settings-for-offert .offert-images-div button{
    position:absolute;
    top: -17px;
    left: 431px;
    color: #000;
    border-radius: 50%;
    background-color: #00000012;
    border: none;
    width: 35px;
    height: 35px;
    padding: 0;
}

.settings-for-offert .offert-images-div button svg{
    width: 10px;
    height: 10px;
    margin-bottom: 3px;
}

.offert-image-container{
    position:relative;
}

.offert-images-div .offert-image-upload{
    display: block;
    margin-top: 30px;
    margin-bottom:0;
    border-bottom:0!important;
}

.settings-for-offert .offert-images-div .offert-image-file-info{
    margin-top: 9px;
    margin-bottom: 41px;
    font-size: 14px;
    font-style: italic;
}

.vetri .offert-images-div .offert-image-upload{
    font-weight: 300;
}

#instllningar-tab .save-settings-button{
    background-color: #00516B;
    color:#fff;
    border:none;
    padding: 10px 40px;
    margin-top:20px;
}

.vetri #instllningar-tab .save-settings-button{
    background-color:#d98727;
}

#instllningar-tab .checkbox-wrapper{
    margin-bottom:20px;
}

#instllningar-tab .checkbox-wrapper input[type="checkbox"]{
  position: absolute;
  opacity: 0;
  z-index: -1;
}
#instllningar-tab .checkbox-wrapper label{
  position: relative;
  display: inline-block;
  line-height: 1.5em;
  padding: 0 0 0 2em;
  cursor: pointer;
  text-transform: inherit;
  font-size: 17px;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 21px;
}

.vetri #instllningar-tab .checkbox-wrapper label{
    font-weight: 300;
}

#instllningar-tab .checkbox-wrapper label::before,
.checkbox-wrapper label::after{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
}
#instllningar-tab .checkbox-wrapper label::before{
  content: " ";
  border: 1px solid #000;
}
/* Checkbox */
#instllningar-tab .checkbox-wrapper input[type="checkbox"] + label::after{
  content: "";
  background-color: #00516B;
  line-height: 1.5;
  text-align: center;
  content: "\2714";
  color:#fff;
  font-size: 13px;

}

.vetri #instllningar-tab .checkbox-wrapper input[type="checkbox"] + label::after{
    background-color: #D98727;
}

/* :checked */
#instllningar-tab .checkbox-wrapper input[type="checkbox"]:checked + label::before {
  background: #fff;
  border-color: #fff;
}
#instllningar-tab .checkbox-wrapper input[type="checkbox"] + label::after {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
#instllningar-tab .checkbox-wrapper input[type="checkbox"]:checked + label::after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* Transition */
#instllningar-tab .checkbox-wrapper label::before,
.checkbox-wrapper label::after{
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}




.vpp #nameModal .modal-title{
    font-family: "crete-round", Sans-serif;
}

#nameModal .modal-title,
#nameOffertModal .modal-title{
    text-transform: uppercase;
}

#nameModal #recept-name:focus,
#nameOffertModal #recept-offert-name:focus,
#varukorg-name:focus{
    box-shadow: none;
}

#nameModal #recept-name{
    font-weight: 300!important;
}

.vetri .btn-savename{
    background-color: #d98727!important;
    border-color:#d98727!important;
}

.btn-savename{
    background-color: #00516B!important;
    border-width: 0!important;
    color: #fff!important;
    padding: 7px 41px;
}

#nameModal .modal-footer button.btn-secondary,
#nameOffertModal .modal-footer button.btn-secondary,
#varukorgNameModal .modal-footer button.btn-secondary{
    background-color: transparent;
    border-color: #000;
    color:#000;
}

#nameModal .modal-footer button.btn-secondary:hover,
#nameOffertModal .modal-footer button.btn-secondary:hover,
#varukorgNameModal .modal-footer button.btn-secondary:hover{
    color:#000!important;
}

#nameModal .modal-footer button.btn-secondary:focus,
#nameModal .btn-savename:focus,
#nameOffertModal .modal-footer button.btn-secondary:focus,
#nameOffertModal .modal-footer button.btn-save-varukorg-name:focus,
#varukorgNameModal .modal-footer button.btn-save-varukorg-name:focus,
#varukorgNameModal .modal-footer button.btn-secondary:focus{
    box-shadow: none;
}

.changenamerecipe, #varukorgNamefield3,
#nav-cartoffers svg, #varukorgNamefield4{
    cursor:pointer;
}

.loading-button-div{
    text-align: right;
    margin-bottom: 25px;
}

.load-offers{
    color: #707070!important;
    border: 1px solid #707070;
    font-size: 15px!important;
    padding: 10px 15px;
}

.load-offers:hover, .load-offers:focus{
    background-color: transparent;
}

.specsvg{
    cursor:pointer;
}

#offertModal .modal-body{
    padding: 6% 6% 6% 6%;
}

#varukorgOffertModal .modal-content{
    max-height: 80%;
}

#specifikationModal .modal-dialog, #offertModal .modal-dialog,
#infoOffertModal .modal-dialog, #specifikationOffertModal .modal-dialog,
#infoVarukorgOffertModal .modal-dialog,
#productInfoModal .modal-dialog{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 700px;
    max-height: 700px;
}

.vetri .modal-dialog-scrollable .modal-content{
    max-height: 700px;
}

#specifikationModal .modal-footer, #offertModal .modal-footer,
#specifikationOffertModal .modal-footer, #nameModal .modal-footer,
#nameOffertModal .modal-footer, #infoVarukorgOffertModal .modal-footer,
#varukorgOffertModal .modal-footer,
#productInfoModal .modal-footer{
    background-color:#e9eff2;
    border: none;
    box-shadow: rgb(238 238 238) 0px 0px 16px;
}

.vetri #specifikationModal .modal-footer, #offertModal .modal-footer,
#nameModal .modal-footer,
.vetri #varukorgNameModal .modal-footer,
.vetri #varukorgOffertModal .modal-footer,
.vetri #productInfoModal .modal-footer{
    background-color:#eceef0;
}

#specifikationModal .modal-footer button, #specifikationOffertModal .modal-footer button,
#varukorgNameModal .modal-footer button, .modal-footer, #infoVarukorgOffertModal .modal-footer button,
#infoVarukorgOffertModal .modal-footer button,
#productInfoModal .modal-footer button{
    color:#000;
}

#nameOffertModal .modal-footer button.btn-save-varukorg-name,
#varukorgNameModal .modal-footer button.btn-save-varukorg-name{
    background-color: #00516B;
    border:none;
    color:#fff;
}

#nameOffertModal .modal-footer button.btn-save-varukorg-name:hover,
#varukorgNameModal .modal-footer button.btn-save-varukorg-name:hover{
    background-color: #00516B;
}

#specifikationModal .modal-footer button:hover,
#specifikationOffertModal .modal-footer button:hover,
#nameOffertModal .modal-footer button:hover,
#productInfoModal .modal-footer button:hover{
    background-color:transparent;
}

#specifikationOffertModal .spec-header{
    margin-bottom: 35px;
}

.vetri #specifikationModal .modal-footer button,
.vetri #specifikationOffertModal .modal-footer button,
.vetri #infoOffertModal .modal-footer button,
.vetri #infoVarukorgOffertModal .modal-footer button,
.vetri #productInfoModal .btn-secondary{
    background-color: transparent;
}


#offertModal .modal-title, #specifikationModal .modal-title,
#specifikationOffertModal .modal-title, #infoOffertModal .modal-title,
#nameOffertModal .modal-title,
#varukorgNameModal .modal-title, #infoVarukorgOffertModal .modal-title,
#varukorgOffertModal .modal-title,
#productInfoModal .modal-title{
    font-family: "crete-round", Sans-serif;
    text-transform: uppercase;
}

.vetri #offertModal .modal-title,
.vetri #specifikationModal .modal-title,
.vetri #specifikationOffertModal .modal-title,
.vetri #infoOffertModal .modal-title,
.vetri #nameOffertModal .modal-title,
.vetri #varukorgNameModal .modal-title,
.vetri #infoVarukorgOffertModal .modal-title,
.vetri #varukorgOffertModal .modal-title,
.vetri #productInfoModal .modal-title{
    font-family: "commuters-sans", Sans-serif;
}

#infoOffertModal .infovalue{
    margin-bottom: 20px;
}

#specifikationModal h6{
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 18px;
}

.vetri #specifikationModal h6{
    font-family: "commuters-sans", Sans-serif;
    font-size: 16px;
}

#specifikationModal h2, #specifikationOffertModal h2{
    display:none;
}

#specifikationModal .spec-header h3,
#specifikationOffertModal .spec-header h3,
#productInfoModal .spec-header h5{
    font-size: 25px;
}

#specifikationModal .spec-header h4,
#specifikationOffertModal .spec-header h4{
    font-size: 18px;
}

.vetri #specifikationModal .spec-header h4{
    font-size: 16px;
}

#specifikationModal .spec-meta{
    text-align: right;
}

.vetri #specifikationModal .btn-close, #offertModal .btn-close,
#nameModal .btn-close{
    top: 26px;
}

#specifikationModal .btn-close, #offertModal .btn-close,
#specifikationOffertModal .btn-close,
#nameModal .btn-close, #nameOffertModal .btn-close,
#varukorgNameModal .btn-close,
#varukorgOffertModal .btn-close,
#productInfoModal .btn-close{
    border: none;
    position: absolute;
    right: 30px;
    top: 30px;
    padding: 10px;
}

#specifikationModal .btn-close, #offertModal .btn-close:focus,
#specifikationOffertModal .btn-close:focus, #infoOffertModal .btn-close:focus,
#nameOffertModal .btn-close:focus, #varukorgNameModal .btn-close:focus,
#varukorgOffertModal .btn-close:focus,
#productInfoModal .btn-close:focus{
    box-shadow: none;
}

#specifikationModal .btn-close:hover, #specifikationOffertModal .btn-close:hover,
#nameModal .btn-close:hover,
#nameOffertModal .btn-close:hover, #varukorgNameModal .btn-close:hover,
#varukorgOffertModal .btn-close:hover,
#productInfoModal .btn-close:hover{
    background-color:transparent;
}

#offertModal .modal-header, #specifikationModal .modal-header,
#specifikationOffertModal .modal-header{
    padding: 3% 6%;
}


#offertModal .modal-body input:focus{
        box-shadow: none;
}

#specifikationModal .specification-wrapper.spec-conservatory,
#specifikationModal .specification-wrapper.spec-glasswall,
#infoOffertModal .modal-body-info, #specifikationOffertModal .modal-body-spec,
#nameModal .modal-body,
#infoVarukorgOffertModal .modal-body-info,
#productInfoModal .modal-body-content, #productInfoModal .modal-body-header{
    padding:6%;
}

 #productInfoModal .modal-body-header{
     padding: 7% 6% 0% 6%;
}

.specification-wrapper.spec-conservatory .spec-title,
.specification-wrapper.spec-glasswall .spec-title {
    padding-bottom:10px;
}

.specification-wrapper.spec-conservatory h5, .specification-wrapper.spec-glasswall h4{
    margin-top: 35px;
    margin-bottom: 15px;
    border-bottom: 1px solid #707070;
    padding-bottom: 10px;
}

.vetri .specification-wrapper.spec-glasswall h4{
    font-family: "commuters-sans", Sans-serif;
    font-weight: 500;
    font-size: 18px!important;
}

.vetri .specification-wrapper.spec-conservatory h5{
    font-size: 18px;
}

#offertModal .modal-header .btn-close{
    border:none;
}

#offertModal .modal-header .btn-close:hover{
    background-color:transparent;
}

#offertModal .modal-footer button, #varukorgOffertModal .modal-footer .btn-secondary{
    color:#000;
}

#varukorgOffertModal .modal-footer .btn-secondary{
    background-color:transparent;
}

#offertModal .modal-footer button.btn-primary,
#varukorgOffertModal button.btn-cart-offer
{
    background-color:#00516B;
    color:#fff;
    border-color:#00516B;
}

#offertModal .modal-footer button.btn-primary:hover,
#varukorgOffertModal button.btn-cart-offer:hover{
    background-color:#00516B!important;
    border-color:#00516B!important;
}

.vetri #offertModal .modal-footer button.btn-primary,
.vetri #varukorgNameModal .modal-footer button.btn-primary,
.vetri #nameOffertModal .modal-footer button.btn-primary,
.vetri #varukorgOffertModal .modal-footer button.btn-cart-offer{
    background-color:#d98727;
    border-color:#d98727;
}

.vetri #offertModal .modal-footer button.btn-primary:hover,
.vetri #varukorgNameModal .modal-footer button.btn-primary:hover,
.vetri #nameOffertModal .modal-footer button.btn-primary:hover,
.vetri #varukorgOffertModal .modal-footer button.btn-cart-offer{
    background-color:#d98727;
}

.vetri #offertModal .modal-footer button.btn-primary:focus,
.vetri #offertModal .modal-footer button:focus,
#specifikationModal .modal-footer button:focus,
#offertModal .modal-footer button:focus, #infoOffertModal .modal-footer button:focus,
#specifikationOffertModal .modal-footer button:focus,
#infoVarukorgOffertModal .modal-footer button:focus,
#varukorgOffertModal .modal-footer button:focus,
#productInfoModal .modal-footer button:focus{
    box-shadow:none;
}

.vetri #offertModal .modal-footer button{
    background-color:transparent;
}

.vetri #offertModal .modal-footer button:hover{
    background-color:transparent;
}


#offertModal .modal-footer button:hover,
#varukorgOffertModal .modal-footer button:hover{
    background-color:transparent;
    border-color:#000;
}

#offertModal textarea{
    border:1px solid #000;
    border-radius: 0;
}

.vetri .recepttable .offertsvg{
    fill:#000;
}

.recepttable .offertsvg{
    width: 25px;
    cursor:pointer;
}

.recepttable .removerecipe{
    fill:#707070;
    background-color: #ededed;
    padding: 8px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.varukorgtable thead tr th{
    border-top:0!important;
}

.varukorgtable tfoot tr th{
    border-left:0;
}

.varukorgtable tfoot tr th:last-of-type{
    border-right:0;
}

.varukorgtable tfoot tr:last-of-type th{
    border-right:0;
    border-left:0;
    border-bottom:0;
    font-size: 20px;
}


.recepttable tbody tr th,
.varukorgtable tbody tr th{
    border-top:0;
    border-left:0;
    border-right:0;
    background-color:#fff!important;
    padding-left:0;

}

.recepttable tbody td,
.varukorgtable tbody td{
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding-left: 0;
    background-color:#fff!important;
    font-size: 16px;
}

.recepttable tbody td a,
.varukorgtable tbody td a{
    text-decoration: underline;
    color:#00516b;
    font-style: italic;
    font-size: 16px;
}

.recepttable .tablecenter,
.varukorgtable .tablecenter{
    text-align: center;
}

.varukorgtable thead tr th{
    border:none;
}

.vetri tbody td a{
    color:#d98727;
}

.recepttable tbody tr:hover,
.varukorgtable tbody tr:hover{
    background-color:transparent!important;
}

#tidigare-konfigurationer-tab{
    padding-right:0!important;
    padding-left:0;
}


.vetri .cartOfferButton{
    background-color:#d98727!important;
}

.cartOfferButton{
    background-color:#00516B!important;
    color:#fff!important;
    border:none!important;
    margin-bottom:25px;
    max-width: 200px;
}

#min-varukorg-tab{
    padding: 0% 0% 0% 4%;
}



/*-------------END my pages----------------*/






/*----------------MEDIA QUERIES-----------------*/

@media(max-width:768px){

    #min-varukorg-tab{
        padding: 0% 0% 0% 0%;
    }


    .product-thumbnail::before{
        color:#fff!important;
    }

    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{
        font-family: "superclarendon", Sans-serif;
        font-size: 16px;
    }

    .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-remove a{
        padding-left: 6px;
    }

    .woocommerce table.cart .product-thumbnail{
        display:block;
    }

    .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td{
        text-align: left !important;
    }

    dt.variation-Specifikation{
        float:none!important;
    }


    #resellerboxes .resellerbox{
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;

    }

    .elementor-widget-woocommerce-cart .woocommerce table.cart tr{
        padding: 16px 0!important;
    }

    .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-remove a{
            padding-right: 7px;
    }

    .woocommerce-cart-form__cart-item.cart_item .product-name a{
        display: contents;
    }

    .cart_totals table.shop_table{
        max-width: initial;
    }

    .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-remove{
        top: 0px;
        left: 0px;
    }

    .woocommerce-cart-form__cart-item.cart_item .product-name::before{
        content:"";
    }

    .password-recovery-page h1{
        margin-top: 20px;
        margin-bottom: 30px!important;
        font-size: 35px!important;
    }

    #specifikationModal .modal-dialog,
    #infoOffertModal .modal-dialog{
        width:350px;
    }
}


@media(max-width:576px){

    .nav.nav-tabs.nav-offers button{
        width:50%;
        padding: 10px 10px;
    }


    .divtextsumma, .divtextkontakt, .divtextfrakt{
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .kontaktcontent> div{
        width: 100%;
        margin-bottom: 15px;
    }


    #resellerboxes .resellerbox{
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;

    }

    .spec-row > div{
        flex: 0 0 auto;
        width: 50%;
    }

    .reseller-pick-text{
        position:inherit;
    }

    #fraktpostnummer{
        width:100%;
        margin-bottom:15px;
        max-width: inherit;
    }

    #fraktsearch{
        margin: 0 auto;
    }

    .resellerbox-inner{
        height:inherit;
    }

    #specifikationModal .modal-dialog, #offertModal .modal-dialog,
    #infoOffertModal .modal-dialog, #specifikationOffertModal .modal-dialog{
        width: 300px;
    }

    #specifikationModal h2{
        font-size:30px;
    }

}

/*-------------END media queries----------------*/