/*#first_vista_previa{display:block !important;}
	#first_vista_previa .card.card_preview_cl{visibility:visible;}*/

	.prop_clona{font-size:0.8rem !important;}

	.allow_numbers{font-size:0.8rem;}
	.search_fullscreen_bg{
		position:fixed;
		background-color:rgba(255,255,255,0.5);
		width:0;
		height:0;
		overflow:hidden;
		z-index: 9999999;
	}
	.search_fullscreen_bg.show{
		width:100%;
		height:100%;	
	}
	.search_fullscreen{
		display:flex;
		width:0;
		height:0;
		overflow: hidden;
		/*align-items:center;*/
		justify-content:center;
		opacity:0;
		transition:opacity 0.5s ease-out;
		
		z-index: 999999;
		background-color: #fff;
	    top: 5%;
	    left: 5%;
		position: fixed;
	    padding: 20px 10px 10px 40px;
	    border-radius: 10px;
	    box-shadow: 3px 3px 5px #666;
	}
	.search_fullscreen.show{
	    width: 90%;
	    height: 90%;
	    opacity:1;
	    transition:opacity 0.5s ease-in;
	}

	.search_fullscreen .search_fullscreen_close{
		position:absolute;
		top:20px;
		right:20px;
		width:25px;
		height:25px;
		cursor:pointer;
	}
	.search_fullscreen .search_fullscreen_close:hover{
		color:#666;	
	}
	.search_fullscreen.show .search_fullscreen_container{
		display:flex;
		width:100%;
		height:100%;
		background-color:tranparent;
		padding: 0px 5px 5px 5px;
		flex-direction:column;
	}
	.search_fullscreen_content{
		display:flex;
		overflow-y:auto;
		width:100%;
		height:100%;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.lona{
		flex-direction:column;
		width:200px;
		min-width:200px;
		min-height: 90px;
		margin-bottom:10px;
		transition:all 0.4s ease-in;
		position:relative;
	}
	.lona:hover span{
		color:#cacaca;
		transition:all 0.4s ease-out;
	}
	.lona img,.lona span{display:flex;}
	.lona img{width:100%;max-height:60px;margin-bottom:5px;}
	.lona span{
		font-size:0.8rem;
	}
	.selected_lona{margin-top:15px; min-height: 22px;}
	.img_beta{width:55px;}
	.beta_container_items{    
		display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    justify-content: center;
	 }
	.beta_item{
		display: flex;
	    margin: 0px 1px 1px 0px;
	    flex-direction: column;
	    text-align: center;
	    width: 80px;
	    justify-content: flex-start;
	    align-items: center;
	    transition:all 0.4s ease-in;
	    cursor:pointer;
	    padding:10px 4px 4px 4px;
	    border-radius:3px;
	}
	.beta_item.selected{
		border:1px solid #cacaca;
	}
	.beta_item:hover{
		background-color:#fafafa;
		transition:all 0.4s ease-out;
	}
	.beta_item:hover span{color:#999;}
	.beta_item img,.beta_item span{display:flex;font-size:0.8rem;transition:all 0.3s ease-out;}
	.beta_item img:hover{filter:sepia(10%);transition:all 0.3s ease-in;}
	.beta_item span{margin-top:5px;}
	.beta_image.show{
		opacity:1;
		transition:all 0.4s ease-in;
	}
	.beta_image{
	    background-size: 84px 49px;
	    background-repeat: repeat-x;
	    width: 100%;
	    height: 7px;
	    z-index: 10;
	    margin-top: 10px;
	    position:relative;
	    border:1px solid #cacaca;
	    opacity:0;
	    transition:all 0.4s ease-out;
	}
	.beta_image span.beta_image_txt{
		font-size: 0.7rem;
	    position: absolute;
	    right: 10px;
	    bottom: -15px;
	    text-shadow:2px 2px #ffffff;
	}
	.pricetext_container{
		margin-top:20px;
	}
	
	.img_fin_icon{
	    /*position: absolute;*/
	    /*width: 100%;*/
	    /* border-radius: 100%; */
	    /* border: 1px solid #111; */
	    /*z-index: 9;
	    background-image: url(../../images/icons/bocadillo.png);
	    background-repeat: no-repeat;
	    background-size: contain;
	    background-position: center right;*/
	}
	
	.img_fin_sup{
		
	}
	
	.img_fin_icon.img_fin_inf{
		/*margin-top: -70px;*/
	}
	.img_fin_icon.img_fin_sup{
		/*margin-top: -60px;*/
	}
	.img_fin_icon.img_fin_bamba{
		/*margin-top: -50px;*/
	}
	
	.img_fin{
		height:300px;
		max-width:350px;
	}
	.img_fin_container{
		width:100%;
		text-align:center;
	}
	.bambatext_container{
		position: absolute;
    	bottom: 107px;
    	z-index: 9;
    	width: 100%;
    	opacity:0;
    	transition:all 0.4s ease-in;
    	
   }
   .bambatext_container.show{
    	opacity:1;
    	transition:all 0.4s ease-in;
   }
   .subfields{
   	display:none;
   }
   .subfields.open{
   	display:block;
   }
   .position_reforcs_row{
   	display:none;
   }
   .position_reforcs_row.open{
   	display:block;
   }
   .reforcs_container{
	   	margin-top:0px;
	   	position:relative;
	   	width:433px;
	    max-width:100%;
	    height: 20px;
	    margin-top: -20px;
	    z-index:9;
   }
   .reforcs_container.image_view .reforcs_item{
   		position:absolute;
   		width:15px;
   		margin-left:-7.5px;
   		height:30px;
   		background-color:rgba(1,1,1,0.3);
   		box-shadow:2px 2px 2px #333;
   		border:1px dotted #111;
   		cursor:pointer;
   		display:none;
   }
   .reforcs_container.image_view .reforcs_item.open{
   	display:block;
   }
   .reforcs_item_1{left:0px;}
   .reforcs_item_2{left:50px;}
   .reforcs_item_3{left:75px;}
   
   #row_equiv_lones{
	   display:none;
   }

   #row_equiv_lones.open{
		display:block;
   }

   .form_annotation_text{font-size:0.8rem;}
   .card-box .card-content .form_annotation_text p{margin-bottom:5px;}
   
   #card_fixed{
   		position: absolute;
	    right: 0px;
	    top: 30px;
	    display:none;
   }

   #card_fixed.show{
   		display:block;
	}
	.col_preview_no_display{
		display:none !important;
	}
	
	/* Per resoldre bug materialize amb el desplegable del seu sistema...no gestiona bé el overflow fora del card */
	.select-dropdown{
	   max-height: 150px !important;
	   overflow-y: auto !important;
	   backface-visibility: hidden !important;
	  }
	  
	.col-12.col_preview.col_preview_visible_only_in_mobile{
			display:none !important;
			visibility:hidden !important;	
	}

	.no-stocks-lona{position:absolute;top: 15%;left: 20%;color:red !important;font-size:1.3rem !important;text-shadow:5px 5px 5px #fff;}

	.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
		color: #343a40;
		background-color: #d1e0e8;
		border-color: #c9dbe4;
	}

	.btn-light.focus, .btn-light:focus {
		color: #343a40;
		background-color: #f2f6f8;
		border-color: #d1e0e8;
		box-shadow: 0 0 0 0.15rem rgb(214 219 221 / 50%);
	}

	.btn-group-toggle .btn input[type=checkbox], .btn-group-toggle .btn input[type=radio], .btn-group-toggle>.btn-group .btn input[type=checkbox], .btn-group-toggle>.btn-group .btn input[type=radio] {
		position: absolute;
		clip: rect(0,0,0,0);
		pointer-events: none;
	}

	.btn-group-vertical .btn, .btn-group .btn {
		position: relative;
		flex: 1 1 auto;
	}

  	/********************************************************************/
	/*****************************BOTONS RADIO AMB IMATGES********************/
	.btn-img img.h100px{
		height:100px;
		width: auto;
		object-fit:contain;

	}
	.btn-img img{
		height:auto;
		width: 100%;
		cursor: pointer;
		transition: transform 1s;
		object-fit: cover;
	}
	.btn-img label{
		overflow: hidden;
		position: relative;
	}
	.btn-img label.btn-fmt{
		background-color: #fafafa;
		border-radius: 5px;
		border: 1px solid #f1f1f1;
	}
	.btn-img span{
		overflow: hidden;
		position: relative;
		font-size:0.8rem;
	}
	.imgbgchk:checked + label>.tick_container{
		opacity: 1;
	}
