.custom-status {
border-radius: 4px;
border: 1px solid;
padding: 4px 8px;
font-size: 12px;
font-weight: 600;
line-height: normal;
display:flex;
align-items:center;
}
.custom-confirmed {
border-color:#33BDE3;
background: #ECFAFF;
color: #00497A;
}
.order-history-main {
border: 0px solid #E9ECF0;
background: #FFF;
padding: 24px;
border-radius: 6px;
}
.order-info-main {
display: flex;
margin: 24px 0;
align-items: center;
}
.order-header.history-order-header .order-info-main {
    margin: 0;
}
.order-header.history-order-header .orderInfo {
    margin-left: 0px;
}
.orderInfo {
color: var(--nevada-color);
margin-left:16px;
position:relative;
}
.orderInfoTitle:nth-child(1):after {
position: absolute;
left: 0;
height: 20px;
background-color: var(--nevada-color);
width: 1px;
}
.order-header-top {
display: flex;
align-items: center;
justify-content: space-between;
}
.order-Paid-text p {
margin: 0 0 8px;
font-size: 14px;
font-weight: 400;
}

.order-Paid-text {
text-align: right;
}

.order-Paid-text h6 {
margin: 0;
font-size: 20px;
font-weight: 700;

}
.profileRightPanel .orderDetailsBox .productImages .imageBlock {
height: 100px;
width: 100px;
border: 1px solid var(--light-bg-color);
border-radius: 2.4px;
background-color: var(--white-color);
margin: 0 12px 16px 12px;
display: inline-block;
float: left;
position: relative;
}
.productImages .imageBlock {
height: 50px;
width: 50px;
border: 1px solid var(--light-bg-color);
border-radius: 2.4px;
background-color: var(--white-color);
margin: 0 16px 0px 0px;
display: inline-block;
float: left;
position: relative;
}
.productImages .imageBlock img {
width: 100%;
height: 100%;
object-fit: contain;
}
.productImages .imageBlock .moreImgCount {
position: absolute;
top: 0;
left: 0;
background: var(--nevada-color);
width: 100%;
height: 100%;
border-radius: 2.4px;
opacity: 0.9;
}
.productImages .imageBlock .moreImgCount i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-style: normal;
color: var(--white-color);
font-size: 18px;
letter-spacing: 0.3px;
line-height: 20px;
}
.order-divider {
text-align: right;
}
.order-divider a + a {
padding-left: 16px;
position: relative;
margin-left: 10px;
}
.orderInfo + .orderInfo::after {content: "";position: absolute;border-right: 1px solid var(--nevada-color);height: 15px;left: -11px;margin-left: auto;margin-right: auto;top: 3px;}

