/*
 * Copyright (c) 2025 Sembient Inc. All rights reserved.
 */

body {
	font-family: "Open Sans", "Helvetica Neue", Ariel, sans-serif;
}

/* #region-table-panel .stupid-icon {
	display: inline-block;
	text-align : left;
}

 */

.headerQuestion {
	font-size: 18px;
}

.explanationRow {
	margin-left: 50px;
	margin-right: 50px;
}

#ws-types-charts {
	margin-top: 25px;
}

.shutdown {
	opacity: 0.1;
}

.question {
	font-size: 16px;
	font-weight: bold;
}

.answer {
	font-size: 16px;
	display: block;
}

.customer-note {
	font-size: 16px;
}

.startHidden {
	display: none;
}

.status-active {
	color: green;
}

.buttonMargin {
	margin-left: 2px;
	margin-right: 2px;
}

.buttonTextInputs {
	width: 150px;
	height:32px;
	padding: 6px 12px;
	border-radius: 3px;
	border: 1px;
	margin-left: 5px;
	margin-right: 5px;
}

.centerVertically {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

#sidebar-menu .active {
	pointer-events: none;
	cursor: default;
}

#sidebar-menu li.active {
	border-right: 0;
}

#sidebar-menu li.active a,
#sidebar-menu li a:hover {
	background: #5f7286;
}


/*.nav.side-menu>li.active {*/
/*	border-right: 5px solid #1ABB9C*/
/*}*/

/*.nav.side-menu>li.active>a {*/
/*	text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;*/
/*	background: linear-gradient(#334556, #2C4257), #2A3F54;*/
/*	box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0*/
/*}*/

.tile_count .tile_stats_count .count-lg {
	font-size: 30px;
	xxline-height: 47px;
	font-weight: 600
}
@media (min-width: 768px) {
	.tile_count .tile_stats_count .count-lg {
		font-size: 40px
	}
}
@media (min-width: 992px) and (max-width: 1100px) {
	.tile_count .tile_stats_count .count-lg {
		font-size: 30px
	}
}

.tile_count .tile_stats_count .count-med {
	font-size: 20px;
	xxline-height: 47px;
	font-weight: 600
}
@media (min-width: 768px) {
	.tile_count .tile_stats_count .count-med {
		font-size: 30px
	}
}
@media (min-width: 992px) and (max-width: 1100px) {
	.tile_count .tile_stats_count .count-med {
		font-size: 20px
	}
}



.tile_count .tile_stats_count .count-sm {
	font-size: 10px;
	xxline-height: 47px;
	font-weight: 600
}
@media (min-width: 768px) {
	.tile_count .tile_stats_count .count-sm {
		font-size: 15px
	}
}
@media (min-width: 992px) and (max-width: 1100px) {
	.tile_count .tile_stats_count .count-sm {
		font-size: 10px
	}
}

.mainMenuA {
	padding: 5px 5px !important;
}

#topMenuSection {
	width: calc(100% - 70px);
}

.reportGenSelect, #startHourDropdown, #endHourDropdown {
	color: #73879C !important;
}

#reportGenFormNote {
	color: red;
}

.floorMultiSelect {
	color: #73879C !important;
	font-size: 13px !important;
}

/*.smallNumberInput {*/
/*	width: 75px;*/
/*	display: inline;*/
/*}*/

.list-group-item {
	border: 0;
}

#insightsModalUrls .list-group-item {
	border: 1px solid #ddd !important;
	text-align: left;
}

.caret-margin {
	margin-top: 6px;
}

