
#interface-react  .watermark{
	float:left;
	width:auto;
	left:0;
}

.btn-konfigurateur3D.btn-primary svg {
	top: -1px;
	min-width: 26px;
	left: -6px;
}

#konfigurateur3D .debug,
#konfigurateur3D .hidden{
	display:none;
}
#konfigurateur3D .debug{
	position:absolute;
	bottom:15px;
	left:15px;
	border:1px solid #626e92;
	padding:15px;
	float:left;
	display:none;
}
.product-actions .product-variants {
    padding-top: 5px;
}
.product-actions .product-variants .product-variants-item {
    padding-top: 10px;
}
.product-information{
	position:relative;
	padding-top:60px;
} 

.btn.btn_konfigurateur_3D{
	position:absolute;
	top:20px;
	right:0;
	background:#626e92 ;
	margin:0 auto 0px; 
}
.configs .add_to_cart_konfigurator{
	background:#626e92 ;
	margin:5px 0 0 30px;
}
.add_to_cart_konfigurator,
.btn_konfigurateur_3D{
	color:#fff;
	border:1px solid #626e92 ;
	text-align:center;
	display:inline-block;
	width:190px;
	margin:4px auto 30px;
	padding:0 16px;
	line-height:36px;
	height:40px; 
	font-weight:bold;
	outline:0; 
	z-index:2;
	text-transform:uppercase;
	margin-bottom:10px;
	-webkit-border-radius:0;
	-o-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
.configs .add_to_cart_konfigurator:focus,
.configs .add_to_cart_konfigurator:hover,
.btn.btn_konfigurateur_3D:focus,
.btn.btn_konfigurateur_3D:hover{
	background:#abb8d3;
	color:#fff;
	border:1px solid #abb8d3;
}	 
#konfigurateur3D{
	margin-top: 0;
} 
#konfigurateur3D .box_configurateur3D{
	background:white;
	position:relative;  
	width:100%;  
	height:auto;  
	margin:0 auto; 
	z-index:10; 
	height:auto;
	-webkit-transition: all 0.60s ease-out;
	-o-transition: all 0.60s ease-out;
	transition: all 0.60s ease-out;  
} 
#konfigurateur3D .tabs{
	padding-bottom:0;
}
#konfigurateur3D .tabs .nav li.nav-item:last-child{
	float:right;
}
#konfigurateur3D li.title{
	padding:4px 30px 0;
	width:461px;
	float:right;
	font-weight:bold;
	text-align:center;
	color: black;
} 
#konfigurateur3D #get-price{
	margin-left:15px;
} 
iframe.boix_innersense{
	background:white;	 
	width:calc(100% - 461px);   
	float:left;
	height:648px; 
	z-index:2;
	border:0; 
}
.loader-configurateur-3D, .loader-configurateur-3D.active{display:none;}

#product3D_name{
	padding: 15px 0;
	font-size: 20px;
	color: #c44153;
	font-weight:bold;
	text-align:center;
}
.configs,
#configs {
  width:461px; 
  height:auto;
  float:right; 
  background:white;
  padding:15px 0px 0 30px;
}
.configs {
padding:0;
}

#konfigurateur3D iframe.boix_innersense {
	width: 100%;
  }
  #konfigurateur3D .box_configurateur3D .configs {
	width: 100%;
  }
  #konfigurateur3D .box_configurateur3D .add_to_cart_konfigurator {
	position: relative;
	display: block;
	margin: 25px auto;
  }

/*
#configs ul{
  display: block; 
  text-align:left; 
}
#configs li {
	line-height:20px;
	display:block;
	font-weight:bold; 
	padding:15px 0;	
	margin:0 0 15px;		
}
#configs li img {
  max-width: 40px;
  margin: 0 5px 5px 0;
  border: 2px solid transparent;
} 
#configs li img:hover,
#configs li .active {
	  max-width: 40px;
	  border: 2px solid #c44153;
}
*/
.clear{
	clear:both;
}



