/* COMMON */
ul, ol {
  margin-bottom: 0;
}

.table-wrapper {
  margin: 30px 0;
}

.margin-r-10 {
  margin-right: 10px;
}

.margin-l-10 {
  margin-left: 10px;
}

.margin-l-5 {
  margin-left: 5px;
}

.margin-t-5 {
  margin-top: 5px;
}

.margin-b-5 {
  margin-bottom: 5px;
}

.float-lg-left {
  float: left;
}

.float-lg-right {
  float: right;
}

.v-center {
  display: flex;
  align-items: center;
}

.fa {
  padding-right: 5px !important;
}

.btn-default {
  background-color: #f4f4f4;
  color: #444;
  border-color: #ddd;
}

.dataTables_wrapper thead {
  background-color: #f4f4f4;
}

.icon-collapse {
  position: absolute;
  right: 0;
  top: 3px;
  text-align: center;
  width: 42px;
}

  .icon-collapse i {
    font-size: 20px;
    padding-right: 0 !important;
    font-weight: bold;
  }

.search-row {
  padding-left: 50px;
  padding-right: 30px;
  position: relative;
  cursor: pointer;
}

.search-text {
  font-size: 18px;
}

.icon-search {
  position: absolute;
  left: 0;
  top: 3px;
  text-align: center;
  width: 50px;
}

  .icon-search i {
    font-size: 18px;
    padding-right: 0 !important;
  }

.form-horizontal .label-wrapper {
  display: table;
  float: right;
  min-height: 28px;
}

  .form-horizontal .label-wrapper .ico-help {
    display: table-cell;
    color: #3c8dbc;
    font-size: 1.17em;
    padding-left: 6px;
  }

  .form-horizontal .label-wrapper .ico-help {
    display: none;
  }

.pull-right.row {
  margin-right: 0;
  margin-left: 0;
  float: none !important;
}

  .pull-right.row .fa-download {
    display: none;
  }

.b2blist {
  font: normal 12px 'Barlow', sans-serif;
  border-collapse: collapse;
  width: 100%;
}

  .b2blist td, .b2blist th {
    padding: 10px;
  }

  .b2blist tr:nth-child(even) {
    background-color: #f6f6f6;
  }

  .b2blist tr:hover {
    background-color: #ddd;
  }

  .b2blist th {
    padding-top: 14px;
    padding-bottom: 14px;
    text-align: left;
    background-color: #1a3b83;
    color: white;
    font-size: 17px;
    font-weight: 300;
    white-space: nowrap;
  }

  .b2blist td {
    font-size: 15px;
    color: #8c8c8c;
  }

    .b2blist td:nth-child(4) {
      white-space: nowrap;
    }

input[name="productQty"] {
  display: block;
  max-width: 34px !important;
  height: 34px !important;
  text-align: center !important;
  border: 1px solid #ccc !important;
  margin: 10px 3px;
  border-radius: 4px;
  color: #8c8c8c;
}

#billing-address-show,
#search-b2baccount-qoutes {
  background: #3784a6 !important;
  width: unset;
  height: 34px;
  line-height: 34px !important;
  border: none;
  color: #fff;
  font-size: 15px;
  line-height: 40px;
  border-radius: 4px;
  padding: 0 15px;
}

#search-b2baccount-qoutes {
  display: inline-block;
  margin-top: -3px;
}

#billing-address-show {
  margin-bottom: 30px;
  position: absolute;
  right: 40px;
  z-index: 9;
}



/****** B2B ACCOUNT ORDERS ******/

.search-box input.search-box-text {
  box-sizing: border-box;
  box-shadow: 0;
}

.store-search-box span.search-box-text.narrow {
  border: none;
}

.search-box-select {
  font-size: 14px !important;
  color: #959595 !important;
}

.account-page.customer-info-page .page-title,
.account-page.order-list-page .page-title {
  display: none !important;
}

.account-page.customer-info-page .page-body {
  max-width: 100% !important;
}