.input-color {
    position: relative;
    text-align: left;
}
 .input-color h6 {
    margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.input-color .color-box {
    width: 10px;
    height: 10px;
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 2px;
}
.clickable {
     cursor: pointer
}

.scrollable-pane
{
   overflow:scroll;
}

.scrollable-pane-min
{
   max-height:40px;
}

.scrollable-pane-med
{
	max-height:500px;
}

.scrollable-pane-lg
{
	max-height:1000px;
}

.scrollable-pane-max
{
   max-height:100%;
}

#region-env-charts .x-axis .y-axis,
#region-env-charts  text.legendText 
{
	stroke-width: 1px;
	font-size: 10px;
}

 #region-env-charts .line
{
	  fill: none;
	  stroke: #2A3F54;
	  stroke-width: 1px;
}

 #region-env-charts .tick line,
 #region-env-charts .x-axis path
{
	opacity: 0.2;
}

#region-env-charts .y-axis path
{
	opacity: 0;
}

/*.tippy-box[data-theme~='sembient'] {*/
/*  background-color: #63788B;*/
/*  color: white;*/
/*}*/

/*.tippy-box[data-theme~='sembient'][data-placement^='top'] > .tippy-arrow::before {*/
/*  border-top-color: #63788B;*/
/*}*/
/*.tippy-box[data-theme~='sembient'][data-placement^='bottom'] > .tippy-arrow::before {*/
/*  border-bottom-color: #63788B;*/
/*}*/
/*.tippy-box[data-theme~='sembient'][data-placement^='left'] > .tippy-arrow::before {*/
/*  border-left-color: #63788B;*/
/*}*/
/*.tippy-box[data-theme~='sembient'][data-placement^='right'] > .tippy-arrow::before {*/
/*  border-right-color: #63788B;*/
/*}*/

 .fa-admin-only {
	color: red !important;
}

 #poweredBy {
 	color: inherit;
 }
 
 #livePageDiv#map-panel {
 	margin-top: 2px;
 	margin-bottom: 2px;
 }
 
 .livePageHr {
 	border-top: 2px solid #444444;
 	margin-top: 2px;
 	margin-bottom: 2px;
 }
 
 #livePageBottom {
 	margin: 0px;
 	background-color: white;
 }

#livePageTextRow {
	margin-bottom: 0;
}

#livePageTextRow #available {
	margin-left: 10px;
}

#livePageLegendRow {
	margin-bottom: 2px;
 	margin-left: 0;
 	margin-right: 0;
 }
 
.livePageMapText {
 	font-size: 14px;
  	stroke: #000000;
 	fill: #000000;
 	opacity: 1;
	text-anchor: middle;
	dominant-baseline: middle;
}
 
 #customerHeader  #logo {
	max-width: 80%;
	height: 50px;
	margin: 5px;
 }
 
 .customerHeaderLeft {
	 padding-left: 5px;
	 padding-top: 5px;
 }
 
 .customerHeaderRight {
	padding-right: 5px;
	padding-top: 5px;
 }
 
 #customerHeader {
 	margin-left: 0px !important;
 	margin-right: 0px !important;
 	margin-top: 0px !important;
 }
 
 .no-margin {
 	margin-left: 0px !important;
 	margin-right: 0px !important;
 	margin-top: 0px !important;
 	margin-bottom: 0px !important;
 }
 
 .no-padding {
 	padding-left: 0px !important;
 	padding-right: 0px !important;
 	padding-top: 0px !important;
 	padding-bottom: 0px !important;
 }
 
.customerHeaderStyle1 {
 	background-color: #FFFFFF !important; /* #C8C9C7 !important; */
 	color: #000000 !important;
 	font-family: 'Roboto', sans-serif !important;
 }
 
 .customerStyle1 {
 	font-family: 'Roboto', sans-serif !important;
  	color: #000000;
 	background-color: white;
 }
 
 .pageBorder {
	/*border: 5px solid #444444 !important; KEEP IN BELOW FORMAT DON'T BREAK LIVE PAGE*/
	 border-style: solid !important;
	 border-color: #444444 !important;
	 border-left-width: 2px;
	 border-right-width: 2px;
	 border-top-width: 2px;
	 border-bottom-width: 2px;
	padding: 0px 0px !important;
	margin: 2px;
}

