h1 {
  font-size: 14px;
}
h3 {
      text-align: center;
    }
th, td {
      padding: 4px;
    }

table {
	width: 100%;
	margin: 0.2em auto;
	border-collapse: collapse;
}
table td.shrink {
    white-space:nowrap
}
table td.tdGrey {
    background-color: #f2f2f2;
}
.evenGrey table {
	width: 100%;
	margin: 0.2em auto;
	border-collapse: collapse;
}

.evenGrey tr:nth-child(even) {
  background-color: #f2f2f2;
}
.oddGrey tr:nth-child(odd) {
  background-color: #f2f2f2;
}

div {
  display: inline-block;
  align-content: center;
}
div.button {
    color:white;
    box-shadow: 0 0 5px -1px rgba(0,0,0,0.6);
}
p {
page-break-before : always;
}

table.orders{
    width: 98%;
  	margin: 0.5em auto;
  	border-collapse: collapse;
}
  table.extraSmall{
    width: 10%;
  	margin: 0.5em auto;
  	border-collapse: collapse;
  }
  table.small{
    width: 50%;
  	margin: 0.5em auto;
  	border-collapse: collapse;
  }
  table.medium{
    width: 80%;
  	margin: 0.5em auto;
  	border-collapse: collapse;
  }

 .redMsg {
  color: red;
}
.greenMsg {
 color: green;
}
@media print {
   .screen-only {
       display: none;
    }
    .example-print {
       display: inline-table;
    }
}
@media print {
  .receipt {
    width: 80mm;
    }
  }

.mouse {
  cursor: pointer;
}

.date-input {
      background-color: #8FBC8F; /* Green */
      border: none;
      color: white;
      padding: 2px 5px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 1em;
  }

.button {
        background-color: #000000;
        color: #FFFFFF;
        padding: 5px;
        border-radius: 5px;
        margin:5px;
        font-size: 1em;
        display: inline-block;
    }
.accept-button {
      background-color: #4CAF50; /* Green */
      border: none;
      color: white;
      padding: 7px 7px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 1em;
  }

  .cancel-button {
        background-color: #566573; /*  */
        border: none;
        color: white;
        padding: 7px 7px;
        text-align: center;
        text-decoration: bold;
        display: inline-block;
        font-size: 1em;
    }

  .submit-green-button {
        background-color: #4CAF50; /* Green */
        border: none;
        color: white;
        padding: 5px 7px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 1em;
    }

    .submit-yellow-button {
          background-color: #FDD017;
          border: none;
          color: black;
          padding: 5px 7px;
          text-align: center;
          text-decoration: none;
          display: inline-block;
          font-size: 1em;
      }

      .submit-red-button {
        background-color: #8B0000;
        border: none;
        color: white;
        padding: 5px 7px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 1em;
        }

      .submit-date-button {
            background-color: #ADFF2F;
            border: none;
            color: black;
            padding: 5px 7px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 1em;
        }

      .logout-button {
            background-color: #f44336; /* Green */
            border: none;
            color: white;
            padding: 7px 7px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 1em;
        }

  .reject-button {
        background-color: #f44336; /* Green */
        border: none;
        color: white;
        padding: 7px 7px;
        text-align: center;
        text-decoration: bold;
        display: inline-block;
        font-size: 1em;
    }

    .linkButton {
      background: none;
      border: none;
      color: #0066ff;
      padding: 8px 8px;
      text-align: center;
      text-decoration: bold;
      display: inline-block;
      font-size: 1em;
   }

   .linkGreenButton {
     background: none;
     border: none;
     color: #4CAF50;
     padding: 8px 15px;
     text-align: center;
     text-decoration: bold;
     display: inline-block;
     font-size: 1em;
  }

  .linkRedButton {
    background: none;
    border: none;
    color: #FF0000;
    padding: 8px 15px;
    text-align: center;
    text-decoration: bold;
    display: inline-block;
    font-size: 1em;
 }

  .deleteButton
  {
    background-image: url('../imgs/deleteRed.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    /*exactly the width and height of the image*/
    width: 12px;
    height: 12px;
    border: 0px;
    background-color: #fff;
    cursor: pointer;
    outline: 0;
    }

    .editButton
    {
      background-image: url('../imgs/editIMG.gif');
      background-position: 0px 0px;
      background-repeat: no-repeat;
      /*exactly the width and height of the image*/
      width: 16px;
      height: 16px;
      border: 0px;
      background-color: #fff;
      cursor: pointer;
      outline: 0;
      }

    .addButton
    {
      background-image: url('../imgs/add.png');
      background-position: 0px 0px;
      background-repeat: no-repeat;
      /*exactly the width and height of the image*/
      width: 16px;
      height: 16px;
      border: 0px;
      background-color: #fff;
      cursor: pointer;
      outline: 0;
      }

    .order_info {
          background-color: #000000; /* Green */
          border: none;
          color: white;
          padding: 15px 32px;
          text-align: center;
          text-decoration: none;
          display: inline-block;
          font-size: 1em;
      }
    .small-btn {
        width: 50px;
        height: 25px;
    }

    .medium-btn {
        width: 70px;
        height: 30px;
    }

    .big-btn {
        width: 240px;
        height: 40px;
    }

.container {
    position: relative;
    width: 100%;
}
.column1 {
   text-align: center;
}
a {
  color: blue;
  text-decoration: none;
}