/* if desktop */
.mobile_device_480px {
    display: none;
}

/* if mobile device max width 480px */
@media only screen and (max-device-width: 480px) {
    .mobile_device_480px{display: block;}       
    .desktop {display: none;}
}

#header{
    padding-top:80px;
}

/*Removes glow around Bootstrap buttons*/
.btn:focus,
.btn:active {
    box-shadow:none !important;
    outline:0px !important;
}

.active-orange input.form-control[type=text]:focus:not([readonly]) {
    border-bottom: 1px solid #ed7a0f;
    box-shadow: 0 1px 0 0 #ed7a0f;
}

#update-button, #update-button-mobile{
    background-color: #ed7a0f;
    border-color: black;
    color: white;
    width: 100%;
}


#status-dot {
    height: 10px;
    width: 10px;
    background-color: #bbb;
    border: 1px solid black;
    border-radius: 50%;
    display: inline-block;
  }
/*
.js-range-slider{
    color: #ed7a0f;
}
*/

.show-marks {
    display: block;
    position: absolute;
    top: 10px; /* was 20px */
    background: #bbb;
    padding: 1px 3px;
    border-radius: 3px;
    color: #fff;
    margin-left: -10px;
}

.show-mark-co2-response {
    display: block;
    position: absolute;
    top: -10px; /* was 27px*/
    background: #bbb;
    padding: 1px 3px;
    border-radius: 50%;
    color: #fff;
    margin-left: -10px;
    z-index:1;
}

.show-flow-grid{
    display: block;
    position: absolute;
    top: 0px;
    color:silver;
    font-size:13px;
    padding: 1px 3px;
    border-radius: 3px;
    margin-left: -10px;
    font-family:Arial,sans-serif;
}

.show-CO2Values-grid{
    display: block;
    position: absolute;
    color:silver;
    font-size:13px;
    top: 0px;
    padding: 1px 3px;
    border-radius: 3px;
    z-index: -1;
    font-family:Arial,sans-serif;
}