:root {
  --containerWidth: 1000px;
  --fontSize: 1rem;
}

.bv_products table {
  border-collapse: collapse;
  border-spacing: 0;
}

.bv_products {
  width: 100%;
  padding: 0 0;
  margin-top: 2rem;
  background: #ffffff;
}

.bv_products th {
  vertical-align: middle;
  padding: 1.3rem 1rem !important;
  text-align: left;
  background-color: #e8eff5;
  border: none !important;
  border-right: 1px solid #c5ccd4 !important;
  font-size: var(--fontSize);
  font-weight: bold;
  color: #1e3961;
}

.bv_products th:last-child {
  border-right: none !important;
}

.bv_products td {
  padding: 1.8rem 1rem;
  text-align: left;
  border: none !important;
  border-right: 1px solid #c5ccd4 !important;
  color: #464d54;
  font-size: var(--fontSize);
}

.bv_products td:last-child {
  border-right: none;
}

.bv_products tr:nth-child(odd) td {
  background-color: #f6f9fc;
}

th.small_th_products {
  width: 190px;
  padding-left: 16px;
  padding-right: 0;
}

/** Responsive Table */
@media screen and (max-width: 768px) {
  table.table_products_bv {
    border: 0;
  }

  table.table_products_bv td {
    border-right: none !important;
  }

  table.table_products_bv th {
    display: none !important;
  }

  table.table_products_bv caption {
    font-size: 1.3em;
  }

  table.table_products_bv thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table.table_products_bv tr {
    display: block;
    border-bottom: 1.5px solid #1e3961;
    border-top: none;
    margin-bottom: 0;
  }

  table.table_products_bv td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 0.8em;
    text-align: right;
  }

  table.table_products_bv td::before {
    /*
      * aria-label has no advantage, it won't be read inside a table
      content: attr(aria-label);
      */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    min-width: 40%;
    text-align: left;
  }

  table.table_products_bv td:last-child {
    border-bottom: 0;
  }
}

td.distribution_rate_bv {
  text-align: right;
}

td.text-right {
  text-align: right;
}

/** Sort Styling */

body .bootstrap-table tr th {
  background-image: none !important;
}

body .bootstrap-table .fixed-table-container .table thead th .th-inner {
  vertical-align: middle;
  overflow: visible;
  white-space: pre-wrap;
  max-width: 100%;
}

body .bootstrap-table th.small_th_products {
  max-width: 180px;
}

.bootstrap-table table {
  max-width: calc(100% - 1px);
}

tr th.asc {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==');
}
tr th {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC');
}
tr th.desc {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII=');
}

tr th {
  background-repeat: no-repeat;
  background-position: right;
}