/*
* tmac.display.css
* This file contains sensor display styles
*/
.tmac-disp {
  width: 140px;
  height: 100px;
  margin: 3px auto 5px auto;
  border-radius : 10px;
  border: 5px ridge #bbb;
  background-color: #888;
  text-align: center;
  font-weight: bold;
  color: #d7f5ff;
}
.tmac-disp-head {
  height: 1.4em;
  padding-top: 0.2em;
  font-size: 1em;
/*  background-color: red;*/
}
.tmac-disp-body {
  height: 58%;
  margin: 2px 3px;
  border-radius : 8px;
  border: 3px groove #666;
  background-color: #000;
}
.tmac-disp-value {
  font-family: 'Lucida Bright', Verdana, Helvetica, Arial, sans-serif;
  padding-top: 0.1em;
  font-size: 2.4em;
  color: lime;
}
.tmac-disp-foot {
  height: 1.1em;
  margin: 0.4em 0.4em;
  font-size: 0.9em;
}
.tmac-disp-foot-cont {
  list-style-type: none;
  margin : 0;
  padding : 0;
}
.tmac-disp-foot-cont li {
  display : inline;
}
.tmac-disp-foot-cont-alarm {
  padding-left: 3px;
  float: left;
}
.tmac-disp-foot-cont-prec {
  padding-right: 3px;
  float: right;
}
.tmac-disp-foot-cont-config {
  position: absolute;
  float : none;
  left : 66px;
}
.tmac-disp-foot-cont-config button {
  border : 1px solid gray;
  border-radius : 3px;
  margin-top : -0.3em;
  width : 1.6em;
  height : 1.4em;
}
    
.tmac-disp-foot-cont-config img {
  padding-top : 1px;
  width : 12px;
}

.unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.ui-state-highlight {
  width: 140px;
  height: 100px;
  border-radius : 10px;
/*  background-color : steelblue;*/
}

.tmac-ctrl {
  border : 0.5px solid gray;
  border-radius : 3px;
  padding: 1px 4px;
}
.tmac-disp-ctrl {
  height : 0.4em;
  margin: 0.2em 0.5em 0em 0.5em;
  background-color: #000;
}
.tmac-disp-ctrl ul {
  height: 0.3em;
  list-style-type: none;
  display: flex;
  justify-content: space-around;
}
.tmac-disp-ctrl li {
  min-width: 20%;
  min-height : 0.2em;
  background-color: #000;
}