/**
 * 1. Avoid the IE 10-11 `min-height` bug.
 * 2. Set `flex-shrink` to `0` to prevent some browsers from
 *    letting these items shrink to smaller than their content's default
 *    minimum size. See http://bit.ly/1Mn35US for details.
 * 3. Use `%` instead of `vh` since `vh` is buggy in older mobile Safari.
 */
html,
body {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
html {
  font-size: 15px;
}
body {
  font-family: 'Fira Sans', sans-serif;
}
#go-to-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 60px;
  z-index: 99;
}
.input-field label,
.input-field .label {
  color: black;
}
.site-layout {
  width: 100%;
  height: 100%;
  display: flex;
  box-sizing: border-box;
  margin: 0px;
  overflow: hidden;
}
.site-layout .site-navigation {
  flex-shrink: 0;
  overflow-y: scroll;
  position: relative;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.site-layout .site-navigation::-webkit-scrollbar {
  display: none;
  width: 0 !important;
}
@media (max-width: 670px) {
  .site-layout .site-navigation {
    position: fixed;
    z-index: 99;
    height: 100vh;
  }
}
.site-layout .site-yield {
  flex: 1;
  overflow: auto;
  background: white;
  display: flex;
  flex-direction: column;
}
.site-layout .site-yield .site-yield-content {
  flex: 1;
}
@media (min-width: 670px) {
  .site-layout .site-yield .site-yield-content.flex {
    display: flex;
  }
}
.site-layout .site-content {
  flex: 1;
  overflow: auto;
  display: inline-flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  width: 100%;
  overflow: hidden;
  background-color: #eee;
  transition: opacity 0.2s ease-in;
}
.site-layout .site-content .full-container {
  width: 100%;
}
.site-layout .site-content .container,
.site-layout .site-content .full-container {
  padding: 20px;
}
@media (max-width: 670px) {
  .site-layout .site-content.menu-open {
    opacity: 0.3;
    cursor: pointer;
  }
}
.white-footer .site-content {
  background-color: white;
}
.site-content::after {
  content: '\00a0';
  /*   */
  display: block;
  height: 0px;
  visibility: hidden;
}
nav .nav-wrapper {
  padding: 0 20px;
}
nav .nav-wrapper .brand-logo img {
  width: 60px;
  float: left;
}
nav .nav-wrapper .system-logo {
  max-height: 60px;
}
nav .nav-wrapper .system-logo.center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
nav .nav-wrapper .system-logo img {
  height: 45px;
  vertical-align: middle;
  width: auto;
  image-rendering: -webkit-optimize-contrast;
}
nav .nav-wrapper a.waves-effect {
  color: #fff;
  margin: 0 15px;
}
nav .nav-wrapper a.waves-effect.active {
  background: transparent !important;
  box-shadow: none;
}
.white-bg {
  background: white;
}
.green-bg {
  background: #4dbb5a !important;
}
#browser-unsupported {
  position: fixed;
  z-index: 101;
  width: 100%;
  padding: 20px;
  color: white;
  background: red;
}
.close-primary-nav {
  color: #b4aeae;
  position: absolute;
  right: 5px;
  cursor: pointer;
  padding: 3px;
}