@media ( max-width : 575px) {
	body {
		zoom:unset;
	}
}

@media ( min-width : 576px) {
	body {
		zoom:unset;
	}
}

@media ( max-width : 767px) {
	body {
		zoom:0.75;
	}
}

@media ( min-width : 768px) {
	body {
		zoom:0.7;
	}
}

@media ( max-width : 991px) {
	body {
		zoom:0.7;
	}
}

@media ( min-width : 992px) {
	body {
		zoom:0.8;
	}
}


@media ( min-width : 1200px) {
	body {
		zoom:unset;
	}
}
.grid-stack.view { background: transparent!important; }
.grid-stack-item-content { background: transparent; max-height:100%;overflow-y:hidden!important;}
.grid-stack.view > .grid-stack-item > .grid-stack-item-content { background: transparent;}
.grid-stack .grid-stack-placeholder > .placeholder-content { background-color: #ff034a;opacity:0.5;}
.grid-stack-item-content .fa {font-size: unset;margin: unset;}
/* .grid-stack-item[data-gs-x="0"] {left:0!important;} */
  
.grid-stack-item-content >.widget-btns {
 	display:none;
 	position: absolute;
    top: 5px;
    right: 10px;
    color:#fff;
    padding:0px 5px;
    z-index:999;
}
.grid-stack-item-content >.widget-btns >button {
	margin-right:3px;
}

.grid-stack-item-content:hover .widget-btns{
 	display:block;
}

#widgetBox {
	z-index: 10;
}
.yellow-bg {
	background-color: rgb(252, 187, 2);
}

.text-red {
	color:#f51b00 !important;
}

.text-green {
	color:#26da27!important;
}

.text-orange {
	color:#ff9920!important;
}

.text-grey {
	color:rgb(230, 230, 230)!important;
}

.text-bold {
	font-weight: bold;
}

.topimage {
    border-bottom: 0 solid transparent;
    max-width: 18vh;
    height: 100%;
    margin: 0 auto;
    display: block;
	float:left;
	padding:1vh;
}

.topimage>img {
	width:100%;
}

.poweredby>img {
    max-width: 15vh;
    height: auto;
    margin: 0 auto;
    display: block;
	float:right;
	padding:1vh;
	margin-top:1vh;
}

#revealdiv {
	margin-left: 0px;
}

.dashrow {
	margin:0;
}

.dashcol {
	margin: 0 2vh!important;
}
.present-mode .widget {
	font-size:4vh!important;
}

.widget {
	width: calc(100% - 1px);
	height : calc(100% - 1px);
	max-height : calc(100% - 1px);
	padding:0vh 0vh;
    overflow:hidden;
	font-size:5vh!important;
  	position: relative;
  	border: 1px solid rgb(0 0 0 / 10%);
  	border-radius: 1.5vh;
	box-shadow: 0 5px 20px #0000001a;
	-webkit-box-shadow: 0 5px 20px #0000001a;
}

.widget > * > p{
	margin:0!important;
}
.widget-header {
	font-family: inherit;
    font-size: 0.4em;
    font-weight: 600;
    width: 100%;
    margin: 0 auto;
    padding: 1.5vh;
    text-align: left;
    border-bottom: 1px solid #ffbb001a;
    
}

.widget-content {
	width: 100%;
	text-align: center;
}

.widget-content-center {
	width: 100%;
    height: calc(100% - 5vh);
	overflow: hidden;
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    align-content: space-around;
    flex-wrap: nowrap;
    padding: 1vh 1vw;
}

.chart {
	width:100%;
	height: 100%;
}

.chart85{
	height: 85%;
}

.compare-val{
	font-family:inherit;
	font-size:1.5em;
	font-weight: 400;
	line-height:1.5em;
}

.unit {
	font-size: 0.4em;
	font-weight: 200;
	vertical-align: middle;	
}

