body {
  background-color: #F7F2E6;
  margin: 0;
  padding: 0;
}

#header {
  background-color: #0A405F;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#header-left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /* Forces side columns to stay same width */
  width: 100px;
  /* Sets the width of side columns */
}

#header-center {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  /* Lets middle column shrink/grow to available width */
  color: #f4d17c;
  font-size: 30px;
  font-family: "a_love_of_thunderregular", sans-serif;
  text-align: center;
}

#header-right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /* Forces side columns to stay same width */
  width: 150px;
  /* Sets the width of side columns */
}

#menuBar {
  height: 20px;
  width: 100%;
  padding: 10px;
  background: #000000;
  /* Show a solid color for older browsers */
  background: -webkit-linear-gradient(#000000, #888888, #000000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#888888');
}

#main {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#main-left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /* Forces side columns to stay same width */
  width: 250px;
  /* Sets the width of side columns */
  margin-top: 0;
  padding-left: 10px;
}

#main-center {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  /* Lets middle column shrink/grow to available width */
  -ms-flex-positive: 1;
      flex-grow: 1;
  width: 100%;
  margin-top: 0;
}

#main-right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /* Forces side columns to stay same width */
  margin-top: 0;
}

#admin-menu {
  -webkit-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
}

#page-title {
  -webkit-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
}

#left-title {
  -webkit-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
}

.container {
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px 0 #444444;
  box-shadow: 0 5px 10px 0 #444444;
  background-color: white;
  border: 1px solid #444444;
  display: inline-block;
  margin: 10px 3px 3px 3px;
  padding: 0;
}

.container-left {
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px 0 #444444;
  box-shadow: 0 5px 10px 0 #444444;
  background-color: white;
  border: 1px solid #444444;
  display: inline-block;
  margin: 10px 10px 10px 10px;
  padding: 0;
}

.container-right {
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px 0 #444444;
  box-shadow: 0 5px 10px 0 #444444;
  background-color: white;
  border: 1px solid #444444;
  display: inline-block;
  margin: 10px 10px 10px 0;
  padding: 0;
}

.container-list-750 {
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px 0 #444444;
  box-shadow: 0 5px 10px 0 #444444;
  background-color: white;
  border: 1px solid #444444;
  margin: 10px 3px 3px 3px;
  padding: 0;
  max-width: 750px;
}

.container-list-full {
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px 0 #444444;
  box-shadow: 0 5px 10px 0 #444444;
  background-color: white;
  border: 1px solid #444444;
  margin: 10px 3px 3px 3px;
  padding: 0;
  width: 95%;
}

.access_error {
  border-radius: 8px;
  -webkit-box-shadow: 0 10px 10px 0 #C2C2C2;
  box-shadow: 0 10px 10px 0 #C2C2C2;
  background-color: white;
  border: 1px solid #c5c5c5;
  display: inline-block;
  margin: 0;
  padding: 5px;
}

.content {
  background-color: transparent;
  margin: 10px;
}

.field_options {
  background-color: transparent;
  margin: 10px;
  height: 300px;
  width: 225px;
  overflow: auto;
}

.report_columns {
  background-color: transparent;
  margin: 10px;
  width: 225px;
  overflow: auto;
}

.kiosk-links {
  background-color: transparent;
  display: inline-block;
  margin: 20px;
  vertical-align: text-top;
}

.form {
  display: inline-block;
  margin: 20px;
}

.content-menu {
  background-color: white;
  display: inline-block;
  margin: 10px;
}

.contentHeader {
  height: 25px;
}

/* **************************** */

/* Content text styles          */

/* **************************** */

#header {
  width: 100%;
  height: 100px;
  padding: 10px;
  color: white;
}

#main {
  font-family: 'UbuntuBold', sans-serif;
  font-size: 16px;
}

#headerText {
  color: #f4d17c;
  font-size: 30px;
  font-family: "a_love_of_thunderregular", sans-serif;
}

.contentHeader {
  color: black;
  font-family: "UbuntuBold", sans-serif;
  font-size: 24px;
}

#adminMenuHeader {
  color: black;
  font-family: "UbuntuBold", sans-serif;
  font-size: 18px;
}

.content-menu a {
  color: #799846;
  font-family: "UbuntuRegular", sans-serif;
  font-size: 16px;
  text-decoration: none;
}

.content-menu {
  color: black;
  font-family: "UbuntuRegular", sans-serif;
  font-size: 16px;
  text-decoration: none;
}

.content a {
  color: black;
  font-family: "UbuntuRegular", sans-serif;
  font-size: 18px;
  text-decoration: none;
}

.content {
  color: black;
  font-family: "UbuntuRegular", sans-serif;
  font-size: 16px;
  text-decoration: none;
}

.kiosk-links {
  color: #990000;
  font-family: "UbuntuBoldItalic", sans-serif;
  font-size: 24px;
  text-decoration: none;
  -ms-flex-line-pack: center;
      align-content: center;
}

#contentSmall {
  font-family: 'UbuntuRegular', sans-serif;
  font-size: 13px;
}

#contentBoldSmall {
  font-family: 'UbuntuBold', sans-serif;
  font-size: 13px;
}

.contentBoldSmall {
  font-family: 'UbuntuBold', sans-serif;
  font-size: 13px;
}

#access_error {
  color: red;
  font-family: 'UbuntuBold', sans-serif;
  font-size: 16px;
}

#menuBar {
  font-size: 18px;
  font-family: "UbuntuRegular", sans-serif;
  color: white;
}

#menuBar a {
  color: white;
  font-family: "UbuntuRegular", sans-serif;
  font-size: 18px;
  text-decoration: none;
}

