.customer_details.orderList {
    padding:0px 0 0 0; font-family: open sans, sans-serif;
}
.orderTop {
    float: left;
    width: 100%;
    padding-bottom:5px;
    border-bottom: solid 1px #f1f0f0;
     
}
.orderList h2 {
    margin: 0;
    float: left;
    border-bottom: 0;
    padding-top: 10px;
}
.search-container {
    float: right;
}
.search-container input[type="text"] {
    width: 200px;
    height: 40px;
    padding: 10px;
    border: 1px solid #ccc;
    transition: 0.5s all; border-radius: 6px;
}
.search-container input[type="text"]:focus{
  width: 300px;
}
.search-container button {
    height: 40px;
    width: 40px;
    margin-left: -5px;
    background:#ff6e35;
    border: 0;
    color: #fff;
    font-size: 17px; border-radius:0px 6px 6px 0px;
}
.orderFilter {
    float: left;
    width: 100%;
    padding: 20px 0;
}
.orderFilter select {
    padding: 10px;
    color: #000;
    width: 150px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(images/drrowdropimg.png);
    background-repeat: no-repeat;
    background-position: right;
}
.orderFilter label span {
    font-weight: normal;
}
.order_tab {
    float: left;
    width: 100%;
    padding: 15px 0 5px 0;
}
.order_tab li {
    width: auto !important;
    cursor: pointer; margin-bottom: 0px; margin-top: 0px;
}
.orderCardWrap {
    float: left;
    width: 100%;
}
.orderCard {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}
.orderCard span {
    display: block;
    padding: 0 !important;
    color: #5b5d5d;
}

.itemPrice2{display: block;
    padding: 0 !important;
   color:#373636 !important;
   font-weight: 600;}

.orderHead {
    float: left;
    width: 100%;
    background: #ececec;
    padding:2px 0 0 10px;
}
.orderCard .orderLeft {
    float: left;
    width: 70%;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0px;
}
.orderLeft li {
    width: 22% !important;
    position: relative; margin: 0px;
}
.orderLeft li .customerName {
    color:#1538d9 !important;
    cursor: pointer;
}
.invoiceDetails {
    float: right;
    width: 30%;
    position: relative; right: 10px; text-align: right;
}

