/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 * USE "Mobile First" style!
 */
.mtnx-hide, .mxHideSite {
  display: none;
}

/* Use for spec table */
div.mxg-spec-table {
  overflow-x:auto;
}
.mxg-spec-table table {
 width: auto;
 border-collapse: separate !important;
 border-spacing: 0 !important;
 border: 1px solid #ccc;
 border-radius: 5px;
}
.mxg-spec-table tbody, .mxg-spec-table thead, .mxg-spec-table tfoot, .mxg-spec-table tr {
  border-width: 0 !important;    
}
.mxg-spec-table th, .mxg-spec-table td {
  border: 1px solid #eee !important;
  padding: 0 5px !important;
  margin: 0 !important;
}

/* Use rounded boder defined above for outer table. Disable cell border on edges. */
.mxg-spec-table table th:first-child, .mxg-spec-table table td:first-child {
  border-left-width: 0 !important;
  padding-right: 10px !important;
}
.mxg-spec-table table th:last-child, .mxg-spec-table table td:last-child {
  border-right-width: 0 !important;
}
.mxg-spec-table table tr:first-child th, .mxg-spec-table table tr:first-child td {
  border-top-width: 0 !important;
}
.mxg-spec-table table tr:last-child th, .mxg-spec-table table tr:last-child td {
  border-bottom-width: 0 !important;
}
