body {

      /*font-family: 'Roboto', sans-serif;*/
      font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
      font-size: 12px;
    }

    div.greenTable {

      font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

      border: 2px solid #167025;

      background-color: #FFF;

      width: 100%;

      text-align: left;

      border-collapse: collapse;

    }

    .divTable.greenTable .divTableCell,
    .divTable.greenTable .divTableHead {

      border: 1px solid #167025;

      padding: 1px 1px;

    }

    .divTable.greenTable .divTableBody .divTableCell {

      font-size: 12px;

      color: #000000;

      /* text-align: center; */

    }

    /*.divTable.greenTable .divTableRow:nth-child(even) {

      background: #948E85;

    }*/

    .divTable.greenTable .divTableHeading {

      background: #167025;

      border-bottom: 0px solid #444444;

    }

    .divTable.greenTable .divTableHeading .divTableHead {

      font-size: 12px;

      font-weight: bold;

      color: #F0F0F0;

      text-align: left;

      border-left: 2px solid #167025;

    }

    .divTable.greenTable .divTableHeading .divTableHead:first-child {

      border-left: none;

    }



    .greenTable .tableFootStyle {

      font-weight: bold;

    }

    /* DivTable.com */

    .divTable {
      display: table;
    }

    .divTableRow {
      display: table-row;
    }

    .divTableHeading {
      display: table-header-group;
    }

    .divTableCell,
    .divTableHead {
      display: table-cell;
    }

    .divTableHeading {
      display: table-header-group;
    }

    .divTableFoot {
      display: table-footer-group;
    }



    .total {
      float: right;
    }

    .divTableBody {
      display: table-row-group;
    }

    .divTableFoot .divTableRow {

      display: table-row;

      width: 100%;

    }





    form {

      width: 95%;

      margin: 0 auto;

      padding: 20px;

      -moz-border-radius: 4px;

      -webkit-border-radius: 4px;

      border-radius: 4px;

    }

    form label {

      border: 0;

      margin-bottom: 3px;

      display: inline-block;

    }



    form button {

      border: 0;

      margin-bottom: 3px;

      display: inline-block;

      border: 1px solid #eee;

    }

    form textarea {

      line-height: 25px;

      color: #616161;

      background-color: #f9f9f9;

      -moz-box-sizing: border-box;

      -webkit-box-sizing: border-box;

      box-sizing: border-box;

      border: 1px solid #e7e7e7;

      font-size: 12px;

      font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

    }

    form input {

      height: 24px;

      line-height: 16px;

      color: #616161;

      padding: 0 6px;

      background-color: #f9f9f9;

      -moz-box-sizing: border-box;

      -webkit-box-sizing: border-box;

      box-sizing: border-box;

      border: 1px solid #e7e7e7;

      width: 75px;

      font-size: 12px;

    }

    .thequant {

      width: 75px;

    }

    #sub {

      width: 150px;

      height: 60px;

      border-radius: 10px;

      line-height: 30px;

      color: #fff;

      background-color: #94B12C !important;

      padding: 6px 20px;

      margin-top: 10px;

      cursor: pointer;

      border: 1px solid #e7e7e7;

    }

    form .error {

      color: #ff0000;

    }

    .theform {

      width: 95%;

      margin: 25px 0;

    }

    .theform input {

      width: 100%;

      min-width: 300px;

    }

    table {

      border-collapse: collapse;

    }

    table,
    th,
    td {

      border: 1px solid #e7e7e7;

      padding: 5px;

    }

    div.toplogo {

      text-align: center;

      width: 100%;

    }

    input.number {

      background-color: #ffffcc;

    }

    .loader {

      border: 16px solid #f3f3f3;
      /* Light grey */

      border-top: 16px solid #3498db;
      /* Blue */

      border-radius: 50%;

      width: 120px;

      height: 120px;

      animation: spin 2s linear infinite;

      position: absolute;

      left: 45%;

      top: 45%;

      transform: translate(-45%, -45%);

    }



    @keyframes spin {

      0% {
        transform: rotate(0deg);
      }

      100% {
        transform: rotate(360deg);
      }

    }

    #overlay {

      position: fixed;
      /* Sit on top of the page content */

      display: none;
      /* Hidden by default */

      width: 100%;
      /* Full width (cover the whole page) */

      height: 100%;
      /* Full height (cover the whole page) */

      top: 0;

      left: 0;

      right: 0;

      bottom: 0;

      background-color: rgba(0, 0, 0, 0.5);
      /* Black background with opacity */

      z-index: 2;
      /* Specify a stack order in case you're using a different order for other elements */

      cursor: pointer;
      /* Add a pointer on hover */

    }

    div.totals {

      /* width: 80%; */

      text-align: right;

    }

    label {

      font-size: 12px;

    }



    .myalert {

      display: none;

      background-color: red;

      color: #FFF;

      padding: 10px;

      font-size: 16px;

      text-align: center;

    }