/*New Filters*/
.all-filters .filter-btn, .selected-filters .filter-btn{padding:6px 16px 6px 16px; font-size:16px; line-height:19px; margin-right:16px; background:var(--white-color); border:1px solid #B1B9C1; border-radius:16px;position:relative; display:inline-block;}
.selected-filters{margin-bottom:24px;}
.last-filter-btn{position:relative;margin:0 0 0 16px;}
.last-filter-btn:before {content:''; position:absolute; left:-16px; width:1px; height:100%; background:#b1b9c1;}
.angle-icon {position: absolute;cursor: pointer;left: auto; top: 4px;transition: all .3s ease 0s;}
.dropdown .dropdown-toggle .angle-icon {transition: all .3s ease 0s;}
.dropdown .dropdown-toggle.show .angle-icon {transform: rotateX(180deg);}
.price-filter{width:312px; margin:0;}
.hearing-aids-list .all-filters .dropdown-menu {z-index:9;}
/*All Filters*/
.filterby-all{ padding:16px; width:320px;}
.filterby-all h4{font-size: 16px; line-height:19px; font-weight:700; margin-bottom:12px;}
.filterby-all .form-group{margin-bottom:18px;}
.filterby-all .health-calendar{position:absolute; right:14px; top:10px;}
.filterby-all .filters-btn{height:36px; border-radius:4px; line-height:0;}
.form-floating .form-control{ height:48px; border: 1px solid #B1B9C1; background-color: #ECFAFF;font-size: 16px; line-height:22px; padding:12px 8px; color: #646F7D;border-radius: 4px;box-shadow: none;}
.form-floating .float-label { color: #646f7d; font-size: 16px;position: absolute;pointer-events: none; left: 18px; top: 50%;transform: translateY(-49%); transition: .2s ease all; -moz-transition: .2s ease all;-webkit-transition: .2s ease all; line-height: 20px; margin: 0;padding: 0;}
.form-floating .show .float-label {left: 16px; font-size: 14px;background: none; top: 15px;}
.dropdown .filterby-all .dropdown-toggle .angle-icon{right:14px; top:10px;}
.all-filters .filter-active{border:1px solid #D64029; background:#D640291A}
.history-header{border-bottom:1px solid #B1B9C180; margin-bottom: 16px;padding-bottom: 16px;}
.history-header h2{margin-bottom:0;}
.last-filter-btn:after{position:absolute; content:''; width:12px; height:12px; border-radius:100%; background:#D64029; top:0; right:14px;}
@media (max-width: 992px) {
    .history-header h2 {
        margin-bottom: 16px;
    }
}

/*Order details */
.order-details-wrap .order-details-inner{ width:100%; border-radius:8px; background:var(--white-color);box-shadow: 0px 2px 15px 0px #00000008; display:inline-block;}
.order-details-wrap .order-details {padding: 24px;display: flex;align-items: center;justify-content: space-between;}
.order-details-wrap .order-details h4{margin-bottom:16px; line-height:28px;}
.order-details-wrap .order-date{font-size:16px; line-height:16px; color:var(--nevada-color); margin-bottom:0;}
.order-details-wrap .order-date span{line-height:20px; font-weight:600;}

.shipment-details{border-top:1px solid #E9ECF0; padding:24px;}
.shipment-details .shipment-details-inner{margin-bottom:24px;}
.shipment-details .shipment-details-inner h5{font-size:20px; line-height:24px; font-weight:700; margin-bottom:32px; color:var(--woodsmoke-color);}
.shipment-details-inner .shipment-block{border:1px solid #E9ECF0; border-radius:6px;}
.shipment-details-inner .shipment-block .header{border-bottom:1px solid #E9ECF0; font-size:16px; line-height:19px; color:var(--nevada-color); padding:12px 16px;}
.shipment-details-inner .shipment-block .header .dropdown-menu{right:0;}

.shipment-details-inner .shipment-block .status{padding:0px 8px; font-size:14px; line-height:14px; font-weight:500; color:var(--woodsmoke-color); border-radius:3px; border:1px solid;} 
.shipment-details-inner .shipment-block .placed{border-color:#33BDE3; background:#ECFAFF;} 
.shipment-details-inner .shipment-block .tobeshipped{border-color:#FF8800; background:#FDE5CA;} 
.shipment-details-inner .shipment-block .delivered{border-color:#0FA91C; background:#ECF3ED;}
.shipment-block .shipment h5{font-size:20px; line-height:24px; font-weight:500; color:var(--woodsmoke-color); margin-bottom:0;}
.shipment-block .shipment span{font-size:16px; line-height:19px; color:var(--nevada-color);}
.shipment-block .delivery-address{background:#F5F6F8; font-size:16px; border-radius:4px; padding:4px 8px;}
.shipment-block .delivery-address p{line-height:20px; margin:0; color:var(--nevada-color);}
.shipment-block .delivery-address span{color:var(--woodsmoke-color); margin-left:6px;}
.shipment-block .meals-preference{padding:12px 16px; min-width:384px; min-height:70px; border:1px solid #E9ECF0; border-radius:4px; margin-right:16px;margin-bottom:16px;}
.shipment-block .meals-preference h6{font-size:16px; line-height:16px;color:var(--nevada-color); margin-bottom:13px; font-weight:400;}
.shipment-block .meals-preference p{font-size:16px; line-height:24px;color:var(--woodsmoke-color); margin-bottom:4px;}
.shipment-block .meals-preference p span{font-weight:500;}
.shipment-table{padding:0px 16px; margin-right:40px;}
.shipment-count {padding:0px 16px; margin:12px 0 24px}
.shipment-table .count{width:0px;}
.shipment-table .food-item{width:54px;}
.shipment-table .food-item-title{font-size:16px; font-weight:500; line-height:19px; color:#255798; margin:0 6px 0 16px;}
.shipment-table .wallet-icon{margin-top:-3px;}
.shipment-table .meals-content{font-size:14px; font-weight:500; line-height:15px; color:var(--nevada-color);}
.shipment-table table td{padding-bottom:16px}
.shipment-footer{background:#F5F6F8; padding:8px 12px; font-size:16px; line-height:24px; font-weight:500;  color:var(--nevada-color);}
.shipment-footer span{color:var(--woodsmoke-color);font-weight:600;}


@media (min-width: 768px) and (max-width:1023.98px) {
    .order-details-wrap .order-details { padding: 24px 16px;}
    .shipment-block .shipment h5{margin-bottom:12px;}
}

/*Mobile order details*/
@media (max-width: 767.98px) {
    .order-details-wrap .order-details{display:inherit;}
    .order-details-wrap .order-details h4{font-size:20px; line-height:20px;}
    .shipment-details .shipment-details-inner h5{font-size:20px; line-height:24px;}
    .shipment-details{padding:16px 11px;}
    .be-delivered{margin-bottom:32px;}
    .shipment-block .shipment h5{font-size:20px; margin-bottom:12px;}
    .shipment-block .shipment h5 span{font-size:16px; line-height:19px;}
    .shipment-block .delivery-address span{margin:6px 0 0 0;}
    .shipped-items-block{ display:flex; margin-bottom:24px;}
    .shipped-items-block:last-child{margin-bottom:0;}
    .shipment-table .food-item {width:53px; margin:-10px 16px 0 12px;}
    .shipment-table .food-item-title{margin:0 0 25px;}
    .shipment-block .delivery-address, .shipment-block .meals-preference p, .shipment-block .meals-preference h6, .shipment-footer, .shipment-table .food-item-title{font-size:16px;}
    .shipment-block .item-list-title{color:var(--nevada-color); margin:0 0 28px;}
    .wallet-quantity{color:var(--nevada-color); font-size:14px;}
    .wallet-quantity:not(:last-child){margin:0 16px 16px 0;}
    .shipment-block .meals-preference{min-width:95%; margin:8px;}
    .shipment-block .meals-preference h6{font-weight:400; font-size:16px;}
    .meals-preference{margin:0 16px 16px 16px;}
    .shipment-footer{font-size:15px;}
    .shipment-block{margin-bottom:24px;}
    .shipment-block .delivery-address { padding: 10px;}
    .shipment-details-inner .shipment-block .status {margin-left: 12px}
    .order-details-inner .order-details .icon-border-btn {font-size: 16px; padding: 8px 16px; margin: 10px 0 0; }   
}