/**
 * CSS for new pricing table
 */
.modal-content-width {
  width: 768px;
}
@media (max-width: 767px) {
  .modal-content-width {
    width: 100%;
    max-width: 100%;
  }
}

.size-guide {
  margin-bottom: 30px;
  padding: 0 30px;
}
.size-guide .title {
  margin-bottom: 30px;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
}
.size-guide table.table {
  font-size: 14px;
  border: 0 none;
}
.size-guide table.table th, .size-guide table.table td, .size-guide table.table tr {
  border: 0 none;
}
.size-guide table.table td {
  padding: 30px 20px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.size-guide table.table th,
.size-guide table.table tr > td:first-child {
  padding: 5px 15px;
  text-align: left;
  font-weight: bold;
  background: #F6AA1B;
}
.size-guide table.table th {
  padding-bottom: 25px;
}
.size-guide table.table .empty {
  background: none;
}
.size-guide table.table .light {
  background: #fff;
}
.size-guide table.table .med {
  background: #eceef3;
}
.size-guide table.table .dark {
  background: #ccd3e0;
}
.size-guide table.table .darker {
  background: #acb7cd;
}