* {
  box-sizing: border-box;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  
}

:root {
  --ice-cold: #2196f3;
  --medium: #f0f0f0;
  --boiling-hot: #f45236;
}

body, html {
  margin: 0;
  padding: 1em;
  width: 100%;
  height: 100%;  
}

html {
  background-color: var(--medium);
}

.cold {
  background-color: var(--ice-cold);
}

.hot {
  background-color: var(--boiling-hot);
}

button {
  font-size: 1.7em;
  display: block;
  width: 100%;
  border: 0;
  background-color: #2196f3;
  margin: 4px 0;
}



.error-logs {
  background: #990000;
}

.clearfix {
  overflow: auto;
}

div.dashboard > div
{
  float: left;
  margin-right: 1em;
  background-color: #2196f3;
  text-align: center;  
  min-height: 5em;  
  min-width: 6em;
  padding: .5em;

  color: #fff;
  font-size: 1.5em;

}

div.dashboard{
  padding: 1em 0;
}


div.dashboard > div > label,
div.dashboard > div > span
{
 display: block;
 margin: .3em;
}



div.form > div{
  float: left;
  margin-right: 3em;
}

div.form label{
    /* min-width: 10em; */
    display:inline-block;
}

div.form input{
    width: 50px;
    display:inline-block;
    text-align: right;
    margin-right: 5px;
}

@media only screen and (max-width: 1200px) {
  div.form > div {
    margin-top: .2em;  
    float:none;
}
  div.form label{
    min-width: 10em;    
}
}