/* =-=-=-=-=-=-=-=-=-  Header CSS --=-=-=-=-=--=-=- */

.navbar {
  margin-bottom: 0;
  background: #fff;
}

.main-links > li > .dropdown-menu {
    overflow-y: auto;
    max-height: 80vh;
}

.navbar-form .advanced-search-link {
  display: inline-block;
  vertical-align: middle;
}

.navbar-form .advanced-search-link a {
  padding: 7px 10px;
  background: #ed8b00;
  color: #fff;
  border-radius: 4px;
  outline: none;
}

.navbar-form .advanced-search-link a:hover {
  text-decoration: none;
}

.account-box form {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}

.account-box form .detail-section {
  width: calc(100% - 45px);
}

.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--single {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 25px;
}

.account-box form div.text-center {
  align-self: end;
}

.account-box form .btn-default {
  height: 28px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  line-height: 15px;
}

.shop-cart-container .shopping-cart {
  margin-left: 15px;
}

.d24-mini-cart .mini-cart-contents tr td a {
  display: inline-block;
  padding-top: 5px;
}

.d24-mini-cart .mini-cart-contents tr:nth-child(5n) {
  border-bottom: 1px solid #e5e5e5;
}

.d24-mini-cart .mini-cart-contents tr:nth-child(5n) td {
  padding: 5px 0;
  vertical-align: middle;
  display: table-cell;
}

.d24-mini-cart .mini-cart-contents .totals {
  padding-bottom: 10px;
  padding-top: 5px;
}

.d24-mini-cart .mini-cart-contents .d24-fancy-button-small {
  background: #000;
  color: #fff;
}

@media (max-width: 1250px) {
  .user-link {
      justify-content: flex-end;
      width: 100%;
  }

  .shop-cart-container {
      margin-top: -15px;
  }

  .main-links>li>a {
      padding-top: 5px;
  }
}

@media (min-width: 992px) {
  ul.user-link {
      flex-direction: row-reverse;
  }

  .navbar>.container .navbar-brand,
  .navbar>.container-fluid .navbar-brand {
      margin-left: 0px;
  }

  .navbar-collapse {
      padding-left: 0;
  }

  ul.main-links li a {
      padding-left: 10px;
      padding-right: 10px;
  }

  .navbar-default ul.user-link li.dropdown {
      padding: 10px 0 10px 10px;
  }

  .navbar-default ul.user-link>li.dropdown>a {
      background: #000;
      border-radius: 4px;
      font-size: 12px;
      color: #fff;
      padding-top: 6px;
      padding-bottom: 6px;
  }

  .navbar-default ul.user-link>li.dropdown>a:hover,
  .navbar-default ul.user-link>li.dropdown>a:focus {
      background: #000;
      color: #fff;
  }

  .navbar-default ul.user-link>.open>a,
  .navbar-default ul.user-link>.open>a:hover,
  .navbar-default ul.user-link>.open>a:focus {
      background: #000;
      color: #fff;
  }

  .navbar-default ul.user-link>li.dropdown>a::before,
  .navbar-default ul.user-link>li.dropdown>a::after {
      color: #fff;
  }

  .navbar-default ul.user-link>li .dropdown-menu {
      right: auto;
      left: auto;
      min-width: auto;
      max-width: inherit;
      width: calc(100% - 20px);
      margin-top: -10px;
  }

  .dropdown-menu>li>a {
      padding: 5px 10px;
  }

  .shop-cart-container .shopping-cart .cart-link {
      color: #777;
  }

  .d24-mini-cart {
      padding: 10px;
      background: #fff;
      color: #000;
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  }

  .shop-cart-container {
      padding-top: 5px;
  }

  .shop-cart-container .make-payment {
      margin-right: 0 !important;
      background: #ed8b00;
      color: #fff;
      border-radius: 4px;
      border: 0;
      outline: none;
  }

  .shop-cart-container .make-payment:hover,
  .shop-cart-container .make-payment:active,
  .shop-cart-container .make-payment:focus {
      background: #ed8b00;
      color: #fff;
  }
}