.rectangle {
	display: inline-block;
	 /*
 	width: 250px;
	 */
	padding: 3px;
	text-align: center;
    margin-right: 3px;
    opacity: 0.7;
	color: #000000;
}

 .greenRectangle {
 	background-color: #6EA204;
 }
 
 .yellowRectangle {
 	background-color: #F2AF00;
 }
 
 .redRectangle {
 	background-color: #CE1126;
 }
 
 #regionTypesRow,
 #regionTypesLikelihoodRow {
 	display: none;
 }

 #poweredByHeader {
	 margin: 10px;
 }
 
 #livePageTextRow ul {
 	margin-bottom: 0px;
 } 
 
 #livePageTextRow li {
 	font-size: 12px;
 } 
 
 #livePageLegendRow {
 	font-size: 14px;
 } 
 
#livePageTextBlock ol {
 	padding-left: 20px;
	font-size: 12px;
  } 
 
 .hackLabelText {
 	font-size: 6px;
 }
 
 .form-inline {
 	display: inline;
 }
 
 #singleDayRow {
	 display: none;
 }

#usersMenu {
	padding-bottom: 10px;
	display: none;
}

#usersButtons {
	margin-left: 20px;
}

#debugHeader {
	padding-bottom: 10px;
	margin-right: 0;
	margin-left: 0;
	display: none;
}

#statsHeader {
	display: none;
}

.hide {
	display: none;
}

.invisible {
	visibility: hidden;
}


 #meetingProbabilityRow,
 #regionTypesDiv {
 	display: none;
 }
 
/* #spinner {
 	display: none;
 } */
 
 #displayImpressionsCbRow {
 	display: none;
 }
 
 .disabled2 {
 opacity: 0.3 !important;
 }

.headerRow {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 10px;
}

#dowspan {
 	width: 100px;
 	display: inline-block;
 }
 
.nav-tabs li a {
	font-size: 11px;
	margin-right: 0px;
}

.ring-chart   .icon {
   font-family: FontAwesome;
}

 .ring-chart  text{
 	font-size: 4px;
 }
  
 h6 {
 	opacity: 0.7;
    margin-right: 20px;
    margin-left: 20px;
 }
 
 h6.narrow {
    margin-right: 150px;
    margin-left: 150px;
 }
 
 .reverse {
 	  color: #FFFFFF;  
	  background-color:#73879C;  
	  padding: 3px;
  	  border-radius: 3px;
  	  vertical-align: middle;
}
 
 .dropdown:hover,
 .drop:hover,
 .pointable:hover
 {
 cursor: pointer;
}

 .tooltip-inner, .popover {
 	  color: #FFFFFF;  
	  background-color:#73879C;  
}

 .popover-content {
 	  padding:4px;  
}

 .tooltip-arrow, .popover.top>.arrow, .popover.top>.arrow:after  {
	  border-top-color: #73879C !important;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  display: -moz-box;
 }

div[class*='col-equal'] {
  flex:1 1 auto;
  display: flex;
}

 .scatter-chart .legendLabel,
  .scatter-chart .axisLabel  {
 	font-size: 12px;
 }
 
 .hover, .selected {
	  font-weight: bold;
	  font-size: 100em;
	  opacity: 1;
	  stroke-width: 3px;
}
 
.hover2, .selected2 {
	  font-weight: bold;
	  opacity: 1;
}
 
.grid-chart .x-axis path,
.grid-chart .y-axis path
{
	opacity: 0.2;
}
 
 table.sortable span.sign {
	display: none;
}

.icon-sm {
  font-size: .70em;
}

.icon-med {
	font-size: .90em;
}

text {
	opacity: .5;
/* 	stroke-width: 0.1px; */
}

.pie-chart  polyline{
	opacity: .3;
	stroke: black;
	stroke-width: 0.3px;
	fill: none;
}

.pie-chart .labels  text {
	opacity: 1;
	font-size: 5px;
}

.pie-chart .legendLabel  {
	font-size: 4px;
}

#graph2 .x-axis,
#graph2 .y-axis
{
	stroke-width: 1px;
	font-size: 4px;
}

