verticalalign {
	vertical-align:middle !important;
}

.smartselectkt {
	margin-left: 10px;
}


.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

.offline {
    background-color: red;
    color : white !important;
    border-radius: 10px;
    
    border-width: 3px;
    border-style: solid;
    border-color: red;
 
    
}

.online {
    background-color: green;
    color : white !important;
    border-radius: 10px;   
    
    border-width: 3px;
    border-style: solid;
    border-color: green;
 
}  

.item-content {
	padding-left: 0px !important;
}

.controller-selection {
    color: dodgerblue;
}

.iqwstatus-footer {
    padding-top: 0px;
    padding-bottom: 0px;
}

img {
    max-width: 100%;
    height: auto;
}

.noBorder {
    border:none !important;
}

.debug {
    border: 1px solid #000000;
    word-wrap: break-word;
}

.controller-settings {
    width : 75% !important;
}

.floating-status-box {
    display: inline-block;
    background: white;    
    position: relative;
    border-radius: 10px 10px 0px 0px;
    width: 80px;
    height: 60px;
    margin: 0px 0px 2px 0px;
    border: 1px solid #dedede;  
}
.wide {
    width: 100%;
}

.tall {
   height: 120px; 
}

.floating-status-box-message  {
  display: block;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 24px;   
  color: deepskyblue; 
  position: absolute;
  /*border: 1px solid #dedede;*/
  left:5px;
  top: 55%;
  transform: perspective(1px) translateY(-50%);
}   

.message-large {
    font-size: 64px;
}

.floating-status-box-title  {
  display: block;
  text-align: left;
  font-family: 'Roboto', sans-serif;
    font-style: light;
  font-size: 14px;   
  color: skyblue;
  position: absolute;
  /*border: 1px solid #dedede;*/
  top: 18%;
  left: 5px;
  transform: perspective(1px) translateY(-50%); 
} 

.title-larger {
    font-size: 16px;
}

.iqwstatus_messages_ledline {
  
    position: absolute;
    bottom: 0;
    width: 94%;
    height: 6px;
    margin: 2px;
    border: 1px solid #dedede;
    -webkit-transition: backround 1s; /* For Safari 3.1 to 6.0 */
    transition: background 1s; 
}

.floating-status-box-bottom-line  {
  display: block;
  text-align: left;
  font-family: 'Roboto', sans-serif;
    font-style: light;
  font-size: 14px;   
  color: skyblue;
  position: absolute;
  /*border: 1px solid #dedede;*/
  top: 90%;
  left: 5px;
  transform: perspective(1px) translateY(-50%); 
} 

.iqwstatus_messages_ledline[value="0"] {
    background: white;
}
.iqwstatus_messages_ledline[value="1"] {
    background: aqua;
}

.card {
    background: #f8fdff;
}    

.content-block-title {
    line-height: 1.4;
}

body {
    font-family: Roboto, -apple-system,SF UI Text,Helvetica Neue,Helvetica,Arial,sans-serif;
}

.list-block .item-text {
 height:auto;
 max-height: 2;
 -webkit-line-clamp: 2;
}

.list-block ul:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 0px;
    width: 100%;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.floating-help-button {
    width: 30px;
    height: 30px;
}