* {
  box-sizing: border-box;
}

html, body {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  font-family: 'Helvetica', 'Verdana', sans-serif;
  font-weight: 400;
  font-display: optional;
  color: #444;
}

body {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;

  background: #298478;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #488380, #618e9c);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #488380, #618e9c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

a {
  color: #298478;
  font-weight: bold;
}

.header .headerButton {
  width: 24px;
  height: 24px;
  margin-right: 16px;
  text-indent: -30000px;
  overflow: hidden;
  opacity: 0.54;
  transition: opacity 0.333s cubic-bezier(0, 0, 0.21, 1);
  border: none;
  outline: none;
  cursor: pointer;
}

.header #butRefresh {
  background: url(/images/ic_refresh_white_24px.svg) center center no-repeat;
}

.finePrint {
  font-size: 0.6rem;
  font-weight: 200;
}

body > li {
  list-style: none;
  z-index: 100;
}
