/*
* Version 5.3.0 
* HMI Technologies Mumbai
** CSS Document ** 
*
* Css used for fitted wardrobes pages 
*
*/

@media only screen and (max-width: 600px) {
	.vid-bk .embed-responsive iframe{ width:100%; height:220px;}
	.banner-heading, .banner-sub-heading {
		color: #000;
	}
	.btn-black {
		max-width: 50%!important;
	}
	#gag-quote-block table, #gag-quote-block thead, #gag-quote-block tbody, #gag-quote-block th, #gag-quote-block td, #gag-quote-block tr {
		display: block;
	}
	#gag-quote-block thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#gag-quote-block tr { border: 1px solid #ccc; margin-top: 25px;}
	#gag-quote-block td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 49%;
		white-space: normal;
		text-align: left;
	}
	#gag-quote-block td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
	}

	#gag-quote-block select.rowSeries.input-text {
		height: 50px;
	}

	#gag-quote-block .rowQty, #gag-quote-block .rowDescrip {
		width: 100%; /* Full width */
		box-sizing: border-box; /* Include padding and borders */
	}

	/* Reduced width for 'Qty' and 'Series' columns */
	#gag-quote-block td:nth-of-type(1),
	#gag-quote-block td:nth-of-type(2),
	#gag-quote-block td:nth-of-type(3),
	#gag-quote-block td:nth-of-type(4),
	#gag-quote-block td:nth-of-type(5),
	#gag-quote-block td:nth-of-type(6)
	{
		padding-left: 15%; /* Adjust as needed */
	}

	#gag-quote-block td:nth-of-type(1):before { content: "Qty"; }
	#gag-quote-block td:nth-of-type(2):before { content: "Series"; }
	#gag-quote-block td:nth-of-type(3):before { content: "Cat"; }
	#gag-quote-block td:nth-of-type(4):before { content: "Model"; }
	#gag-quote-block td:nth-of-type(5):before { content: "Desc"; }
	#gag-quote-block td:nth-of-type(6):before { content: ""; }

	textarea[name="codes"], #bulk-import-gag, #addLine {
		width: 100%;
		box-sizing: border-box;
	}
	.state-warning, .icon-trash {
		font-size: smaller;
	}

	textarea.rowDescrip {
		min-height: 100px;
	}

	#gag-quote-block .icon-trash {
		display: block; /* Change to block for better control */
		text-align: center; /* Center align horizontally */
		margin: 0 auto; /* Centering horizontally */
		padding: 5px; /* Adding some padding */
		font-size: 1em; /* Adjusting the size if necessary */
		cursor: pointer; /* Indicating it's clickable */
		line-height: normal; /* Adjust line height to align vertically */
		height: 100%; /* Take full height of the parent */
	}

	#gag-quote-block td:nth-of-type(6) {
		display: flex; /* Using flexbox for vertical centering */
		align-items: center; /* Align children (icon) vertically center */
		justify-content: center; /* Align children (icon) horizontally center */
	}

	/* Hide non-essential elements */
	.not-for-mobile {
		display: none;
	}
	.ui-autocomplete {
		position: absolute;
		top: 100%; /* Positioning right below the input field */
		left: 0;
		z-index: 1000; /* Ensuring it's above other elements */
		max-width: 100%; /* Limiting width to the container's width */
		box-sizing: border-box; /* Including padding and border in the width */
		font-size: 0.9em; /* Adjust font size for mobile */
	}
	.rowCat, .rowCode {
		width: 100%; /* Adjust input width to prevent overflow */
		box-sizing: border-box; /* Including padding and border in the width */
	}
}
@media only screen and (min-width: 601px) {
	#gag-quote-block textarea { width: 300px; margin-bottom: 5px;width: 100%;min-height: auto;}
	#gag-quote-block table  { width: 100%; min-width:800px; }
	#gag-quote-block table thead tr { background:#666; color:wheat; }
	#gag-quote-block table thead th { padding: 10px; }
	#gag-quote-block table td {  background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; vertical-align: top;}	
	#gag-quote-block table td input {width:100%;letter-spacing:1px;min-height:auto;white-space:nowrap;}
	#gag-quote-block table td:first-child { max-width:60px; }
	#gag-quote-block table td:last-child { max-width:60px; text-align:center; background:#666;color:white; vertical-align: middle; cursor:pointer;}
	#gag-quote-block table td:last-child:hover { color:red; }
}
.ui-autocomplete .ui-menu-item { padding: 5px 10px !important; }
.ui-autocomplete { max-height: 300px; overflow-y: auto; overflow-x: hidden; z-index:1000 !important;}
.ui-autocomplete { height: 300px; }

}
.ui-autocomplete .ui-menu-item {padding: 5px 10px;}

.vid-bk .embed-responsive iframe{ width:100%; height:330px;}
#w550flc4sumo1697178852402.widget-visible, #ib3iig2s6n11697181459478.widget-visible {
	display: none !important;
}

@media (min-width:1025px){.img-bk img{ height:330px;}}