#graph2 .x-axis path
{
	display: none;
}

#graph2  .y-axis {
	display: none;
}

.regionTypesDetailsPane .pie-chart .legendLabel,
#buildings-page-staff-hours-space-types-chart-root-legend-group .legendLabel,
#regionTypesLikelihoodRow .legendLabel  {
	font-size: 10px;
}

/* .tick  {
	stroke: #73879C;
}
 */
.disable {
	cursor: not-allowed !important;
	color: #e0e0e0 !important;
	pointer-events: all !important;
}

.fixcolor {
	color: #73879C !important;
}

#logo {
	float: right !important;
	top: 2px;
	margin-left: 3px;
	margin-right: 10px;
}

.shift-right {
	float: right !important;
}

.shift-left {
	float: left !important;
}

.template {
	display: none;
}

#bins-gantt-chart .secondary {
	display: none;
}

#bins-gantt-chart-group .tick text {
	font-size: 1em; 
}

#line-chart-template {
	display: none;
}

#line-chart-template, .form-group-template {
	display: none;
}

#sembient-icon {
	display: block;
	margin-left: auto;
	margin-right: auto;
	xxmargin-top: 20px;
	xxmargin-bottom: 20px;
}

.toggleRegionTitle,
.node {
	display: none;
}

a.rightButton {
	background-color: #2A3F54;
	color: white;
	height: 36px;
	width: 36px;
	border-radius: 0; !important
}

a.rightButton:hover {
	color: #999;
}

.fixedRightControls {
	position: fixed;
	top: 50%;
	right: 10px;
}

.fixedMap {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	right: 10px;
}

/*#button-pause, #button-play, #button-next, #button-zoomIn, #button-zoomOut, #button-right, #button-left, #button-shiftRight, #button-shiftLeft, #button-reset {*/
/*  margin-right: 2px;*/
/*	background-color: white;*/
/*	color: #759BAF;*/
/*	border-radius: 0;*/
/*	border-color: white;*/
/*}*/

rect.bordered {
	stroke: #E3E3E3;
	stroke-width: 1px;
	fill: none;
}

/* rect.poi {
	stroke: #008000;
	stroke-width: 2px;
	fill: none;
}
 */

/*#timeRangeRow {*/
/*	padding-bottom: 10px;*/
/*	margin-right: 0;*/
/*	margin-left: 0;*/
/*}*/

.notice-color {
	color: #197802;
}

/*.my-button-sm {*/
/*	padding: 3px 5px;*/
/*}*/

#workHoursDiv {
	padding-top: 0px;
	margin-right: 0;
	margin-left: 0;
}

#workHoursDiv #workHours {
	margin-left: 20px;
}

#shutdownDiv {
	padding-top: 0px;
	margin-right: 0;
	margin-left: 20px;
}

