nav-bar {
  -webkit-flex: 0 0 50px;
  -ms-flex: 0 0 50px;
  flex: 0 0 50px; }

.navbar-brand {
  font-family: 'Forza A', 'Forza B';
  font-weight: 100;
  font-style: italic;
  font-size: 1.375em;
  color: #0aa94a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.navbar-brand-tpmr {
  font-family: 'Forza SSm A', 'Forza SSm B';
  font-weight: 700;
  font-style: italic;
  font-style: italic;
  margin-right: 5px; }

.nav-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  -ms-align-content: stretch;
  align-content: stretch;
  height: 100%;
  list-style: none; }

.nav-item {
  font-family: 'Forza SSm A', 'Forza SSm B';
  font-weight: 400;
  color: #72a0bd;
  margin: 0 0 0 50px; }
  .nav-item a {
    text-decoration: none;
    color: #72a0bd; }
  .nav-item a:visited {
    text-decoration: none;
    color: #72a0bd; }
  .nav-item a:hover {
    text-decoration: none;
    color: #72a0bd; }
  .nav-item a:focus {
    text-decoration: none;
    color: #72a0bd; }
  .nav-item a:hover, .nav-item a:active {
    text-decoration: none;
    color: #72a0bd; }
  .nav-item a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 250%; }
  .nav-item a {
    padding: 5px 0; }

.nav-item-active {
  border-bottom: 5px solid #72a0bd; }
  .nav-item-active a {
    font-family: 'Forza SSm A', 'Forza SSm B';
    font-weight: 700; }

#sub-header {
  padding: 8px 50px;
  background-color: #e5e5e5;
  border-bottom: 1px solid #bfbfbf;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }
  #sub-header .sub-header-name {
    font-family: 'Forza SSm A', 'Forza SSm B';
    font-weight: 400;
    font-size: 1.375em; }
  #sub-header .sub-header-company {
    font-family: 'Forza SSm A', 'Forza SSm B';
    font-weight: 300; }
  #sub-header #logout-button {
    cursor: pointer; }
    #sub-header #logout-button #logout-icon {
      font-size: 1.25rem; }
    #sub-header #logout-button #logout-text {
      margin-left: 0.25rem;
      font-family: 'Forza SSm A', 'Forza SSm B';
      font-weight: 700; }

.page-sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 0 0 300px;
  -ms-flex: 0 0 300px;
  flex: 0 0 300px;
  border-right: 1px solid #bfbfbf;
  background-color: #e5e5e5; }

.child-router {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  padding: 0;
  background-color: #fff;
  width: 300px; }