.account-page.customer-info-page.billing-address .page-body,
.account-page.customer-info-page.shipping-address .page-body {
  max-width: 740px !important;
}

.account-page.customer-info-page .page-title,
.account-page.order-list-page .page-title {
  padding: 0 !important;
}

  .account-page.customer-info-page .page-title h1,
  .account-page.order-list-page .page-title h1 {
    margin-top: 0 !important;
  }

.account-page.customer-info-page .page-body,
.account-page.order-list-page .page-body {
  position: relative;
}

.account-page.customer-info-page .fieldset,
.account-page.order-list-page .fieldset {
  margin-bottom: 20px;
}

.account-page.customer-info-page .form-fields {
  border-bottom: 1px solid #e7e7e7;
  overflow: hidden;
  padding-bottom: 30px;
}

  .account-page.customer-info-page .form-fields .inputs {
    width: 16%;
    display: inline-block;
    margin: 0;
  }

    .account-page.customer-info-page .form-fields .inputs label {
      font-size: 14px;
      width: 100% !important;
      line-height: 20px;
      min-height: 20px;
      display: flex;
    }

      .account-page.customer-info-page .form-fields .inputs label:nth-child(2) {
        display: block;
        width: 100%;
        font-weight: normal;
        min-height: 42px;
        margin-bottom: 0;
      }

.account-page.customer-info-page .page-body .row,
.account-page.order-list-page .page-body .row {
  margin: 0 !important;
}

  .account-page.customer-info-page .page-body .row .my-inputs,
  .account-page.order-list-page .page-body .row .my-inputs {
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 20px;
    width: calc(33.3333% - 49px);
  }

    .account-page.customer-info-page .page-body .row .my-inputs label {
      min-width: 205px;
      margin-right: 20px;
      margin-bottom: 0;
    }

    .account-page.customer-info-page .page-body .row .my-inputs:first-child label {
      min-width: 205px;
    }

    .account-page.customer-info-page .page-body .row .my-inputs:first-child input {
      width: calc(100% - 132px);
    }

    .account-page.customer-info-page .page-body .row .my-inputs:nth-child(2) label {
      min-width: 120px;
    }

    .account-page.customer-info-page .page-body .row .my-inputs:nth-child(2) input {
      width: calc(100% - 132px);
    }

    .account-page.customer-info-page .page-body .row .my-inputs:nth-child(3) label {
      min-width: 120px;
    }

    .account-page.customer-info-page .page-body .row .my-inputs:nth-child(3) select {
      width: calc(100% - 205px);
    }

    .account-page.order-list-page .page-body .row .my-inputs label {
      min-width: 110px;
      margin-right: 20px;
      margin-bottom: 0;
    }

.account-page.customer-info-page .page-body .fieldset .row .my-inputs input,
.account-page.customer-info-page .page-body .fieldset .row .my-inputs select,
.account-page.order-list-page .page-body .fieldset .row .my-inputs input,
.account-page.customer-info-page .page-body .fieldset .row .my-inputs select {
  display: inline-block;
  height: 34px;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  padding: 0 20px;
  vertical-align: middle;
  font-size: 15px;
  color: #8c8c8c;
  font-family: 'Barlow', sans-serif;
}

#search-b2baccount-financial-transactions {
  background: #3784a6 !important;
  border-color: #3784a6 !important
}

#search-b2baccount-qoutes,
.account-page.order-list-page .page-body .fieldset .row button {
  width: unset;
  height: unset;
}

  .account-page.customer-info-page .page-body .fieldset .row button .fa-search,
  .account-page.customer-info-page .page-body .fieldset .row button .fa-search::before,
  .account-page.order-list-page .page-body .fieldset .row button .fa-search,
  .account-page.order-list-page .page-body .fieldset .row button .fa-search::before {
    display: none;
  }

.account-page.customer-info-page .page-body .panel-body,
.account-page.customer-info-page .dataTables_wrapper .col-md-12,
.account-page.order-list-page .page-body .panel-body,
.account-page.order-list-page .dataTables_wrapper .col-md-12 {
  padding: 0;
}

