* {
    box-sizing: border-box;
}
.row::after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] {
    float: left;
    padding: 15px;
}
html {
/*    font-family: "Lucida Sans", sans-serif;*/
    font-family: arial, verdana, sans-serif;
}

/* -------------------------------------------------------------------- */
.header {
    background-color: #5b7e96;
    color: #ffffff;
    padding-top: 2px;
    padding-bottom: 2px;
}
/* -------------------------------------------------------------------- */

/* Titles definitions */
h1 { font-size:20px; font-weight:bold; padding-left: 4px; }
h2 { font-size:16px; font-weight:bold; }
h3 { font-size:14px; font-weight:bold; }

/* Link definition */
a:link { color: #5b7e96; }
a:visited { color: #5b7e96; }
a:hover { color: #fff; }

p {
  font-size: 2.0rem;
  display: inline;
}
.extreme {
  font-size: 1.0em;
  display: inline;
}
.units { font-size: 1.2rem; }
.units-small { font-size: 0.8rem; }
.dht-labels{
  font-size: 2.5rem;
  vertical-align:middle;
  padding-bottom: 15px;
}
.dht-labels-bottom{
  font-size: 2.5rem;
  vertical-align: bottom;
/*  padding-bottom: 15px;*/
}

.menu-duration {
  display: inline-block;
}

.item-duration {
  display: inline-block;
}


/*---------------------------------------------------------------*/
/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}

@media only screen and (max-width: 499px) {
    /* For phones: */
    p { font-size: 1.0rem; }
}
@media only screen and (min-width: 500px) {
    /* For phones: */
}
@media only screen and (min-width: 550px) {
    /* For phones: */
}
@media only screen and (min-width: 768px) {
    /* For phones: */
}
@media only screen and (min-width: 950px) {
    /* For phones: */
}

@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}

#deveui {
  text-align: center;
  color: #5b7e96;
  font-size: 1em;
  margin-top: 4px;
}

#deveui::before {
  content: "DevEUI: ";
}
#timeDeltaMax, #timeDeltaMin, #FCntMin, #FCntMax {
  display: inline;
}
#timeDeltaMax::before {
  content: "Max Delay: ";
}
#timeDeltaMax::after {
  content: "s";
}
#timeDeltaMin::before {
  content: "Min Delay: ";
}
#timeDeltaMin::after {
  content: "s";
}
#FCntMin::before {
  content: "FCnt Begin: ";
}
#FCntMax::before {
  content: "FCnt End: ";
}