.MatrixCombinationsGroup{/* text-align:center; */margin: 0px 0;}

.MatrixCombinations{

	display: inline-block;

    max-width: 100%;

}

	#MatrixCombinations tr td{

		padding: 10px;

		text-align:center;

	}

	#MatrixCombinations div{

		float: left;

	}

		#MatrixCombinations .thead, #MatrixCombinations .tbody{width: 50% !important;position: relative;}

		#MatrixCombinations .tr{
			width: 100%;
			float: none;
			display: flex;
			flex-direction: column;
		}



		#MatrixCombinations .td{float: none;margin: 5px 5px;text-align: left;width: auto !important;height: 35px;}

			#MatrixCombinations .td small{

				float: left;

			    width: 100%;

			    margin: 2px 0;

			    font-size: 11px;

			    line-height: 13px;
				
				display: none;

			}

				#MatrixCombinations .tr .td span.color{width:25px;height:25px;margin-top: 4px;transition:all 150ms;}

					#MatrixCombinations .tr .td span.color img{

						width: 100%;
						
						max-height: 100%;
						
						margin-top: -5px;

					}

				#MatrixCombinations .tr .td span.color:hover{

					border: 0 !important;

				}

				#MatrixCombinations .combination-qty{width: 60px;padding:4px;font-size:13px;text-align:center;border:1px solid #000;margin-left: 10px;margin-right: 10px;}



				#MatrixCombinations .tr:nth-child(odd){

					/*background-color: #EFEFEF;*/

				}



		#MatrixCombinations tr td small{

			float: left;

			width: 100%;

			font-size: 10px;

			line-height: 12px;

		}

	#MatrixCombinations tr td span.color{

		width:25px;

		height:25px;

		transition:all 150ms;

	}

		#MatrixCombinations tr td span.color img{

			width: 100%;

		}

	#MatrixCombinations tr td span.color:hover{

		border: 0 !important;

	}

	#MatrixCombinations tr td .combination-qty{

		width:40px;

		padding:4px;

		font-size:13px;

		text-align:center;

		border:1px solid #000;

	}

	.MatrixButtons{

		width: 100%;

		text-align: center;

	}

	.comb-subtotal{width: 100%;font-size:16px;font-weight:600;color:#000;display: none;}

		.comb-subtotal i{

			font-style: normal;

		}

	.comb-subtotal span{float:right;width:100%;font-size:14px;font-weight:500;margin-bottom:5px;}

	#addMatrixToCart{

		display: inline-block;

    	margin-top: 10px;

	}

	#MatrixCombinations .colorOut{

		float: none

	}

	

	.scrollMobile{

		display: inline-block;

		width: 100%;

		overflow-x: scroll;

	}

	.con-combinacion .product-variants{
		/*display: none;*/
	}
	.product-variants-item-2 {
		display: none !important;
	}

	@media only screen and (max-width: 767px) {

		#MatrixCombinations .td{font-size: 11px;/* width: 0px !important; */height: 30px;float: left;}

		#MatrixCombinations .td small{

			line-height: 11px;

		}

		#MatrixCombinations .tr .td .combination-qty{width: 60px;height: 25px;padding: 1px;}

		.scrollMobile .thead, .scrollMobile .tbody{

			/*width: 2000px !important;*/

		}
		#MatrixCombinations .thead, #MatrixCombinations .tbody{
			width: 150px !important;
		}

	}
	.reducir-qty, .aumentar-qty {
		position: relative;
		font-size: 20px;
		font-weight: 700;
		cursor: pointer;
		color: black;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
		float: none !important;
		display: inline;
		border: 1px solid;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 4px;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 30%);
}
.establecer-cantidad {
    width: 160px;
}
span.disponibilidad {
    position: absolute;
    margin-left: 15px;
    margin-top: 3px;
    color: red;
    font-weight: 700;
    text-transform: uppercase;
    /* display: none; */
}
.reducir-qty:hover, .aumentar-qty:hover {
    background: black;
    color: white;
}