.sdropdown  {
	margin-right: 4px;
	overflow: hidden;
	width: 100%;
	align-items: center;
	text-align: center;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
/*	-webkit-appearance: menulist-button; */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/* .sdropdown select  {
   background: transparent;
   border: 1px solid #ccc;
   padding: 5px;
   color: #000; 
}
 */
.btn-med {
   min-width: 50px;
}

<!--
.button {
  background-color: #404040;
  xxbackground-image: linear-gradient(to bottom, #000, #ccc);
  border-radius: 15px;
  /*font-family: Arial;*/
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.button:hover , .button:disabled {
  background-color: #ccc;
  xxbackground-image: linear-gradient(to bottom, #ddd, #ccc);
  text-decoration: none;
}
-->

.nav-pills>li>a:hover {
	background-color: #F5F5F5;
}

#map-zoom-controls {
	margin-left: 10px;
}

/*#map-autoscale {*/
/*	display: none;*/
/*	margin-left: 10px;*/
/*}*/

#buildings-page-floor-legend-div {
	margin-top: 50px;
}

.vertical-legend ul {
	list-style: none;
	padding-left: 0px !important;
	margin-top: 20px;
}
.vertical-legend text.legendLabel, .legend-title {
	font-size: 20px;
	text-align: right;
	/*font-family: Consolas, courier;*/
	font-weight: normal;
	text-anchor: right;
}
text.legendLabel, text.legend {
	font-size: 25px;
	text-align: right;
	/*font-family: Consolas, courier;*/
	font-weight: normal;
	text-anchor: right;
}
text.legendLabelCenter {
	font-size: 20px;
	text-align: center;
	/*font-family: Consolas, courier;*/
	font-weight: normal;
	text-anchor: center;
}

text.poiLegend {
	font-size: 20px;
	text-align: center;
	/*font-family: Consolas, courier;*/
	font-weight: normal;
	text-anchor: left;
}


.grid-chart text,
.gantt-chart .tick text
{
	font-size: 10px;
}

.scatter-chart .tick text 
{
	font-size: 16px;
}

.grid-chart .axis  path,
.grid-chart .tick  line
{
	opacity: 0.2;
}


.line-chart .axis  path,
.line-chart .tick  line
{
	opacity: 0.2;
}


.pie-chart .legend text
{
	font-size: 6px;
}

.gantt-chart .legend text,
.gantt-chart .legend-title text,
.gantt-chart .axis-title,
#heatmap.legend-title text
{
	font-size: 8px;
}

#map .legend text,
#map .legend-title text
{
	font-size: 11px;
}

.region-legend, .node-legend, .gw-legend {
	font-size: 6px;
}

.title-with-icon {
	text-align: center;
	display: inline-block;
}

.gantt-chart .x-axis .tick line,
.gantt-chart .grid .tick line,
.gantt-chart .y-axis .tick line
{
	opacity: 0.05;
}

.gantt-chart .x-axis path,
.gantt-chart .y-axis path,
#breakdown .x-axis  path,
#breakdown .y-axis  path,
#breakdown .tick line
{
	opacity: 0.2;
}

#iaqBarChart .x-axis path,
#iaqBarChart .y-axis path,
#iaqBarChart .tick line
{
	opacity: 0;
}

#xxiaqBarChart
{
	padding-right: 100px;
}

#iaqBarChart .y-axis {
	stroke-width: 1px !important;
	font-size: 13px;
}
.gantt-chart .summary-axis path,
.gantt-chart .grid path
{
	opacity: 0;
}


.gantt-chart .brush .selection
{
	fill-opacity: 0.3;
}


#page-title
 {
    display:inline-block;
    text-align: right;
    float:right; 
	font-size: 10px;
}

 .metric-title, .chart-title {
	font-size: 8px;
}

.btn-responsive {
	padding: 2px 5px;
	font-size: 8px;
	line-height: 1;
	border-radius: 2px;
}

.sdropdown {
	font-size: 8px;
	height: 14px;
	width: 60px;
}

 /* #single-date-picker  {
	font-size: 8px;
   	height: 10px;
   	width: 90px;
   	display: inline-block;
	margin-right: 4px;
   	padding: 1px 2px;
} */

/* #multi-date-range, #time-picker {
	font-size: 8px;
   	height: 10px;
   	width: 30%;
	margin-right: 4px;
   	padding: 1px 2px;
}
 */
/* #region-right-root  .count {
	font-size: 20px;
	color: #1ABB9C;
}

 */
 
 @media screen and (min-width: 576px) {
	.vertical-legend text.legendLabel, .legend-title {
		font-size: 20px;
	}
	text.legendLabel {
		font-size: 25px;
	}
	.grid-chart text, .gantt-chart .tick text {
		font-size: 10px;
	}
	.scatter-chart .tick text {
		font-size: 16px;
	}
	.pie-chart .legend text {
		font-size: 6px;
	}
	.gantt-chart .legend text, .gantt-chart .legend-title text, .gantt-chart .axis-title, #heatmap .legend text, #heatmap .legend-title text
	{
		font-size: 10px;
	}
	#map .legend text, #map .legend-title text
		{
		font-size: 11px;
	}
	.region-legend, .node-legend, .gw-legend {
		font-size: 8px;
	}
	#page-title, .metric-title, .chart-title {
		font-size: 8px;
	}
	#region-right-root  .count {
		font-size: 10px;
	}
	
}