.curr::before {
	font-family: sans-serif;
	font-size: 0.5em;
	font-weight: inherit;
	content:"\20B9 "

}
.compare-than, .compare-than-base, .compare-than-period, .compare-than-base-period, .base-period {
	font-family:inherit;
	font-size:0.47em;
	font-weight: 400;
}
.compare-than > span, .compare-than-base > span, .base-value > span{
	font-weight: 500!important;
}

.compare-than-div , .compare-than-base-div, .base-div {
	display:flex;
	align-items: center;
	padding: 0vh;
	flex-direction: column;
}
.compare-than.stretch {
	line-height: 1.1em;
    word-break: break-all;
    margin-top: -1.2vh;
}

.stats-value  {
	font-family:inherit;
	font-size:6vh;
	font-weight: 400;
	margin-top:0;
}

/*Tabluar Percent Widget*/
.widget-content .slimScrollDiv {
	width:100%!important;
}
.widget-content .description-block {
	flex: 0 0 100%;
	margin:1vh 1vw;
	font-size:0.4em;
}

.widget-content .description-block > .progress-group {
	text-align:left;
	color:#000;
	font-weight:400!important;
}

.widget-content .description-block > .progress-group > .progress-text {
	font-weight:300!important;
}

.widget-content .description-block > .progress-group > .progress .sm {
	display:block;
	bottom:inherit;
	left:inherit;
	position: inherit
}

/*Campus Widget*/
.campusWidget .widget-content {
	flex-direction: column;	
}

.widget-content-vertical {
	flex-direction: column;	
}

.campusWidgetOrg {
	text-align:center;
    font-family:inherit;
}

.campusWidgetCampus, .campusWidgetDateTime {
    font-family:inherit;
    font-size: 0.6em;
    margin-top:2vh;
}


.weatherWidget {
	background-color: rgb(0 176 254 / 85%) !important;
    color: white;
    background-size: cover;
    background-position: center;
}
.weatherWidget .widget-content {
	flex-direction: column;	
}


.weatherIcon-content{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0px 6vh;
}

#weatherIcon {
	max-width: 50%;
	flex-basis: 50%;
	padding: 1vh;
	align-items: center;
}

.weather-row {
	margin: 0 auto;
	width: 90%;
	font-weight: 400;
	font-size: 0.4em;
}

.city-title {
	font-family:inherit;
}
 
.tempSpan {
	max-width: 50%;
	flex-basis: 50%;
	align-items: center;
	font-size: 1.5em;
}

#cityTemp {
	font-family:inherit;
	font-size: 1em;
}

.degc {
	font-family:inherit;
	font-size: 0.5em;
	color: #fff;
	vertical-align: super;
	text-align: left;
}
.degc:before {
	content: '\00B0 C';
}




.font-size-9vh {
	font-size:9vh;
}
.font-size-8vh {
	font-size:8vh;
}
.font-size-7vh {
	font-size:7vh;
}
.font-size-6vh {
	font-size:6vh;
}
.font-size-5vh {
	font-size:5vh;
}
.font-size-4vh {
	font-size:4vh;
}
.font-size-3vh {
	font-size:3vh;
}
.font-size-2vh {
	font-size:2vh;
}
.font-size-1vh {
	font-size:1vh;
}

.filtergroup.form-group{
    padding: 20px 10px;
    border: 1.5px solid #0089ff;
    margin: 10px;
    border-radius: 5px;
}
.filtergroup.form-group>label{
  position: absolute;
  top: -10px;
  left: 20px;
  background-color: white;
  font-weight: 400;
}
.filtergroup.form-group>select{
    width: 100%;
    height:38px;
    border-top: none;
    border-left: none;
    border-right: none;
}

#filtersForm {
	font-size:1.8vh;
}
#filtersForm > .form-group {
	margin-bottom: 0.5rem;
   	padding-bottom: 2vh;
}

#filtersForm > .form-group.border-bottom {
	border-bottom: 0.1vh solid #6d6d6d;
}

.filter-div {
	float: right;
	margin-top: -0.4rem;
	/* background-color: #ffffff; */
	padding: 0.5rem;
	border-radius: 5px;
	/* border: 1px solid #00000024; */
}