@media (max-width: 991px) {

  .navbar-default .navbar-nav>.open>a,
  .navbar-default .navbar-nav>.open>a:hover,
  .navbar-default .navbar-nav>.open>a:focus {
      background-color: transparent;
  }

  .shop-cart-container .make-payment {
      padding-top: 15px;
      padding-left: 0;
      margin-right: 0 !important;
      color: #777;
  }
}

@media (max-width: 767px) {
  .in-stock-only input[type="checkbox"] {
      margin-top: -3px;
      margin-right: 5px;
  }
}




#appMainBody {
  max-width: 1200px;
  margin: auto;
  padding: 20px;
}

#appMainBody h1 {
  padding: 0 0 15px;
}

#appMainBody ul#promo_list {
  padding: 20px 0;
  margin-bottom: 0;
}

#appMainBody ul#promo_list li {
  margin-bottom: 15px;
}

#appMainBody ul#promo_list font {
  font-size: 18px;
}


/* ---=-=-=-=-=-=-=-= Comman Css -=-=-=-=-=-=-=-= */

.flex-buttons input.d24-button {
  background: #000;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}

.flex-buttons input.d24-button:active,
.flex-buttons input.d24-button:hover,
.flex-buttons input.d24-button:focus {
  background: #000;
  color: #fff;
}

table.d24-standard>thead>tr>th {
  color: #fff;
  background-color: #000000;
  border: 0;
}

table.d24-standard>tbody>tr>td.numeric {
  text-align: inherit;
}

table.d24-standard>tbody>tr>td.messages {
  vertical-align: middle;
}

/* ------ Profile css --------  */

.no-profile h1 {
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.no-profile .d24-fancy-block {
  padding: 15px 0px 0px !important;
}

.no-profile form.d24-my-info {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}

.no-profile form.d24-my-info div {
  width: calc(50% - 20px);
  margin-bottom: 15px;
}

.no-profile form.d24-my-info div:nth-child(odd) {
  margin-right: 20px;
}

.no-profile form.d24-my-info div:nth-child(even) {
  margin-left: 20px;
}

.no-profile form.d24-my-info div.action {
  text-align: left;
  margin: 10px 0 0;
  width: 100%;
}

.no-profile .save {
  width: 200px;
  height: 40px;
  background: #000;
  color: #fff;
  font-weight: 700;
  margin-top: 0 !important;
}

/* ------ Manage D24 Accounts CSS -------- */

.manage-accounts .header-actions {
  padding-top: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.manage-accounts .header-actions .form-group {
  width: 400px;
}

.manage-accounts .header-actions .create-new {
  height: 34px;
  margin-bottom: 15px;
  background: #000;
  color: #fff;
  font-weight: 500;
  border: 0;
}

table.d24-standard>tbody>tr:nth-of-type(odd) {
  background-color: #a9a6a657;
}

table.d24-standard>tbody>tr:nth-of-type(odd).clickable:hover>td {
  background-color: #a9a6a657;
}

table.d24-standard>tbody>tr:nth-of-type(even).clickable:hover>td {
  background-color: #fff;
}

.manage-accounts div.d24-search-table thead th {
  text-align: left;
}

div.d24-search-table .footer .page {
  padding-bottom: 7px;
  /* display: inline-block; */
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus,
.d24-button:focus,
.d24-button:active:focus,
.d24-button.active:focus,
.d24-button.focus,
.d24-button:active.focus,
.d24-button.active.focus {
  outline: 0;
}

table.d24-standard>thead>tr>th,
table.d24-standard>tbody>tr>th,
table.d24-standard>tfoot>tr>th,
table.d24-standard>thead>tr>td,
table.d24-standard>tbody>tr>td,
table.d24-standard>tfoot>tr>td {
  padding: 10px;
  text-align: left !important;
}

div.d24-search-table .messages {
  /* text-align: center !important; */
  padding-top: 10px;
}

.manage-accounts div.d24-search-table thead th .sort-indicator {
  position: relative;
}

table.d24-standard>thead>tr>th.sorted.descending:after,
table.d24-standard>thead>tr>th.sorted.ascending:after {
  content: none;
}

table.d24-standard>thead>tr>th.sorted.ascending .sort-indicator:after {
  content: "\f0de";
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;
  font-size: 14px;
  width: 10px;
  height: 20px;
  text-decoration: none;
}

table.d24-standard>thead>tr>th.sorted.descending .sort-indicator:after {
  content: "\f0dd";
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;

  font-size: 14px;
  width: 10px;
  height: 20px;
  text-decoration: none;
}

table.d24-standard>thead>tr>th.sorted.ascending .sort-indicator:after,
table.d24-standard>thead>tr>th.sorted.descending .sort-indicator:after {
  right: 14px;
}

/* --------- Create New Account --------- */

.new-account .save-new-account {
  padding-top: 10px;
}

.new-account .flex-buttons {
  justify-content: flex-start;
  padding: 20px 0 40px;
}

.new-account .flex-buttons input {
  margin-right: 15px;
  width: 100px;
}

.new-account .duplicate-results {
  display: inline-block;
  width: 65%;
  margin-bottom: 18px;
}

.new-account .duplicate-results div.d24-search-table {
  margin-top: 10px;
}

.new-account .block-row {
  width: 65%;
  margin-bottom: 18px;
}

.new-account .block-row input {
  max-width: 100%;
}

.new-account .block-row #d24_email,
.new-account .block-row .select2-container {
  width: 100% !important;
}

.new-account .block-row.radio label {
  padding-left: 0;
  margin-bottom: 5px;
}

.new-account .block-row .d24-label {
  display: block;
}

.new-account .block-row #first_name {
  width: calc(50% - 3px) !important;
}

.new-account .block-row #last_name {
  width: calc(50% - 3px) !important;
}

/* ------- view account -------- */

.view-account .flex-buttons {
  justify-content: flex-start;
  padding: 20px 0 40px;
}

.view-account .reset_password {
  width: 130px;
  margin-right: 20px;
}

.view-account .edit {
  width: 70px;
}

/* -=-=-=-=-=-=--=-= Make a Payment -=-=-=-=-=-=-= */

.d24-open-invoices {}

.d24-open-invoices .top-buttons {
  float: none;
  padding-top: 10px;
}

.d24-open-invoices .top-buttons button,
.d24-open-invoices .top-buttons input {
  background: #000;
  color: #fff;
  border: 0;
  border-radius: 4px;
}

.d24-open-invoices .top-buttons button:active,
.d24-open-invoices .top-buttons input:active,
.d24-open-invoices .top-buttons button:focus,
.d24-open-invoices .top-buttons input:focus,
.d24-open-invoices .top-buttons button:hover,
.d24-open-invoices .top-buttons input:hover {
  background: #000;
  color: #fff;
}

.d24-open-invoices .top-buttons .pay_on_account_button {
  margin-left: 10px;
  margin-right: 10px;
}

.d24-open-invoices .aging-buckets {
  display: block;
  width: 100%;
  border: 1px solid #ddd;
  margin: 20px 0 30px;
}

.d24-open-invoices .aging-buckets .age-table-top {
  padding: 7px 10px;
  background: #cfcece;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  width: 100%;
  display: table;
}

.d24-open-invoices .aging-buckets .age-table-top .age-column {
  font-weight: 500;
  color: #555555;
  padding: 5px 10px;
  display: table-cell;
}

.d24-open-invoices .aging-buckets .age-table {
  padding: 7px 10px;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #ddd;
  display: table;
}

.d24-open-invoices .aging-buckets .age-table .age-column {
  font-weight: 500;
  color: #555555;
  padding: 5px 10px;
  display: table-cell;
}

.d24-open-invoices .footer input {
  background: #000;
  color: #fff;
  border: 0;
  border-radius: 4px;
}

.d24-open-invoices .footer button:active,
.d24-open-invoices .footer input:active,
.d24-open-invoices .footer button:focus,
.d24-open-invoices .footer input:focus,
.d24-open-invoices .footer button:hover,
.d24-open-invoices .footer input:hover {
  background: #000;
  color: #fff;
}

/* ==-=-=-=-=--=-=-==-=-=-=- Enter Payment Details -=-==-==-=-=-=-=-=-= */

.d24-pay-invoices-step2 .d24-row {
  margin-top: 20px;
  justify-content: flex-start !important;
}

.d24-pay-invoices-step2 .d24-row label {
  min-width: 180px;
  font-weight: 700;
  display: block;
}

.d24-pay-invoices-step2 .d24-row .input-group,
.d24-pay-invoices-step2 .memo_note_visibility input,
.d24-pay-invoices-step2 .check_number_visibility input {
  width: 400px;
}

.d24-pay-invoices-step2 .pay-on-processor {
  margin-left: 0 !important;
}

.d24-pay-invoices-step2 input.numeric-field {
  text-align: left;
}

.d24-pay-invoices-step2 .payment-section input.numeric-field {
  text-align: left;
  padding-left: 0;
}

.d24-pay-invoices-step2 .d24-row textarea,
.d24-pay-invoices-step2 .d24-row select {
  margin-left: 0;
  width: 400px;
  resize: none;
}

.d24-pay-invoices-step2 .payment-section {
  padding-top: 0px !important;
  flex-direction: column;
}

.d24-pay-invoices-step2 .payment-section .mlr10 {
  margin: 0 !important;
}

.d24-pay-invoices-step2 .payment-fields {
  margin: 0 !important;
}

.d24-pay-invoices-step2 .credits-used .pseudo-input {
  padding-left: 0;
}

.d24-pay-invoices-step2 .payment-fields .pseudo-input {
  padding-left: 0;
}

.d24-pay-invoices-step2 .footer .flex-buttons {
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding: 20px 0px;
}

.d24-pay-invoices-step2 .footer .flex-buttons button {
  background: #000;
  color: #fff;
  border-radius: 4px;
  border: 0;
  height: 38px;
  outline: 0;
  padding-left: 15px;
  padding-right: 15px;
}

.d24-pay-invoices-step2 .footer .flex-buttons button.forward-link::after {
  color: #fff;
}

.d24-pay-invoices-step2 .footer .flex-buttons button.cancel {
  margin-left: 15px;
}

/* =-=-=--=-=-=-=-=- d24-item-search-advanced-search -=-=-=-=-=-=-= */

form.d24-h1-shim {
  padding-top: 20px;
}

form.d24-h1-shim .d24-row {
  margin-bottom: 25px;
}

.simple-search-form .d24-row label {
  margin-bottom: 7px;
}

.simple-search-form .d24-row input {
  margin-left: 0;
  margin-right: 10px;
}

.simple-search-form .d24-adv-row-full.d24-row select {
  width: 100%;
  margin-left: 0;
}

.simple-search-form .search-button {
  text-align: left;
  padding-top: 0;
}

.simple-search-form .search-button input {
  background: #000;
  color: #fff;
  border: 0;
  border-radius: 4px;
  height: 38px;
  width: 100px;
}

.simple-search-form .search-button input:active,
.simple-search-form .search-button input:focus,
.simple-search-form .search-button input:hover {
  background: #000;
  color: #fff;
}

/* =-=-=--=-=--=-== Shopping Cart/Order Review =-=-=-=-=-=-=-=-= */

.d24-shopping-cart table.d24-standard>tbody>tr>td.numeric {
  text-align: left;
}

.d24-shopping-cart table.d24-standard>tbody>tr:nth-of-type(odd) {
  background-color: #fff;
}

.d24-shopping-cart table.d24-standard>tbody>tr:nth-of-type(even) {
  background: #dddddd54;
}

.d24-shopping-cart table.d24-standard>tbody>tr .messages {
  background: transparent !important;
  padding: 10px;
  text-align: left !important;
}

.d24-shopping-cart table.d24-standard tfoot .totals .lbl-val {
  font-weight: 700;
  font-size: 15px;
}

.d24-shopping-cart td.stacked>div:last-child,
.d24-shopping-cart td.stacked>div:first-child {
  width: auto !important;
  max-width: inherit !important;
  min-width: auto !important;
}

.d24-shopping-cart td.stacked>div:last-child {
  padding-left: 10px;
}

.d24-shopping-cart td.stacked>div:last-child div {
  font-weight: 500;
}

.shopping-cart-buttons .input-group.search {
  display: table !important;
}

.shopping-cart-buttons #continue_shopping_form {
  padding-bottom: 25px;
}

.d24-shopping-cart div.d24-search-table .footer .page {
  display: inherit;
}

.shopping-cart-buttons form {
  display: inline-block;
}

.shopping-cart-buttons .cart-options {
  display: inline-block;
}

.shopping-cart-buttons .d24-button {
  background: #000;
  color: #fff;
  height: 38px;
  padding: 7px 15px;
}

.shopping-cart-buttons .d24-button:active,
.shopping-cart-buttons .d24-button:active:focus,
.shopping-cart-buttons .d24-button:active:hover,
.shopping-cart-buttons .d24-button:hover {
  background: #000;
  color: #fff;
}

.shopping-cart-buttons .cart-options span {
  margin-left: 10px;
}

/* -=-=-=-=-=-=-=-= Order Status -=-=-=-=-=-=-=- */

.d24-order-history {}

#order_history_tabs ul {
  border: 0;
}

