@import "variables";

#summary_table {
  width: calc(100% - 50px);
}

#seismic_anchor_table {
  overflow-x: auto;
  width: calc(100% - 50px);
  display: inline-block;
  margin-top: 5px;
  th {
    border-bottom: 3px solid #EAEAEA;
  }
}

#seismic_anchor_table, #summary_values_table {
  tr {
    td:first-child {
      border-left: none;
    }

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

    td {
      padding-left: 10px;
      padding-right: 10px;
    }
  }
}

.summary_table {
  margin: 25px;
  text-align: center;
  border-spacing: 0;
  border-collapse: collapse;

  th {
    background: $light-border-color;
    padding: 10px;
    font-weight: $semi-bold;
    font-size: 14px;
    border-left: 3px solid $light-border-color;
  }

  td {
    padding: 7px;
    font-weight: 500;
    border: 3px solid $light-border-color
  }

  .alternating_row_color:nth-child(6n),
  .alternating_row_color:nth-child(6n+1),
  .alternating_row_color:nth-child(6n+2) {
    background-color: $table-alternate-row-color;
  }
}

.summary_warning {
    background-color: $warning-color;
    border: 1px solid $circle-highlighted;
    padding: 10px;
}

td.table_horizontal_borders {
  border: none;
  border-bottom: 3px solid $light-border-color;
  border-top: 3px solid $light-border-color;

  &.warning {
    background-color: $warning-color;
  }
}

td.table_meta_headers {
  font-weight: $semi-bold;
  border: none;
  font-size: 18px;
}

td.corner_border {
  border-left: 3px solid $corner-panel-color;
}

td.north_south_border {
  border-left: 3px solid $northsouth-panel-color;
}

td.east_west_border {
  border-left: 3px solid $eastwest-panel-color;
}

td.middle_border {
  border-left: 3px solid $middle-panel-color;
}

table .left_text_cell {
  text-align: left;
  padding-left: 10px;
}

table .right_border_cell {
  border-left: none;
}

.image_container {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;

  img {
    width: 90%;

    &.side_by_side {
      width: 50%;
    }

    &.dual_tilt_panel_types {
      width: 65%;
      margin-bottom: 25px;
    }
  }
}