@media screen and (max-width: 768px) {
    h1{
        font-size:14px;
    }
}

@media screen and (min-width: 768px) {
	.vertical-legend text.legendLabel, .legend-title {
		font-size: 20px;
	}
	text.legendLabel, text.legendLabelCenter {
		font-size: 25px;
	}
	.grid-chart text, .gantt-chart .tick text {
		font-size: 11px;
	}
	.scatter-chart .tick text {
		font-size: 17px;
	}
	.pie-chart .legend text {
		font-size: 6px;
	}
	.gantt-chart .legend text, .gantt-chart .legend-title text, .gantt-chart .axis-title, #heatmap .legend text, #heatmap .legend-title text
		{
		font-size: 11px;
	}
	#map .legend text, #map .legend-title text
		{
		font-size: 11px;
	}
	.region-legend, .node-legend, .gw-legend  {
		font-size: 9px;
	}
	#page-title, .metric-title, .chart-title {
		font-size: 12px;
	}
	#region-right-root  .count {
		font-size: 10px;
	}
	
	.btn-responsive {
		padding: 2px 5px;
		font-size: 10px;
		line-height: 1;
		border-radius: 2px;
	}
	.sdropdown {
		font-size: 10px;
		height: 14px;
		width: 60px;
	}
/* 	#single-date-picker {
   		display: inline-block;
		font-size: 10px;
		height: 10px;
		margin-right: 4px;
		padding: 1px 2px;
	} */
/* 	#multi-date-range, #time-picker {
		font-size: 10px;
		height: 10px;
		width: 30%;
		margin-right: 4px;
		padding: 1px 2px;
	}
 */
 }

@media screen and (min-width: 992px) {
	.vertical-legend text.legendLabel, .legend-title {
		font-size: 20px;
	}
	text.legendLabel, text.legendLabelCenter {
		font-size: 25px;
	}
	.grid-chart text, .gantt-chart .tick text {
		font-size: 8px;
	}
	 .scatter-chart .tick text {
		font-size: 14px;
	}
	.pie-chart .legend text {
		font-size: 6px;
	}
	.gantt-chart .legend text, .gantt-chart .legend-title text, .gantt-chart .axis-title, #heatmap .legend text, #heatmap .legend-title text
		{
		font-size: 8px;
	}
	#map .legend text, #map .legend-title text
		{
		font-size: 11px;
	}
	.region-legend, .node-legend, .gw-legend  {
		font-size: 9px;
	}
	#page-title {
		font-size: 20px;
	}
   .metric-title, .chart-title {
		font-size: 18px;
	}
#region-right-root  .count {
	font-size: 10px;
}
}

@media screen and (min-width: 1200px) {
	.vertical-legend text.legendLabel, .legend-title {
		font-size: 15px;
	}
	text.legendLabel, text.legendLabelCenter {
		font-size: 20px;
	}
	.grid-chart text, .gantt-chart .tick text {
		font-size: 10px;
	}
	.scatter-chart .tick text {
		font-size: 13px;
	}
	.pie-chart .legend text {
		font-size: 5px;
	}
	.gantt-chart .legend text, .gantt-chart .legend-title text, .gantt-chart .axis-title, #heatmap .legend text, #heatmap .legend-title text
		{
		font-size: 10px;
	}
	#map .legend text, #map .legend-title text
		{
		font-size: 10px;
	}
	.region-legend, .node-legend, .gw-legend  {
		font-size: 12px;
	}
	#page-title {
		font-size: 24px;
	}
	.metric-title, .chart-title {
		font-size: 18px;
	}
	#region-right-root  .count {
		font-size: 14px;
	}
	.sdropdown {
		font-size: 16px;
		height: 34px;
		width: 200px;
	}
	.btn-responsive {
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857143;
		border-radius: 4px;
	}