#order_history_tabs ul li {
  margin-bottom: 0;
}

#order_history_tabs ul li:first-child a {
  padding-left: 0;
}

#order_history_tabs ul li a {
  border: 0;
  border-bottom: 2px solid #cccccc;
  margin-right: 0;
  color: #000;
  font-size: 15px;
  font-weight: 500;
  padding: 12px 30px;
}

#order_history_tabs ul li a:hover {
  background: transparent;
}

#order_history_tabs ul li.active a {
  border-bottom: 2px solid #ed8b00;
  color: #ed8b00;
}

.d24-order-history .tab-pane .title-section {
  padding: 15px 0;
  margin: 0;
}

#order_history_unprocessed .title-section {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  justify-content: flex-end;
}

.d24-order-history .tab-pane .title-section .toggle a {
  background: #000;
  padding: 7px 14px;
  color: #fff;
  border: 0;
  border-radius: 4px;
}

.d24-order-history .tab-pane .title-section .toggle a:hover {
  text-decoration: none;
}

.d24-order-history div.d24-search-table {
  border: 0;
}

.d24-order-history table.d24-standard {
  border: 1px solid #ccc;
}

#order_status_header table tbody td {
  width: 50%;
}

td.stacked>div:first-child label {
  display: block;
}

.d24-order-history table td.stacked>div {
  display: inherit;
}