.invoiceDetails p{margin: 0px; padding: 0px; font-size: 14px;}
.invoiceDetails a{color:#1538d9; font-size: 14px; font-weight:600;  }

/*.invoiceDetails a:after{content:'|'; color:#c5bebe; padding-left: 5px; padding-right: 5px;  }*/
/* .invoiceDetails a:last-child:after{display: none;} */

.invoiceDetails span {
    display: inline-block;
}
.cstmrInfo {
    background: #fff;
    width: 200px;
    position: absolute;
    /*bottom: -82px;*/
    left: 0;
    border: 1px solid #ececec;
    display: none !important;
    -webkit-box-shadow: 0px 3px 17px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 17px -10px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 17px -10px rgba(0,0,0,0.75);
    z-index: 1000;
}
.cstmrInfo strong {
    display: block;
}
.orderCard .orderLeft li p {
  margin: 0;
  padding-bottom: 10px; font-size: 14px; font-weight: 600;
}
.orderLeft li p:hover .cstmrInfo {
  display: block !important;
  padding: 10px !important;
}
.invioceModel{
  background: #fff;
    width: 200px;
    position: absolute;
    top: 60px;
    padding: 10px;
    right: 0;
    border: 1px solid #ececec;
    display: none;
    -webkit-box-shadow: 0px 3px 17px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 17px -10px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 17px -10px rgba(0,0,0,0.75); right: 0px;
    z-index: 10;
}
.invioceModel ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.invioceModel ul li {
    width: 100%; 
    padding: 4px 0; text-align: left;
}

.invioceModel ul li{line-height: 22px; padding: 0px; margin: 0px; color: #000;}

.invioceModel ul li a{color:#333; font-size: 13px;}
.invioceModel ul li a:hover{color:#ff6e35; text-decoration: underline;}

.invioceModel ul li a:after{display: none;}

.invioceModel ul li:last-child {
  border-bottom: 0;
}
.invioceModel span.modelClose {
    position: absolute;
    top: 4px;
    right: 7px;
    cursor: pointer;
}
.itemDetails {
    float: left;
    width: 100%;
    padding: 15px 10px;
    border-bottom: solid 1px #edebeb;
}

.itemDetails:last-child { 
    border-bottom: none;
}



.itemDetails h3 {
    font-size:14px;
    font-weight:600;
    margin: 0px;
    padding: 0px; 
    line-height: 22px;
}
.itemDetails p {
    line-height: 20px;
    margin: 0 0 5px 0; font-size: 14px;
}
.itemInfo {
    float: left;
    width: 70%;
}
.itemImg {
    float: left;
    width:15%; text-align: center;
}
.itemImg img {
  max-width: 90px;
}
.itemDesc {
    float: right;
    width: 84%;
}
.itemDesc p span {
    display: inline-block;
    color: #137b8d !important;
}
.itemDesc h4 {
   font-size: 15px;
    font-weight:600;
    margin-bottom: 5px;
    color: #333;
    font-family: open sans, sans-serif;
    line-height: 22px;
}
.itemDesc h4 a{ color: #333;}
.itemDesc h4 a:hover{ color: #000;}



.buy_again {
    border-radius: 30px;
    border: 1px solid #1538d8;
    text-decoration: none;
    background: #1538d8;
    color: #fff;
    padding:5px 10px;
    font-size:14px;
    /* margin-right: 25px; */
    transition: all ease-in 5.ms;
    cursor: pointer;
    text-align: center;
    display: block !important;
    margin:5px 0px;
    font-weight: 600;
    text-transform:none;
}
.buy_again:hover { background: #000;
  color: #fff;
  border: 1px solid #000;
  
}

.view_your_item {border: 1px solid #a3a3a3;
  background: #fff;
    display: block;
    color:#454648;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 10px 0;    
    transition: 0.5s all; 
    width: auto; 
    font-size: 14px;
}
.view_your_item:hover {
  color: #fff;
  background:#ff6e35;
    border: 1px solid transparent;
}
.mr_10{margin-right: 10px;}




.btn_group {
    float: right;
    width: 30%;
}
.btn_group button {
    width: 200px;
    float: right;
}
.gift_btn {border: 1px solid #f8c9c8;
    text-decoration: none;
    background: #fff;
    color: #000;
    padding:5px 10px;
    font-size: 14px;
    transition: all ease-in 5.ms;
    cursor: pointer;
    text-align: center;
    margin:5px 0px;
    border-radius: 30px;
    font-weight: 600;
    text-transform:none;
}
.gift_btn:hover {
  color:#ff6e35;
  border: 1px solid #ff6e35;
  background:#fff;
}


.get_support {
    margin-bottom: 2px;
    border-radius: 5px;
   /* border: 1px solid #a3a3a3;*/
    padding: 5px 10px;
    background:#ffffff;
    color:#007185;
    transition: 0.5s all; font-size: 14px; font-weight: 600;
}
.get_support:hover {
  color:#ff6e35;
 /* border: 1px solid #ff6e35;*/
  background:#fff;
}




.order_tab ul.tabs{
      margin: 0px;
      padding: 0px;
      list-style: none;
      border-bottom: 1px solid #ccc;
    }
    ul.tabs li{
      background: none;
      color: #222;
      display: inline-block;
      padding: 10px 5px;
      cursor: pointer; font-size: 14px; 
    }

    ul.tabs li:before{content: '\f111'; font-family: "Font Awesome 6 Pro"; font-size:5px; 
        margin-right: 5px; top: -2px; position: relative;
    font-weight:600; color:#707070;}
    
    ul.tabs li.current:before{color:#ff6e35;}

    ul.tabs li.current{
      border-bottom: 1px solid #ff6e35;
      color:#ff6e35;
     
    }

    .tab-content1{
      display: none;
    }

    .tab-content1.current{
      display: inherit;
    }

  .again ul {
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}
.again h2 {
    float: none;
}
.again li {
    width: 30% !important;
    text-align: center;
    margin: 0 10px 0 0;
}
.again li img {
    width: 120px !important;
}
.again li h4 {
    font-size: 16px;
    color: #28479c;
    line-height: 20px;
}
.again li .buy_again{
    margin: 10px auto;
    width: 100%;
}

.itemDesc h3 b {
    color:#3b3939;
    font-weight: normal !important;
}
.itemDesc h3 {
    padding-bottom: 10px;
    font-size:14px;
    color: #107207;
    line-height: 1.23;
    display: inline-block;
    font-weight: 600 !important;
    font-family: open sans, sans-serif;
}
.delivered_01 {
    color:#0da000 !important;
    font-weight: 600;
}
.pr10{padding-right: 10px;}
.color{padding-top: 10px;}
.cancelled {
    color: #ff3434 !important;
}

.address_shipping {
    width: 100%;
    font-family: open sans, sans-serif;
}

.address_shipping h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0px;
    padding: 0px;
    color: #000;
}


.order_dfsd{width: 100%; font-family: open sans, sans-serif;}
.order_dfsd ul{list-style: none; margin: 0px 0px 20px 0px; padding: 0px;}

.order_dfsd ul li{font-size: 14px; display: inline-block; color:#2f4091 !important; font-weight: 600;}
.order_dfsd ul li:after{content: '|'; padding: 0px 10px;}
.order_dfsd ul li:last-child:after{display: none;}
.invoice{font-size: 14px; font-weight: 600; border: solid 1px #ccc; display: inline-block; padding:2px 10px; float: right; border-radius: 4px;
color:#007185;}


.address_shipping h3{font-size: 16px; font-weight: 600; margin: 0px; padding: 0px; color:#3c3b3b;}

.address_shipping p{font-size: 14px; color:#3c3b3b; line-height: 22px;}

.address_shipping p span{display: block; font-weight:700; }

.item_df{font-size: 14px; color:#504e4e; line-height: 22px;}

.item_df span{text-align: right; float: right; font-weight: 600;}
.grand_total{font-size: 16px; font-weight: 600; color:#1d1d1d;}

.grand_total span{font-size: 16px; font-weight: 600; text-align: right;}
.transactions a{ color:#2f4091 !important; font-size: 16px; font-weight: 600; }
.transactions a:hover{text-decoration: underline;}



.progress_outer{background:#021364; padding: 50px; border-radius: 10px;}

.progress-container {
            width: 100%; 
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: relative;
        }

        .progress-container::before {
            content: '';
            position: absolute;
            top: 11%;
            left: 0;
            width: 100%;
            height: 4px;
            background-color: #f8f8f8;
            z-index: 1;
            transform: translateY(-50%);
        }

        .step33 {
            position: relative;
            z-index: 2;
            text-align: center;
            flex: 1;
        }

        .step33:not(:last-child) {
            margin-right: -4px;
        }

        .step33-circle {
            width: 14px;
            height: 14px;
            background-color: #fff;
            border-radius: 50%;
            margin: 0 auto;
        }

        .step33-text {
            margin-top: 10px;
            font-size: 14px;
            color:#fff; font-family: open sans, sans-serif;
        }

        .step33-date {
            font-size: 11px;
            color:#d8d6d6; font-family: open sans, sans-serif;
        }

        @media (max-width: 768px) {
            .progress-container {
                flex-direction: column;
                align-items: flex-start;
            }

            .progress-container::before {
                width: 4px;
                height: 100%;
                left: 7px;
                top: 0;
                transform: translateX(-50%);
            } 
.step33-text {
    margin-top: 0px;
     
}
.itemImg {
    float: left;
    width:25%;
    text-align: center;
}

.itemInfo {
    float: none;
    width: 100%;
}
.itemDesc { 
    width: 70%;
}
.btn_group {
    float: right;
    width: 100%;
}

.orderCard .orderLeft {float:left; width: 50%;}

.orderLeft li{width:100% !important;}

.invoiceDetails {width:50%;}


            .step33 {
                display: flex;
                flex-direction: row;
                align-items: center;
                margin-bottom: 20px;
            }

            .step33:last-child {
                margin-bottom: 0;
            }

            .step33-circle {
                margin-right: 10px;
            }
        }