#location-filter, #space-filter {
	margin-right:1vw;
}

#location-filter .select2-container{
	width:20vw!important;
}

#location-filter .select2-container--default .select2-selection--single,  #dataBtn {
	border: 1px solid #00b0f4;
	border-radius:5px;
	background-color: #eff7ff;
    font-weight: 600;
}
#location-filter .select2-selection__rendered {
	color: #00b0f4
}
#dataBtn {
	height: 28px;
    font-size: 0.8em;
}
#space-filter .ms-parent.form-control.multiple-select {
	width:12vw!important;
	border: 1px solid #00b0f4;
	border-radius:5px;
	background-color: #eff7ff;
    font-weight: 600;
	padding:0px;
} 
#space-filter .ms-parent.form-control button {
	background-color: transparent;
	border: unset;	
}
#space-filter .ms-parent.form-control button.disabled {
	background-color: #f4f4f4;
	border: 1px solid #ddd;	
}
#space-filter .ms-parent.form-control button > span {
	top: 3px;
    color: #00b0f4;
    font-weight: 600;	
}

.ms-drop ul>li label> span {
	margin-left: 0.2rem;
}

.select2-selection .select2-selection--single {
	color:#00b0f4;
}

#location-filter > .easy-autocomplete > input{
	border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #eff7ff;
    cursor: pointer;
    line-height: inherit;
    padding: 5px 12px;
	background-color: #eff7ff;
    border-color: #eff7ff;
    color: #45AEF1;
	font-weight:600;
}
.workHours {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.workHours > div {
	text-align: center;
	width:50%;
}
.workHours label {
	display:flex;
	font-size: small;
	font-weight: 400;
}
.workHours .input-group.timepicker
{
	position: unset;
    display: flex;
}
.workHours .input-group.timepicker > .input-group-addon {
	display: flex;
    justify-content: center;
    align-items: center;
}
#quick-curr-filter a {
	width: 100%;
}
#quick-curr-filter, #adv-filter {
	margin-left: 1vw;
}

.filter-btn {
	border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #eff7ff;
    cursor: pointer;
    line-height: inherit;
    padding: 5px 12px;
    margin-right:5px;
	background-color: #eff7ff;
    border-color: #00b0f461;
    color: #00b0f4;
	font-weight:600;
}

.filter-btn:hover, .filter-btn.active{
	background-color: #00b0f4 !important;
    border-color: #00b0f461	 !important;
    color: #ffffff !important;
}


.widget-filter-btn {
	font-size:0.8em;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    line-height: inherit;
    padding: 5px;
	background-color: transparent;
    color: #202020!important;
	border: 1px solid #00b0f461!important;
	font-weight:400;
	text-transform: uppercase;
}

.widget-filter-btn:hover, .widget-filter-btn.active{
	-webkit-box-shadow: none;
	box-shadow: none;
}

.easy-autocomplete {
	width:unset!important;
}


#advFilterControl.control-sidebar{
	background-color: #161616;
}
#advFilterControl.control-sidebar.internal {
	width:0px;
	top: 7vh;
	right: 0px;
	padding-top: 0px;
	height: 100%!important;
	border: 0px solid #ccc !important;
	
}
#advFilterControl.control-sidebar.internal.control-sidebar-open{
	width: 275px !important;
	height: 100%!important;
	top: 0px;
	background-color: #161616;	
	border: 1px solid #000 !important;
	z-index: 999;
}

.daterangepicker.show-calendar {
	z-index: 9999;
	color:#000;
}

