/* assetsOrders/css/order.css */

/***********************
<!-- orders/order-hx.php
************************/
	.hxBundleActionCont{
		list-style-type:none;
		padding:0;
		margin-bottom:0;
	}
	
	.hxBundleActionCont li{
		padding-left:5px;
		padding-right:5px
	}
	
	.bundleObj{
		padding-bottom:8px;
		margin-bottom:8px;
		border-bottom:1px solid #ccc;
	}
	.bundleObj a{
		text-decoration:none;
		font-family: OpenSans-Bold, sans-serif;
		font-size:12px;
		font-weight:500;
		background-color:orange;
		color:#fff;
		padding:5px 10px;
		display:inline-block;
		width:100%;
		text-align:center;
		
	}
	
	.bundleObj div[data-elem="bundleDesc"]{
		overflow:auto;
		text-overflow:ellipsis;
		white-space: nowrap;
		
	}
	
	.bundleHxCont div[data-elem="header"]{
		font-size: 24px;
    	color: orange;
    	font-weight: 800;
/* 
    	padding-bottom:10px;
    	margin-bottom:10px;
 */
    	border-bottom:1px solid #ccc;
    	font-size:13px;
	}
	
	
	.advertiseCont{
		border:1px solid #ddd;
		width:300px;
		height:200px;
		position:absolute;
		top:34px;
		right:0
	}
	
	.hxBundleItemCont{
		margin-top:8px;
		padding-top:25px
	}
	
	.bundleHxCont .noHx{
		margin-bottom:30px;
		margin-top:30px;
		text-align:center
	}
	
	
	.bundleHxCont div[data-elem="headerCont"]{
		font-size:13px;
	}

/******************************
	orders/order-create.php -->
******************************/

	.categoryObj{
		display:block
	}
	
	.catDraw{
		margin-left:5px;
		padding-left:0px;
		padding-right:0px
	}
	
	.prodFilter span[data-elem="label"]{
		padding-right:10px
	}
	
	
	.prodListColCont .prodHeader{
		margin-left:10px;
		border-bottom:1px solid #ddd;
		margin-bottom:10px;
		padding-bottom:20px;
		font-weight:800;
/* 		margin-top:20px */
	}
	
	.prodHeader div[data-elem="priceCont"]{
		text-align:left;
		padding-left:0px;
		padding-right:0px
	}
	
	.prodHeader div[data-elem="priceCont"] span{
		position:absolute;
		left:20px;
		top:25px;
		font-size:10px
	}
	
	.prodHeader div[data-elem="descriptionCont"]{
		padding-left:0px
	}
	
	
	.prodHeader div[data-elem="qtyCont"]{
		text-align:left;
		padding-left:0px;
		padding-right:0px
	}
	
	.prodHeader div[data-elem="costCont"]{
		text-align:right
	}
	
	.prodHeader div[data-elem="btnCont"]{
		padding-left:0px;
		padding-right:0px;
		text-align:center
	}
	
	.productListCont{
		font-size:15px;
/* 		max-height:517px; */
		overflow-y: scroll;
		webkit-overflow-scrolling:touch
	}


	/****************
	orders/order-home
	*****************/
	h3,h4{
		text-align:center;
		padding-bottom: 15px;
    	border-bottom: 1px solid #ddd;
    	margin-bottom: 25px;
	}
	
	
	.orderHome{
		font-family: OpenSans-Regular,sans-serif;
		max-height:550px;
	}
	.orderHome h4{
		font-size:20px
	}
	
	.bundleAction{
		min-width:170px;
		background-color:#FCB841;
		color:#fff;
		padding-top:10px;
		padding-bottom:10px;
		text-align:center;
		display:inline-block
	}
	
	.menuItem{
		color:#fff
	}
	
	.orderSubMenuCont{
		background-color:#FCB841;
		color:#fff;
		padding-top:10px;
		padding-bottom:10px;
		text-align:center
	}
	
	.breadcrumbCont{
		padding-top:20px;
		padding-bottom:20px;
		font-size:13px
	}
	
	.orderHome .subMenuCont{
		margin-bottom:15px
	}
	
	.bundleSaveBtnCont{
		display:inline-block;
		text-align:right
	}
	
	.subMenuCont div[data-elem="header"]{
		font-size:24px;
		color:orange;
		font-weight:800
	}
	
	.catColCont{
		font-size:12px;
	}
	
	.colCateg{
		background-color:#ddd;
		padding:10px;
		font-weight:800;
		font-size:16px;
	}
	
	.allProdCont{
		margin-top:30px;
		margin-bottom:30px
	}
	
	.prodListCont{
		background-color:#ddd;
		padding:10px;
		margin-bottom:10px
	}
	
	
	.prodListCont div[data-elem="title"]{
		display:inline-block;
		font-weight:800
	}
	
	.prodFilter{
		float:right;
		display:inline-block;
		text-align:right;
		position:absolute;
		right: 10px;
		top:10px;
		font-size:14px
	}
	
	.prodFilter input{
		width:190px;
		font-size:13px
	}
	
	.summaryCont h4{
		border:none;
		padding:0px;
		margin-bottom:15px
	}
	
	.clearSummaryBtn{
		font-size:10px;
		text-align:center" 
	}
	
	
	#orderBanner .bd-example{
		margin-bottom:20px
	}
	
	.promotionBanner{
		margin-bottom:0px;
		margin-top:0px;
	}
	
	.promotionBanner .bd-example{
		padding-left:0px;
		padding-right:0px;
	}
	
	.promotionBanner .carousel-control-prev {
    	left: 2px;
	}
	
	.promotionBanner .carousel-control-next {
    	right: 2px;
	}
	
	
