/* ---------MYCART PAGE ---------- */

.BORDERTOP {
	border-top: 1px solid #e1e1e1;
	margin-top: 10px;
}

.mycart-page {
	width: 100%;
	border: 1px solid #e1e1e1;
	border-radius: 4px 4px 0px 0px;
}

.mycart-page .media {
	padding:  10px 10px 0px 10px;
}

.mycart-page .media-object {
	border: 1px solid #f2f2f2;
	padding: 3px;
	-webkit-box-shadow: 0 8px 6px -6px #ccc;
	box-shadow: 0 8px 6px -6px #ccc;
}

.mycart-page .media-heading {
	font-size: 15px;
	font-weight: 400;
	color: #FF1B6B;
}

.mycart-page .media-body p {
	font-size: 13px;
	margin: 3px 0 0 0;
}

.grandTotal .btnQTY {
    font-size: 14px;
    color: #555;
    font-family: Arial;
    margin-left: 10px;
}


.grandTotal .qty {
    background-color: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 2px;
}

.grandTotal .qty {
   height: 18px;
   text-align: center;
   width: 20px;
   vertical-align: middle;
}

.custom button.items-count {
    background-color: #fff;
    border: 1px #ececec solid;
    color: #999
}

.custom button.items-count:hover {
    background-color: #e91e63;
    border: 1px #e91e63 solid;
    color: #fff;
}

.grandTotal .custom button.items-count {
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    font-size: 10px;
    line-height: normal;
   	padding: 3px 3px 2px 5px;
    border-radius: 50px;
}

.grandTotal {
	width: 100%;
	border-top: none;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	float: right;
	padding: 8px;
	font-family: 'Roboto';
	letter-spacing: 0.02em;
	font-size: 14px;
}

.grandTotal	.btnRemove {
	float: right;
	text-decoration: none;
	color: #555;
	text-transform: uppercase;
	font-size: 12px;
	margin-left: 20px;
}

.grandTotal	.btnWishlist {
	float: left;
	text-decoration: none;
	color: #32C5D2;
	text-transform: uppercase;
	font-size: 12px;
	margin-right: 20px;

}

.applyCoupon {
	width: 100%;
	border: 1px solid #e1e1e1;
	padding: 8px;
}

.applyCoupon h4 {
	font-size: 12px;
	color: #333;
	font-weight: 600;
	font-family: 'Arial';
}

.btn.yellow-gold:not(.btn-outline) {
	color: #fff;
    background-color: #ff9800;
    border-color: #ff9800;
}

/* ----------Price Details mycart page -------- */

.PRICEDETAILHEADING {
	font-family: 'Roboto';
	font-size: 14px;
	text-transform: uppercase;
	color: #8E8E8E;
}

.PRICEDETAIL {
	width: 100%;
	float: left;
	border: 1px solid #e1e1e1;
	border-radius: 4px 4px 0px 0px;
	padding: 10px;
}

.PRICEDETAIL h5 {
	font-size: 13px;
	font-family: 'Roboto';
	color: #666;
	margin: 0;
	border-bottom: 1px dashed #e1e1e1;
	line-height: 30px;
}

.PRICEDETAIL .cartTotalTEXT {
	float: left;
	color: #555;
	margin: 10px 0px 0px 0px;
	font-size: 12px;
	font-weight: 500;
}

.PRICEDETAIL .cartTotalPRICE {
	float: right;
	color: #555;
	margin: 10px 0px 0px 0px;
	font-size: 12px;
	font-weight: 500;
}

.PRICEDETAIL .cartDiscountTEXT {
	float: left;
	color: #555;
	margin: 10px 0px 0px 0px;
	font-size: 12px;
	font-weight: 500;
}

.PRICEDETAIL .cartDiscountPRICE {
	float: right;
	color: #FF1B6B;
	margin: 10px 0px 0px 0px;
	font-size: 12px;
	font-weight: 500;
}

.PRICEDETAIL .subTotalTEXT {
	float: left;
	color: #555;
	margin: 10px 0px 0px 0px;
	font-size: 12px;
	font-weight: 500;
}

.PRICEDETAIL .subTotalPRICE {
	float: right;
	color: #555;
	margin: 10px 0px 0px 0px;
	font-size: 12px;
	font-weight: 500;
}

.PRICEDETAIL .couponDiscountTEXT {
	float: left;
	color: #555;
	margin: 10px 0px 0px 0px;
	font-size: 12px;
	font-weight: 500;
}

.PRICEDETAIL .couponDiscountPRICE {
	float: right;
	color: #32C5D2;
	margin: 10px 0px 0px 0px;
	font-size: 12px;
	font-weight: 500;
}

.PRICEDETAIL .deliveryTEXT {
	float: left;
	color: #555;
	margin: 10px 0px 0px 0px;
	font-size: 12px;
	font-weight: 500;
}

.PRICEDETAIL .deliveryPRICE {
	float: right;
	color: #FF1B6B;
	margin: 10px 0px 0px 0px;
	font-size: 12px;
	font-weight: 500;
}

.PRICEDETAIL .totalPayableTEXT {
	float: left;
	color: #555;
	margin: 10px 0px 0px 0px;
	font-size: 14px;
	font-family: 'Arial';
	font-weight: 600;
}

.PRICEDETAIL .totalPayablePRICE {
	float: right;
	color: #555;
	margin: 10px 0px 0px 0px;
	font-size: 14px;
	font-family: 'Arial';
	font-weight: 600;
}