.mapSegment{
	position: absolute !important;
	top: 35px !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	margin: 0;
	z-index: -1;
}


#dashboard-trigger{
	position: fixed;
	top: 155px;
	left: -1px;
  
	width: 45px;
	height: auto;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition:
	  0.3s width ease,
	  0.5s transform ease
	;
	-moz-transition:
	  0.3s width ease,
	  0.5s transform ease
	;
	-o-transition:
	  0.3s width ease,
	  0.5s transform ease
	;
	-ms-transition:
	  0.3s width ease,
	  0.5s transform ease
	;
	transition:
	  0.3s width ease,
	  0.5s transform ease
	;
  }
  
  #dashboard-trigger .text{
	position: absolute;
	white-space: nowrap;
	top: auto;
	left: 40px;
	opacity: 0;
	font-size: 1em;
	padding-top: 0px;
	padding-left: 0;
	-webkit-transition:
	  0.3s opacity 0.3s
	;
	-moz-transition:
	  0.3s opacity 0.3s
	;
	-o-transition:
	  0.3s opacity 0.3s
	;
	-ms-transition:
	  0.3s opacity 0.3s
	;
	transition:
	  0.3s opacity 0.3s
	;
  }
  #dashboard-trigger:hover{
	width: 100px;
  }
  #dashboard-trigger:hover .text{
	opacity: 1;
  }

  #dashboard-trigger .icon{
	margin-left: 0px !important;
	padding-left:0px;
	padding-right: 0;
	padding-top: 0px;
	padding-bottom: 0;
	font-size: 1.25em;
  }

  .pushable.left.overlay .fixed.launch.button{
	transform: translate3d(0, 0, 0);
  }
  .pushable.overlay.left.pushed .fixed.launch.button{
	transform: translate3d(260px, 0, 0);
  }

  .device-menu{
	background-color: rgb(19,20,21) !important;
	border-radius: 5px !important;
	padding: 0 !important;
  }
  .device-row{
	display: flex !important;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 10px 5px 0 5px !important;
  }

  .device-row:hover{
	background-color: rgba(255, 255, 255, 0.08) !important;
  }

  .device-label-name{
	display: flex !important;
	color: #DEDEDE;
	
  }
  .device-label-name{
	padding-left: 5px;
  }

  .device-label-name > .device-name{
	padding-left: 5px !important; 
	font-size: 1.2em !important;
  }

  .device-button-box{
	display: flex !important;
	padding-right: 5px;
  }

  #dashboard-menu .accordion .content{
	padding: 0 !important;
	border-bottom: 1px solid #333;
  }

  #dashboard-menu .item{
	padding: 1px !important;
  }

  #dashboard-menu .header{
	padding: 10px !important;
  }

  
  #dashboard-menu .accordion .title{
	font-size: 1.25em !important;
	padding: 5px !important;
	border-bottom: 1px solid #333;
  }

  #dashboard-menu .accordion .title:hover{
	background-color: rgba(255, 255, 255, 0.08) !important;
  }


  #dashboard-menu .accordion .active.title {
	background-color: rgb(19,20,21) !important;
	border-bottom: none !important;
  }
  #dashboard-menu .accordion .active.title:hover{
	background-color: rgba(255, 255, 255, 0.08) !important;
  }

  #dashboard-menu{
	z-index: 10 !important;
  }


  .map-label{
	border: 1px solid #CCC;
	background-color: white;
	padding: 5px;
	margin-left: 15px;
	border-radius: 5px;
	word-wrap: normal;
	width: 150px;
	z-index: 9999;
  }

  .map-label-green {
	border: 1px solid #28a745;
	background-color: #d4edda;
	color: #155724;
  }

  .map-label-yellow {
	border: 1px solid #ffc107;
	background-color: #fff3cd;
	color: #856404;
  }

  .map-label-red {
	border: 1px solid #dc3545;
	background-color: #f8d7da;
	color: #721c24;
  }