.account-page.customer-info-page .dataTables_wrapper .dataTable,
.account-page.order-list-page .dataTables_wrapper .dataTable {
  margin-top: 0 !important;
  border: none !important;
}

.account-page.customer-info-page .panel.panel-default,
.account-page.order-list-page .panel.panel-default {
  border: none !important;
}

.account-page.customer-info-page .dataTables_wrapper .dataTable thead tr th,
.account-page.order-list-page .dataTables_wrapper .dataTable thead tr th {
  padding-top: 14px;
  padding-bottom: 14px;
  text-align: left;
  background-color: #96a5ac !important;
  color: white;
  font-size: 17px;
  font-weight: 300;
}

.account-page.customer-info-page .dataTables_wrapper .dataTable thead tr th,
.account-page.customer-info-page .dataTables_wrapper .dataTable tbody tr td,
.account-page.order-list-page .dataTables_wrapper .dataTable thead tr th,
.account-page.order-list-page .dataTables_wrapper .dataTable tbody tr td {
  border: none !important;
  font: normal 12px 'Barlow', sans-serif;
  vertical-align: middle;
  white-space: nowrap;
  padding: 12px 15px;
}

  .account-page.order-list-page .dataTables_wrapper .dataTable tbody tr td:first-child {
    padding: 12px 4px;
  }

  .account-page.order-list-page .dataTables_wrapper .dataTable thead tr th:nth-last-child(2),
  .account-page.order-list-page .dataTables_wrapper .dataTable thead tr th:nth-last-child(3) {
    white-space: pre-wrap;
  }

  .account-page.customer-info-page .dataTables_wrapper .dataTable thead tr th:nth-child(6),
  .account-page.customer-info-page .dataTables_wrapper .dataTable tbody tr td:nth-child(6) {
    text-align: right;
  }

  .account-page.customer-info-page .dataTables_wrapper .dataTable tbody tr td.download-invoices a {
    display: inline-block;
    padding: 2px 5px !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background: #1a3b83;
    color: #fff;
  }

  .account-page.customer-info-page .dataTables_wrapper .dataTable tbody tr td.button-column button,
  .account-page.order-list-page .dataTables_wrapper .dataTable tbody tr td.button-column button,
  .btn-invoice-download {
    border: 1px solid #1a3b83 !important;
    padding: 2px 5px !important;
    background-color: #1a3b83 !important;
    color: #fff;
  }

.btn-invoice-download-disabled {
  padding: 2px 5px !important;
}

.account-page.customer-info-page .dataTables_wrapper .dataTable tbody tr td.button-column button i.fa-eye,
.account-page.order-list-page .dataTables_wrapper .dataTable tbody tr td.button-column button i.fa-eye {
  display: none !important;
}

.account-page.customer-info-page .dataTables_wrapper .dataTable tbody tr:nth-child(2n + 1),
.account-page.order-list-page .dataTables_wrapper .dataTable tbody tr:nth-child(2n + 1) {
  background-color: #fff;
}

.account-page.customer-info-page .dataTables_wrapper .dataTable tbody tr:nth-child(2n),
.account-page.order-list-page .dataTables_wrapper .dataTable tbody tr:nth-child(2n) {
  background-color: #f6f6f6;
}

.dataTables_scrollBody {
  margin-bottom: 30px;
}

.account-page.order-list-page .dataTables_wrapper .dataTable thead tr th:nth-child(6),
.account-page.order-list-page .dataTables_wrapper .dataTable tbody tr td:nth-child(6),
.account-page.order-list-page .dataTables_wrapper .dataTable thead tr th:nth-child(7),
.account-page.order-list-page .dataTables_wrapper .dataTable tbody tr td:nth-child(7),
.account-page.order-list-page .dataTables_wrapper .dataTable thead tr th:nth-child(8),
.account-page.order-list-page .dataTables_wrapper .dataTable tbody tr td:nth-child(8) {
  text-align: center;
}