/* 	#single-date-picker {
   		display: inline-block;
   		width: 160px;
		font-size: 16px;
		height: 36px;
		margin-right: 8px;
		padding: 6px 12px;
	} */
/* 	#multi-date-range, #time-picker {
		font-size: 16px;
		height: 36px;
		width: 100%;
		margin-right: 8px;
		padding: 6px 12px;
	} */
}

@media screen and (min-width: 1400px) {
	#region-right-root  .count {
		font-size: 16px;
	}
}


.centered  {
	text-align: center;
}

.centeredWithRightGadget  {
	text-align: center;
}

.centeredWithRightGadget  i,  .rightGadget {
	float: right;
}

.centeredWithLeftGadget  {
	text-align: center;
}

.centeredWithLeftGadget  i,  .leftGadget {
	float: left;
}

#region-gantt-chart-title {
  text-align: center;
}

#region-gantt-chart-title  i {
  float: right;
}

#region-gantt-chart .x-axis path,
#region-gantt-chart .y-axis path
{
	opacity: 0.2;
}


#region-panel4  .x_title {
  text-align: center;
}

.meetingProbabilityBarChart  .x-axis,
.meetingProbabilityBarChart  .y-axis
{
	stroke-width: 1px;
	font-size: 16px;
}

.meetingProbabilityBarChart  text.legendText 
{
	font-size: 8px;
}

.miniChart .y-axis {
	display: none;
}
.miniChart .x-axis,
.miniChart .y-axis
{
	stroke-width: 1px;
	font-size: 12px;
}

.meetingProbabilityBarChart .y-axis .tick line,
.miniChart .y-axis .tick line
{
	opacity: 0.05;
}

.meetingProbabilityBarChart .y-axis path,
.miniChart .y-axis path
{
	opacity: 0;
}

.meetingProbabilityBarChart .x-axis path,
.miniChart .x-axis path
{
	display: none;
}

.detailsPane .miniChart .x-axis path
{
	opacity: 0;
}

.meetingProbabilityBarChart  .line ,
 .miniChart  .line 
 {
	  fill: none;
	  stroke: #2A3F54;
	  stroke-width: 1px;
}

.miniChart  text.legendText 
{
	font-size: 8px;
}

.miniBarChart .x-axis,
.miniBarChart .y-axis
{
	font-size: 4px;
}

.meetingProbabilityBarChart .line,
.miniBarChart .line
{
	stroke-width: 0.5px;
}

/* .doubleBarChart  line {
	stroke: #5e5e5e;
} */

/*#spaceTypeUsageRow,*/
/*#spaceUtilizationRow,*/
/*#regionTypesRow,*/
/*#regionTypesLikelihoodRow,*/
/*#doubleBarChartRow,*/
/*#regionRow,*/
/*#overview-page-row #map-panel,*/
/*#overview-map-tabs,*/
/*#overview-region-type-select*/
/*{*/
/*	display: none;*/
/*}*/

/*#map-panel {*/
/*	padding: 1px 1px;*/
/*}*/

.maximizer-icon {
	margin-left: 20px;
}

#co2Chart .tick line,
#tvocChart .tick line,
#pm25Chart .tick line,
#tempChart .tick line,
#humidityChart .tick line
{
	display: none;
}

#co2Chart .x-axis path,
#tvocChart .x-axis path,
#pm25Chart .x-axis path,
#tempChart .x-axis path,
#humidityChart .x-axis path
{
	display: none;
}

.doubleBarChart  .bargroup text {
	font-size: 10px;
}

.doubleBarChart   .icon {
	font-family: FontAwesome;
}

.doubleBarChart   .sort-icon {
	font-family: FontAwesome;
	opacity: .5;
}

.doubleBarChart .y-axis path
{
	display: none;
}

.doubleBarChart .x-axis path
{
	display: none;
}

