/*
 * Core
 */
html, body {
  font-family: "Fira Sans ExtraLight", "Helvectia Neue", sans-serif;
  background-color:#E3E3E3;
  margin:0;
  padding:0;
  position:relative;
  user-select:none;
  -webkit-font-smoothing:antialiased;
  -webkit-text-size-adjust:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-appearance: none
} 

nav {
  color:#F4FFFF;
  z-index: 3000;
  position:relative;
  height:2.5em;
  background-color:#55a17d;
}

button {
  margin:-0.5em;
  border:none;
  background:none;
}

/*
 * Pure CSS Adjustments
 */

.pure-form select, input {
  color:#000000;
  background-color:#EEEEEE;
}

.pure-g [class *= "pure-u"] {
    font-family: "Fira Sans ExtraLight", "Helvectia Neue", sans-serif;
}

/*
 * Sections
 */

.title {
  margin-left:0.2em;
  margin-right:0.2em;
  padding-top:0.5em;
  text-align:center;
  float:left;
}

.time {
  padding-right:0.2em;
  padding-top:0.5em;
  float:right;
}

/*
 * Visual Elements
 */

.rounded {
  margin:16px;
  padding:8px;
  border-bottom: 3px solid rgba(0, 0, 0, 0.1);
  border-radius:6px;
  background-color:#FFFFFF;

}

.affirm {
  background-color:#79BD8F;
  color:#F2F2F2;
  display: block;
  width:100%;
  margin-bottom:0.8em;
}

.okay {
  background-color:#79BD8F;
  color:#F2F2F2;
  display: block;
  width:100%;
  margin-bottom:0.8em;
}

.cancel {
  background-color:#1F8DD6;
  color:#F2F2F2;
  display: block;
  width:100%;
}

/*
 * Padding && Buffers 
 */

.buffer {
  padding-bottom:1em;
  padding-left:.75em;
}
.push_down {
  padding-bottom:1em;
}
.padding {
  padding: 0.8em;
  padding-bottom:0em;
}

.button_pad {
  padding:0.8em;
  padding-left:1.3em;
  padding-right:0.2em;
}

.center {
  text-align:center;
}

/* Weight Analysis */
._a {
  height:50%;
  background-color:#5c9194;
}

._week {
  font-size: 3em;
  font-family: "Fira Sans Eight", "Helvectia Neue", sans-serif;
  color: #FFFFFF;
}