.d24-order-history table td.stacked>div:last-child {
  padding-left: 30px;
}

.d24-order-history table td.stacked>div:last-child>div>div {
  min-height: 18px;
  margin: 5px 1px;
  max-width: 100%;
}

.d24-order-history table.d24-standard>tbody>tr>td.char {
  text-align: left;
}

.d24-order-history .tab-pane .d24-dropdown-wrapper input {
  max-width: 65px;
}

.d24-order-history .tab-pane .multi-inputs select.d24-select {
  width: 180px;
}

.d24-order-history .tab-pane .multi-inputs .input-group {
  width: 320px;
}

#order_status .flex-buttons {
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
}

#order_status .flex-buttons input.d24-button {
  margin-right: 10px;
}

/* -=-=-=-=-=-=-=-=-=- dashboard-tabs --=-=-=-=-=-=-==-=-=-= */

#d24-dashboard-tabs ul {
  border: 0;
  margin-bottom: 30px;
}

#d24-dashboard-tabs ul li {
  margin-bottom: 0;
}

#d24-dashboard-tabs ul li:first-child a {
  padding-left: 0;
}

#d24-dashboard-tabs ul li a {
  border: 0;
  border-bottom: 2px solid #cccccc;
  margin-right: 0;
  color: #000;
  font-size: 15px;
  font-weight: 500;
  padding: 12px 30px;
}