.doubleBarChart .x-axis
{
	stroke-width: 1px;
	font-size: 10px;
}

.doubleBarChart .y-axis
{
	stroke-width: 1px !important;
	font-size: 10px;
}

.doubleBarChart .legendText
{
	stroke-width: 0.1px;
	font-size: 14px;
/* 	font-family: "Helvetica Neue"; */
	stroke: #73879C;
/* 	stroke-width: .4px; */
	opacity: .7;
}

#buildings-page-daily-occ-chart .x-axis .y-axis,
#buildings-page-daily-occ-chart  text.legendText
{
	stroke-width: 1px;
	font-size: 10px;
}

#buildings-page-daily-occ-chart .line
{
	fill: none;
	stroke-width: 1px;
}

#buildings-page-daily-occ-chart .tick line,
#buildings-page-daily-occ-chart .x-axis path
{
	display: none;
}

#buildings-page-daily-occ-chart .y-axis path
{
	opacity: 0;
}

#buildings-page-staff-hours-floors-chart #yaxis .tick line {
	display: none;
}

#changeDiv {
	display: none;
}

.spaceUtilChart .bargroup text,
.buildingUtilChart .bargroup text {
	font-size: 10px;
}

.hiddenXAxis .x-axis {
	display: none;
}

.floorWsChart text {
	font-size: 12px;
}

.buildingUtilChart .x-axis .tick line,
.floorWsChart .x-axis .tick line
{
	display: none;
}

.floorWsChart .y-axis .tick line
{
	display: none;
}

/*.floorWsChart .y-axis .tick text*/
/*{*/
/*	overflow-wrap: break-word;*/
/*	word-break: break-all;*/
/*}*/

.buildingUtilChart .y-axis .tick line
{
	opacity: 0.1;
}

.spaceUtilChart .tick line
{
	opacity: 0.1;
}

.floorWsChart .y-axis path
{
	display: none;
}

.spaceUtilChart .y-axis,
.buildingUtilChart .y-axis {
	display: none;
}

.spaceUtilChart .x-axis path,
.buildingUtilChart .x-axis path,
.floorWsChart .x-axis path
{
	display: none;
}

.spaceUtilChart .x-axis,
.buildingUtilChart .x-axis,
.xxfloorWsChart .x-axis
{
	stroke-width: 1px;
	font-size: 10px;
}

.spaceUtilChart .y-axis,
.buildingUtilChart .y-axis,
.xxfloorWsChart .y-axis
{
	stroke-width: 1px !important;
	font-size: 10px;
}

/*  .miniChart  .mostrecent  {
  fill: red;
}

.miniChart  .secondmostrecent  {
  fill: steelblue;
}
 */

#map-root .btn-secondary,
#region-charts #hourlyDow .btn,
#insights .btn
 {
	background-color: white;
	color: #759BAF;
	border-radius: 0;
	border-color: white;
}

/* #overviewControls .overviewDateArrowBtn
 {
	background-color: #F7F7F7;
	color: #2a3f54;
	border-radius: 0;
	border-color: #F7F7F7;
	display: none;
} */

/*#overviewControls  #dropdownMenuRegionType*/
/*{*/
/*	min-width: 200px;*/
/*}*/

/*#overviewControls #dropdownMenuDates*/
/* {*/
/*	min-width: 200px;*/
/*}*/

/*#singleDayRow #date-header*/
/*{*/
/*	min-width: 200px;*/
/*}*/

#gantt-panel #date-header
{
	min-width: 300px;
}

/* #region-right-root  #controls {
	text-align:center;
}
 */
#map-root  #region-charts #dow {
	width: 150px;
}

/* #gantt-panel  #date-header  {
	width: 450px;
}
 */
#map-root  #regionSelectSpan {
	float: right;
}


/*   NARROWER   */
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.container-fluid {
    padding-right: 5px;
    padding-left: 5px
}

.rowx {
    margin-right: -5px;
    margin-left: -5px
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #cccccc;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}