div.kc-logo-text {
    background-image: url(../img/datasklogo.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 63px;
    width: 300px;
    margin: 0 auto;
  }
  @font-face {
      font-family: 'Roboto';
      src: URL('../fonts/Roboto-Regular.ttf') format('truetype');
    }
    @font-face {
      font-family: 'Roboto-Bold';
      src: URL('../fonts/Roboto-Bold.ttf') format('truetype');
    }
  h1#kc-page-title {
      font-family: 'Roboto';
  }
  
  body,div,p, span, label, a {
      font-family: 'Roboto';
  }
  h1,h2,h3,h4,h5,h6,b {
      font-family: 'Roboto-Bold';
    font-weight: bolder;
  }

  .pagehead{
    height:100px;
    border-bottom: 1px solid black;
}

#machinesearchresults{
  font-weight: 200;
}
#machinesearchresults hr:last-child {
   display: none;
}
#datasklogo{
    height: 100px;
    padding: 15px 0px;
    margin-right:0;
}
.menuitems{
    margin: 20px;
    border-bottom: 1px solid black;
    padding:10px;
    color: black;
    border-bottom: 1px solid black;

}
.mainnav li .nav-link{

    color: black;
    text-underline-offset: 7px;
    text-decoration: underline;
    
}
.orangehead,.orangebg{
  background-color: #eb7e2b;
  color: white;
}
.redhead,.redbg{
  background-color: #c74350;
  color: white;
}
.greentext{
  color: #93a52a;

}
.btn-success{
  border-color: #93a52a;
}
.btn-primary{
  background-color: #019999;
  color: white;
  border-color: #019999;

}
.bluehead,.bluebg,.btn.btn-primary{
  background-color: #019999;
  color: white;
}
.mermaid .node rect.bluebgimportant{
  fill: #037fc6 !important;
  stroke: #037fc6 !important;
  color: white;
}
.orangehead,.bluehead{
  padding: 10px 10px;
  padding-right:9px;
  
  font-size: 22px;
  font-weight: bold;

}
.profilepicture{
  max-height:22px;
}
#map{
  width:100%;
  height: calc(100vh - 155px);
}
@media (max-width: 767px) {

  #map{
    height: 40vh;
  }
}
ul.alarmtabs>li{
border-top-color: #bdd435;
  
}
ul.mainnav>li{
font-size: 20px;
padding-bottom: 10px;
}
ul.alarmtabs>li a{
  color: black;

}
.mainnav li .nav-link.usernameitem{
  text-decoration: none;
}

.sensorcard h1{
  font-size:26px;
  line-height: 2ex;
  /*height: 4ex;*/
}
.sensorcard h2{
  font-size:24px;
}
.sensorcard h3{
  font-size:18px;
}
.sensorcard h4{
  font-size:16px;
}
.sensorcard .valuefield{
text-decoration: underline;
}
.sensorcard .valuefield,.sensorcard .limitbox{
margin-top:-8px;
}

.card.sensorcard a{
  color: white;
}
.card.sensorcard{
  color: white;
  background-color: #eb7e2b;
  height: 100%;
}
.sensornotconfigured{
  background-color: #686868;
}
.shouldbehigh.ishigh{
  display: none;
}
.shouldbelow.islow{
  display: none;
}
.shouldbehigh,.shouldbelow{
  color: red;
}

.valuefield,.limitbox{
padding: 5px 0px;
float:left;
}
.limitbox{
padding:5px;
float: right;
background: #4c9076;
border-radius: 5px;
}