.po_login_submit_button { display: inline-block; background: #333; width: auto; margin: 0; cursor: pointer; height: 35px; line-height: 35px; white-space: nowrap; font-size: 100% !important; text-transform: uppercase; font-weight: 400; position: relative; padding: 0 20px !important; color: #fff !important; text-decoration: none !important; border: none; }
.login-container .login_content{ width: 95%; }
.register_po_login_content .login_content{ width: 95%; }
.login_content h3 span { font-family: Roboto !important; font-size: 15px !important; }
.login_content h3{ margin: 0 0 20px; }
.login_content p span{font-family: Roboto !important; font-size: 13.5px !important;}
.login_content p { margin: 0 0 20px !important; }
#order_login{ margin-top: 20px; }
#order_login .label { color: #888888; margin: 0 0 10px 0; display: block; }
.login-container .block .block-title strong {font-weight: bold; font-size: 17px;}
.register_po_login .block .block-title { font-size: 1.8rem; border-bottom: 1px solid #e8e8e8; margin-bottom: 15px; padding-bottom: 12px; }
.register_po_login .block-new-customer .block-title { font-size: 100%; padding: 0; }
.register_po_login .block .block-title strong { font-weight: bold; font-size: 17px; }
.custom_registration_form .block-title { font-size: 1.8rem; border-bottom: 1px solid #e8e8e8; margin-bottom: 15px; padding-bottom: 12px; }
.custom_registration_form .block-title { font-size: 100%; padding: 0; }
.custom_registration_form .block-title strong { font-weight: bold; font-size: 17px; }
.field_main_bg{ display: flex; flex-wrap: wrap; margin: 0 -15px; clear: both;}
.field_main_bg > .field{ float: left; margin: 0 0 15px; padding: 0 15px; width: 50%;}
.field_main_bg > .field.asi_field { width: 50%; }
.field_main_bg > .field.sage_id_field{ width: 26%; }
.field_main_bg > .field.reseller_id_field { width: 24%;padding-left: 0px;}
.custom_registration_form .actions-toolbar { padding: 0px; background: none !important; text-align: right; }
.custom_registration_form .actions-toolbar .primary{ float: right; }
.custom_registration_form_bg{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.custom_registration_form_bg .custom_registration_form{ width: 48.8%; float: left;}
.custom_registration_form_bg .custom_registration_form .form-create-account .fieldset{ width: 100%; margin: 0px;}
.custom_registration_form_bg .custom_registration_form .form.create.account.form-create-account{ min-width: 100%;}
.order_tracker_view-index-customerlogin .login-container .block.block-customer-login{width: 58.8%;}
.order_tracker_view-index-customerregistration .form-create-account .fieldset { width: 68.8%; min-height: 381px; padding: 30px; background-color: #fafafa; border: 1px solid #ddd; display: inline-block; text-align: left; float: none !important; }
.order_tracker_view-index-customerregistration .form-create-account { text-align: center; margin: 0px !important; }
.order_tracker_view-index-customerregistration .form-create-account .actions-toolbar{ padding: 0px; background: none !important;}
.order_tracker_view-index-customerregistration .form-create-account .actions-toolbar .primary{ float: right; }
.order_tracker_view-index-customerregistration .form-create-account .fieldset::after { display: none; }

.track_order_page_view_header .order_track_details_and_notes{ display: inline-block; margin: 0px; padding: 0px; width: 100%;}
.track_order_page_view_header .order_track_details_and_notes .row{ margin-bottom: 15px; }
.track_order_page_view_header .order_track_details_and_notes .label{ font-weight: bold; color: #000000; }
.track_order_page_view_header .order_shipping_details_and_artwork{display: inline-block; margin: 0px; padding: 0px; width: 100%;}
.track_order_page_view_header .order_shipping_details_and_artwork .row{ margin-bottom: 15px; }
.track_order_page_view_header .order_shipping_details_and_artwork h3{ float: left; margin: 0 0 15px; padding: 0px; width: 100%; font-size: 20px; color: #000000; font-weight: bold;}
.track_order_page_view_header .order_shipping_details_and_artwork p{ float: left; margin: 0px; padding: 0px; width: 100%;}
.track_order_page.container{ display: inline-block; margin: 0px; padding: 0px; width: 100%; max-width: 100%; }
.track_order_page_view_header .track_order_page_view_header_right .order_total{ float: left; margin:0 0 15px; padding: 0px; width: 100%;}
.track_order_page_view_header .track_order_page_view_header_right .order_total span{ float: left; margin: 0px; padding: 0px; font-size: 18px; color: #000000;}
.track_order_page_view_header .track_order_page_view_header_right .order_total strong{ float: right; margin: 0px; padding: 0px; font-size: 18px; color: #000000;}
.track_order_page_view_header .track_order_page_view_header_right .order_payment{ float: left; margin: 0 0 15px; padding: 0px; width: 100%;}
.track_order_page_view_header .track_order_page_view_header_right .order_payment a{ float: left; width: 100%; text-align: center; font-size: 16px;}
.track_order_page_view_header .track_order_page_view_header_right .order_payment a button { width: 100%; line-height: normal; height: 50px; background-color: #ed1c24;}
.track_order_page_view_header .track_order_page_view_header_right .download_order_and_artwork{float: left; margin: 0 0 15px; padding: 0px; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.track_order_page_view_header .track_order_page_view_header_right .download_order_and_artwork a { float: left; margin: 0px; padding: 0px; width: calc(50% - 5px); text-align: center; font-size: 12px; }
.track_order_page_view_header .track_order_page_view_header_right .download_order_and_artwork a button { width: 100%; line-height: normal;}
.order_status_details{ clear: both; }

@media (min-width: 320px) and (max-width: 767px) {
.order_tracker_view-index-customerlogin .login-container .block.block-customer-login {width: 100%;margin: 0;}
.order_tracker_view-index-customerregistration .form-create-account .fieldset{ width: 100%; }
}

/* 29-12-2021 */
.account .payorder_details h3 { font-size: 40px; color: #000; border-bottom: 5px solid #e91d1e; display: inline-block; padding-bottom: 5px; margin-bottom: 25px; }
.account .payorder_details p { color: #8b8b8b; font-size: 20px; }
.account .payorder_success.col-lg-6.col-md-6 { margin: 0 !important; width: 100%; display: block; text-align: center; }
.account .track_order_page_view_header_left.col-lg-6.col-md-6 textarea { border: 0;padding-left: 0; }
.account .track_order_page_view_product_details.row tr table tbody tr:nth-child(1) { border-bottom: 3px solid #dddddd; background: none !important; }
.account .order_shipping_details_and_artwork .col-sm-6 h3 { margin-bottom: 20px; }
.account .track_order_page_view_product_details.row { margin-top: 20px; }
.account { color: #000; }
.account .track_order_page_view_header_right.col-lg-3.col-md-3 .order_total { margin-bottom: 20px; }
.account .order_status_details .order_status_title { margin-bottom: 20px; text-align: center; }
.account .order_status_details .delivery_date span { display: block; margin-bottom: 10px; }
.account .order_status_details .delivery_date > br{display: none;}
.account .order_status_details .shipping_estimate_date span { display: block; margin-bottom: 10px; }
.account .order_status_details .shipping_estimate_date > br{display: none;}
.account .field.card_number.required label.label span { font-size: 20px; }
.account .field.grand_total.required { float: left; width: 100%; }
.account .field.grand_total.required label { font-size: 20px !important; display: block; }
.account .zoho_payment_page_content .actions-toolbar .primary{width: 100%;}
.account .zoho_payment_page_content .actions-toolbar .primary button{width: 100%;background: #ed1c25; text-transform: capitalize;}
.account .zoho_payment_page_content .actions-toolbar .primary button span{font-size: 18px;}
.account .download_order button.order_pdf { margin-right: 20px; width: 26%; text-transform: capitalize; }
.account .download_order button.order_pdf strong{font-size: 16px;font-weight: normal;}
.account .download_order {width: 100%;margin: -45px 0px 26px 46% !important;}
.account .zoho_payment_page_footer .container .row .col-sm-3 { background: #fafafa; margin-right: 20px; 0}
 tr.order_checkout { display: block; float: right; border-top: 3px solid #dddddd; border-bottom: 3px solid #dddddd;padding: 10px 0; }
.account .track_order_page_view_product_details.row tbody .order_checkout table tbody tr { border: 0; }
.account .track_order_page_view_product_details.row tbody button.order_checkout { background: #ed1b24; text-transform: capitalize; }

@media (min-width: 320px) and (max-width: 991px){
    .account .track_order_page_view_product_details.row table { width: 100% !important;}
    .account .download_order{margin: 0 0 20px 0 !important;}
    .account .zoho_payment_page_footer .container .row .col-sm-3{margin-right: 0; width: 100%; margin-bottom: 20px;}
}

/* My Account */
.block-dashboard-info {
  width: 650px;
  border: 1px solid #E6E6E6;
  padding: 30px;
  max-width: 100%;
  border-radius: 8px;
}
.block-dashboard-info .info-field {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.block-dashboard-info .info-field .info-left {
  width: 50%;
  color: #525252 !important;
}
.block-dashboard-info .info-field .info-right {
  width: 50%;
  color: #333332 !important;
  font-weight: 600;
}
.block-dashboard-info .info-field:last-child {
  margin-bottom: 0;
}
.block-dashboard-info .info-field.info-address p {
  line-height: 1.5;
}
.account .page-title {
  text-transform: none;
  font-size: 122%;
  padding-top: 10px;
  margin-bottom: 12px;
}
.account .page-title:before {
  display: none;
}
@media (min-width: 769px) {
  .block-dashboard-info .info-field .info-left {
    width: 69%;
  }
  .block-dashboard-info .info-field .info-right {
    width: 31%;
  }
}

.account-nav .content {
  background: none;
  box-shadow: 0px 2px 8px 0px #0000001F;
  padding: 0;
}
.account-nav .content li.nav.item {
  margin: 0;
  position: relative;
  padding-left: 25px;
}
.account-nav .content li.nav.item a,
.account-nav .content li.nav.item > strong {
  padding: 10px 10px 11px 10px;
}
.account-nav .content li.nav.item.current {
  background: #EBEBEB;
}
.account-nav .content li.nav.item.current strong {
  border: 0 none;
  color: #484141 !important;
  font-weight: 550;
}
.account-nav .content li.nav.item:before {
    position: absolute;
    left: 10px;
    top: 11px;
    width: 18px;
    height: 18px;
    background-size: 18px;
    background-repeat: no-repeat;
}
.account-nav .content li.nav.item.my-account:before {
   background-image: url("../images/my_accountcircle.png");
}
.account-nav .content li.nav.item.my-presentation:before {
  background-image: url("../images/my_account_bookmark.png");
}
.account-nav .content li.nav.item.my-orders:before {
  background-image: url("../images/my_account_quick_reorder.png");
}
.account-nav .content li.nav.item.my-invoices:before {
  background-image: url("../images/my_account_contract.png");
}
.account-nav .content li.nav.item:hover {
  background: #EBEBEB;
}
.account-nav .content li.nav.item a:hover,
.account-nav .content li.nav.item a:focus {
  background: transparent;
  color: #484141 !important;
}

/* Wishlist Page */
.list.products-list.wishlist-page {
    clear: both;
}
.form-wishlist {
}
.form-wishlist p {
    line-height: 1.4;
}
.form-wishlist .presentation-icon {
    width: 35px;
    height: 35px;
    display: inline-block;
}
.form-wishlist .presentation-example {
    text-align: center;
    padding-top: 30px;
}
.form-wishlist .presentation-ex {
    width: 200px;
    height: 100px;
    display: inline-block;
}


.wish-download {
    border: 1px solid #565656;
    float: right;
    margin-bottom: 20px;
}
@media screen and (min-width: 768px) { 
    .wish-download {
        margin-top: -40px; 
    }
}
.wish-download i.fa.fa-arrow-down {
    margin-right: 10px;
}
.wish-download a {
    display: block;
    padding: 7px 15px;
    text-transform: uppercase;
    font-size: 12px;
}

.wishlist-item .label_price {
    display: none;
}
.wishlist-item .table-main {
    text-align: center;
}
.wishlist-item .chart .price-table {
    float: none;
    display: inline-block;
    width: auto;
}
.wishlist-item .chart {
    text-align: center;
    margin-top: 19px;
}
.wishlist-item .customprice-grid .main_price {
    float: right;
    margin-top: 0;
}
@media screen and (min-width: 768px) {
    .wishlist-item .customprice-grid .main_price {
      margin-top: -47px;
    }
}

.wishlist-item .customprice-grid .main_price > span {
  line-height: 35px;
  margin-right: 10px;
}
.wishlist-item .net_pricing {
    background: #fff;
    border: 1px solid #000;
    border-radius: 0;
    color: #222 !important;
    padding: 6px 13px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 1.7;
}
.wishlist-item .net_pricing.net {
  border-left: 0;
}
.wishlist-item .net_pricing.active {
  background: #000;
  color: #ffffff !important;
}
.wishlist-item .nav-tabs {
    min-width: 66%;
    float: left;
    margin-bottom: 15px;
}
.account-wrap .nav-tabs > li > a {
    border: 0 none;
}
.account-wrap .nav > li > a:hover,
.account-wrap .nav > li > a:focus {
    background-color: transparent;
    border: 0 none;
    border-bottom: 2px solid #C91919;
}
.account-wrap .nav-tabs > li.active > a,
.account-wrap .nav-tabs > li.active > a:hover,
.account-wrap .nav-tabs > li.active > a:focus,
.account-wrap .nav-tabs > li > a.active,
.account-wrap .nav-tabs > li > a.active:hover,
.account-wrap .nav-tabs > li > a.active:focus {
    border: 0 none;
    border-bottom: 2px solid #C91919;
}
.account-wrap .tab-content {
    clear: both;
}
.account-wrap .nav-tabs > li > a {
    font-size: 96%;
    padding: 5px 10px;
    border-bottom: 2px solid transparent;
    font-weight: 550;
}
.wishlist-page {
    clear: both;
}
.account-wrap .panel-default > .panel-heading {
    background: transparent;
    display: flex;
    padding-bottom: 6px;
}
.account-wrap .panel-title {
    float: left;
    width: 100%;
    padding-bottom: 2px;
}
.wishlist-item span.wish-image {
    width: 52px;
    display: inline-block;
    margin-left: 5px;
    float: left;
}
.wishlist-item span.wish-name {
    display: block;
    float: left;
    margin-top: 4px;
    margin-left: 14px;
    line-height: 1.4;
}
.wishlist-item span.wish-sku {
    font-size: 12px;
}

.wishlist-item a.wish-action {
    float: right;
    width: 50px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    margin-left: 14px;
}
.account-wrap a.accordion-action .fa:before {
    content: "\f106";
}
.account-wrap a.accordion-action.collapsed .fa:before {
    content: "\f107";
}
.wishlist-item a.wish-remove {
    float: right;
    width: 60px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-right: 1px solid #E8E8E8;
    margin-top: 5px;
}
.account-wrap .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
    position: relative;
}
.account-wrap .panel-default > .panel-heading + .panel-collapse > .panel-body:before {
    content: "";
    height: 1px;
    width: 95.4%;
    left: 2.3%;
    position: absolute;
    top: 0;
    background: #E8E8E8;
}
.account-wrap .panel.panel-default {
    border-color: #E8E8E8;
    margin-bottom: 20px;
}
.wishlist-item .panel-body {
    padding: 17px 2.3%;
}
@media screen and (min-width: 1200px) {
   .wishlist-item .chart .price-table tbody td {
        font-size: 9px;
        width: 45px;
        height: 26px;
        line-height: 26px;
    }
   .wishlist-item .chart .price-table thead th {
        font-size: 9px;
        width: 39px;
        height: 22px;
        line-height: 14px;
    }
    .wishlist-item .chart .price-table .nobr.title {
        font-size: 13px;
        width: 52px;
    }
    .wishlist-item .chart .price-table .nobr-body > span {
        width: 52px;
        font-size: 9px;
        height: 22px;
        line-height: 20px;
    }
}
.wishlist-item .additional-attributes tr th {
    color: #9A9A9A;
    font-weight: normal !important;
    position: relative;
}
.wishlist-item .additional-attributes tr th:after {
    content: ":";
    position: absolute;
    right: 0;
}
.wishlist-item table.additional-attributes {
    border: 0 none !important;
}
.wishlist-index-index h2.page-title {
    display: none;
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 15px;
}
.wish-page-title {
    text-transform: none;
    font-weight: normal;
    font-size: 122%;
    margin-bottom: 12px;
    float: left;
    margin-right: 10px;
}

.form-wishlist .page-title-wrapper {
    padding-top: 8px;
}
.wish-remove-all {
    color: #ed1c24 !important;
}

/* Header */
.cart-customer > .header.links > .authorization-link {
    margin-right: 35px;
}
.cart-customer > .header.links .customer-welcome {
    display: flex;
}
.cart-customer > .header.links .customer-welcome .dashboard {
    order: 1;
    margin-right: 35px;
}
.cart-customer > .header.links .customer-welcome > a {
    order: 2;
}
@media (min-width: 992px) {
    .cart-customer > .header.links .customer-welcome {
        margin-right: 62px;
    }
}

.account-order .panel-default > .panel-heading {
    justify-content: space-between;
    padding: 15px;
}
.account-order .order-title {
    display: flex;
    flex-wrap: wrap;
}
.account-order .order-title .order-title-info {
    margin-right: 12px;
}
.account-order .order-title .order-info-tt { 
    white-space: nowrap;
    font-size: 12px;
    color: #707070 !important;
    margin-bottom: 0;
}
.account-order .order-title .order-title-info p {
    margin-bottom: 0;
}
.account-order .order-title .order-title-info .order-info-ct {
    font-weight: 550;
}
.account-order .order-title .order-title-info.magehq-order-status .order-info-ct {
    color: #00730B !important;
    font-weight: 600;
}
.account-order a.order-action {
    display: block;
    padding: 6px 8px 6px 10px;
    border: 1px solid #dddddd;
    margin-top: 4px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
}
.account-order a.order-action  i.fa {
    font-size: 16px;
    margin-left: 10px;
}
.account-order .tab-content {
    padding-top: 15px;
}



.account-order .order-submit {
    padding: 18px 15px;
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    margin-bottom: 20px;
    align-items: center;
    box-shadow: 0px 0px 4px 0px #00000033;
}
.account-order .order-submit.order-delivery {
    padding: 12px 15px;
}

.account-order .order-title-left {
    display: flex;
}

.account-order .order-submit .order-submit-btn a {
    padding: 12px 5px;
    background: #000;
    display: block;
    color: #fff !important;
    text-transform: uppercase;
    line-height: 1.2;
}
.account-order .order-submit .order-submit-btn:hover a {
    background-color: #ed1c24;
}
.account-order .order-submit .order-submit-btn {
    width: 185px;
    text-align: center;
    max-width: 100%;
}
.account-order .order-submit .order-submit-btn button {
    width: 100%;
    height: 40px;
    line-height: 40px;   
}
.account-order .order-stt {
    padding-top: 2px;
}
.account-order .order-stt span {
    border-radius: 20px;
    min-width: 26px;
    display: block;
    text-align: center;
    background: #F9E9E2;
    color: #DF7C52 !important;
    font-size: 11px;
    margin-right: 6px;
}
.account-order .order-ct-title {
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 15px;
}
.account-order .order-delivery .order-ct-title {
    margin-bottom: 5px;
}
.account-order .order-delivery-address {
    margin-bottom: 0;
}
.account-order .order-summary-ct {
    box-shadow: 0px 0px 4px 0px #00000033;
}
.account-order .order-production .order-summary-ct,
.account-order .order-payment .order-summary-ct {
    box-shadow: none;
}
.account-order .order-summary .order-summary-ct .order-title-left {
    padding: 11px 15px 9px 15px;
    border-bottom: 1px solid #dddddd;
}
@media screen and (max-width: 767px) { 
.account-order .order-submit .order-submit-btn {
    width: auto;
}
.account-order .order-submit .order-submit-btn a {
    padding-left: 20px;
    padding-right: 20px;
}
}
.account-order .order-submit.order-ct-artwork {
    padding: 18px 15px;
}
.account-wrap .panel.panel-default {
    box-shadow: none;
    border-radius: 8px;
}
.account-order .order-artwork .order-summary-ct {
    padding: 5% 0;
    text-align: center;
}



.timeline-bar {
    display: block;
    font-size: 0;
    padding: 0 0 0 40px;
    width: 80%;
}
.timeline-bar-item {
    margin: 0 0 10px;
    display: inline-block;
    position: relative;
    text-align: left;
    vertical-align: top;
    width: 22%;
}
.timeline-bar-item:before {
    background: #C0C0C0;
    top: 19px;
    transition: background 0.3s;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}
.timeline-bar-item:last-child {
    width: 10%;
}
.timeline-bar-item:last-child:before {
    display: none;
}
.timeline-bar-item > span {
    display: inline-block;
    padding-top: 40px;
    width: 120px;
    word-wrap: break-word;
    color: #595959 !important;
    font-size: 1.1rem;
    text-align: center;
    margin-left: -60px;
    line-height: 1.4;
}
.timeline-bar-item > span strong {
    font-weight: normal;
    font-size: 1.3rem;
}
.timeline-bar-item._complete > span strong {
    font-weight: 600;
    color: #333 !important;
}
.timeline-bar-item > span:after {
    transition: background 0.3s;
    border-radius: 50%;
    left: 0;
    position: absolute;
    top: 0;
}
.timeline-bar-item > span:after {
    background: #ffffff;
    height: 27px;
    margin-left: -13px;
    top: 7px;
    width: 27px;
    content: attr(data-number);
    color: #595959;
    font-size: 12px;
    line-height: 23px;
    border: 2px solid #C0C0C0;
}
span.timeline-date {
    display: block;
}
.timeline-bar-item._complete:before {
    background: #333;
}
.timeline-bar-item._complete > span {
    color: #333 !important;
}
.timeline-bar-item._complete > span:after {
    font-family: 'FontAwesome';
    content: "\f00c";
    background: #333;
    color: #fff;
    border: 2px solid #333;
}

.order-production .production-note {
    border: 1px solid #C0C0C0;
}
.order-production .production-note-tt {
    padding: 11px 15px;
    border-bottom: 1px solid #C0C0C0;
    font-weight: 550;
}
.order-production .production-note-ct {
    padding: 10px 4px;
}
.production-note-ct table tr td,
.production-note-ct table > tbody > tr > td {
    padding: 3px 10px;
}
.order-production .prod-note-ct {
    text-align: right;
}
.timeline-bar-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 24px;
    margin-bottom: 22px;
}

.timeline-payment {
    width: 20%;
    text-align: center;
    padding-top: 7px;
}
.timeline-payment .timeline-payment-icon {
    position: relative;
    font-size: 0;
    height: 27px;
    display: block;
    margin-bottom: 5px;
}
.timeline-payment p {
    margin: 0;
    line-height: 1.4;
}
.timeline-payment p span {
    color: #595959 !important;
}
.timeline-payment p span.timeline-payment-tt {
    font-size: 14px;
}
.timeline-payment._complete p span.timeline-payment-tt {
    color: #333 !important;
}
.timeline-payment p span.timeline-date {
    display: block;
    font-size: 1.1rem;
}
.timeline-payment .timeline-payment-icon:before {
    content: "";
    line-height: 23px;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    height: 27px;
    width: 27px;
    border: 2px solid #C0C0C0;
    border-radius: 50px;
}
.timeline-payment._complete .timeline-payment-icon:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: #333;
    border: 2px solid #333;
    color: #fff;
}
.status-title {
    font-size: 15px;
    padding-left: 10px;
}
.status-title .title {
    color: #00730B !important;
    display: inline-block;
    padding-left: 8px;
    font-size: 13px;
    font-weight: 550;
}
@media screen and (max-width: 639px) { 
    .timeline-bar-item > span {
        font-size: 9px;
        width: 90px;
        margin-left: -45px;
    }
    .timeline-bar {
        padding: 0 0 0 20px;
        margin-left: 1%;
        width: 99%;
    }
    .timeline-payment {
        width: 100%;
    }
}

.account-order .order-payment .order-summary-ct {
    box-shadow: none;
}
.order-payment .payment-info .field {
    width: 49%;
    padding: 0;
    margin-bottom: 15px;
}

.order-payment .payment-info .field.fields {
    display: flex;
    flex-wrap: wrap;
    width: 49%;
    margin-bottom: 0;
}

.order-payment .payment-info {
    display: flex;
    flex-wrap: wrap;
}
.order-payment .payment-info.card-info {
    margin-bottom: 8px;
}
.order-payment .card_expire .control input {
    width: 48%;
    float: left;
}

.order-payment .card_expire .control input#cc_expires_month {
    margin-right: 4%;
}

.order-payment .payment-info .field:nth-child(2n+1) {
    margin-right: 2%;
}

.order-payment .payment-info .field.fields .field {
    width: 48%;
}
.order-payment .payment-content-wrap {
    box-shadow: 0px 0px 4px 0px #00000033;
    padding: 20px 20px 0 20px;
}

.order-payment .payment-info .field.fields .field:nth-child(2n+1) {
    margin-right: 4%;
}
.order-payment .payment-info .field label.label {
    font-weight: 400 !important;
}
.order-payment .payment-info .field .control {
    margin-top: 3px;
}
.order-payment .payment-info .field .control input#street_address_line1 {
    margin-bottom: 5px;
}
.account-order .payment-content-wrap .order-ct-title {
    margin-bottom: 7px;
}
.account-order .payment-content-wrap select {
    border: 1px solid #e5e5e5;
    height: 35px;
}
.payment-content-wrap .payment-status {
    margin: 0 auto;
    width: 305px;
    max-width: 100%;
    background: #fafafa;
    border: 1px solid #dddddd;
    padding: 10px 15px 15px 15px;
}

.payment-content-wrap .payment-status-top {
    text-align: center;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    padding-bottom: 2px;
    margin-bottom: 8px;
}

.payment-content-wrap .payment-status-price {
    font-weight: 700;
    font-size: 22px;
}

.payment-content-wrap .payment-status-desc {
    margin-bottom: 0;
}

.payment-content-wrap .pstatus-left {
    float: left;
}

.payment-content-wrap .pstatus-right {
    text-align: right;
}

.payment-status-bottom table tr td,
.payment-status-bottom table > tbody > tr > td {
    padding: 3px 0;
}
.payment-status-bottom table tr.pstatus-name td {
    padding-bottom: 10px;
}
.payment-status-bottom table tr.pstatus-amount {
    border-top: 1px dotted #ddd;
    font-size: 15px;
}
.payment-status-bottom table tr.pstatus-amount td {
    padding-top: 10px;
}
.payment-status-bottom table tr.pstatus-amount .pstatus-right{
    font-weight: 600;
}
.payment-content-wrap.payment-status-wrap {
    padding-top: 30px;
    padding-bottom: 30px;
}
.payment-status-img {
    width: 70px;
    margin: 0 auto;
    margin-bottom: 6px;
}
.order-title-info.magehq-order-status {
    min-width: 140px;
}
.order-summary .order-purchar h5 {
    text-transform: uppercase;
    font-size: 13px;
    color: #707070 !important;
    font-weight: 600;
}
.order-summary .order-purchar td {
    padding: 10px;
}
.order-summary .order-purchar tr.title {
    border-bottom: 1px solid #ccc;
}
.order-summary .order-purchar tr.title td {
    padding-bottom: 14px;
    padding-top: 5px;
}
.order-summary .order-purchar span.sc_cbold {
    text-transform: uppercase;
    font-size: 14px;
    color: #333 !important;
}
.order-summary .order-purchar td[align="left"] {
    font-size: 12px;
    color: #707070 !important;
}
.order-summary .order-purchar tr.order-total-hs {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    color: #00730B;
}
@media screen and (min-width: 1024px) { 
   .order-summary .order-purchar td.order-hs-net,
   .order-summary .order-purchar td.order-hs-total {
        width: 17%;
    }
}
.customer-account-index .col-lg-9.col-md-9 .main > .page-title-wrapper:first-child {
    display: none;
}
.payment-content-wrap .card-info {
    min-height: 102px;
}
.contact .order-submit,
.account-order .order-submit.order-delivery,
.account-order .order-submit.order-ct-artwork,
.account-order .order-submit {
    min-height: 93px;
}