body {
  background-color: #1d1f21;
  color: #c5c8c6;
  font: 12px DejaVu Sans, Helvetica, Arial, Segoe UI, Droid Sans, sans-serif;
  margin: 40px;
}

.input {
  width: 200px;
}

input, button {
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  color: #c5c8c6;
  font: 12px DejaVu Sans, Helvetica, Arial, Segoe UI, Droid Sans, sans-serif !important;
  background-color: #1d1f21;
  border: 1px solid #c5c8c6;
  border-radius: 3px;
  margin: 5px 2px 0 0;
}

input:hover, button:hover {
  background-color: #c5c8c6;
  color: #1d1f21;
  border: 1px solid #c5c8c6;
}

button, button:hover {
  border: 2px solid #c5c8c6;
}

.button-selected {
  background-color: #3388c0 !important;
  color: #c5c8c6 !important;
  border: 2px solid #3388c0 !important;
}

.button-selected {
  border: none;
}

.day {
  display: inline-block;
  text-align: center;
  border: 3px solid #555;
  border-radius: 4px;
  padding: 3px;
  margin: 2px;
}

.current {
  border: 3px solid #999;
}
 
.dow {
  display: block;
  padding-top: 5px;
}

.icon-span {
  display: block;
  padding: 10px 0;
  width: inherit;
}

.icon {
  width: 80px;
  height: 80px;
}

.weather-text { 
  display: block;
  width: inherit;
}