/* The menu */ 
.title hr{
	display:none!important;
}


.title.row{  
  width: 600px;
  margin:0 auto 15px;
  max-width:100%;
	border-radius: 3px;
  background-color: white; 
	font-size: 21px;
	font-weight: 600;
	padding-top:40px;
  z-index: 10000; 
  color:#000;
} 
.title .col{
	width:50%;
	float:left;
	line-height:30px;
	text-align:center;
} 


 #configs  .container{
	padding:0;
}
 #configs  .row {
    margin-left: 2px !important;
  }
 #configs  li {
    margin-top: 5px;
    cursor: pointer;
	font-weight:bold;
  }
#configs .ulElements {
  margin: 0;
  padding: 0;
  font-size:14px;
	font-weight: 400;
  overflow:auto;
} 
/*
#configs .ulElements span{
	float:left;
	width:70px;
	height:115px;
	margin:0 5px 0 0;
	overflow:hidden;
}
#configs .ulElements span:nth-child(4n+1){
	clear:both;
}
#configs .ulElements span span{
	float:none;
	text-align:center;
	display:block;
}
*/
#configs .container-content{
	padding:0;    
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    overflow-y: scroll;
    max-height: 316px;
}
#configs .ulElements .container-img{
	    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 12px;
    font-weight: 800;
}
#configs .ulElements .container-img img {
	width: 90%;
    padding: 5px; 
    border: 1px solid transparent;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
  }
#konfigurateur3D .box_configurateur3D{
	overflow:hidden;
}
#konfigurateur3D .box_configurateur3D,
#configs ,
#configs .ulElements{
	overflow-anchor: none;
}
#configs .ulElements .container-img img:hover, 
#configs .ulElements .container-img img.active {
    cursor: pointer;
    border: 1px solid #000;
  }
  
#configs .hyphen:before {
  content:"- ";
}
#configs  .list-group-custom .list-group-item {
	  font-size:18px;
	  font-weight: 600;
  }

/* Separators */
#horizontal {
  padding: 20px 0;
  border-top: 1px solid #dcdcdc;
}
#vertical {
    border-left: 1px solid #dcdcdc;
    color: #dcdcdc;
    display: inline-block;
    height: 36px;
    margin: 0 10px;
}
#blockcart-modal .divide-right .col-md-6{
	width:100%;
}
#blockcart-modal .product-image{
	max-width:100%;
}
#configs .ulElements{	
	height:369px;
	width:100%;  
} 
#configs .ulElements.show{
	display:block;
} 
@media screen and (max-width: 960px) {
	iframe.boix_innersense,
	.configs{
		width:100%;
	}
	.configs{
		float:left;
		clear:both;
		padding:15px 0 40px;
	}
	#configs{
		float:left;
		width:calc(50% - 15px);
		padding:0 15px 0px 0;
	}
	.configs .add_to_cart_konfigurator{
		clear:none;
		float:right;
		width:calc(50% - 15px); 
		margin:0;
	}
	#configs li.list-group-item:first-child{
		margin-top:0
	}
}
@media screen and (max-width: 768px) {
  /*#viewer{
		position: fixed;
		width: 90vw;
		height: 70vh;
		top:5vh;
		left:5vw;
	}
	.title{
		position: fixed;
		width: 80vw;
		top:2.5vh;
		left:10vw;
	}
	*/
	.configs,
	#configs{
		position: relative; 
	}
  .popup-container {
    width: 550px;
  }
  
  iframe.boix_innersense,
	.configs,
	#configs,
	.configs .add_to_cart_konfigurator{
		clear:none;
		float:right;
		width:100%;
		padding:0 0 0px 0;
		margin:0;
	}
	.configs{
		padding:15px 0 40px;
	}
	.configs #configs li.list-group-item{
		margin: 0 0 15px;
	}
	
}
