/* encode-sans-100 - latin */

@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/encode-sans-v3-latin-100.eot');
  /* IE9 Compat Modes */
  src: local('Encode Sans Thin'), local('EncodeSans-Thin'), url('../fonts/encode-sans-v3-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/encode-sans-v3-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/encode-sans-v3-latin-100.woff') format('woff'), /* Modern Browsers */
  url('../fonts/encode-sans-v3-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/encode-sans-v3-latin-100.svg#EncodeSans') format('svg');
  /* Legacy iOS */
}

/* encode-sans-200 - latin */

@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/encode-sans-v3-latin-200.eot');
  /* IE9 Compat Modes */
  src: local('Encode Sans ExtraLight'), local('EncodeSans-ExtraLight'), url('../fonts/encode-sans-v3-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/encode-sans-v3-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/encode-sans-v3-latin-200.woff') format('woff'), /* Modern Browsers */
  url('../fonts/encode-sans-v3-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/encode-sans-v3-latin-200.svg#EncodeSans') format('svg');
  /* Legacy iOS */
}

/* encode-sans-300 - latin */

@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/encode-sans-v3-latin-300.eot');
  /* IE9 Compat Modes */
  src: local('Encode Sans Light'), local('EncodeSans-Light'), url('../fonts/encode-sans-v3-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/encode-sans-v3-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/encode-sans-v3-latin-300.woff') format('woff'), /* Modern Browsers */
  url('../fonts/encode-sans-v3-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/encode-sans-v3-latin-300.svg#EncodeSans') format('svg');
  /* Legacy iOS */
}

/* encode-sans-regular - latin */

@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/encode-sans-v3-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Encode Sans Regular'), local('EncodeSans-Regular'), url('../fonts/encode-sans-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/encode-sans-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/encode-sans-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('../fonts/encode-sans-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/encode-sans-v3-latin-regular.svg#EncodeSans') format('svg');
  /* Legacy iOS */
}

/* encode-sans-500 - latin */

@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/encode-sans-v3-latin-500.eot');
  /* IE9 Compat Modes */
  src: local('Encode Sans Medium'), local('EncodeSans-Medium'), url('../fonts/encode-sans-v3-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/encode-sans-v3-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/encode-sans-v3-latin-500.woff') format('woff'), /* Modern Browsers */
  url('../fonts/encode-sans-v3-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/encode-sans-v3-latin-500.svg#EncodeSans') format('svg');
  /* Legacy iOS */
}

/* encode-sans-600 - latin */

@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/encode-sans-v3-latin-600.eot');
  /* IE9 Compat Modes */
  src: local('Encode Sans SemiBold'), local('EncodeSans-SemiBold'), url('../fonts/encode-sans-v3-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/encode-sans-v3-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/encode-sans-v3-latin-600.woff') format('woff'), /* Modern Browsers */
  url('../fonts/encode-sans-v3-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/encode-sans-v3-latin-600.svg#EncodeSans') format('svg');
  /* Legacy iOS */
}

/* encode-sans-700 - latin */

@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/encode-sans-v3-latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Encode Sans Bold'), local('EncodeSans-Bold'), url('../fonts/encode-sans-v3-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/encode-sans-v3-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/encode-sans-v3-latin-700.woff') format('woff'), /* Modern Browsers */
  url('../fonts/encode-sans-v3-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/encode-sans-v3-latin-700.svg#EncodeSans') format('svg');
  /* Legacy iOS */
}

/* encode-sans-800 - latin */

@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/encode-sans-v3-latin-800.eot');
  /* IE9 Compat Modes */
  src: local('Encode Sans ExtraBold'), local('EncodeSans-ExtraBold'), url('../fonts/encode-sans-v3-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/encode-sans-v3-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/encode-sans-v3-latin-800.woff') format('woff'), /* Modern Browsers */
  url('../fonts/encode-sans-v3-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/encode-sans-v3-latin-800.svg#EncodeSans') format('svg');
  /* Legacy iOS */
}

/* encode-sans-900 - latin */

@font-face {
  font-family: 'Encode Sans';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/encode-sans-v3-latin-900.eot');
  /* IE9 Compat Modes */
  src: local('Encode Sans Black'), local('EncodeSans-Black'), url('../fonts/encode-sans-v3-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/encode-sans-v3-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/encode-sans-v3-latin-900.woff') format('woff'), /* Modern Browsers */
  url('../fonts/encode-sans-v3-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/encode-sans-v3-latin-900.svg#EncodeSans') format('svg');
  /* Legacy iOS */
}

body {
  font-family: 'Encode Sans';
  font-size: 14px;
  line-height: 1.6em;
}

body {
  background-color: transparent !important;
}

#homepageButton {
  display: none;
}

#cockpit {
  border: 0;
  background-color: transparent;
}

.explainMore {
  font-weight: normal;
  font-size: 90%;
  padding: 7px 11px 7px 20px;
  border-width: 0;
  color: white;
  background-color: #6f4503;
  margin-top: 8px;
}

.explainDetails {
  color: #674d00;
}

.button {
  border: 0;
  padding: 10px !important;
  background-color: #ffc002;
  border-radius: 3px;
  display: inline-block;
  cursor: pointer;
  color: white;
  padding-left: 17px !important;
  padding-right: 17px !important;
  font-size: 14px !important;
  transition: 0.5s;
}

.button:hover {
  transform: scale(1.1);
  background-color: #ffc002 !important;
}

.button2 {
  font-weight: normal;
  font-size: 12px;
  margin-bottom: 2px;
  display: inline-block;
  text-decoration: none;
}

#saveName {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  width: 100%;
}

h1 {
  margin-top: 20px;
  color: #564b27;
}

#main {
  clear: both;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.72);
}

ul#slideTabs {
  margin-top: 20px;
  margin-bottom: 20px;
}

.savedEntry {
  position: relative;
  background-color: #978e7e;
  padding-left: 4px;
}

.entryLine {
  clear: both;
  position: relative;
  color: white;
  background-color: #978e7e;
  padding: 10px;
  font-size: 0.8em;
}

.reportEntryResult {
  margin-right: 10px;
}

ul.explainDetails li {
  color: white;
  font-size: 1.2em;
  margin-top: 14px;
}

.removeEntry {
  left: 87%;
}

.savedEntry .button {
  width: 85%;
}

.entryDetails {
  background-color: #dcd4c5;
  margin: 0;
  padding: 10px;
}

#appTitle {
  font-weight: normal;
  font-size: 140%;
  padding: 10px;
  margin: 0;
  background-color: #a57c13;
  margin-top: 10px;
}

#titlebar {
  min-height: auto;
  border-bottom: 3px solid #a57c13 !important;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}