.account-page.order-list-page .dataTables_wrapper .dataTable thead tr th:last-child,
.account-page.order-list-page .dataTables_wrapper .dataTable tbody tr td:last-child,
.account-page.order-list-page .dataTables_wrapper .dataTable thead tr th:nth-child(11),
.account-page.order-list-page .dataTables_wrapper .dataTable tbody tr td:nth-child(11) {
  text-align: right;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #3784a6 !important;
  border-color: #3784a6 !important
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  color: #1a3b83;
}

.pagination > li > a,
.pagination > li > span {
  color: #1a3b83;
}

.btn-wrapper .quick-view-button a::before {
  color: #fff;
}

.btn-wrapper .quick-view-button a:hover {
  border-color: #8c8c8c;
}

/*.viewmode-icon.list {
    display: none !important;
}*/

.viewmode-icon.b2blist.selected {
  background: url('../img/view-b2blist.png');
  background-repeat: no-repeat;
  background-position: center;
}

#qoute-order-list-grid .button-column .btn-default {
  background: #3784a6 !important;
  border: none !important;
  color: #fff !important;
  text-decoration: none;
  width: 100%;
  padding: 3px 20px !important;
}

/*** Billing address ***/

.account-page.customer-info-page.billing-address .page-body .inputs label:first-child {
  font-size: 14px !important;
  color: #8c8c8c !important;
  font-weight: bold;
}

.account-page.customer-info-page.billing-address .page-body .inputs label:nth-child(2) {
  display: block;
  width: 100% !important;
  height: 45px;
  color: #8c8c8c;
  border-radius: 3px;
  width: 100%;
  border: 1px solid #8c8c8c;
  padding: 14px 20px;
}

/*** Shipping address ***/

.account-shipto-collapsible {
  background: #545f66 !important
}

.account-shipto-address {
  padding: 18px 18px !important;
}

  .account-shipto-address .inputs label:first-child {
    font-size: 14px !important;
    color: #8c8c8c !important;
    font-weight: bold;
  }

  .account-shipto-address .inputs label:nth-child(2) {
    display: block;
    width: 100% !important;
    height: 45px;
    color: #8c8c8c;
    border-radius: 3px;
    width: 100%;
    border: 1px solid #8c8c8c;
    padding: 14px 20px;
  }

@media screen and (max-width: 1780px) {
  .account-page.customer-info-page .form-fields .inputs {
    width: 32.3333%;
  }

  label {
    font-size: 12px !important;
  }

  .account-page.customer-info-page .page-body .row .my-inputs:first-child label {
    min-width: 90px;
  }

  .account-page.customer-info-page .page-body .row .my-inputs:nth-child(2) label {
    min-width: 100px;
  }

  .account-page.customer-info-page .page-body .row .my-inputs:nth-child(3) label {
    min-width: 120px;
  }

  .account-page.customer-info-page .page-body .row .my-inputs:first-child input {
    width: calc(100% - 99px);
  }

  .account-page.customer-info-page .page-body .row .my-inputs:nth-child(2) input {
    width: calc(100% - 109px);
  }

  .account-page.customer-info-page .page-body .row .my-inputs:nth-child(3) select {
    width: calc(100% - 166px);
  }
}

@media screen and (max-width: 1600px) {
  .account-page.customer-info-page .page-body .row .my-inputs:first-child label,
  .account-page.customer-info-page .page-body .row .my-inputs:nth-child(2) label,
  .account-page.customer-info-page .page-body .row .my-inputs:nth-child(3) label {
    min-width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
    text-align: left;
  }

  .account-page.customer-info-page .page-body .row .my-inputs:first-child input,
  .account-page.customer-info-page .page-body .row .my-inputs:nth-child(2) input,
  .account-page.customer-info-page .page-body .row .my-inputs:nth-child(3) select {
    width: 100%;
  }
}

