/*!!! Warning !!! CSS files are generated from their associated SCSS files. Don't modify the CSS files directly,
modify the SCSS files and then compile them using compass. This will generate the CSS file for you.*/

/* ===== Responsive Table Styles ===== */

.section table.responsiveTable, table.responsiveTable {
  width: 100%;
  line-height: 1;
  thead {
    background: #f5f5f5;
    th {
      font-weight: bold;
      text-align: left;
      &.tableHeadline {
        display: none;
      }
    }
  }
  tbody {
    tr {
      &:nth-child(odd) {
        background: #fafafa;
      }
      &.error {
        background: #FCF3F3;
        color: #C60F13;
        + .error {
          border-top: 1px solid rgba(#C60F13, .15);
        }
      }
      &.adrRow td:first-child {
//        background: url(/global/images/general/new_adr_logo_gray.gif) no-repeat 5px 50%;
//        background-size: 25px;
//        padding-left: 30px;
//        margin-left:-2px;
      }
      &.noAdrRow td:first-child {
        padding-left: 30px;
      }
    }
  }
  th, td {
    padding: 3px 11px;
    vertical-align: middle;
    border-bottom: none;
    label {
      display: none;
    }
  }
}

.textMid {
  text-align: center;
}
.textRight {
  float: none;
  text-align: right;
}
.section #mainContent #orderConfirmation > div.scan_cards {
  margin-bottom: 0;
  table.responsiveTable {
    margin-bottom: 0;
    width: auto;
    td {
      padding: 3px 10px 3px 0;
      text-align: left;
    }
  }
}
.section #mainContent #orderConfirmation > div table.responsiveTable {
  margin-bottom: 0;
  width: auto;
  td {
    padding: 3px 10px 3px 0;
    text-align: left;
  }
}

/* ===== Media Queries ===== */
@media only screen and (max-width: 767px) {

  .responsiveTable {
    thead {
      th {
        &.tableHeadline {
          display: block;
          text-align: left;
          padding: 0 10px;
        }
        &:not(.tableHeadline) {
          display: none;
        }
      }
    }
    tr{
      display: block;
      padding: 10px 0;
      overflow: hidden;
    }
    th, td {
      display: block;
      float: left;
      border: none;
      padding: 4px 10px;
      font-size: 16px;
      label {
        display: inline;
        font-weight: bold;
      }
      &.newLine {
        clear: left;
      }
    }
  }
	.section #mainContent #orderConfirmation > div.scan_cards {
		margin-bottom: 0;
		table.responsiveTable {
		margin-bottom: 0;
		 tr{
      padding: 0 0 10px;
    }
		td {
			padding: 3px 10px 3px 0;
		}
	}
	}
}
.section #mainContent #orderConfirmation .responsiveTable {
    margin-top: 10px;
  }
.section #mainContent #orderConfirmation > div {
		margin-bottom: 0;
		table.reviewOrderDetails {
		margin-bottom: 0;
		width: auto;
		td {
			padding: 3px 10px 3px 0;
		}
	}
}

@media only screen and (max-width: 480px) {
  $h-padding:15px;
  #content #mainContent {
    padding: 0;
    .checkoutSection{
      border-radius: 0;
      border-left: none;
      border-right: none;
      padding: 10px 15px;
    }
    & > .container {
      padding: 0 !important;

      #backToCartButton {
        padding-left: $h-padding;
      }

      h1.checkoutHeader {
        padding-left: $h-padding;
      }

      .checkoutElements{
        .text{
          p{
            padding: 0 20px;
          }
        }
      }
    }
  }
}