.adv-filter-btn {
	background-color: transparent!important;
}
.adv-filter-btn-close {
   background-color: transparent!important;
   color:#f39c12;
}
#advFilterControl {
	box-shadow: 0px 0px 5px rgb(63 63 63);
	-webkit-box-shadow: 0px 0px 5px rgb(63 63 63);
}
#advFilterControl .control-sidebar-heading{
	color:#fff !important;
	font-weight: 600; font-size: 16px; padding: 0px 0; margin-bottom: 15px;    border-bottom: 1px solid #ccc;
}
#advFilterControl .days label {
	color:white;
	font-weight: 400;
}
.ui-timepicker-standard a {
	font-size: 0.8em;
}
#collapseSideBar{ 
	position: fixed;
	right: 248px; 
	padding: 10px 20px; 
	background: #333; 
	box-shadow:-4px 3px 2px -2px rgba(0,0,0,0.4); 
	color: #fff;cursor:pointer;display:none 
}
#collapseSideBar:hover{ color:#00c0ef }
.excDays{cursor:pointer;}
.excl {text-decoration: strike-through;}		 
.svg-pan-zoom-control {fill-opacity:1!important;}

.dashboard-group-menu-item > i {
	font-size:0.5rem;
}

.apexcharts-canvas {
    margin: 0 auto;
}
.apexcharts-tooltip {
	background: #f3f3f3;
	color: blue;
}

.error-message {
	color: #a94442;
	margin:0 10px;
}

.widget > .overlay {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    background: rgba(255,255,255,0.7);
    border-radius: 3px;
}
.loader-new {
	position: absolute;
	border: 1vh solid #f3f3f3;
	border-radius: 50%;
	border-top: 1vh solid #223dfd;
	top: 50%!important;
	left: 50%!important;
	width: 30px;
	height: 30px;
	margin-left:0px!important;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }

.widget-message-overlay {
	background-color: #EAEDF2; 
	width:calc(100% - 2vh); 
	height: calc(100% - 9vh); 
	overflow: hidden; 
	display: flex;
	position: absolute;
	align-items: center;
    vertical-align: middle; 
	flex-direction: column; 
	justify-content: center; 
	align-content: space-around; 
	flex-wrap: nowrap; 
	z-index: 9;
}

.widget-message-overlay-without-header {
	height: calc(100% - 2vh); 
}

.widget-message-overlay > .widget-message-heading {
	font-family:inherit; 
	font-size: 0.45em; 
	font-weight:600; 
	margin-top:2vh;
	text-align: center;
}

.widget-message-overlay > .widget-message-subheading {
	font-family:inherit; 
	font-size: 0.35em; 
	margin-top:0.5vh;
	text-align: center;
}

.widget-overlay-stats {
	left: 1.5vh;
	top: 7vh;
	width: calc(100% - 3vh)!important;
	height: calc(100% - 8vh)!important;
}

.grid-stack-item-content .fa {
	display: inline-block;
}
#space_names text {
	font-size: 3vh;
	font-weight: 500;
}

.chart-js-tooltip {
	background: rgba(0, 0, 0, 0.8);
	color: #ffffff;
	font-size:0.4em;
	pointer-events: none;
	position: absolute;
	transform: translate(-50%, 0);
	transition:all .1s ease;
	min-width: 200px;
}
.chart-js-tooltip > table {
	margin:0px;
}
.popover {
	min-width: 320px;
	height: auto;
	color: #3a3a3a;
	box-shadow: 0 0 5px rgb(0 0 0 / 5%);
	-webkit-box-shadow: 0 0 5px rgb(0 0 0 / 5%);
}
.popover-content {
	padding: 0.5rem;
}
.popover-content .widget-user-header {
	background: #080808bf;
	color:#ffffff;
	padding: 0.5rem;
	height: auto;
	margin-bottom: 1rem;
}
.popover-content .widget-user-header >.space-type {
	text-transform: uppercase;
	color:#e6e6e6;
	font-size: 0.8rem;
}

.popover-content .description-block {
	color: #00a769;
}
.popover-content .description-text {
	font-weight: bold;
}
.popover-content .hist-stats-ul > li {
	padding:0.5rem;
	border-bottom:1px solid #f3f6f9
}
.popover-content > .stats-table {
	max-height: 200px;
}
.popover-content > .stats-table > .row {
	border-bottom: 1px solid #00b4f0;
	margin-bottom: 0.8rem;
}
.popover-content .statsof {
	font-weight: bold;
}
.popover-content .pull-right {
	margin-top:1rem;
}
.popover-content .badge:empty {
	display: inline-block!important;
}
.badge-live {
	font-size: 1rem;
    font-weight: normal;
}
.badge-live.internal {
	font-size: 1.5rem;
} 

