/*
    --- Color Guide
    Crimson     : #Ff1726   Normal Red
    Torch Red   : #Fc3240   Bright Red
    Mine Shaft  : #292929   Dark Gray
    Squirrel    : #908679   Dull Goldish Gray
    Tundora     : #4D4D4D   Normal Gray
    Dusty Gray  : #999999   Light Gray
    Seashell    : #c23030   Dull Red
*/


/* ------------- My Orders Page Styling ------------- */
/*-- Designer: Sanju | Purpose: My Orders Page Design | Dated: Dec 19, 2017 --*/

.my-orders-page { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.my-orders-content{width:100%; float:left; padding:80px;}
.my-orders-content{ background:#fff; }
.my-orders-page .empty-orders { float: none; clear: both; padding-top: 40px; font-size: 20px; font-family: 'futura_bk_btbook', Arial; text-align: center; margin-bottom: 7px; }

.my-orders-page {-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; background:#f6f6f6 !important;}
.my-orders-content{ margin:40px 0;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; color:#292929; font-size:14px;}
.my-orders-content, .order-product-header, .order-main-header, .order-product-summary, .ordered-product-price, .ordered-product-name-label, .order-item, .hard-copy-details, .pd-ordered-area, .invoice-details, .hard-copy-row, .pd-ordered-area, .od-product-repeat-container, .pd-delivery-date .ordered-book-label, .pd-delivery-date .ordered-book-value, .ordered-product-shipping-details, .od-product-details-container, .ordered-product-type, .ordered-product-status{width:100%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.my-orders-content{ background: #fff; padding: 40px 80px; border: 1px solid #e6e6e6; }
.order-product-header{background:#f6f6f6; padding:20px 20px; border:1px solid #e4e4e4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.order-product-header-left, .order-main-header-left{float:left;}
.order-product-header-right, .order-main-header-right{float:right;}
.product-order-id, .product-order-date{float:left; width:118px;}
.order-product-label{color:#808080;  font-family: 'futura_md_btmedium'; font-size:13px; line-height:9px;}
.order-product-value{color:#4d4d4d; font-size:13px;  line-height:10px; padding-top:8px;}
.order-details-btn, .order-invoice-btn{ padding:5px 17px; outline:none; border:none;  font-family: 'futura_md_btmedium'; font-size:13px;}
.order-details-btn, .order-details-btn:hover, .order-details-btn:focus{ width:109px; float:left; white-space:nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#ff1726;   color:#fff; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px;}
.order-invoice-btn, .order-invoice-btn:hover, .order-invoice-btn:focus{color:#ff1726 !important; float:right; padding:8px 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color:transparent !important; margin:0 0 0 15px !important;  font-family: 'futura_bk_btbook' !important; font-weight:normal !important;}

.h3-heading{margin:0; padding:11px 0 0 0; line-height:18px; font-size:22px; font-weight:normal; color:#292929;}
.order-main-header{padding-bottom:20px;}
.order-main-header-right{width:411px; float:right; position:relative; }
.order-main-header-right input[type="text"]{border:1px solid #b1b1b1; height:41px; padding:0 15px 0 40px; width:100%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:14px !important; font-weight:400;}
.order-main-header-right:before{content:"";  background-image:url(../../images/younique-sprite.png); background-repeat:no-repeat; position:absolute; width:15px; height:15px; left: 14px; top: 13px; background-position: -392px -7px;}
.order-product-header-left{padding-top:5px;}
.order-product-summary{padding:20px; border-width:0 1px 1px 1px; position:relative; border-color:#e4e4e4; border-style:solid;}
.ordered-product{float:left;}
.ordered-product-price, .ordered-product-price-left, .ordered-product-name, .ordered-product-type, .ordered-product-status{float:left;}

.ordered-product-type{width:25%;}
.ordered-product{width:11%; padding-right:2%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ordered-product-name{width:39%; padding-right:13%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ordered-product-status{width:25%; text-transform: capitalize;}
.ordered-expected-date-delivery{ float:left; width:20%; display:none;}
.ordered-product-price-left{ float:left; padding-right:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #292929;}
.ordered-product-price-left + .ordered-product-price-left{ border-left:1px solid #cbcbcb; padding-left:15px; padding-right:0;}
.ordered-product-price{font-size:14px; color:#292929; line-height:11px;}
.p-qty{color:#808080;}
.ordered-product-name-label a, .ordered-product-name-label a:hover{color:#292929;}
.ordered-product-name-label{line-height:18px;}
.ordered-product img{border:1px solid #cbcbcb;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ordered-book-label, .ordered-book-status-value, .ordered-book-status-delivered{font-size:13px; margin-bottom:8px; line-height:11px;}
.ordered-book-label{color:#808080; font-size:13px; margin-bottom:8px; line-height:11px;}
.ordered-book-value{color:#292929; line-height:11px;}
.ordered-book-status-value{color:#ff6600;}
.ordered-book-status-delivered{color:#009833;}
.orders .order-item + .order-item{margin-top:20px;}
.float-right{float:right;}
.order-details-right{float:right;}
.hard-copy-details, .od-shipping-address{float:left; width:30%; min-height:125px; padding:0 30px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.hard-copy-details + .hard-copy-details{ border-width:0 0 0 1px; border-style:solid; border-color:#e4e4e4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.od-shipping-address{width:40% !important;}
.invoice-details{ border-top:1px solid #e4e4e4; padding:30px 0 0 0}
.hard-copy-details h4{font-size:14px; font-family: 'futura_md_btmedium'; font-weight:500; color:#4d4d4d;}
.order-id-label{ width:55%; float:left; color:#4d4d4d; font-size:13px; line-height:11px}
.order-id-value{width:45%; float:left; color:#292929; font-size:13px; line-height:11px;text-transform: capitalize; text-align: right;}
.shipping-name{margin:0; color:#4d4d4d; font-size:14px;  font-family: 'futura_md_btmedium'; font-weight:500;}
.od-shipping-address p{margin-bottom:10px; line-height:21px; color:#4d4d4d; font-size:13px;}
.od-grand-total{ font-family: 'futura_md_btmedium'; font-weight:500; font-size:14px; }
.hard-copy-details .hard-copy-row + .hard-copy-row{ margin-top:10px;}
.od-grand-total{ padding-top:15px; border-top: 1px solid #999;}
.pd-ordered-area{background:#f6f6f6; border: 1px solid #e4e4e4; margin-top:30px; padding:30px;}
.pd-ordered-image, .pd-description-right, .pd-ordered-right{float:left;}
.pd-ordered-right{padding:0 0 0 30px;}
.pd-delivery-date, .pd-description-right{float:left; width:50%;}
.pd-ordered-image{width:10%;  text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #cbcbcb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pd-ordered-image img { float:none; display:inline-block; }
.pd-ordered-right{width:90%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pd-delivery-date .ordered-book-label, .pd-delivery-date .ordered-book-value{ margin:0; font-size:13px;}
.pd-delivery-date .ordered-book-value{padding-top:8px;}
.od-product-details-container{padding-top:15px;}
.pd-description-right .ordered-book-label, .pd-description-right .ordered-book-value{float:left; width:100%; font-size:13px;}
.pd-description-right .ordered-book-value .orange { color: #ff6600; }
.pd-description-right .ordered-book-value .green { color: #009833; }
.pd-ordered-area .od-product-repeat-container + .od-product-repeat-container{ margin-top:30px; border-top:1px solid #e4e4e4; padding-top:30px;}
.pd-ordered-right .ordered-product-name-label { margin-bottom:6px; }
.order-product-header-right form { float:left; margin-right: 15px; }
.pd-delivery-date{}
@media(max-width:991px) {
	.my-orders-content{padding:20px;}
	.order-main-header-right, .hard-copy-details, .od-shipping-address, .od-shipping-address, .pd-delivery-date, .pd-description-right{width:100% !important;}
	.h3-heading{ margin-top:0; padding:0 0 11px 0;}
	.order-product-header-left, .order-product-header-right, .order-details-btn, .order-details-btn:hover, .order-details-btn:focus, .order-invoice-btn{float:left; width:100%;}
	.order-product-header-right{margin-top:20px;}
	.order-invoice-btn, .order-invoice-btn:hover, .order-invoice-btn:focus{margin-left:0 !important; margin-top:10px !important;}
	.order-details-btn, .order-invoice-btn{text-align:center !important;}
	.ordered-product-name{width: 89%;}
	.ordered-product-type, .ordered-product-status, .ordered-expected-date-delivery{ width:100%; /*text-align:center;*/}
	.ordered-product-type{margin-top:20px;}
	/* .ordered-expected-date-delivery{ margin-top:20px;} */
	.ordered-expected-date-delivery .ordered-book-value{ margin-bottom:0;}
	.ordered-product-name{padding-right:0;}
	.ordered-product{width:40%;}
	.ordered-product-name{width:60%;}
	.ordered-product-type .ordered-book-label, .ordered-product-status .ordered-book-label, .ordered-expected-date-delivery .ordered-book-label{float:left; width:40%;}
	.ordered-product-type .ordered-book-value, .ordered-product-status .ordered-book-value, .ordered-expected-date-delivery .ordered-book-value {float:left; width:60%;}
	.ordered-book-label{line-height:normal;}
	.ordered-product-type p{ margin-bottom:0;}
	.ordered-book-label{margin-bottom:0;}
	.ordered-book-label, .ordered-book-status-value, .ordered-book-status-delivered{margin-bottom:0;}
	.ordered-product-status{padding:10px 0;}
	.order-details-right .order-invoice-btn{margin-top:0 !important;}
	.hard-copy-details, .od-shipping-address{padding:0 0 0 0;}
	.hard-copy-details + .hard-copy-details{border-width:0; padding:20px 0 0 0;}
	.hard-copy-row .order-id-label{width:40%;}
	.hard-copy-row .order-id-value{width:60%;}
	.hard-copy-details, .od-shipping-address{min-height:auto;}
	.invoice-details{padding-top:15px;}
	.hard-copy-details h4{margin-bottom:10px;}
	.od-shipping-address p.shipping-address{margin-bottom:0;}
	.pd-ordered-area{margin-top: 20px; padding: 20px;}
	.pd-ordered-image{width:40%;}
	.pd-ordered-right{width:60%; padding-left:20px;}
	.pd-ordered-right .ordered-product-name-label{margin-bottom:10px;}
	.od-product-details-container, .pd-delivery-date{padding-top:20px; position:inherit !important; bottom: inherit !important; right: inherit !important;}
	.pd-delivery-date .ordered-book-value{padding-top:5px;}
	.order-main-header-left .h3-heading{padding-top:10px;}
	.product-order-id, .product-order-date{width:50%; margin-bottom:10px;}
	.pd-delivery-date .details-download-link{float:none;}
	.pd-delivery-date {text-align:center;}
}
.pd-ordered-right .p-qty{color:#4d4d4d;}


/* quantity-increase dialog css start here*/
#quantity-increase .dialog-content-position{width:555px !important; margin-top:50px;}
#quantity-increase .dialog-content-position .dialog-header > h1{margin:0; font-size:26px; text-align:left;}
#quantity-increase .dialog-header{padding:11px 20px;}
#quantity-increase .dialog-close{top: 0; right: 0; width: 54px; height: 54px}
#quantity-increase .d-close-btn{margin: 19px; float: left;}
.quantity-form-area label {text-transform: capitalize; font-size:14px; color:#292929; line-height: 2; width: 100%; float: left;}
.quantity-form-area input.form-control[type="text"], .quantity-form-area input.form-control[type="email"], .quantity-form-area input.form-control[type="password"], .quantity-form-area input.form-control[type="tel"]{height: 39px; padding:0 10px; width:100%; float:left; font-size:16px; color:#292929; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.quantity-form-area textarea{ width:100%; height:100px; resize:none; overflow:auto; font-size:16px; color:#292929; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.quantity-form-area, .quantity-form-row{float:left; width:100%;}
.quantity-form-col{float:left; width:48%;}
.quantity-form-col + .quantity-form-col{padding-left:4%;}
.quantity-form-area{padding-top:26px;}
.quantity-form-area .quantity-form-row + .quantity-form-row{margin-top:18px;}

@media(max-width:991px) {
	#quantity-increase .dialog-content-position{width:90% !important;margin-top:100px;}
	.quantity-form-col{width:100%;}
	.quantity-form-col + .quantity-form-col{padding-left:0; margin-top:18px}
	#quantity-increase .dialog-footer .btn{width:49%;margin:0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#quantity-increase .dialog-footer .btn + .btn{margin:0;}
	#quantity-increase .dialog-footer{padding:15px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.order-product-header-right form, .order-details-btn{ width:50%; margin:0 0 0 0 !important;}
	.order-product-header-right form input[type="submit"]{ margin-top:0 !important;}

}
@media(max-width:400px){
	#quantity-increase .dialog-content-position { margin-top:10px !important;}
}
/* quantity-increase dialog css end here*/
/* breadcrum-wrapper style css */
.breadcrum-wrapper, .breadcrum-wrapper ul{width:100%; float:left; padding-bottom:24px;}
.breadcrum-wrapper ul{margin:0; padding:0;}
.breadcrum-wrapper ul li{display:inline-block; font-size:13px; color:#808080;}
.breadcrum-wrapper ul li + li:before{content:""; background-image:url(../../images/younique-sprite.png); display:inline-block; background-repeat:no-repeat; width:15px; height:15px; background-position:-90px -101px;}
.details-download-link{float: right;}
.details-download-link a, .details-download-link a:hover, .details-download-link a:visited{ color:#Ff1726; padding-left:20px; position: relative;}
.details-download-link a::before{ content:""; width: 14px;height:15px; position:absolute; background-image:url(../../images/younique-sprite.png); background-repeat:no-repeat; display: inline-block; background-position: -92px -86px; left:3px; top:0;}
.pd-delivery-date{position: absolute;  bottom: 20px; right: 20px;}
.order-main-header-right::placeholder, .order-main-header-right::-webkit-input-placeholder, .order-main-header-right:-ms-input-placeholder{font-size:14px; font-weight:400; color:#b1b1b1 !important;}
.order-main-header-right input[type="text"]:placeholder-shown{ color:#b1b1b1 !important; }
.woocommerce-checkout .my-credits{ border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:30px 0; margin-bottom:20px;}
.woocommerce-checkout .my-credits p{color:#808080; margin-bottom:0;}
@media(max-width:760px) {
	.order-product-header-right form{ width:100%; margin:0 0 15px 0 !important;}
		.order-product-header-right form, .order-details-btn{ width:100%;}
}