#d24-dashboard-tabs ul li a:hover {
  background: transparent;
}

#d24-dashboard-tabs ul li.active a {
  border-bottom: 2px solid #ed8b00;
  color: #ed8b00;
}


#d24-dashboard-tabs .page-link {
  margin-bottom: 20px;
  display: flex;
}

#d24-dashboard-tabs .page-link .forward-link {
  background: #000;
  display: inline;
  padding: 10px 15px;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
}

#d24-dashboard-tabs .page-link .arrow-right,
.forward-link::after {
  color: #fff;
}

/* -=-=-=-=-=-=-=-=-=-=--=- Item Details css =-=-=-==-=-=-=-=-=-=-=-= */

.item-details-header {
  width: 400px;
}

.item-details-header .row {
  display: flex;
  align-items: baseline;
  margin: 0 0 5px;
}

.item-details-header .row label {
  width: 100px;
}

.item-details-auto-order {
  min-width: 30vw;
  padding: 10px;
}

.item-details-auto-order span.title {
  text-align: left;
}

.item-details-auto-order tr td:first-child {
  padding-right: 10px;
}

.item-details-auto-order td {
  padding-bottom: 10px;
  /* display: flex; */
}

.item-details-auto-order td input.max10 {
  max-width: calc(100% - 85px);
  margin-right: 10px;
}

