.azalea--content{
padding: 0px 15px;
}

.tws-content-box--cell {
    padding: 15px 10px;
}

.tws-top-menu{
/*background-color: #505050 !important;*/
}

.azalea--back-to-top{
padding: 10px 0px 50px 0px;
}

.tws-usps-big--icon{
opacity: 0.7;
}
.tws-content-box--with-image .wrappContent{
position: absolute;
bottom: 0;
    left: 50%;
  transform: translateX(-50%);
  width: 100%;
/*border: 1px solid #9dd7d6;*/
}

/*CSS FÖR PROPORTIONSSIDAN   */
.inputfield {
 float: left;
 font-family: 'Open Sans', sans-serif;
 font-size: 13px;
 position: relative;
 width: 50%;
 padding-right: 40px;
 padding-left: 15px;
 min-width: 380px;
}

.slider2 {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: white;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .3s;
  transition: opacity .3s;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.slider_Sprojs {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: white;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .3s;
  transition: opacity .3s;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.slider_Sprojs:hover {
  opacity: 1;
  border: 1px solid #ccc;
  border-radius: 4px;
  border: 1px solid #9dd7d6;
}

.slider_Sprojs::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #e2da10;
  cursor: pointer;
}


/*SETTINGS FOR SPRÖJSCANVAS*/
.CanvasWindow {
  border: 1px solid #ccc;
  float: left;
  
  background-image: url("https://admin.abicart.se/shop/ws97/110897/files/Window_Script/Window280x400.jpg?_t=1635960531");
}

.sprojs {
  *background-color: transparent;
  background-color: #68d4f0; /* For browsers that do not support gradients */
  background-image: linear-gradient(to bottom, #68d4f0, lightblue);
  *border-style: inset;
  *border-bottom-style: dotted dashed solid double;
  border-style: inset inset inset inset;
 
  border-width: 10px;
  border-color: lightgrey;
  padding: 20px;
  font-size: 20px;
  text-align: center;
}

/*KLICK BUTTON; SIMILAR TO BUY BUTTON*/
.button {
  background-color: #505050;
  font-family: 'Open Sans', sans-serif;
  border: none;
  color: white;
  padding: 8px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  margin: 2px 2px;
  cursor: pointer;
  /*border-radius: min(1vw, 5px);*/
  transition: background-color 0.3s ease-in-out;

}
.button:hover {
  color: white;
  background-color: lightgray;
  transition:  background-color .3s ;
}

.info_button {
  background-color: lightgray;
  font-family: 'Open Sans', sans-serif;
  border: none;
  color: black;
  padding: 8px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: bold;
  margin: 2px 2px;
  cursor: pointer;
  /*border-radius: min(1vw, 5px);*/
  transition: color 0.3s ease-in-out;

}
.info_button:hover {
  color: white;
  transition: color .3s;
}



/*LÄGG ARTICLE PRICE LÄNGST NED PÅ SIDAN*/
.article .slot--article-price {
	position: relative;
	bottom: 20px;
}

.slot--article-buy-button{
/*border-radius: min(1vw, 5px);*/
}











/* CONTENT BOX SETTINGS*/
/*Contentbox Picture settings*/
.tws-react-img{
    overflow:hidden;
  /*  border-radius: min(1vw, 5px);*/
}

.tws-content-box{
padding: 2px 0px;
}

.tws-container--tws-custom-html{
  margin: 15px 0px !important;
  padding: 5px 0px !important;
  /*border: 1px solid #9dd7d6;*/
}


/*Content box Line 1 Headingline-height: 4vw;*/
.tws-content-box--first-line{
font-size: 1.7rem;
font-weight: bold;
color: white !important;
background-color: rgba(51, 51, 51, 0.8);
/*border-radius: min(1vw, 5px);*/
/*padding: 1px clamp(30px, 8vw, 45px); /* min 10px, max 5vw, default 30px */
margin: 2px;
padding: 2px 15px;
/*border: 1px solid #9dd7d6;*/
transition: background-color 0.3s ease-in-out;
}

/*
.tws-content-box--first-line::after {
  content: "\2192";
  font-size: 2.0rem;
}
*/
.tws-content-box--first-line:hover{
  background-color: lightgray;
  transition:  background-color .3s ;
}


.tws-content-box--second-line {
font-size: 1.7rem;
font-weight: bold;
background-color: rgba(255, 255, 255, 0.9);
/*border-radius: min(1vw, 5px);*/
/*padding: 1px clamp(30px, 8vw, 45px); /* min 10px, max 5vw, default 30px */
margin: 2px;
padding: 2px 15px;
/*border: 1px solid #9dd7d6;*/
}

/*contenctbox Line 3 Brödtext*/
.tws-content-box--third-line{
font-size: 13px !important;
font-weight: Normal !important;
margin-top: 1px;

  padding: 2px 15px;
}


.tws-content-box--third-line-button {
  
  font-size: 2rem;
  font-weight: bold;
  display: inline-block;
  border: 1px solid #9dd7d6;
  padding: 5px 10px;
  margin-top: 10px;
  text-align: center;
  color: #333;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  /*border-radius: min(1vw, 5px);*/
}

.tws-content-box--third-line-button:hover {
  background-color: #9dd7d6;
  color: #fff;
}

/*
@media (max-width: 768px) {
.tws-content-box--second-line {
font-size: 1.5rem;
}
.tws-content-box--third-line-button{
font-size: 1.0rem;
}
.button {
font-size: 1.1rem;
padding: 8px 10px;
}
.info_button {
font-size: 1.1rem;
padding: 8px 6px;
}
}
*/

/*PRODUKTSIDA PICTURE SETTINGS*/
/* Bild för Glaslist alternativ STANDARDSPRÖJS.*/
.tws-react-common--choice-8018241::after {
  content: "";
  display: flex;
  left: 80px;
  max-width: 350px;
  max-height: 85px;
  width: 80vw;
  height: 20vw;
  background-image: url('https://cdn.abicart.com/shop/ws97/110897/files/Profilbilder/Glaslistvink_Mini.png?_t=1677587105');
  background-size: cover;
  background-position: left top;
}

/* Bild för infästning i underkants alternativ STANDARDSPRÖJS.*/
.tws-react-common--choice-8018243::after {
  content: "";
  display: flex;
  left: 80px;
  max-width: 350px;
  max-height: 85px;
  width: 80vw;
  height: 20vw;
  background-image: url('https://cdn.abicart.com/shop/ws97/110897/files/Profilbilder/Underkants_Inf_Mini.png?_t=1677581028');
  background-size: cover;
  background-position: left top;
}


/* Lägg canvasen på samma position som produktbilden STANDARDSPRÖJS */
.slot--article-images {
  position: relative;
}
.window-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



.tws-image-carousel{
/*max-width: 100%;
margin: 0 auto;
*/
}


.icon_Container {
  /*padding-left: 15px;*/
  padding: 0px 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: 100%;
}


.icon_Image {
  display: inline-block;
  width: 100px;
  min-width: 80px;
  /*width: 100%*/;
  height: auto;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  opacity: 1;
  padding: 0px 10px;
  /*padding-right: 5px;*/
  vertical-align: middle;
  
  /*border: 1px solid #9dd7d6;*/
  /*margin-top: -8px;*/
}
.icon_Image:hover {
  transform: scale(1.2);
  opacity: 0.7;
}

.icon_Image + span {
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
}


.icon_Image_text{
  font-size: 1.2rem;
  max-width: 100px;
  color: white;
  background-color: rgba(51, 51, 51, 0.8);
  /*border-radius: min(1vw, 5px);*/
  margin: 0px clamp(20px, 1.5vw, 100%);
  /*border: 1px solid #9dd7d6;*/
  
}

.info_Container{
  /*background-color: rgba(51, 51, 51, 0.8);*/
  min-width: 335px; 
  display: flex;
}
/*
.icon_Image_text::after {
  content: "\2192";
  font-size: 1.4rem;
}
*/
/*
.info_button:hover .icon_Image {
  transform: scale(1.2);
  opacity: 0.7;
}
*/



@media (max-width: 768px) { /*768*/
.tws-content-box--first-line{
font-size: 1.5rem !important;
}
.tws-content-box--second-line {
font-size: 1.5rem;
}
.tws-content-box--third-line-button{
font-size: 1.0rem;
}
.button {
font-size: 1.1rem;
padding: 8px 10px;
}
.info_button {
font-size: 1.1rem;
padding: 8px 6px;
}
.info_Container{
margin: 2px -20px;
}
.icon_Image_text{
font-size: 0.9rem;
font-weight: Normal;
text-decoration: underline;
margin: 0px 1px;
}
.icon_Image {
padding: 0px 3px;
}

}