/* Boostrap */
body {
  padding-top: 60px;
  padding-bottom: 10px;
}

#footer-content {
  margin-left: 60px;
  color: #aaa;
}

.list-actions {
  margin-top: 18px;
}

.visible-print {
  display: none !important;
}

@media print {
  .table-example>tbody>tr>td, .table-example>tbody>td>th,
  .table-example>thead>tr>td, .table-example>thead>td>th {
    padding: 4px;
  }
  .visible-print {
    display: inherit !important;
  }

  .hidden-print {
    display: none !important;
  }

  /* Override Bootstrap */
  a[href]:after {
    content: "" !important;
  }

  @page {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Keep the cell colors */
  td.empty {
    -webkit-print-color-adjust: exact;
  }

  /* Repeat header */
  thead {
    display: table-header-group;
  }
  tfoot {
    display: table-header-group;
  }
}

td.empty {
  background-color: #ccc !important;
}

.popover { max-width: none; }

/* General */
.error {
  color: #a94442;
}

.filler {
  padding-top: 6px;
}

.header {
 font-weight: 700;
 text-align: right;
}

.table-detail>tbody>tr, .table-detail>tbody>tr>th, .table-detail>tbody>tr>td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
}

.table-detail>tbody>th {
 font-weight: 700;
 text-align: right;
}

.table-nonfluid {
   width: auto !important;
}

.emc-table-fixed {
  table-layout: fixed;
}

.emc-table-header-sticky {
  border-top: none;
  border-bottom: none;
  background-color: #FFF;
  position: sticky;
  top: 50px;
}

.content-padding {
  padding: 0px 40px;
}

.emc-small-input {
  width: 100px !important;
}

/* Used for page anchors and not hiding the target (offset is equal navbar) */
.page-anchor {
  padding-top: 60px;
  margin-top:-40px;
}

.emc-detail--header {
  margin-top: 0px;
}


.emc-th-formulation-units {
  width: 6em;
}

.emc-component-table-header {
  padding-left: 0 !important;
}

table.table .comparison-header {
  padding-top: 2em;
}

/* Chart */
#chart {
  height: 360px;
  position: relative;
  width: 360px;
}

.legend {
  font-size: 12px;
}

rect {
  stroke-width: 2;
}

.chart-tooltip {
  background: #fff;
  box-shadow: 1px 1px 8px #999999;
  color: #333;
  display: none;
  font-size: 12px;
  left: 130px;
  padding: 10px;
  position: absolute;
  text-align: center;
  top: 150px;
  width: 100px;
  z-index: 10;
}

.chart-inner-label {
  fill: white;
  font-weight: bold;
  font-size: 12px;
}

.emc-main-buttons {
  margin-top: 18px;
}

.emc-media {
  max-height: 15rem;
  object-fit: cover;
  object-position: bottom;
}

.pt-1 {
  padding-top: 0.75rem;
}

.pt-2 {
  padding-top: 1.5rem;
}

.mt-1 {
  margin-top: 0.75rem;
}

.mt-2 {
  margin-top: 1.5rem;
}