.item-details-auto-order td input[type="text"].max2 {
  width: 70px;
}

.d24-item-details input.d24-button.add-cart {
  background: #000;
  color: #fff;
}

.item-detail-tabs .nav-tabs {
  /* border: 0; */
  margin-bottom: 30px;
}

.item-detail-tabs .nav-tabs li {
  margin-bottom: 0;
}

.item-detail-tabs .nav-tabs li:first-child a {
  padding-left: 0;
}

.item-detail-tabs .nav-tabs li a {
  border: 0;
  border-bottom: 2px solid #cccccc;
  margin-right: 0;
  color: #000;
  font-size: 15px;
  font-weight: 500;
  padding: 12px 30px;
}

.item-detail-tabs .nav>li>a:hover,
.item-detail-tabs .nav>li>a:focus {
  background-color: transparent;
}

.item-detail-tabs .nav-tabs li.active a {
  border: 0;
  border-bottom: 2px solid #ed8b00;
  color: #ed8b00;
}




@media (min-width: 768px) {
  .d24-order-history div.d24-search-table {
      width: 100%;
      overflow: auto;
  }

  .d24-order-history .tab-pane .title-section .toggle {
      /* padding: 10px 0 20px; */
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      justify-content: flex-end;
  }
}

@media (max-width: 767px) {
  /* ------ Profile css --------  */

  .no-profile form.d24-my-info div {
      width: 100%;
  }

  .no-profile form.d24-my-info div:nth-child(odd) {
      margin-right: 0px;
  }

  .no-profile form.d24-my-info div:nth-child(even) {
      margin-left: 0px;
  }

  /* ------ Manage D24 Accounts CSS -------- */
  .manage-accounts .header-actions input {
      padding: 6px 12px;
  }

  .manage-accounts .header-actions .form-group {
      width: auto;
  }

  .manage-accounts .header-actions .create-new {
      margin-bottom: 15px;
  }

  /* --------- Create New Account --------- */
  .new-account .save-new-account .header-actions {
      align-items: flex-start;
  }

  .new-account .flex-buttons {
      flex-direction: row;
      padding: 20px 0 30px;
  }

  .new-account .duplicate-results {
      width: 100%;
  }

  .new-account .block-row #first_name {
      width: 49.5%;
      display: inline-block;
  }

  .new-account .block-row #last_name {
      width: 49.5%;
      display: inline-block;
  }

  .new-account .flex-buttons input {
      padding: 6px 12px;
  }

  .new-account .block-row {
      width: 100%;
      margin-bottom: 18px;
  }

  .new-account .block-row #d24_userid {
      width: 100% !important;
  }

  /* ------- view account -------- */

  .view-account .header-actions {
      align-items: flex-start;
  }

  .view-account .flex-buttons {
      flex-direction: row;
      padding: 20px 0 30px;
  }

  .view-account .flex-buttons input {
      padding: 6px 12px;
      width: auto;
  }

  /* -=-=-=-=-=-=--=-= Make a Payment -=-=-=-=-=-=-= */

  .d24-open-invoices .top-buttons .pay_on_account_button {
      margin-left: 0px;
      margin-right: 0px;
  }

  /* ==-=-=-=-=--=-=-==-=-=-=- Enter Payment Details -=-==-==-=-=-=-=-=-= */
  .d24-pay-invoices-step2 .d24-row,
  .d24-pay-invoices-step2 .payment-fields {
      display: block !important;
  }

  .d24-pay-invoices-step2 .d24-row label {
      display: block;
      margin-bottom: 10px;
  }

  .d24-pay-invoices-step2 .d24-row .input-group,
  .d24-pay-invoices-step2 .memo_note_visibility input,
  .d24-pay-invoices-step2 .check_number_visibility input,
  .d24-pay-invoices-step2 .d24-row textarea,
  .d24-pay-invoices-step2 .d24-row select {
      width: 100%;
  }


  /*  -=-=-=-=-=-= Comman Css =-=-=-==-=-=-= */

  #d24_pay_invoices_step2 .d24-row>span,
  #d24_pay_invoices_step3 .d24-row>span,
  #checkout_confirm_order_header .d24-row>span {
      display: block;
  }

  /* =-=-=--=-=-=-=-=- d24-item-search-advanced-search -=-=-=-=-=-=-= */


  /* -=-=-=-=-=-=-=-= Order Status -=-=-=-=-=-=-=- */

  #d24-history-processed-table table>tbody td:nth-of-type(4):before,
  #d24-history-processed-table table>tbody td:nth-of-type(5):before,
  #d24-history-processed-table table>tbody td:nth-of-type(6):before,
  #d24-history-processed-table table>tbody td:nth-of-type(7):before {
      position: static;
      content: "" !important;
      padding-right: 0 !important;
  }

}