/* **************************** */

/* Form Elements                */

/* **************************** */

#submitButton {
  color: white;
  font-family: "UbuntuLight", sans-serif;
  font-size: x-small;
  padding: 3px 8px 3px !important;
  background-color: #799846;
  text-shadow: 1px 1px #000;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

#saveButton {
  color: black;
  font-family: "UbuntuLight", sans-serif;
  font-size: x-small;
  background-color: #F4D17C;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  cursor: pointer;
}

#show_detailed {
  color: white;
  font-family: "UbuntuLight", sans-serif;
  font-size: x-small;
  padding: 3px 8px 3px !important;
  background-color: #799846;
  text-shadow: 1px 1px #000;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

#show_summary {
  color: white;
  font-family: "UbuntuLight", sans-serif;
  font-size: x-small;
  padding: 3px 8px 3px !important;
  background-color: #799846;
  text-shadow: 1px 1px #000;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

#cancelButton {
  color: white;
  font-family: "UbuntuLight", sans-serif;
  font-size: x-small;
  background-color: #A12E30;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  cursor: pointer;
}

.deleteButton {
  color: white;
  font-family: "UbuntuLight", sans-serif;
  font-size: x-small;
  background-color: #A12E30;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  cursor: pointer;
}

.moveButton {
  color: white;
  font-family: "UbuntuLight", sans-serif;
  font-size: x-small;
  background-color: #799846;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  cursor: pointer;
}

#upperLeftCorner {
  position: absolute;
}

.itemList {
  margin-left: -40px;
  list-style-type: none;
}

#tableHeader {
  color: white;
  font-family: "UbuntuLight", sans-serif;
  font-size: small;
  padding: 3px 8px 3px !important;
  background-color: #00415C;
  text-shadow: 1px 1px #000;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

/* **************************** */

/* fonts                        */

/* **************************** */

@font-face {
  font-family: 'a_love_of_thunderregular';
  src: url("/fonts/a_love_of_thunder-webfont.eot");
  src: url("/fonts/a_love_of_thunder-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/a_love_of_thunder-webfont.woff") format("woff"), url("/fonts/a_love_of_thunder-webfont.ttf") format("truetype"), url("/fonts/a_love_of_thunder-webfont.svg#a_love_of_thunderregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UbuntuRegular';
  src: url("/fonts/Ubuntu-R-webfont.eot");
  src: url("/fonts/Ubuntu-R-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/Ubuntu-R-webfont.woff") format("woff"), url("/fonts/Ubuntu-R-webfont.ttf") format("truetype"), url("/fonts/Ubuntu-R-webfont.svg#UbuntuRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UbuntuItalic';
  src: url("/fonts/Ubuntu-RI-webfont.eot");
  src: url("/fonts/Ubuntu-RI-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/Ubuntu-RI-webfont.woff") format("woff"), url("/fonts/Ubuntu-RI-webfont.ttf") format("truetype"), url("/fonts/Ubuntu-RI-webfont.svg#UbuntuItalic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UbuntuBold';
  src: url("/fonts/Ubuntu-B-webfont.eot");
  src: url("/fonts/Ubuntu-B-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/Ubuntu-B-webfont.woff") format("woff"), url("/fonts/Ubuntu-B-webfont.ttf") format("truetype"), url("/fonts/Ubuntu-B-webfont.svg#UbuntuBold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UbuntuBoldItalic';
  src: url("/fonts/Ubuntu-BI-webfont.eot");
  src: url("/fonts/Ubuntu-BI-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/Ubuntu-BI-webfont.woff") format("woff"), url("/fonts/Ubuntu-BI-webfont.ttf") format("truetype"), url("/fonts/Ubuntu-BI-webfont.svg#UbuntuBoldItalic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UbuntuLight';
  src: url("/fonts/Ubuntu-L-webfont.eot");
  src: url("/fonts/Ubuntu-L-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/Ubuntu-L-webfont.woff") format("woff"), url("/fonts/Ubuntu-L-webfont.ttf") format("truetype"), url("/fonts/Ubuntu-L-webfont.svg#UbuntuLight") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UbuntuLightItalic';
  src: url("/fonts/Ubuntu-LI-webfont.eot");
  src: url("/fonts/Ubuntu-LI-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/Ubuntu-LI-webfont.woff") format("woff"), url("/fonts/Ubuntu-LI-webfont.ttf") format("truetype"), url("/fonts/Ubuntu-LI-webfont.svg#UbuntuLightItalic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UbuntuMedium';
  src: url("/fonts/Ubuntu-M-webfont.eot");
  src: url("/fonts/Ubuntu-M-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/Ubuntu-M-webfont.woff") format("woff"), url("/fonts/Ubuntu-M-webfont.ttf") format("truetype"), url("/fonts/Ubuntu-M-webfont.svg#UbuntuMedium") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UbuntuMediumItalic';
  src: url("/fonts/Ubuntu-MI-webfont.eot");
  src: url("/fonts/Ubuntu-MI-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/Ubuntu-MI-webfont.woff") format("woff"), url("/fonts/Ubuntu-MI-webfont.ttf") format("truetype"), url("/fonts/Ubuntu-MI-webfont.svg#UbuntuMediumItalic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UbuntuCondensedRegular';
  src: url("/fonts/Ubuntu-C-webfont.eot");
  src: url("/fonts/Ubuntu-C-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/Ubuntu-C-webfont.woff") format("woff"), url("/fonts/Ubuntu-C-webfont.ttf") format("truetype"), url("/fonts/Ubuntu-C-webfont.svg#UbuntuCondensedRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}