/*         aNIMATION */
	.imgbgchk:checked + label>img{
		transform: scale(1.15);
		opacity: 0.65;
	}
	.tick_container {
		transition: .5s ease;
		opacity: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		cursor: pointer;
		text-align: center;
	}
	.tick {
		background-color: #2c323f;
		color: white;
		font-size: 16px;
		padding: 8px 12px;
		height: 40px;
		width: 40px;
		border-radius: 100%;
	}

	/***************************************************************************/
	@media (max-width: 767px) {
		.lona{
			width:350px;
			max-width:350px;
			/*height: 180px;*/
		}
		
	}
	@media (min-width: 767px) AND (max-width: 1000px) {
		.lona{
			width:250px;
			max-width:250px;
			height: 130px;
		}
	}
	
	@media only screen and (max-width: 767px) {
		#card_fixed.same_card_in_mobil{
			position: relative;
		}
		
		.col-12.col_preview_cl_fixed:not(.same_card_in_mobil){
			display:none !important;
		}
		.col-12.col_preview:not(.same_card_in_mobil){
			display:none !important;
		}
		.col-12.col_preview.col_preview_visible_only_in_mobile{
			display:block !important;
			visibility:visible !important;	
		}
		/*card_preview_cl*/
		.col-12.col_preview.col_preview_visible_only_in_mobile .card-box.card_preview_cl{
			visibility:visible !important;
		}
	}