@media (max-width: 525px) {
  /* ------ Profile css --------  */

  .no-profile .save {
      width: 100%;
  }

  /* ------ Manage D24 Accounts CSS -------- */

  /* --------- Create New Account --------- */
  .new-account .block-row #first_name {
      width: 49%;
      display: inline-block;
  }

  .new-account .block-row #last_name {
      width: 49.5%;
      display: inline-block;
  }

  /* ------- view account -------- */


  /* -=-=-=-=-=-=--=-= Make a Payment -=-=-=-=-=-=-= */

  /* ==-=-=-=-=--=-=-==-=-=-=- Enter Payment Details -=-==-==-=-=-=-=-=-= */


  /* =-=-=--=-=-=-=-=- d24-item-search-advanced-search -=-=-=-=-=-=-= */


  /* -=-=-=-=-=-=-=-= Order Status -=-=-=-=-=-=-=- */



}

.navbar-left #d24_keywordsearch {
  border-radius: 25px;
  width: 237px;
  padding-right: 35px;
}

.navbar-left .input-group {
  position: relative
}

.navbar-left .itemSearch {
  position: absolute;
  right: 5px;
  top: 1px;
  background: transparent;
  z-index: 9999999 !important;
  border-radius: 15px;
  border: none;


}



.order_form .med {
  text-align: right
}

.order_form .semilong {
  text-align: center
}

.order_form .long {
  text-align: center;


}

.order_form tbody>tr>td {
  vertical-align: center
}


/* -=-=-=--=-=-= rewardTableRows styling =-=-=--=-=-=-=-=- */

#myRewardsMainDiv .container {
  padding-left: 0;
  padding-right: 0;
}
#myRewardsMainDiv .row > * {
  padding-left: 0 !important;
}
#myRewardsMainDiv .container .row {
  margin: 0;
}
#myRewardsMainDiv .container .row .col #userName {
  margin-left: 0;
  margin-bottom: 15px;
  margin-top: 10px;
}
.rewardsActionLink {
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  color: #ed8b00;
  margin-bottom: 20px;
  margin-top: 15px;
}

.rewardsActionLink:hover {
  text-decoration: underline;
}

#rewardTableRows {
  border: 1px solid #ccc;
}

#rewardTableRows #tableHeader {
  font-size: initial;
  background: #000;
}

#rewardTableRows #tableHeader .col {
  font-size: 10pt;
  padding: 10px !important;
  color: #fff;
}

#rewardTableRows #tableRow {
  padding: 0;
}

#rewardTableRows #tableRow .col {
  padding: 10px !important;
}

#rewardTableRows #tableHeader.MuiPaper-elevation1 {
  font-size: initial;
  background: transparent;
  margin: 20px 10px 20px;
}

.MuiPaper-elevation1 .row {
  margin: 0;
}

.MuiPaper-elevation1 .bg-light span {
  font-weight: 400;
  margin-left: 0 !important;
}

.g-2 .column .bg-light img {
  margin-right: 5px !important;
  margin-left: -4px;
}

.MuiPaper-elevation1 .g-2.margin-left {
  margin-left: 40px !important;
}

.g-2.margin-left .column .bg-light {
  font-size: 18px;
  margin-bottom: 5px;
}

.g-2.margin-left .column .bg-light strong {
  font-weight: 400;
}

.g-2.margin-left .column .bg-light.instructions {
  font-weight: 400;
}