/* Small devices (landscape phones, 576px and up) */
	@media (min-width: 576px) {
		/******************************
		orders/order-create.php -->
		******************************/

		.categoryObj{
			display:block
		}
	
		.catDraw{
			margin-left:5px;
			padding-left:0px;
			padding-right:0px
		}
	
		.prodFilter span[data-elem="label"]{
			padding-right:10px
		}
	
	
		.prodListColCont .prodHeader{
			margin-left:10px;
			border-bottom:1px solid #ddd;
			margin-bottom:25px;
			padding-bottom:20px;
			font-weight:800;
			margin-top:20px
		}
	
		.prodHeader div[data-elem="priceCont"]{
			text-align:left;
			padding-left:0px;
			padding-right:0px
		}
	
		.prodHeader div[data-elem="priceCont"] span{
			position:absolute;
			left:20px;
			top:25px;
			font-size:10px
		}
	
		.prodHeader div[data-elem="descriptionCont"]{
			padding-left:0px
		}
	
	
		.prodHeader div[data-elem="qtyCont"]{
			text-align:left;
			padding-left:0px;
			padding-right:0px
		}
	
		.prodHeader div[data-elem="costCont"]{
			text-align:right
		}
	
		.prodHeader div[data-elem="btnCont"]{
			padding-left:0px;
			padding-right:0px;
			text-align:center
		}
	
		.productListCont{
			font-size:15px
		}
	
		/***********************
		orders/order-home > 576
		***********************/
		h3,h4{
			text-align:center;
			padding-bottom: 15px;
			border-bottom: 1px solid #ddd;
			margin-bottom: 25px;
		}
	
	
		.orderHome{
			font-family: OpenSans-Regular,sans-serif;
			margin-bottom:30px;
			max-height:100%;
	
		}
		.orderHome h4{
			font-size:20px
		}
	
		.bundleAction{
			min-width:170px;
			background-color:#FCB841;
			color:#fff;
			padding-top:10px;
			padding-bottom:10px;
			text-align:center;
			display:inline-block
		}
	
		.menuItem{
			color:#fff
		}
	
		.orderSubMenuCont{
			background-color:#FCB841;
			color:#fff;
			padding-top:10px;
			padding-bottom:10px;
			text-align:center
		}
	
		.breadcrumbCont{
			padding-top:20px;
			padding-bottom:20px;
			font-size:13px
		}
	
		.orderHome .subMenuCont{
			margin-bottom:20px
		}
	
		.bundleSaveBtnCont{
			display:inline-block;
			text-align:left
		}
	
		.subMenuCont div[data-elem="header"]{
			font-size:24px;
			color:orange;
			font-weight:800
		}
	
		.catColCont{
			font-size:12px;
		}
	
		.colCateg{
			background-color:#FCB841;
			padding:6px 10px 6px 6px;
			font-weight:800;
			font-size:16px;
			color:#fff;
		}
	
		.allProdCont{
			margin-top:30px;
			margin-bottom:30px
		}
	
		.prodListCont{
			background-color:#ddd;
			padding:10px;
			margin-bottom:10px
		}
	
	
		.prodListCont div[data-elem="title"]{
			display:inline-block;
			font-weight:800
		}
	
		.prodFilter{
			float:right;
			display:inline-block;
			text-align:right;
			position:absolute;
			right: 10px;
			top:10px;
		}
	
		.prodFilter input{
			width:190px;
			font-size:13px
		}
	
		.summaryCont h4{
			border:none;
			padding:0px;
			margin-bottom:15px
		}
	
		.clearSummaryBtn{
			font-size:10px;
			text-align:center" 
		}
		
		#orderBanner .bd-example{
			margin-bottom:0px
		}
		
		
		.promotionBanner{
			margin-bottom:0px;
			margin-top:20px
		}
		
		.promotionBanner .carousel-control-prev {
/* 			left: -65px; */
			width:3%
		}
	
		.promotionBanner .carousel-control-next {
/* 			right: -65px; */
			width:3%
		}
		
		
		
		/********************
		orders/order-summary > 576
		*********************/
		.cartDetailsCont{
			min-height:260px;
			padding:10px;
			border:1px solid #ddd;
		}
	
		.cartTotal{
			text-align:right;
			border-top:1px solid #ddd;
			padding:10px
		}
	
		.prodCode{
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: auto;
		}
	
		.removeProdBtn{
			position:relative;
			right:0;
			top:20px
		}
	
	
		.removeProdBtn i{
			border-radius:45%;
			background-color:#FCB841;
			color:#fff;
			font-size:24px
		}
	
		.summProdObj{
			margin-bottom:10px;
			padding-bottom:10px;
			border-bottom:1px solid #ddd;
		}
	
	
		.emptyMessage{
			text-align:center;
			padding-top:20px;
		}
	
		.prodQty{
			text-align:left;
			font-weight:800
		}
	
		.prodCode{
			font-weight:800
		}
		
		
		
	}



	// Medium devices (tablets, 768px and up)
	@media (min-width: 768px) { ... }

	// Large devices (desktops, 992px and up)
	@media (min-width: 992px) { ... }

	// Extra large devices (large desktops, 1200px and up)
	@media (min-width: 1200px) { ... }