/*version=1.00*/

#title {
	background: #c00;
	padding: 4px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 15px;
	height: 16px;
}

#title .right {
	float: right;
	width: 250px;
	text-align: right;
}

.boxtitle {
	/* background: #b4d1f3; */
	/* color:black; */
}


.disp {
	/*font-weight: bold;*/
	/*border-style:solid;*/
	vertical-align: middle;
	/*border-width:2px;*/
	/*border-color:#306bac;*/
	/*border-radius:2px;*/
	margin: 2px 2px 2px 2px;
	/*padding: 0px,0px,0px,0px;*/
	height:40px;
	width:100%;
	min-width:180px;
}


.displabel {
	text-align:left;
	/*background: #306bac;*/
	color:white;
	/*border-radius:2px 0px 0px 2px;*/
	font-style:normal;
	/* margin: 1px 1px 1px 1px; */
	padding-left:5px;
	/* padding: 1px,1px,1px,1px; */
	height:100%;
	width:35%;
}


.dispvalue {
	text-align:right;
	font-style:normal;
	/*background: #d8d8d8;*/
	/*border-color:red;*/
	color:black;
	/*border-radius:0px 2px 2px 0px;*/
	/* margin: 1px 1px 1px 1px; */
	margin-right:0px;
	/* margin-top:1px; */
	padding-right:5px;
	height:100%;
	width:65%;
	/* text-decoration:underline; */
	/* min-width:80px; */
}


.dispunit {
	margin-left: 0px;
	text-align:center;
	background: #d8d8d8;
	color:black;
	border-radius:2px;
	margin: 1px 1px 1px 1px;
	height:96%;
	width:0%;
	/* text-decoration:underline; */
	/* min-width:80px; */
}


/* NTT */
#mymenu {
	text-align:center;
	background: #306bac;
	border-radius:1px;
	font-weight: bold;
	box-shadow:1px 1px 1px gray;
	margin: 1px 1px 1px 1px;
	height:50px;
}

#inmenu {
	text-align:center;
	background: #306bac;
	color:white;
	border-radius:1px;
	margin: 1px 1px 1px 1px;
	height:50px;
}
#inmenu a{
	color:white;
}

#inmenu a:hover {
	text-align:center;
	color:white;
	background:#6f9ceb;
	border-radius:1px;
	margin: 1px 1px 1px 1px;
}

#inmenuactive {
	text-align:center;
	color:white;
	background:#6f9ceb;
	border-radius:1px;
	margin: 1px 1px 1px 1px;
	height:50px;
}
#inmenuactive a{
	color:white;
}

#inmenuactive a:hover {
	text-align:center;
	color:white;
	background:#6f9ceb;
	border-radius:5px;
	margin: 1px 1px 1px 1px;
}


.led-box {
  height: 70px;
  width: 45px;
  margin: 2px 0;
  /*float: middle;
  position:relative;
  top:50%; */
}

.led-box p {
  font-size: 12px;
  font-style: bold;
  margin: 1px;
}


.led-green {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  /*background-color: #76ff03; // */
  background-color: #33691e;
  /*border-radius: 50%;*/  
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #89FF00 0 2px 12px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #89FF00 0 2px 12px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #89FF00 0 2px 12px;
}

.led-text{
  display:table-cell;
  vertical-align:middle;
}

.button{
  margin: 0 auto;
  width: 40px;
  height: 40px;
  background-color: red;
  /* border-radius: 10%; */
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  text-align:center;
  color:white;
  display:table-cell;
  vertical-align:middle;
  /* box-shadow:1px 1px 1px gray; */
}

.button_in{

}


.buttontext{
  text-align:middle;
  position:relative;
  top:50%;
}

 .big-checkbox {
	width: 35px;
	height: 35px;
	background-color: gray;
	/* border-radius: 10%; */
	border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}


label.checkbox input[type="checkbox"] {
    display:none;
}
label.checkbox span {
    display:inline-block;
    border:0px solid gray;
    border-radius:15px;
    width:50px;
    height:30px;
    background:gray;
    vertical-align:-webkit-baseline-middle;
	padding: 0px 0px 0px 0px;
}
label.checkbox p {
    display:inline-block;
    border:0px solid white;
    border-radius:15px;
    width:30px;
    height:30px;
    background:white;
    vertical-align:middle;
}
label.checkbox :checked + span {
    background:#76ff03;
	content:"ON";
	padding: 0px 0px 0px 19px;
}
label.checkbox :checked + span + p{
    background:#76ff03;
	padding-left:15px;
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.graph-title{
	min-height: 3rem !important;
}

.unit-title{
	max-height: 2.8rem !important;
}

/****************************************/
/* sidebar */
  .col-xs-12 {
	background-color: #fff;
  } 
  #sidebar {
	height: 100%;
	padding-right: 0;
	padding-top: 20px;
  }
  #sidebar .nav {
	width: 95%;
  }
  #sidebar li {
	border:0 #f2f2f2 solid;
	border-bottom-width:1px;
  }
  
  /* collapsed sidebar styles */
  @media screen and (max-width: 767px) {
	.row-offcanvas {
	  position: relative;
	  -webkit-transition: all 0.25s ease-out;
	  -moz-transition: all 0.25s ease-out;
	  transition: all 0.25s ease-out;
	}
	.row-offcanvas-right
	.sidebar-offcanvas {
	  right: -41.6%;
	}
  
	.row-offcanvas-left
	.sidebar-offcanvas {
	  left: -41.6%;
	}
	.row-offcanvas-right.active {
	  right: 41.6%;
	}
	.row-offcanvas-left.active {
	  left: 41.6%;
	}
	.sidebar-offcanvas {
	  position: absolute;
	  top: 0;
	  width: 41.6%;
	}
	#sidebar {
	  padding-top:0;
	}
}
/****************************************/

.g-nav{
	display:inline-flex;
	list-style-type: none;
	padding:0;
	/*text-align: center;*/
	background-color: lightblue;
}
.g-nav span{
	background-color: pink;
	display:flex;
	width:auto;
	/*margin:10px;*/
	/*padding:10px;*/
	align-items:center;
	justify-content: center;
}

.list-group-item-flex {
  position: relative;
  display: inline-flex;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item-flex span{
  display: flex;
}

.tv-resize{
	overflow: initial;
	white-space:nowrap;
}

.tv-content{
	overflow: hidden;
	white-space:nowrap;
}

.overcutoff{
	overflow: hidden;
	text-overflow: clip;
}