.nav-item-stacked {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  color: #2c312c;
  border-bottom: 1px solid #bfbfbf;
  background-color: #fff; }
  .nav-item-stacked a {
    text-decoration: none;
    color: #000; }
  .nav-item-stacked a:visited {
    text-decoration: none;
    color: #000; }
  .nav-item-stacked a:hover {
    text-decoration: none;
    color: #000; }
  .nav-item-stacked a:focus {
    text-decoration: none;
    color: #000; }
  .nav-item-stacked a:hover, .nav-item-stacked a:active {
    text-decoration: none;
    color: #000; }
  .nav-item-stacked a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 300%; }
  .nav-item-stacked a {
    padding-left: 50px; }

.nav-item-stacked-active {
  border-right: 5px solid #72a0bd;
  background-color: #ebf6fc; }

.login-section {
  width: 100%;
  background-image: url("/Content/Images/login-bg.png");
  background-size: cover;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flexbox;
  display: -webkit-flex;
  display: flex; }

.login-view__title {
  font-family: 'Forza A', 'Forza B';
  font-weight: 100;
  font-size: 7.8125rem;
  margin-right: 50px;
  text-transform: uppercase; }

.credentials__label {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 100%; }

.credentials__input {
  width: 350px !important;
  max-width: none !important;
  margin-bottom: 15px !important;
  border: 2px solid #cccccc !important;
  font-size: 1rem !important;
  padding: 10px !important; }

button.login {
  background-color: #0aa94a;
  width: 164.5px;
  margin-top: 5px !important;
  font-size: 1.25rem;
  padding: 5px; }
button.signup {
  background-color: #72a0bd;
  width: 164.5px;
  margin-top: 5px !important;
  font-size: 1.25rem;
  padding: 5px; }

body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

nav.flex-nav {
  height: 50px !important;
  -webkit-flex: 0 0 50px;
  -ms-flex: 0 0 50px;
  flex: 0 0 50px; }

.splash {
  height: 100%;
  width: 100%;
  background-image: url("/Content/Images/login-bg.png");
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }
  .splash .loading-message {
    text-align: center;
    width: 100%;
    margin: 0 auto 0 auto; }
    .splash .loading-message .message {
      font-size: 4.5em;
      line-height: 100%;
      text-shadow: rgba(0, 0, 0, 0.5) 0 0 15px;
      text-transform: uppercase;
      font-family: 'Source Sans Pro', sans-serif;
      font-weight: 400; }
    .splash .loading-message .fa-spinner {
      text-align: center;
      display: inline-block;
      font-size: 4.5em;
      margin-top: 50px; }

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

html, body {
  height: 100%;
  width: 100%; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 16px;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400; }

#app-root {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.page-host {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  overflow-x: hidden;
  overflow-y: auto; }

.page-router {
  width: 100%; }

.flex-nav {
  padding-left: 50px;
  padding-right: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  background-color: #202020; }

.page-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 20px 50px 0 50px;
  overflow-y: scroll; }

h1 {
  font-size: 2.25rem;
  margin: 1rem 0;
  font-family: 'Forza SSm A', 'Forza SSm B';
  font-weight: 300;
  color: #0aa94a; }

h2 {
  font-size: 1.875rem;
  margin: 0.75rem 0;
  font-family: 'Forza SSm A', 'Forza SSm B';
  font-weight: 300;
  color: #0aa94a; }

h3 {
  font-size: 1.5rem;
  margin: 0.5rem 0 1rem;
  font-family: 'Forza SSm A', 'Forza SSm B';
  font-weight: 300; }

h4 {
  font-size: 1.125rem;
  margin: 0.5rem 0;
  font-family: 'Forza SSm A', 'Forza SSm B';
  font-weight: 400; }

h5 {
  font-size: 0.875rem;
  margin: 0.5rem 0; }

h6 {
  font-size: 0.75rem;
  margin: 0.5rem 0; }

code {
  font-family: Consolas, 'Liberation Mono', Courier, monospace;
  font-weight: 400; }

p {
  line-height: 140%;
  margin: 0 0 1rem; }
  p code {
    border: 1px solid #bfbfbf;
    background-color: #e5e5e5;
    padding: 0 3px;
    display: inline-block; }

mark {
  background-color: #ebf6fc; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

pre {
  border: 1px solid #bfbfbf;
  background-color: #e5e5e5;
  padding: 0.5rem;
  margin: 1rem 0 2rem;
  font-family: Consolas, 'Liberation Mono', Courier, monospace;
  font-weight: 400; }

hr {
  border: 0;
  height: 0;
  border-bottom: 1px solid #bfbfbf;
  margin: 1rem 0 2rem; }

ol {
  list-style: decimal;
  margin: 0 0 1rem 1.25rem;
  line-height: 125%; }

ul {
  list-style: disc;
  margin: 0 0 1rem 1rem;
  line-height: 125%; }

blockquote {
  padding: 0.75rem 1.25rem;
  border-left: 5px solid #e5e5e5;
  margin: 0 0 1rem; }

button {
  color: #fff;
  font-family: 'Forza SSm A', 'Forza SSm B';
  font-weight: 700;
  border: none;
  text-align: center;
  padding: 0.75rem 1.5rem;
  cursor: pointer;
  font-size: 0.875rem;
  opacity: 0.9;
  text-transform: uppercase; }
  button:hover {
    opacity: 1; }
  button.accept {
    background-color: #0aa94a;
    width: 100px;
    padding: 0.75rem 0; }
  button.decline {
    background-color: #72a0bd;
    width: 100px;
    padding: 0.75rem 0; }
  button.good {
    background-color: #0aa94a; }
  button.neutral {
    background-color: #72a0bd; }
  button.danger {
    background-color: #790000; }
  button.margin {
    margin-top: 1rem;
    margin-right: 1rem; }
  button.margin-bottom {
    margin-bottom: 1rem; }
  button.disabled {
    opacity: 0.65; }

table {
  width: 100%;
  display: block;
  margin: 1rem 0;
  border-collapse: collapse;
  border-spacing: 0; }
  table thead {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline; }
  table tr {
    border-top: 1px solid #bfbfbf;
    background-color: #fff; }
  table th {
    border: 1px solid #bfbfbf;
    padding: 0.5rem 1rem;
    font-weight: bold;
    text-align: center;
    vertical-align: top; }
  table tbody {
    vertical-align: middle;
    border-color: inherit; }
  table td {
    border: 1px solid #bfbfbf;
    padding: 0.5rem 1rem;
    font-weight: normal;
    vertical-align: top;
    text-align: left; }
    table td button {
      margin: 0; }
    table td code {
      border: none;
      background-color: none;
      padding: 0;
      display: inline-block;
      font-family: Consolas, 'Liberation Mono', Courier, monospace;
      font-weight: 400; }

label {
  display: block;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 150%;
  margin-bottom: 0.25rem;
  text-transform: uppercase;
  font-weight: bold; }

input[type=text], input[type=password], textarea {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #bfbfbf;
  font-size: 0.875rem;
  padding: 0.5rem;
  margin-bottom: 1rem;
  width: 100%;
  max-width: 40rem; }

input:read-only, textarea:read-only {
  background-color: #e5e5e5; }

textarea {
  height: 5rem;
  display: block; }

dl {
  margin: 2rem 0 2rem; }
  dl dt {
    float: left;
    clear: left;
    width: 10rem;
    text-align: right;
    font-weight: bold;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap; }
  dl dd {
    margin: 0 0 0 12rem;
    padding: 0 0 0.5em 0; }

.group {
  margin-bottom: 2rem;
  border: 1px solid #bfbfbf;
  padding: 1rem;
  max-width: 42rem; }

.warning {
  color: #989898;
  font-size: 0.875rem;
  display: inline-block;
  margin-left: 0.5rem; }

.title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  border-bottom: 1px solid #202020;
  margin-bottom: 2rem; }
  .title h1 {
    font-family: 'Forza SSm A', 'Forza SSm B';
    font-weight: 300;
    color: #0aa94a;
    text-transform: uppercase;
    margin: 1rem 0 0.25rem 0; }
  .title .date {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-style: italic;
    color: #989898; }

.markdown-viewer {
  max-width: 700px; }
  @media (min-width: 1818px) {
    .markdown-viewer {
      float: left;
      width: 49%; } }
  .markdown-viewer h2 {
    margin-top: 0.5rem; }
  .markdown-viewer h3 {
    font-size: 1.375rem; }
  .markdown-viewer h4, .markdown-viewer h5 {
    font-size: 0.875rem;
    margin: 0;
    line-height: 160%; }
    .markdown-viewer h4 a, .markdown-viewer h5 a {
      color: black; }
    .markdown-viewer h4 a:visited, .markdown-viewer h5 a:visited {
      color: black; }
    .markdown-viewer h4 a:hover, .markdown-viewer h5 a:hover {
      color: black; }
    .markdown-viewer h4 a:focus, .markdown-viewer h5 a:focus {
      color: black; }
    .markdown-viewer h4 a:hover, .markdown-viewer h4 a:active, .markdown-viewer h5 a:hover, .markdown-viewer h5 a:active {
      color: #72a0bd; }
  .markdown-viewer h4 {
    font-size: 1rem; }
    .markdown-viewer h4:first-of-type {
      margin-top: -1rem; }
  .markdown-viewer h5 {
    margin-left: 2rem; }

.markdown-editor textarea {
  width: 100%;
  margin: 2rem 0 1rem;
  height: 20rem;
  font-family: Consolas, 'Liberation Mono', Courier, monospace;
  font-weight: 400; }
@media (min-width: 1818px) {
  .markdown-editor {
    position: fixed;
    left: 63vw; }
    .markdown-editor textarea {
      margin: 0 0 1rem;
      height: 65vh;
      width: 40vw; } }

.button-with-message {
  margin-right: 1rem; }

.error-message {
  color: #790000; }

.success-message {
  color: #0aa94a; }

footer {
  background-color: #2c312c;
  font-size: 12px;
  color: #fff;
  padding: 0 50px;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex: 0 0 25px;
  -ms-flex: 0 0 25px;
  flex: 0 0 25px; }
  footer .left {
    font-family: 'Forza SSm A', 'Forza SSm B';
    font-weight: 700;
    font-style: italic; }
  footer .right {
    font-family: 'Forza A', 'Forza B';
    font-weight: 100; }

/*# sourceMappingURL=Styles.css.map */