@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Material+Icons);

html {
  --at-brand-primary-color: #4CAF50;
  --at-brand-primary-dark-color: #388e3c;
  --at-brand-primary-light-color: #c8e6c9;
  --at-brand-primary-text-color: #212121;
  --at-brand-secondary-text-color: #727272;
  --at-brand-accent-color: #4caf50;
}

* {
  font-family: Roboto, Helvetica, Arial, sans-serif;
}

body {
  margin: 0;
}

.loading {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: white;
  display: flex;
  flex-direction: column;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;

  font-family: 'Roboto', 'Noto', sans-serif;
  -webkit-font-smoothing: antialiased;
}

.loading-text {
  margin-top: 10px;
  color: #9e9e9e;
}

/* Pikaday overrides */
.pika-button:hover {
  background: #bdbdbd;
}

.is-startrange .pika-button {
  background: #bdbdbd;
}

.is-today .pika-button {
  color: var(--at-brand-accent-color);
}

.is-selected .pika-button {
  background:var(--at-brand-accent-color);
  box-shadow: inset 0 1px 3px  var(--at-brand-accent-color);
}

.is-endrange .pika-button {
  background: var(--at-brand-accent-color);
}