@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'),
  local('MaterialIcons-Regular'),
  url(../fonts/MaterialDesigneIcons/MaterialIcons-Regular.woff2) format('woff2'),
  url(../fonts/MaterialDesigneIcons/MaterialIcons-Regular.woff) format('woff'),
  url(../fonts/MaterialDesigneIcons/MaterialIcons-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'KeepCalm';
  font-style: normal;
  font-weight: 400;
  src: local('KeepCalm'),
  local('KeepCalm'),
  url(../fonts/KeepCalm/KeepCalm.ttf) format('truetype');
}

@font-face {
  font-family: 'GeosansLight';
  font-style: normal;
  font-weight: 400;
  src: local('GeosansLight'),
  local('GeosansLight'),
  url(../fonts/GeosansLight/GeosansLight.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Prefer#f44336  icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {display: none !important;}
.logo {font-family: 'KeepCalm', serif;font-style: normal !important;font-weight: bold !important;margin-right: 0 !important;padding-left: 1em; color: white  }
nav ul .tab a {color: white !important;font-weight: bold;}
.container {width: 90%; padding-bottom: 0 !important}
.animated {    animation-duration: 0.5s !important}
.input-field input[type=date]:focus + label, .input-field input[type=text]:focus + label,.input-field input[type=email]:focus + label,.input-field input[type=password]:focus + label 
{
  color: #212121 ;
}
.input-field input[type=date]:focus,.input-field input[type=text]:focus,.input-field input[type=email]:focus,.input-field input[type=password]:focus 
{
  border-bottom: 2px solid #212121 ;      box-shadow: none;
}