html, body {
   margin: 0;
   font-family: HelveticaNeue, sans-serif;
}

@media only screen and (min-width:1px) and (max-width:1023px) {
   body {
      font-size: 12px;
   }
}

@media only screen and (min-width:1024px) {
   body {
      font-size: 16px;
   }
}

.content {
   max-width: 330px;
   padding: 15px;
   margin: 0 auto;
   padding-left: 2em;
}

.content-lg {
   max-width: 440px;
   padding: 15px;
   margin: 0 auto;
   padding-left: 2em;
}

.password-match-status {
   text-align: center;
   vertical-align: middle;
   color: red;
}

.align-center {
   text-align: center;
}

.padding-none {
   padding: 0 !important;
}

.padding-bottom-1em {
   padding-bottom: 1em;
}

.padding-bottom-half-em {
   padding-bottom: 0.5em;
}

.padding-top-0 {
   padding-top: 0;
}

.hr-small-margin {
   margin-bottom: 10px;
   margin-top: 5px;
}

.text-red {
   color: red;
}

.left {
   width: 50%;
   float: left;
}

.right {
   width: 50%;
   float: right;
}


/* Name Value List */
.nameValueList {
   list-style: none;
   display: table;
   padding-left: 0px;
   margin-top: 5px;
   margin-bottom: 0px;
   width: 100%;
}

   .nameValueList li {
      display: table-row;
      border-bottom: 1px solid #E8E8E8;
      width: 100%;
   }

      .nameValueList li .texts {
         display: table-cell;
         font-weight: bold;
         text-align: right;
      }

      .nameValueList li .textsRight {
         display: table-cell;
         font-weight: bold;
         text-align: right;
         width: 50%;
      }

      .nameValueList li .textsLeft {
         display: table-cell;
         font-weight: bold;
         text-align: left;
         width: 30%;
      }

      .nameValueList li .values {
         display: table-cell;
         line-height: 22px;
         padding-left: 10px;
         vertical-align: top;
      }

      .nameValueList li .values15LineHeight {
         display: table-cell;
         line-height: 15px;
         padding-left: 10px;
         vertical-align: top;
      }

      .nameValueList li .valuesDefaultLineHeight {
         display: table-cell;
         padding-left: 10px;
         vertical-align: top;
      }

/* TABLE */
table {
   display: table;
   width: 100%;
   margin-bottom: 0px;
}

.table-plane {
   display: table;
}

.table-no-bs {
   width: auto;
   display: table;
   height: 100%;
}

.table-row {
   display: table-row;
   height: 1px;
   width: 100%;
}

.table-row-plane {
   display: table-row;
}

.table-row-full {
   display: table-row;
   height: 100%;
   width: 100%;
}

.table-row.expand {
   height: auto;
}

.table-cell {
   display: table-cell;
}

.table-cell-nowrap {
   display: table-cell;
   white-space: nowrap;
}

.spacer {
   display: table-cell;
   width: auto;
   white-space: nowrap;
}