:root {
  --var-color-light-grey: #999;
  --var-color-highlight: #E8A12C;
  --var-color-highlight-soft: #E8A12C99;
}

.theme.green .color-background {
  background: #a5d6a7;
}

.theme.light-green .color-background {
  background: #c5e1a5;
}

.theme.light-blue .color-background {
  background: #81d4fa;
}

.theme.lime .color-background {
  background: #e6ee9c;
}

.theme.deep-purple .color-background {
  background: #b39ddb;
}

.theme.yellow .color-background {
  background: #fff59d;
}

.theme.red .color-background {
  background: #ef9a9a;
}

.theme.cyan .color-background {
  background: #80cbc4;
}

.theme.green .color-highlight {
  color: #ec407a;
}

.theme.light-green .color-highlight {
  color: #5c6bc0;
}

.theme.light-blue .color-highlight {
  color: #ef5350;
}

.theme.lime .color-highlight {
  color: #ec407a;
}

.theme.deep-purple .color-highlight {
  color: #ec407a;
}

.theme.yellow .color-highlight {
  color: #26a69a;
}

.theme.red .color-highlight {
  color: #26a69a;
}

.theme.cyan .color-highlight {
  color: #ec407a;
}

a .material-icons.highlight-action, a.material-icons.highlight-action {
  color: black !important;
  text-decoration: none;
}

a .material-icons.highlight-action:hover, a.material-icons.highlight-action:hover {
  color: #E8A12C !important;
}

.btn.btn-highlight span {
  color: black;
  opacity: 0.5;
}
.btn.btn-highlight:hover span {
  color: #E8A12C !important;
  opacity: 1;
}

.btn.btn-highlight:hover {
  opacity: 1;
}

.btn .material-icons {
  vertical-align: bottom;
}

.text-highlight {
  color: #E8A12C;
}

.text-big {
  font-size: 1.5em;
}

.text-small {
  font-size: 0.7em;
}

.text-soft {
  opacity: 0.8;
}

.text-dim {
  color: var(--var-color-light-grey);
}

.semitransparent {
  opacity: 0.5;
}

.inline-block {
  display: inline-block;
}

.text-hover-highlight:hover {
  color: #E8A12C !important;
}
.text-hover-highlight:hover .text {
  color: #E8A12C !important;
}

a.link {
  color: #333;
}
a.link:hover {
  color: #E8A12C;
  text-decoration: none;
}
a.link.disabled {
  opacity: 0.5;
}
a.link.disabled:hover {
  color: #333;
  text-decoration: none;
  cursor: not-allowed;
}
a.link .material-icons {
  vertical-align: text-bottom;
}

.neutral-background {
  background: #F5F3F0;
}

img.thumbnail {
  max-width: 50px;
  max-height: 40px;
}

img.icon {
  max-height: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  width: 24px !important;
}

img.icon.icon-16 {
  max-height: 16px !important;
  max-width: 16px !important;
  height: 16px !important;
  width: 16px !important;
}

img.icon.icon-32 {
  max-height: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  width: 32px !important;
}

img.icon.icon-28 {
  max-height: 28px !important;
  max-width: 28px !important;
  height: 28px !important;
  width: 28px !important;
}

img.icon.icon-48 {
  max-height: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  width: 48px !important;
}

img.icon.icon-text {
  vertical-align: text-bottom !important;
}

img.icon.icon-white {
  filter: invert(100%) sepia(1%) saturate(7499%) hue-rotate(295deg) brightness(102%) contrast(105%);
}

.material-icons.md-16 {
  font-size: 16px !important;
}

.material-icons.md-18 {
  font-size: 18px !important;
}

.material-icons.md-32 {
  font-size: 32px !important;
}

.material-icons.md-36 {
  font-size: 36px !important;
}

a:hover img.icon.svg {
  filter: invert(71%) sepia(86%) saturate(1174%) hue-rotate(340deg) brightness(97%) contrast(87%) !important;
}

.circle {
  border-radius: 50%;
  padding: 4px;
}

body {
  background-color: #1565C0;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
}

form {
  width: 400px;
  margin: 0 auto;
  background: #FFF;
}
form img.logo {
  width: 80%;
  max-height: 300px;
}
form .form-icon {
  padding-top: 2em;
  margin-right: 1.5em;
}
form button[type=submit] {
  color: #FFF !important;
  background: #E8A12C !important;
  padding-left: 5em;
  padding-right: 5em;
}

#welcome-user a {
  font-size: 250%;
  text-decoration: none;
  color: black;
}

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