@import url("_normalize.ba9dc0f66ffb.css");
@import url("_fontawesome.01383707f5fe.css");
@import url("_fonts.9c9da1708399.css");
@import url("_vars.badb582fde68.css");

@import url("alerts.46724794fb0d.css");
@import url("breadcrumbs.c836318e9328.css");
@import url("cards.d514b6591ddd.css");
@import url("forms.f592c0dd7897.css");
@import url("lists.06b8ec7857a3.css");
@import url("tables.f6c50e9a0b4c.css");
@import url("widgets.b84a4442e5bb.css");

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

*:focus {
  outline: none;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

html {
  height: 100%;
  font-size: 62.5%;
}

body {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 100vh;
  font-family: 'Lato', 'Arial', sans-serif;
  font-size: 1.4rem;
  line-height: 1;
  color: var(--c-foreground);
}

.site-header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: stretch;
  padding: 16px 32px;
  background-color: var(--c-header-background);
  background: linear-gradient(to right, var(--c-header-background-dark) 0%, var(--c-header-background) 100%);
  color: var(--c-header-foreground);
  z-index: 2;
}

.logo-container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-right: auto;
  color: var(--c-header-foreground);
  text-decoration: none;
  font-size: 2.6rem;
}

.logo {
  font-weight: 700;
  text-transform: uppercase;
  margin-right: 12px;
  font-size: 4rem;
}

.app-name {
  margin-bottom: -8px;
}

.menus-container {
  margin: auto 48px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.menu {
  position: relative;
}

.menu:hover .menu__items-container {
  display: block;
}

.menu__header {
  padding: 24px;
  font-size: 1.8rem;
  cursor: pointer;
}

.menu__items-container {
  display: none;
  position: absolute;
  background-color: var(--c-menu-background);
  padding: 12px 0;
  box-shadow: 0 2px 10px -2px rgba(0,0,0,.15);
}

.menu-item {
  display: block;
  padding: 12px 24px;
  white-space: nowrap;
  text-decoration: none;
  color: var(--c-foreground);
  transition: background-color 350ms;
  background-color: var(--c-menu-background);
}

.menu-item:hover {
  background-color: var(--c-menu-item-hover);
}


.user-profile {
  position: relative;
}

.user-profile:hover .user-profile__menu {
  display: block;
}

.user-profile__header {
  padding: 24px;
  cursor: pointer;
  font-size: 1.8rem;
}

.user-profile__menu {
  display: none;
  position: absolute;
  background-color: var(--c-menu-background);
  padding: 12px 0;
  box-shadow: 0 2px 10px -2px rgba(0,0,0,.15);
}

.site-main {
  flex: 1;
  padding: 16px 32px;
  padding-bottom: 100px;
  background-color: var(--c-background);
}

.block__title {
  padding-left: 46px;
  font-size: 2.8rem;
  font-weight: 400;
}

.block__content {
  background-color: var(--c-page-background);
  padding: 32px 46px;
  box-shadow: 0 2px 10px -2px rgba(0,0,0,.15);
}

.block__content--image-container {
  padding: 12px 46px;
  max-width: 340px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}

.block__content--image-container img {
  max-width: 100%;
}

.multi-block-wrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.multi-block-wrapper .block__content {
  flex: 0 1 auto;
  margin-right: 24px;
}

.signal {
  text-align: center;
}

.signal--good {
  background-color: #43A047;
  color: var(--c-foreground-alt);
}

.signal--average {
  background-color: #FB8C00;
}

.signal--poor {
  background-color: #E53935;
  color: var(--c-foreground-alt);
}

.site-footer {
  padding: 42px 50px;
  background-color: var(--c-footer-background);
  text-align: center;
}

.site-footer__content {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 300;
}

.btn {
  -webkit-appearance: none;
  padding: 8px 16px;
  border: none;
  /* box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.05); */
  /* text-shadow: 1px 1px #000; */
}

.btn--success {
  background-color: var(--c-success-background);
  color: var(--c-success-foreground);
}

dt {
  clear: left;
  float: left;
  margin-right: 6px;
  font-weight: 700;
}

dt::after {
  content: ':';
}

dd {
  margin: 0;
  margin-bottom: 8px;
}

.title-wrapper--with-backward-link {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
}

.link--nostyle {
  color: var(--c-foreground);
}

.input-button {
  opacity: 0;
  transition: all 350ms;
  -webkit-appearance: none;
  line-height: 1;
  padding: 4px 10px;
  border-radius: 3px;
  background-color: var(--c-success-background);
  color: var(--c-success-foreground);
  border: 1px solid var(--c-success-background);
}

.input-button:hover {
  background-color: var(--c-success-background-hover);
}

.input-button.visible {
  opacity: 1;
}