@media screen and (max-width: 678px) {
  .account-page.customer-info-page.billing-address .page-body .inputs > label:first-child,
  .account-page.customer-info-page.billing-address .page-body .inputs > label:nth-child(2),
  .account-shipto-address .inputs label:first-child,
  .account-shipto-address .inputs label:nth-child(2) {
    width: 100% !important;
    display: block !important;
    clear: both !important;
  }

  .account-page.customer-info-page .page-body .row .my-inputs,
  .account-page.order-list-page .page-body .row .my-inputs {
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .account-page.customer-info-page .form-fields .inputs {
    width: 50%;
  }
}

@media screen and (max-width: 480px) {
  .account-page.customer-info-page .form-fields .inputs {
    width: 100%;
  }
}

.dataTables_wrapper .data-tables-refresh {
  display: none;
}


.account-page.customer-info-page.customer-configuration 
.form-fields .form-group .inputs {
  width: 50% !important;
  margin-left: 50px;
}

.account-page.customer-info-page.customer-configuration 
.form-fields .form-group .inputs label {
  font-weight: 700 !important;
}


.b2b-finantial-transection-data-table .btn-invoice-download-disabled {
  padding: 10px 15px !important;
  background: #ccc !important;
  background-color: #ccc !important;
  border: 1px solid #ccc !important;
  color: #111 !important;
  opacity: 1;
}

.btn-disable-state {
  cursor: not-allowed;
}

.account-page .fieldset .row {
  display: flex !important;
  align-items: end;
}

.account-page .fieldset .row .my-inputs {
  width: 100% !important;
  margin-bottom: 0 !important;
}

.account-page .fieldset .row label {
  width: 100%;
  margin-right: 0 !important;
  margin-bottom: 10px !important;
  font-size: 14px !important;
}

.account-page .fieldset .row input,
.account-page .fieldset .row select {
  width: 100% !important;
}


.account-page .fieldset .form-fields {
  display: flex;
  flex-wrap: wrap;
}

.account-page .fieldset .form-fields .inputs {
  width: 25%;
  padding: 0 !important;
}

.account-page .fieldset .form-fields .inputs label {
  width: 100% !important;
}

.account-page .fieldset .form-fields .inputs label:first-child {
  font-size: 14px;
  font-weight: bold;
}

#qoute-order-list-grid td,
div.dataTables_wrapper div.dataTables_length label,
div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_length select {
  color: #8c8c8c !important;
}

.b2baccount-customer-configuration a::after {
  content: "\79";
}

.html-customer-info-page .page-title,
.html-back-in-stock-subscription-list-page .page-title,
.page.account-page.change-password-page .page-title,
.html-customer-info-page .page-title {
  display: none !important;
}

.page.account-page.customer-info-page.customer-configuration .fieldset .form-fields { display: block }
.page.account-page.customer-info-page.customer-configuration .fieldset .form-fields .inputs { margin-left: 0 !important }

.page.account-page.customer-info-page.billing-address .fieldset,
.fieldset.account-shipto-address { display: flex; flex-wrap: wrap; }

.account-page .inputs:nth-child(2n) .required {
  right: 4px !important;
}

@media screen and (max-width: 1024px) {
  .account-page .fieldset .row label {
    font-size: 12px !important;
  }
}

@media screen and (max-width: 768px) {
  .account-page .fieldset .row {
    flex-wrap: wrap !important;
  }

  .account-page .fieldset .row .my-inputs {
    width: 100% !important;
  }

  #search-b2baccount-financial-transactions,
  #search-b2baccount-qoutes {
    margin-top: 15px !important;

  }

  .account-page.customer-info-page .page-body .row .my-inputs label,
  .account-page.order-list-page .page-body .row .my-inputs label {
    margin-top: 15px;
    text-align: left !important;
  }

}

@media screen and (max-width: 640px) {
  .account-page .fieldset .form-fields .inputs {
    width: 100%;
    border-bottom: 1px solid #f6f6f6;
    margin-top: 15px;
  }

  .account-page .fieldset .form-fields .inputs:last-child {
    border-bottom: none !important;
  }
}