/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width: 1px) {
  table {
    background: #FAFAFA;
    font-size: 12px;
    overflow-x: auto;
    display: block; }
    table th {
      border-bottom: 1px solid #EFF0F1;
      min-width: 130px; }
    table .t2 {
      min-width: 250px; }
    table tr {
      border-bottom: 1px solid #EFF0F1; }
    table tr:last-child {
      border: none; }
    table td,
    table th {
      border: none;
      text-align: left;
      padding: 4px;
      padding-left: 15px; }
    table td {
      background-color: #FAFAFA;
      vertical-align: top; }

  .reorder-title-mobile {
    border-bottom: 1px solid #DEDEDE;
    color: #007078;
    font-size: 20px;
    font-weight: 600;
    padding: 0 0 5px 0; }

  .reorder-subtitle-mobile {
    color: #007078;
    margin-bottom: 5px;
    position: relative;
    left: 16px; }

  .reorder-subtitle-mobile-2 {
    color: #007078;
    margin-bottom: 5px; }

  .reorder-subtitle {
    color: #007078;
    margin-bottom: 5px; }

  .reorder-subtitle {
    color: #007078;
    margin-bottom: 5px;
    position: relative; }

  .reorder-container table {
    background: none;
    border: none;
    font-size: 13px;
    margin: 0 auto; }
  .reorder-container tr {
    border-bottom: 1px solid #EFF0F1; 
  }
  .reorder-container tr:first-child,
  .reorder-container tr:last-child {
    border: none; }
  .reorder-container td,
  .reorder-container th {
    border: none;
    text-align: left;
    padding: 8px;
    padding-left: 15px; }
  .reorder-container th {
    font-size: 14px; }
  .reorder-container td {
    background-color: #FAFAFA;
    vertical-align: top; }

  .t1 {
    width: 115px; }

  .t2 {
    width: 330px; }

  .t3 {
    width: 200px; }

  .t4 {
    width: 220px; }

  .t5 {
    width: 80px; }

  .reorder-title {
    border-bottom: 1px solid #DEDEDE;
    color: #007078;
    font-size: 20px;
    font-weight: 600;
    padding: 0 0 5px 0; } }
/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
  .reorder-container table {
    display: block;
    overflow-x: auto;
    width: 92.8%; }

  .reorder-subtitle {
    left: 40px; } }
@media only screen and (min-width: 627px) {
  .dt {
    display: table !important; } }
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  .reorder-title {
    background: #F5F5F5;
    color: #007078;
    font-size: 1rem;
    font-weight: 600;
    margin-top: 7px;
    padding: 10px 15px 10px 38px;
    text-decoration: underline; }

  .reorder-subtitle {
    left: 38px; }

  .reorder-container table {
    display: table;
    width: 92.8%; }

  .db {
    display: block !important; } }
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  .reorder-title {
    padding: 10px 15px 10px 55px; }

  .reorder-subtitle {
    left: 48px; }

  .reorder-container table {
    display: table; }

  .dt,
  .db {
    display: table !important; } }
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  .reorder-subtitle {
    left: 55px; } }