.live-occcnt::after, .oocccntcc-min-val::after, .occcnt-avg-val::after, .occcnt-max-val::after {
	content: " Ppl";
}

.live-temp::after {
	content: " \2103";
}
.live-occ::after, .occ-min-val::after, .occ-avg-val::after, .occ-max-val::after, .live-humid::after, .humid-min-val::after, .humid-avg-val::after, .humid-max-val::after, .util-min-val::after,  .util-avg-val::after,  .util-max-val::after{
	content: "%";
}

.util-min-val:empty::after,  .util-avg-val:empty::after,  .util-max-val:empty::after,
	.live-occ:empty::after, .occ-min-val:empty::after, .occ-avg-val:empty::after, .occ-max-val:empty::after,
	.live-temp:empty::after, .temp-min-val:empty::after, .temp-avg-val:empty::after, .temp-max-val:empty::after,
	.live-humid:empty::after, .humid-min-val:empty::after, .humid-avg-val:empty::after, .humid-max-val:empty::after,
	.live-co2:empty::after, .co2-min-val:empty::after, .co2-avg-val:empty::after, .co2-max-val:empty::after,
	.live-tvoc:empty::after, .tvoc-min-val:empty::after, .tvoc-avg-val:empty::after, .tvoc-max-val:empty::after,
	.live-pm10:empty::after, .pm10-min-val:empty::after, .pm10-avg-val:empty::after, .pm10-max-val:empty::after,
	.live-pm25:empty::after, .pm25-min-val:empty::after, .pm25-avg-val:empty::after, .pm25-max-val:empty::after  {
	content: "N/a";
}
.occ-max-val::before,.util-max-val::before,.temp-max-val::before,.humid-max-val::before,.co2-max-val::before,
	.tvoc-max-val::before,.pm10-max-val::before,.pm25-max-val::before {
	content: "Max: ";
}

.occ-min-val::before,.util-min-val::before,.temp-min-val::before,.humid-min-val::before,.co2-min-val::before,
	.tvoc-min-val::before,.pm10-min-val::before,.pm25-min-val::before {
	content: "Min: ";
}

.live-lux::after {
	content: " Lx";
}

.live-co2::after {
	content: " Ppm";
}

.live-tvoc::after {
	content: " Ppb";
}

.live-pm10::after, .live-pm25::after {
	content: " µg/m³";
}
.bg-success-light{
	background-color: #eff7ff;
	border-color: #eff7ff;
	color: #45AEF1; 
}
.bdr-left {
	border-left: 1px solid;
}

.bdr-right {
	border-right: 1px solid;
}

.bdr-top {
	border-top: 1px solid;
}

.bg-good{
	background-color: #04a004;
}
.bg-satisfactory{
	background-color: #20c953;
}
.bg-moderate{
	background-color: #fbff11;
}
.bg-poor{
	background-color: #ff9920;
}
.bg-verypoor{
	background-color: #ff562f;
}
.bg-severe{
	background-color: #dc3545;
}
.progress.sm {
	z-index: 9;
}
.teams-drop {
	z-index: 99999;
}

.widget-content > .modal {
	font-size: 1rem!important;
	width: 100%;
	text-align: left!important;
}

.heatmapSidePanel{
	width: 0;
	position: absolute;
	z-index: 200;
	right: 8px;
	overflow-x: hidden;
	transition: 0.3s;
	padding-top: 0px;
	height: 100%;
	font-size: 14px;
}

.heatmapSidePanel > .box {
	-webkit-box-shadow: -20px 10px 5px 0px rgba(0,0,0,0.75)!important;
	-moz-box-shadow: -20px 10px 5px 0px rgba(0,0,0,0.75)!important;
	box-shadow: -20px 10px 5px 0px rgba(0,0,0,0.75)!important;
	height: 100%;
}