/* Fonts */
@font-face {
	font-family: Lato;
	src: url(/assets/fonts/Lato-Regular.ttf);
}

@font-face {
	font-family: Lato;
	src: url(/assets/fonts/Lato-Bold.ttf);
	font-weight: bold;
}

/* Angular styles */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak,
	.x-ng-cloak {
	display: none !important;
}

/* Tag styles */
body {
	background-color: #999;
	position: relative;
	padding-top: 30px;
	font-family: Lato, sans-serif;
	color: #101010;
	font-size: 1.5em;
	line-height: 1em;
	overflow-y: hidden;
}

.loginLogo {
	content: url("../images/gridpoint-logo.png");
}

.loginLogo:after {
	content: url("../images/gridpoint-logo.png");
}

.portalLogo {
	content: url("../images/gridpointLogo.png");
	padding: 0px;
	margin-top: 9px
}

.portalLogo:after {
	content: url("../images/gridpointLogo.png");
	padding: 0px;
}

p, div, h1, h2, h3, h4, h5, h6 {
	font-family: Lato, sans-serif;
	outline: none;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 20px;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 27px;
}

h3 {
	font-size: 23px;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

a {
	color: #101010;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

a:focus:hover {
	text-decoration: underline;
}

a:focus {
	text-decoration: none;
}

a:visited {
	color: #101010;
	text-decoration: none;
}

input[type=radio], input[type=checkbox] {
	margin-right: 5px;
}

p {
	margin: 0 0 20px;
}

main {
	background-color: #fafafa;
	overflow-x: hidden;
	padding: 8px;
	/*Warning don't remove right padding as 0 this will effect on graph scale with zoom part*/
	padding-right: 0px;
}

main section, main section br {
	clear: both;
}

main>section>section {
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 10px;
	padding: 10px 0 20px;
}

main>section>section section {
	border-bottom: 0 solid #f0f0f0;
	margin-bottom: 20px;
}

pre {
	background-color: #f9f2f4;
	border: 1px solid #f6e9f1;
	color: #000;
}
/* TODO-clongmoon: Find better solution for this shameful selection targeting the Add/Remove buttons of PT */
[value="Add"], [value="Remove"] {
	margin-top: 15px;
	width: 90%;
}

table {
	margin: 10px 0 20px;
}

th {
	color: #101010;
	margin-top: 40px;
}

gp-table {
	margin-top: 50px;
}

main>.margintb20 {
	margin-bottom: 20px;
}

/* Class styles */
.navbar {
	height: 30px;
	min-height: 30px;
	margin-bottom: 0;
	padding-bottom: 0;
	z-index: 102;
}

.navbar ul {
	margin-bottom: 0;
}

.navbar-inverse {
	background: #555;
}

.navbar-fixed-top {
	border: none;
}

header.navbar {
	text-align: center;
}

header.navbar li a {
	padding: 8px 12px;
	font-size: 13px;
}

header.navbar ul.branding li a {
	padding: 0px 0;
}

.splash {
	text-align: center;
	margin-top: 100px;
}

.container {
	width: 100%;
}

.Graphs_title {
	width: 15%;
	float: left;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 26px;
}

.Graphs_title h4 {
	text-align: left;
}

@media ( min-width : 1180px) {
	.Graphs_title {
		width: 20%;
	}
}

@media ( min-width : 1280px) {
	.Graphs_title {
		width: 26%;
	}
}

@media ( min-width : 1366px) {
	.Graphs_title {
		width: 31%;
	}
}

@media ( min-width : 1440px) {
	.Graphs_title {
		width: 34%;
	}
}

@media ( min-width : 768px) {
	.container .site-tree {
		width: 20% !important;
	}
	.container .content-container {
		width: 80% !important;
	}
	.modal-content {
		padding: 10px;
	}
	.modal-dialog.modal-lg .modal-content {
		height: 100%;
		overflow-y: auto;
	}
	.modal.in .modal-dialog.modal-lg {
		height: 90%;
	}
	.download_container .modal-dialog.modal-lg {
		height: inherit !important;
	}
	.panel {
		border: none;
		background-color: #fafafa;
		border-radius: 0;
		box-shadow: none;
		margin-bottom: 10px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.disabled-panel {
		background-color: rgba(250, 250, 250, 0.5);
		box-shadow: none;
		min-height: 300px;
		width: 300px;
		position: absolute;
		z-index: 10;
	}
	.panel-heading, .panel-default>.panel-heading {
		border: 1px solid #eee;
		border-radius: 0;
		box-shadow: none;
	}
	.panel-body, .panel-group .panel-heading+.panel-collapse .panel-body {
		border-top: 0;
		border-bottom: 1px solid #eee;
		border-right: 1px solid #eee;
		border-left: 1px solid #eee;
		border-radius: 0;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
		box-shadow: none;
	}
	.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th
		{
		background-color: #f3f3f3;
	}
	.table>thead>tr>th {
		background: #ccc;
	}
	.table>thead>tr th {
		background: #999;
		color: #fff;
		padding: 0px;
		border-left: 0px;
		border-right: 0px !important;
	}
	#projectTrackingInventoryId .table>thead>tr th {
		min-width: 100px;
	}
	#homeControllerDetailsCtrl .table>thead>tr th {
		min-width: 100px;
	}
	#homeSiteNoteShowCtrl .table>thead>tr th {
		min-width: 100px;
	}
	.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th
		{
		background: #efefef;
	}
	.table-striped>tbody>tr:nth-child(even)>td, .table-striped>tbody>tr:nth-child(even)>th
		{
		background: #fff;
	}
	.table-striped>tbody>tr.selected>td {
		background: #ccc !important;
	}
	.exception_table tr>th:last-child, .exception_table tr>td:last-child {
		background: #fafafa !important;
		border: #fafafa;
	}
	.exception_table {
		border: 0px !important;
	}

	/*.table_viw_graph > tbody > tr > td{padding-left:0px!important; padding-right:0px!important;}
    .table_viw_graph > tbody > tr > td > table {width:100%!important;}
    .table_viw_graph tr{line-height:25px;}
    .table_viw_graph td, .table_viw_graph th{border:1px solid #777!important; border-right:0px!important; text-align:center;}
    .table_viw_graph > tbody > tr > td{border:0px!important; padding-top:0px!important;}
    .table_viw_graph > tbody > tr > td > table{margin-top:0px!important;}
    .table_viw_graph > tbody > tr > td > table >tbody > tr:nth-child(odd){background:#e3e4e5;}
    .table_viw_graph > tbody > tr > td > table >tbody > tr:nth-child(even){background:#fff;}
    .table_viw_graph > tbody > tr > td > div:nth-child(even){background:#ddd;}
    .table_viw_graph > tbody > tr > td > div{lin-height:19px;}*/
	accordion .panel {
		padding: 10px 0;
	}

	/* Fonts */
	.font-knock-out {
		color: #fff;
	}
	.font-dark {
		color: #333;
	}

	/* Color Scheme */
	/* Background */
	/* Primary Palette */
	.bg-primary-red {
		background-color: #ff1b24;
	}
	.bg-primary-orange {
		background-color: #ff9600;
	}
	.bg-primary-yellow {
		background-color: #ffbe00;
	}
	.bg-primary-white {
		background-color: #ffffff;
	}
	.bg-primary-gray1 {
		background-color: #efefef;
	}
	.bg-primary-gray2 {
		background-color: #d1d1d1;
	}
	.bg-primary-gray3 {
		background-color: #b0b0b0;
	}
	.bg-primary-gray4 {
		background-color: #8d8d8d;
	}
	.bg-primary-gray5 {
		background-color: #5b5b5b;
	}
	.bg-primary-gray6 {
		background-color: #373737;
	}

	/* Accent Palette */
	.bg-accent-red1 {
		background-color: #981B22;
	}
	.bg-accent-red2 {
		background-color: #c20a19;
	}
	.bg-accent-orange1 {
		background-color: #eb7e00;
	}
	.bg-accent-orange2 {
		background-color: #ffaa00;
	}
	.bg-accent-yellow {
		background-color: #fce174;
	}
	.bg-accent-green1 {
		background-color: #446600;
	}
	.bg-accent-green2 {
		background-color: #809c3d;
	}
	.bg-accent-green3 {
		background-color: #91c237;
	}
	.bg-accent-green4 {
		background-color: #cad99b;
	}
	.bg-accent-blue1 {
		background-color: #506684;
	}
	.bg-accent-blue2 {
		background-color: #5f7eb8;
	}
	.bg-accent-blue3 {
		background-color: #98b1d5;
	}
	.bg-accent-blue4 {
		background-color: #c9d6e2;
	}

	/* Text */
	/* Primary Palette */
	.text-primary-red {
		color: #ff1b24;
	}
	.text-primary-orange {
		color: #ff9600;
	}
	.text-primary-yellow {
		color: #ffbe00;
	}
	.text-primary-white {
		color: #ffffff;
	}
	.text-primary-gray1 {
		color: #efefef;
	}
	.text-primary-gray2 {
		color: #d1d1d1;
	}
	.text-primary-gray3 {
		color: #b0b0b0;
	}
	.text-primary-gray4 {
		color: #8d8d8d;
	}
	.text-primary-gray5 {
		color: #101010;
	}
	.text-primary-gray6 {
		color: #373737;
	}

	/* Accent Palette */
	.text-accent-red1 {
		color: #981B22;
	}
	.text-accent-red2 {
		color: #c20a19;
	}
	.text-accent-orange1 {
		color: #eb7e00;
	}
	.text-accent-orange2 {
		color: #ffaa00;
	}
	.text-accent-yellow {
		color: #fce174;
	}
	.text-accent-green1 {
		color: #446600;
	}
	.text-accent-green2 {
		color: #809c3d;
	}
	.text-accent-green3 {
		color: #91c237;
	}
	.text-accent-green4 {
		color: #cad99b;
	}
	.text-accent-blue1 {
		color: #506684;
	}
	.text-accent-blue2 {
		color: #5f7eb8;
	}
	.text-accent-blue3 {
		color: #98b1d5;
	}
	.text-accent-blue4 {
		color: #c9d6e2;
	}

	/* List styles */
	.list-group-simple {
		margin-bottom: 0;
	}
	.list-group-simple .list-group-item {
		background-color: transparent;
		border: none;
		padding: 5px;
	}

	/* Input styles */
	.input-group {
		padding-bottom: 15px;
	}
	.input-group label {
		font-weight: normal;
		padding-right: 20px;
	}
	.vertical-input-group button {
		display: block;
		margin: 0 auto 10px auto;
		min-width: 80px;
	}
	.icon-group {
		margin-bottom: 20px;
	}

	/* Button styles */
	.input-group>button.btn, .input-group>a.btn {
		margin-right: 10px;
		min-width: 80px;
	}
	.btn {
		border: none;
		background-color: #d1d1d1;
		text-transform: none;
	}
	.btn:active, .btn.active, .btn-default:focus, .btn-default.focus {
		box-shadow: none;
		-webkit-box-shadow: none;
		background-color: #d1d1d1;
	}
	button.glyphicon:empty {
		width: 3em;
	}
	button.btn-small {
		width: 3em;
	}
	.btn-link {
		color: #000;
	}
	.btn.btn-primary {
		background-color: #373737;
	}
	.btn.btn-info {
		background-color: #8d8d8d;
	}
	.btn.btn-success {
		background-color: #373737;
	}
	.btn.btn-warning {
		background-color: #e51b24;
	}
	.btn.btn-danger {
		background-color: #a20a09;
	}

	/* Button - disabled */
	.btn[disabled] {
		border: none;
		background-color: #e6e6e6;
	}
	.btn[disabled].btn-primary {
		background-color: #575757;
	}
	.btn[disabled].btn-info {
		background-color: #adadad;
	}
	.btn[disabled].btn-success {
		background-color: #575757;
	}
	.btn[disabled].btn-warning {
		background-color: #f53b44;
	}
	.btn[disabled].btn-danger {
		background-color: #e22a39;
	}

	/* Button - hover */
	.btn:hover {
		background-color: #b1b1b1;
	}
	.btn.btn-primary:hover {
		background-color: #171717;
	}
	.btn.btn-info:hover {
		background-color: #6d6d6d;
	}
	.btn.btn-success:hover {
		background-color: #171717;
	}
	.btn.btn-warning:hover {
		background-color: #c50b04;
	}
	.btn.btn-danger:hover {
		background-color: #820000;
	}
	.btn-group .btn {
		border-left: 1px solid #c3c3c3;
		border-right: 1px solid #c3c3c3;
	}
	.btn-group .btn:first-child {
		border-left: 0;
	}
	.btn-group .btn:last-child {
		border-right: 0;
	}
	.btn-group.open .dropdown-toggle, .btn-group.open .dropdown-toggle:hover,
		.btn-group.open .dropdown-toggle:focus {
		background-color: #d1d1d1;
		box-shadow: none;
	}
	.context-btn-group .alert {
		margin: 5px 5px 0 0;
		padding: 5px;
	}
	.context-btn-group .alert .close {
		right: inherit;
		top: inherit;
	}

	/*GPUP-26558 Portal and Admin UI :- Style changes for current application so it improves visibility - Part-1
        Removed the calendar icon*/
	.calendar_container>.btn {
		background-size: 24px;
		background-position: 3px;
		color: #fff;
		outline: none;
		font-size: 13px;
		font-weight: bold;
	}
	.calendar_container>.btn:hover {
		background-color: #171717;
	}
	.calendar_disable>.btn {
		background: #fff;
		background-size: 24px;
		background-position: 3px;
		color: #555;
		outline: none;
		font-size: 13px;
		width: 175px;
		font-weight: bold;
		cursor: inherit;
	}
	.calendar_disable>.btn:hover {
		background-color: #fff;
	}
	.EditGraphs_iconGray {
		background: url('../images/Edit.png') no-repeat;
		cursor: pointer;
		width: 35px;
		height: 35px;
		background-size: 35px;
		background-position: 0px 0px;
	}
	.AssociateEndpoint_iconGray {
		background: url('../images/Edit.png') no-repeat;
		cursor: pointer;
		width: 20px;
		height: 20px;
		background-size: 20px;
		background-position: 0px 0px;
	}

	.AssociateEndpoint_iconGray_disabled {
    	background: linear-gradient(0deg, rgb(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('../images/Edit.png') no-repeat;
    	cursor: pointer;
    	width: 20px;
    	height: 20px;
    	background-size: 20px;
    	background-position: 0px 0px;
    }

	.copyConfig_icon {
		background: url('../images/Copy_icon.png') no-repeat;
		cursor: pointer;
		width: 20px;
		height: 20px;
		background-size: 20px;
		background-position: 0px 0px;
	}
	.copyConfig_icon_disabled {
		background: linear-gradient(0deg, rgb(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('../images/Copy_icon.png') no-repeat;
    	cursor: pointer;
    	width: 20px;
    	height: 20px;
    	background-size: 20px;
    	background-position: 0px 0px;
	}

	.EditGraphs_iconRed {
		background: #373737;
		background-size: 24px;
		background-position: 3px;
		color: #fff;
		outline: none;
		font-size: 13px;
		font-weight: bold;
	}
	.label-swatch {
		display: inline-block;
		margin-right: 5px;
		height: 10px;
		width: 10px;
	}

	/* Table styles */
	.table-condensed {
		border-spacing: 5px;
		border-collapse: separate;
	}
	td {
		vertical-align: top;
	}
	.table-swatch {
		width: 120px;
		border: 1px solid #ddd;
	}
	.table>thead>tr>th {
		border-bottom: 1px solid #ddd;
	}

	/* Nav tabs */
	.nav-tabs.nav-justified>li>a {
		color: #373737;
	}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
		{
		color: #101010;
	}
	.nav {
		margin-bottom: 10px;
	}
	.nav-tabs.nav-justified>li>a {
		background-color: #eee;
		border: 1px solid #ddd;
	}
	.nav-tabs>li>a {
		padding: 3px 15px;
	}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
		{
		background-color: inherit;
	}
	.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover,
		.nav-tabs.nav-justified>.active>a:focus, .nav-tabs>li.active>a,
		.nav-tabs>li.active>a:hover {
		border-bottom-color: #fafafa;
	}
	.form-control-group {
		margin: 40px 0 20px;
		clear: both;
	}

	/* TODO: Provide a more generic styling. */
	/* Create New Project */
	#availableChannelsLbl, #selectedChannelsLbl {
		margin-bottom: 5px;
	}

	/* Graphs */
	[data-ng-controller="dataCtrl"] section.col-sm-2, [data-ng-controller="dataCtrl"] div.col-sm-10
		{
		padding: 0;
	}
	.GP_graphs {
		float: left;
	}
	.GP_graphs svg {
		float: left;
	}
	.graph-button-group {
		margin-bottom: 20px;
		text-align: right;
	}
	.graph-button-group .btn-group>.btn:first-child:not (:last-child ):not (.dropdown-toggle
		) {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-right: none;
	}
	#unitOfMeasurements_types_id {
		margin: 0;
	}

	/* ID styles */
	#login {
		background-color: #999;
	}
	#portalApp {
		background-color: #fafafa;
	}

	/* #main-nav styles */
	#main-nav {
		float: none;
		display: inline-block;
	}

	/*#main-nav {*/
	/*padding-top: 1px;*/
	/*}*/
	#main-nav .list-inline>li {
		padding: 0;
	}
	#main-nav .nav-pills>li+li {
		margin-left: 0;
	}
	#main-nav .nav-pills>li>a {
		color: #bbb;
		font-family: Lato, sans-serif;
		letter-spacing: 1.2px;
		font-size: 15px;
		font-weight: bold;
		color: #fff;
		line-height: 15px;
		border-radius: 0;
	}
	#main-nav .nav-pills>li>a:hover {
		background: none;
	}
	#main-nav .nav-pills>li.active>a, #main-nav .nav-pills>li.active>a:hover
		{
		background: #fafafa;
		color: #666;
	}
	#main-nav .nav-pills>li>a:hover {
		background: #666;
	}
	#meta-nav li a {
		margin: 0;
		padding: 5px 8px;
	}

	/* layout containers */
	#sitetree-container, #content-container {
		padding: 0;
	}
	#sitetree-container {
		background: #f3f3f3;
	}

	/* sitetree filter controls */
	#filterControls {
		border-bottom: 1px solid #bbb;
		margin-top: 18px;
		margin-bottom: 0;
	}
	#filterControls .form-group {
		margin-top: 10px;
		text-align: center;
	}
	#filterControls .input-group {
		width: 100%;
	}
	#filterControls .dropdown-menu {
		min-width: inherit;
	}
	#labelSelect .btn-group {
		vertical-align: inherit;
	}
	#labelSelect .btn-sm {
		line-height: 1.2;
		text-transform: none;
	}
	#labelSelect span {
		border-radius: 4px;
		display: table-cell;
		margin-right: 5px;
		padding: 2px 5px 0 0;
		width: 1%;
	}
	#labelSelect span>.label-swatch {
		vertical-align: inherit;
		width: 24px;
		height: 24px;
	}
	#labelSelect span.caret {
		display: inline-block;
		padding: 0;
	}
	#labelSelect .form-control {
		margin-bottom: 0;
		margin-left: 3px;
	}
	#labelSelect .input-group-addon:first-child {
		border-right-width: 1px !important;
		margin-right: 5px !important;
	}
	#labelSelect .label-swatch {
		background-image: none;
		border-radius: 4px;
		margin-right: 5px;
		vertical-align: middle;
		width: 14px;
		height: 14px;
	}
	#labelSelect .label-swatch.siteMarker {
		background: url("/assets/images/single_site_map_marker_sm.png")
			no-repeat center center;
	}
	#labelSelect li .label-swatch.siteMarker {
		background-size: 14px 14px;
	}

	/* sitetree styles */
	#sitetree.panel {
		padding: 20px 0;
		background-color: transparent;
		border-right: 1px solid #aaa;
	}
	#sitetree h1, h2, h3, h4, h5, h6 {
		margin: 20px 0;
	}
	#sitetree .form-group {
		padding: 0 20px;
	}
	#sitetreeSearch {
		border-right: 0;
		width: 100%;
	}
	#sitetree .input-group, #sitetree .btn-group, #filterControls .form-group
		{
		margin: 0 0 12px;
		padding: 0;
	}
	#sitetree [dropdown] {
		margin-bottom: 0;
	}
	#sitetree .input-group .glyphicon {
		top: 0;
	}
	#sitetree .input-group-addon[disabled] {
		color: #ccc;
	}
	#hvacFilterWrapper .input-group-addon[disabled] {
		color: #ccc;
	}
	#sitetree [dropdown], #sitetree [dropdown] .btn, #sitetree [dropdown] .dropdown-menu
		{
		width: 100%;
	}
	#sitetree .btn-group .dropdown-toggle {
		border: 0;
	}
	#sitetree .input-group-addon, #options img {
		cursor: pointer;
	}
	.site_actions_tasks .nav {
		margin-bottom: 0;
	}
	#sitetree h4 {
		cursor: default;
		margin-top: 0;
		margin-left: 15px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	#sitetree-control {
		background-color: #e7e7e7;
	}
	#sitetree .jstree-children {
		position: relative;
	}
	#sitetree .jstree-leaf {
		position: relative;
	}
	#sitetree .site-label:first-child {
		margin-left: 20px;
	}
	[gp-labels] {
		height: 20px;
		width: 100%;
	}
	#sitetree .site-label, [gp-labels] .site-label {
		display: inline-block;
		width: 5px;
		height: 100%;
		overflow: hidden;
		float: right;
		position: absolute;
		right: 0;
		top:0;
	}
	.jstree-default .jstree-clicked {
		background: none !important;
		box-shadow: none !important;
	}

	/* clongmoon: These site-label and label-remove styles would be better implemented with a CSS pre-processor (e.g. LESS, SASS, etc). */
	#sitetree .label-remove.label-remove-hidden ~ .site-label:nth-of-type(1)
		{
		right: 0;
	}
	#sitetree .site-label:nth-of-type(2), #sitetree .label-remove.label-remove-hidden 
		~ .site-label:nth-of-type(2) {
		right: 5px;
	}
	#sitetree .site-label:nth-of-type(3), #sitetree .label-remove.label-remove-hidden 
		~ .site-label:nth-of-type(3) {
		right: 10px;
	}
	#sitetree .site-label:nth-of-type(4), #sitetree .label-remove.label-remove-hidden 
		~ .site-label:nth-of-type(4) {
		right: 15px;
	}
	#sitetree .site-label:nth-of-type(5), #sitetree .label-remove.label-remove-hidden 
		~ .site-label:nth-of-type(5) {
		right: 20px;
	}
	#sitetree .site-label:nth-of-type(6), #sitetree .label-remove.label-remove-hidden 
		~ .site-label:nth-of-type(6) {
		right: 25px;
	}
	#sitetree .site-label:nth-of-type(7), #sitetree .label-remove.label-remove-hidden 
		~ .site-label:nth-of-type(7) {
		right: 30px;
	}
	#sitetree .site-label:nth-of-type(8), #sitetree .label-remove.label-remove-hidden 
		~ .site-label:nth-of-type(8) {
		right: 35px;
	}
	#sitetree .site-label:nth-of-type(9), #sitetree .label-remove.label-remove-hidden 
		~ .site-label:nth-of-type(9) {
		right: 40px;
	}
	#sitetree .site-label:nth-of-type(10), #sitetree .label-remove.label-remove-hidden 
		~ .site-label:nth-of-type(10) {
		right: 45px;
	}
	#sitetree .site-label:nth-of-type(11), #sitetree .label-remove.label-remove-hidden 
		~ .site-label:nth-of-type(11) {
		right: 50px;
	}
	#sitetree .site-label:nth-of-type(12), #sitetree .label-remove.label-remove-hidden 
		~ .site-label:nth-of-type(12) {
		right: 55px;
	}
	#sitetree .site-label:nth-of-type(13), #sitetree .label-remove.label-remove-hidden 
		~ .site-label:nth-of-type(13) {
		right: 60px;
	}
	#sitetree .site-label:nth-of-type(14), #sitetree .label-remove.label-remove-hidden 
		~ .site-label:nth-of-type(14) {
		right: 65px;
	}
	#sitetree .site-label:nth-of-type(15), #sitetree .label-remove.label-remove-hidden 
		~ .site-label:nth-of-type(15) {
		right: 70px;
	}
	#sitetree .label-remove {
		background-color: #e8e8e8;
		display: inline-block;
		height: 100%;
		overflow: hidden;
		position: absolute;
		right: 0;
		top:0;
		text-align: center;
		width: 15px;
	}
	#sitetree .label-remove.label-remove-hidden {
		display: none;
		width: 0;
	}
	#sitetree .label-remove ~ .site-label:nth-of-type(1) {
		right: 15px;
	}
	#sitetree .label-remove ~ .site-label:nth-of-type(2) {
		right: 20px;
	}
	#sitetree .label-remove ~ .site-label:nth-of-type(3) {
		right: 25px;
	}
	#sitetree .label-remove ~ .site-label:nth-of-type(4) {
		right: 30px;
	}
	#sitetree .label-remove ~ .site-label:nth-of-type(5) {
		right: 35px;
	}
	#sitetree .label-remove ~ .site-label:nth-of-type(6) {
		right: 40px;
	}
	#sitetree .label-remove ~ .site-label:nth-of-type(7) {
		right: 45px;
	}
	#sitetree .label-remove ~ .site-label:nth-of-type(8) {
		right: 50px;
	}
	#sitetree .label-remove ~ .site-label:nth-of-type(9) {
		right: 55px;
	}
	#sitetree .label-remove ~ .site-label:nth-of-type(10) {
		right: 60px;
	}
	#sitetree .label-remove ~ .site-label:nth-of-type(11) {
		right: 65px;
	}
	#sitetree .label-remove ~ .site-label:nth-of-type(12) {
		right: 70px;
	}
	#sitetree .label-remove ~ .site-label:nth-of-type(13) {
		right: 75px;
	}
	#sitetree .label-remove ~ .site-label:nth-of-type(14) {
		right: 80px;
	}
	#sitetree .label-remove ~ .site-label:nth-of-type(15) {
		right: 85px;
	}
	#sitetree .label-remove ~ .site-label:nth-of-type(15) {
		right: 90px;
	}
	#sitetree [gp-labels]:first-of-type, #sitetree .site-label:first-of-type
		{
		margin-left: 10px;
	}
	#sitetree .site-label-1 {
		background-color: #00c;
	}
	jstree {
		margin-bottom: 15px;
	}
	#addLabel {
		text-align: left;
	}
	#addLabel .alert {
		margin: 0 0 8px 0;
		padding: 5px;
	}
	#addLabel [tooltip] {
		margin-bottom: 10px;
		width: 100%;
	}
	#sitetree-btns {
		position: relative;
		width: 100%;
	}
	#sitetree-btns .dropdown-menu {
		padding: 8px;
	}
	#sitetree-btns .dropdown-menu h6 {
		color: #555;
		font-size: 13px;
		font-weight: bold;
		margin: 0;
	}
	#sitetree #sitetree-btns {
		background-color: #f3f3f3;
		border-right: 1px solid #bbb;
		border-top: 1px solid #bbb;
		bottom: 10px;
		padding-top: 15px;
		position: absolute;
		text-align: center;
		width: 100%;
	}

	#sitetree .menu-palette {
		font-size: 13px;
		margin: 10px 0;
		padding-bottom: 10px;
	}
	#sitetree .menu-palette:last-of-type {
		margin: 10px 0 0;
		padding-bottom: 0;
	}
	.PageInnerTree {
		margin-right: 8px;
		padding-top: 5px;
		overflow: auto;
	}
	.PageInnerTree>ul li {
		border-top: 1px solid #bbb;
		background: transparent;
		font-weight: normal;
		font-size: 13px;
		color: #666;
	}
	.PageInnerTree>ul {
		background: #cfcfcf;
	}
	.PageInnerTree>ul ul {
		background: #d8d8d8;
	}
	.PageInnerTree>ul a.jstree-hovered {
		background: none;
	}
	.PageInnerTree>ul ul ul {
		background: #dfdfdf;
	}
	.PageInnerTree>ul>ul>ul>ul {
		background: #e8e8e8;
	}
	.PageInnerTree>ul>ul>ul>ul>ul {
		background: #eeeeee;
	}
	.PageInnerTree>ul>li li {
		margin-left: 0px !important;
		padding-left: 24px;
	}
	#label-palette {
		top: 147px;
	}
	#label-palette, #popover {
		display: none;
		position: absolute;
		right: -320px;
		z-index: 1500;
		width: 320px;
		min-height: 200px;
		/* Adding word-wrap to break site name if it is larger than div width */
		word-wrap :break-word!important;	
	}
	#label-palette, #popover>div {
		margin-left: 0;
		padding: 10px;
		background: #eee;
		border: 1px solid #ccc;
		border-radius: 3px;
		box-shadow: 2px 2px 2px #666;
		font-size: 13px;
	}
	#label-palette, #popover h6 {
		color: #666;
		font-weight: bold;
		padding: 0;
		margin-top: 0;
	}
	#popover table, #popover td {
		border: 0;
	}
	#popover td:first-of-type {
		text-align: right;
		width: 50%;
	}
	#popover td:last-of-type {
		color: #333;
		font-weight: bold;
		width: 50%;
	}
	#popover .header {
		display: block;
		padding-bottom: 8px;
	}
	#existing-labels {
		max-height: 200px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	#popover .label-swatch {
		margin-left: 10px;
	}
	#popover .label-swatch:first-of-type {
		margin-left: 0;
	}

	/* colorpicker */
	#sitetree [dropdown] [colorpicker] {
		display: inline-block;
		vertical-align: inherit;
	}
	colorpicker-preview {
		visibility: hidden;
	}
	#sitetree select, #sitetree .menu-palette .input-group {
		margin-bottom: 10px;
	}
	#sitetree [dropdown] .menu-palette .btn {
		width: inherit;
	}
	#sitetree .menu-palette .btn-group {
		float: right;
		margin: 15px 0 5px;
	}

	/* #copyright styles */
	#copyright {
		text-align: center;
		font-size: 12px;
		color: #999;
		background-color: #555;
		position: absolute;
		bottom: 0;
		width: 100%;
		padding: 5px 0;
		z-index: 89;
	}

	/* #login styles */
	#login .panel {
		min-height: inherit;
		padding: 20px;
	}
	#loginForm .alert {
		visibility: hidden;
		min-height: 46px;
	}

	/* Alerts */
	.alert {
		z-index: 99;
	}
	.alert {
		margin-top: 20px;
		margin-bottom: 0;
	}
	.alert .close {
		line-height: inherit;
	}

	/* Data > Reports styles */
	#reportPanels .checkbox input[type=checkbox] {
		margin-left: 0;
		margin-top: 2px;
		position: inherit;
	}
	#reportPanels .subDetail {
		margin: 10px 0 10px 15px;
		padding-bottom: 6px;
	}
	#reportPanels .alert {
		padding: 7px 5px 5px;
		margin: 8px 0 20px;
	}
	#reportProperties {
		margin-top: 12px;
		position: relative;
	}
	#reportProperties h4 {
		margin-top: 0;
	}
	#reportProperties .alert {
		margin-top: 0;
		position: absolute;
		top: 270px;
	}
	#reportProperties .panel {
		overflow: inherit;
		padding-left: 0;
		padding-right: 0;
	}
	#reportProperties .alert {
		width: 180px;
	}
	#reportProperties .timeDateEntry-control {
		top: inherit;
	}
	[data-dynamic-sitetree-height] {
		overflow-y: auto;
		overflow-x: hidden;
	}

	/* Control > HVAC */
	#hvac_algorithms ul {
		list-style-type: none;
	}
	#hvac_algorithms li {
		margin-bottom: 5px;
		position: relative;
	}
	#hvac_algorithms [tooltip-html] {
		float: right;
		margin-right: 50px;
	}
	
	#hvac_algorithms [tooltip-html-top] {
		float: right;
		margin-right: 50px;
	}

	/* Control > Overrides */
	#hvacOverrides .modal-header, #lightingOverrides .modal-header {
		border-bottom: 0;
		margin-bottom: 20px;
	}
	#hvacOverrides .modal-body, #lightingOverrides .modal-body {
		background-color: #ddd;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-top: 1px solid #ddd;
		margin: 20px;
		max-height: 300px;
		overflow-y: auto;
		padding: 0;
	}
	#lightingOverrides section.table-fixed th.col-primary div {
		width: 14.4%;
	}
	#hvacOverrides table, #lightingOverrides table {
		border-top: 0;
		margin-top: 0;
		margin-bottom: 0;
	}
	#hvacOverrides .table>tbody+tbody, #lightingOverrides .table>tbody+tbody
		{
		border-top: 2px solid #ccc;
	}
	#hvacOverrides .table-striped>tbody>tr:nth-child(odd)>td.row-header,
		#lightingOverrides .table-striped>tbody>tr>td.row-header {
		font-weight: bold;
		vertical-align: middle;
	}
	#hvacOverrides .table-striped>tbody>tr:nth-child(odd)>td.row-header+td.row-header
		{
		border-right: 2px solid #ccc;
	}
	#hvacOverrides .table-striped>tbody>tr:nth-child(odd)>td.danger,
		#hvacOverrides .table-striped>tbody>tr:nth-child(even)>td.danger,
		#lightingOverrides .table-striped>tbody>tr:nth-child(odd)>td.danger,
		#lightingOverrides .table-striped>tbody>tr:nth-child(even)>td.danger {
		background-color: #f2dede;
		border-color: #ebccd1;
		color: #a94442;
	}
	#hvacOverrides .alert {
		margin: 10px 0 10px;
		text-align: left;
	}
	#lightingOverrides .alert {
		margin: 0 20px;
		text-align: left;
	}
	#hvacOverrides .modal-footer, #lightingOverrides .modal-footer {
		border-top: 0;
		margin-top: 0;
		padding-left: 0;
		padding-right: 0;
		position: relative;
	}
	#hvacOverrides .modal-footer select, #lightingOverrides .modal-footer select
		{
		margin-left: 5px;
	}
	#hvacOverrides .hoursDropDown, #lightingOverrides .modal-footer .hoursDropDown
		{
		max-width: inherit;
	}
	#hvacOverrides .modal-footer .Refresh_grey, #lightingOverrides .modal-footer .Refresh_grey
		{
		display: inline-block;
		float: left;
		margin-right: 8px;
		vertical-align: middle;
	}
	#hvacOverrides button.btn-small {
		width: inherit;
		font-size: 13px;
		padding: 5px;
	}

	/* table-fixed style
       This is implemented with the #hvacOverrides and #lightingOverrides table in mind,
       but should work for any table within <section class="table-fixed"> */
	section.table-fixed {
		position: relative;
		padding-top: 37px;
		background: #999;
	}
	section.table-fixed .container {
		border-bottom: 1px solid #ddd;
		overflow-y: auto;
		max-height: 200px;
		padding-right: 0;
		padding-left: 0;
	}
	section.table-fixed table {
		border-spacing: 0;
		width: 100%;
		background-color: #003333;
	}
	section.table-fixed tr.header th {
		margin: 0;
		padding: 0;
		width: 10%;
	}
	section.table-fixed th {
		font-size: 13px;
		height: 0;
		line-height: 0;
		padding: 0;
		color: transparent;
		border: none;
		white-space: nowrap;
	}
	section.table-fixed th div {
		position: absolute;
		color: #fff;
		padding: 3px 5px 0;
		margin-left: 0;
		top: 0;
		line-height: normal;
	}
	section.table-fixed th.col-primary div {
		background-color: #666;
		height: 37px;
		width: 12.3%;
	}
	section.table-fixed tbody {
		margin-top: 30px;
	}
	section.table-fixed th:first-child div {
		border: none;
	}
	section.table-fixed .modal-footer {
		background-color: #fff;
	}
	#createProjectForm p.input-group {
		padding-bottom: 0;
		margin-bottom: 0;
	}

	/* CSS3 Media Queries */
	@media ( max-width : 768px) {
		body {
			padding-top: 255px;
		}
		.navbar {
			height: 225px;
			min-height: 225px;
		}
	}

	/* //////////////css for project details box///////////////// */
	#site_details {
		margin-bottom: 50px;
	}
	section#site_details {
		border-bottom: 0;
	}
	#site_details .col-xs-2, #site_details .col-xs-10 {
		padding-left: 0;
	}
	.site_details li {
		padding-bottom: 10px;
	}
	.form-control-group {
		min-height: 20px;
		margin-bottom: 15px;
		clear: both;
	}

	/*.details_box{background:#fff; margin-top:30px; padding:10px; border:1px solid #ccc; border-radius:10px;}*/
	/*.details_box .h4{ border-top:1px solid #ccc; border-radius:15px; background:#fff; margin-top:-30px; padding:10px; float:left;}*/
	.cursor_pointer {
		cursor: pointer;
	}
	.text_left {
		text-align: left !important;
	}
	.text_right {
		text-align: right;
	}
	.clearboth {
		clear: both;
	}
	.margin5lr {
		margin: 0 5px;
	}
	.margin5l {
		margin: 0 0 0 5px;
	}
	.margin5tb {
		margin: 5px 0;
	}
	.margin5 {
		margin: 5px;
	}
	.margin10 {
		margin: 10px;
	}
	.margin10tb {
		margin: 10px 0;
	}
	.margin10b {
		margin: 0 0 10px;
	}
	.margin10lr {
		margin: 0px 10px;
	}
	
	.margin20rb {
		margin: 0px 20px 10px;
	}
	
	.margin20r {
		margin: 0px 20px;
	}
	
	.bottom0 {
		bottom: 0px;
	}
	.margint10 {
		margin-top: 10px;
	}
	.margint15 {
		margin-top: 15px;
	}
	.margint20 {
		margin-top: 20px;
	}
	.marginb15 {
		margin-bottom: 15px;
	}
	.marginb40 {
		margin-bottom: 40px;
	}
	.margintl30 {
		margin-left: 30px;
	}
	.margintl10 {
		margin-left: 10px;
	}
	.margintl5 {
		margin-left: 5px;
	}
	.marginl25 {
		margin-left: 25px;
	}
	.padding0 {
		padding: 0px;
	}
    .padding2 {
		padding: 2px;
	}
	.padding10 {
		padding: 10px;
	}
	.padding5 {
		padding: 5px;
	}
	.margin0 {
		margin: 0px;
	}
	.padding0lr {
		padding-left: 0px;
		padding-right: 0px;
	}
	.padding0r {
		padding-right: 0px;
	}
	.padding0l {
		padding-left: 0px;
	}
	.position_re {
		position: relative;
	}
	.position_ab {
		position: absolute;
	}
	.min_tab_icon {
		right: 0;
		padding: 0;
		position: absolute;
		background: #eee;
	}
	.max_tab_icon {
		right: 0;
		padding: 0;
		position: absolute;
		background: #eee;
		transform: rotate(180deg);
	}
	#popup_container {
		display: none;
		background: #fff;
		padding: 10px;
		border-radius: 10px;
		border: 1px solid #ccc;
	}
	.next_top {
		margin-top: 100px;
	}
	.prev_bottom {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
	}
	.map_container, .site_details {
		overflow: hidden;
	}
	.map_container {
		border: 0px;
		max-height: 100%;
		height: 100%;
	}
	.table-striped>thead>tr>th.col-primary {
		background-color: #666;
		color: #efefef;
	}
	#project_note {
		height: 100%;
	}
	.powerpoint_document {
		background: url('../images/documents/powerpoint.png') no-repeat;
		border: 0px;
		cursor: pointer;
		width: 15px;
		height: 15px;
		background-size: 15px;
		float: left;
	}
	.csv_document {
		background: url('../images/documents/csv.png') no-repeat;
		border: 0px;
		cursor: pointer;
		width: 15px;
		height: 15px;
		background-size: 15px;
		float: left;
	}
	.word_document {
		background: url('../images/documents/word.png') no-repeat;
		border: 0px;
		cursor: pointer;
		width: 15px;
		height: 15px;
		background-size: 15px;
		float: left;
	}
	.image_document {
		background: url('../images/documents/image.png') no-repeat;
		border: 0px;
		cursor: pointer;
		width: 15px;
		height: 15px;
		background-size: 15px;
		float: left;
	}
	.excel_document {
		background: url('../images/documents/excel.png') no-repeat;
		border: 0px;
		cursor: pointer;
		width: 15px;
		height: 15px;
		background-size: 15px;
		float: left;
	}
	.pdf_document {
		background: url('../images/documents/pdf.png') no-repeat;
		border: 0px;
		cursor: pointer;
		width: 15px;
		height: 15px;
		background-size: 15px;
		float: left;
	}
	.Default_document {
		background: url('../images/documents/defaultDocument.png') no-repeat;
		border: 0px;
		cursor: pointer;
		width: 15px;
		height: 15px;
		background-size: 15px;
		float: left;
	}
	.Download_icon_grey {
		background: url('../images/download_grey.png') no-repeat;
		border: 0px;
		cursor: pointer;
		width: 25px;
		height: 25px;
		background-size: 25px;
		float: left;
	}
	.Graph_icon_grey {
		background: url('../images/Graphs_grey.png') no-repeat;
		cursor: pointer;
		width: 35px;
		height: 35px;
		background-size: 35px;
		float: left;
	}
	.Graph_icon_red {
		background: url('../images/Graphs.png') no-repeat;
		cursor: pointer;
		width: 35px;
		height: 35px;
		background-size: 35px;
		float: left;
	}
	.Export_icon {
		background: url('../images/share.png') no-repeat;
		cursor: pointer;
		width: 35px;
		height: 35px;
		background-size: 35px;
		float: left;
	}
	.Cloumn_icon {
		background: url('../images/column.png') no-repeat;
		cursor: pointer;
		width: 35px;
		height: 35px;
		background-size: 33px;
		float: left;
	}
	.Mail_icon_red {
		background: url('../images/Address.png') no-repeat;
		cursor: pointer;
		width: 25px;
		height: 22px;
		background-size: 22px;
		background-position: 0px -4px;
	}
	.Mail_icon_grey {
		background: url('../images/address_grey.png') no-repeat;
		cursor: pointer;
		width: 25px;
		height: 22px;
		background-size: 22px;
		background-position: 0px -4px;
	}
	.Calendar_red {
		background: url('../images/Calendar.png') no-repeat;
		cursor: pointer;
		width: 25px;
		height: 22px;
		background-size: 24px;
		background-position: 0px -4px;
	}
	.Calendar_grey {
		background: url('../images/Calendar_grey.png') no-repeat;
		cursor: pointer;
		width: 25px;
		height: 22px;
		background-size: 24px;
		background-position: 0px -4px;
	}
	.Site_floorPlan_red {
		background: url('../images/floor_plan_red.png') no-repeat;
		cursor: pointer;
		width: 25px;
		height: 22px;
		background-size: 18px;
		background-position: 0px;
	}
	.Site_floorPlan_grey {
		background: url('../images/floor_plan_grey.png') no-repeat;
		cursor: pointer;
		width: 25px;
		height: 22px;
		background-size: 18px;
		background-position: 0px;
	}
	.Folder_red {
		background: url('../images/folder.png') no-repeat;
		cursor: pointer;
		width: 25px;
		height: 22px;
		background-size: 22px;
		background-position: 0px -4px;
	}
	.Folder_grey {
		background: url('../images/folder_grey.png') no-repeat;
		cursor: pointer;
		width: 25px;
		height: 22px;
		background-size: 22px;
		background-position: 0px;
	}
	.hours_red {
		background: url('../images/working_hours_red.png') no-repeat;
		cursor: pointer;
		width: 25px;
		height: 22px;
		background-size: 18px;
		background-position: 0px 0px;
	}
	.hours_grey {
		background: url('../images/working_hours_grey.png') no-repeat;
		cursor: pointer;
		width: 35px;
		height: 35px;
		background-size: 35px;
		background-position: 0px 0px;
	}
	.Refresh_grey {
		background: url('../images/refresh.png') no-repeat;
		cursor: pointer;
		width: 35px;
		height: 35px;
		background-size: 33px;
		background-position: 0px;
	}
	.Refresh_grey_disabled {
		background: linear-gradient(0deg, rgb(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../images/refresh.png) no-repeat; 
		border-radius: 30px;
		width: 35px;
		height: 35px;
		background-size: 33px;
		background-position: 0px;
		cursor: progress;
	}
	.view_in_graph {
		background: url('../images/view_in_graphs.png') no-repeat;
		cursor: pointer;
		width: 35px;
		height: 35px;
		background-size: 35px;
		background-position: 0px;
	}
	.favorite_red {
		background: url('../images/favorite_red.png') no-repeat;
		cursor: pointer;
		width: 25px;
		height: 22px;
		background-size: 18px;
		background-position: 0px;
	}
	.up_grey {
		background: url('../images/up_grey.png') no-repeat;
		cursor: pointer;
		width: 25px;
		height: 22px;
		background-size: 22px;
		background-position: 0px 8px;
	}
	.up_red {
		background: url('../images/up_red.png') no-repeat;
		cursor: pointer;
		width: 25px;
		height: 22px;
		background-size: 22px;
		background-position: 0px 8px;
	}
	.down_red {
		background: url('../images/up_red.png') no-repeat;
		cursor: pointer;
		width: 25px;
		height: 22px;
		background-size: 22px;
		background-position: 0px 3px;
		transform: rotate(180deg);
	}
	.Phone_red {
		background: url('../images/phone_red.png') no-repeat;
		cursor: pointer;
		width: 25px;
		height: 22px;
		background-size: 18px;
		background-position: 0px 0px;
	}
	.maximize_grey {
		background: url('../images/maximize_grey.png') no-repeat;
		cursor: pointer;
		width: 35px;
		height: 35px;
		background-size: 35px;
		background-position: 0px 0px;
	}
	.maximize_red {
		background: url('../images/maximize_red.png') no-repeat;
		cursor: pointer;
		width: 35px;
		height: 35px;
		background-size: 35px;
		background-position: 0px 0px;
	}
	.minimize_red {
		background: url('../images/minimize_red.png') no-repeat;
		cursor: pointer;
		width: 35px;
		height: 35px;
		background-size: 35px;
		background-position: 0px 0px;
	}
	.minimize_grey {
		background: url('../images/minimize_grey.png') no-repeat;
		cursor: pointer;
		width: 35px;
		height: 35px;
		background-size: 35px;
		background-position: 0px 0px;
	}
	.site_hours_red {
		background: url('../images/site_hours_red.png') no-repeat;
		cursor: pointer;
		width: 35px;
		height: 35px;
		background-size: 35px;
		background-position: 0px 0px;
	}
	.site_hours_grey {
		background: url('../images/site_hours_grey.png') no-repeat;
		cursor: pointer;
		width: 35px;
		height: 35px;
		background-size: 35px;
		background-position: 0px 0px;
	}
	.fullScreen_grey {
		background: url('../images/fullscreen.png') no-repeat;
		cursor: pointer;
		width: 35px;
		height: 35px;
		background-size: 33px;
		background-position: 0px 0px;
	}
	.files_selectbox {
		border: 1px solid #ccc;
		margin-bottom: 5px;
		height: 30px;
		border-radius: 5px;
		padding: 6px 10px;
	}
	.site_actions {
		position: relative;
	}
	.site_actions a {
		color: #fff;
	}
	.site_actions:hover .site_actions_tasks {
		display: block;
	}
	.site_actions .site_actions_tasks {
		position: absolute;
		display: none;
		margin-top: -1px;
		border: 1px solid #555;
		background: #777;
		margin-left: -110px;
		width: 150px;
		text-align: left;
		z-index: 1;
	}
	.site_actions .site_actions_tasks li:hover a {
		background: #999;
	}
	.site_actions_tasks_help {
		position: relative;
	}
	.site_actions .site_actions_tasks li:hover .site_actions_help a {
		background: #777;
	}
	.site_actions .site_actions_tasks li:hover .site_actions_help a:hover {
		background: #999;
	}
	.site_actions_tasks_help .site_actions_help {
		display: none;
		position: absolute;
		margin-left: -160px;
		width: 160px;
		top: 0px;
		border: 1px solid #555;
	}
	.site_actions_tasks_help:hover .site_actions_help {
		display: block;
	}
	.table_row_highlight tr:hover td {
		background: #ddd !important;
	}
	.table_row_highlight .highlight_row td {
		background: #ddd !important;
	}
	.fill90pct {
		width: 90%;
	}
	#popup_container {
		width: 60%;
		min-height: 100px;
		font-size: 16pt;
		background: #fff;
		display: none;
		border-radius: 10px;
		padding: 10px;
	}
	.popup-Content_div {
		background: #fff;
		z-index: 1;
		border-radius: 10px;
		overflow: hidden;
		max-width: 80%;
		max-height: 93%;
		position: absolute;
		padding: 1% 2%;
	}
	.popup_Div {
		position: fixed;
		z-index: 1;
		margin: 0px auto;
		font-size: 11pt;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		display: none;
	}
	.popup_Div .popup-Content_div {
		background: #fff;
		z-index: 1;
		border-radius: 10px;
		overflow: hidden;
		max-width: 80%;
		max-height: 93%;
		position: absolute;
		padding: 3% 3%;
	}
	.close-icon_corner {
		float: right;
		font-weight: bold !important;
		margin: -20px -37px 0 0 !important;
		padding: 5px 7px !important;
	}
	.close-icon {
		float: right;
		font-weight: bold !important;
		margin: 0 !important;
		padding: 0px !important;
		cursor: pointer;
	}
	.gridtable td.bulkProjectsWarning {
		background-color: #FFE15A;
	}
	.gridtable td.bulkProjectsError {
		background-color: #FF9600;
	}
	.gridtable td.bulkProjectsError div.bulkProjectsErrorWarningText,
		.gridtable td.bulkProjectsWarning div.bulkProjectsErrorWarningText,
		.gridtable td.bulkUpdatePreviousValue div.bulkProjectsErrorWarningText
		{
		position: absolute;
		background: #D1D1D1;
		margin-left: 15px;
		z-index: 10;
		color: #000;
		padding: 5px 8px;
		border-radius: 5px;
		display: none;
		width: 200px;
		z-index: 10;
	}
	.gridtable td.bulkProjectsError div.bulkProjectsErrorWarning_left,
		.gridtable td.bulkProjectsWarning div.bulkProjectsErrorWarning_left {
		margin-left: -193px;
		margin-top: 32px;
	}
	.tooltip-span {
		background: none repeat scroll 0 0 #FF0000;
		border-radius: 0 0 0 10px;
		display: block;
		float: right;
		height: 7px;
		margin-right: -8px;
		margin-top: -8px;
		width: 7px;
	}

	/* Styles for custom tooltip-html directive */
	[tooltip-html] {
		cursor: default;
		display: inline-block;
		position: relative;
		width: 80px;
		z-index: 100;
	}
	.tooltip-html {
		font-size: 13px;
		position: absolute;
		top: 0;
	}
	.tooltip-html svg {
		overflow: clip;
		float: left;
		margin-top: -15px;
	}
	.tooltip-content {
		background-color: #ccc;
		border-radius: 4px;
		margin-left: 8px;
		padding: 8px 5px 2px;
		width: 235px;
	}
	.tooltip-html h5 {
		color: #000;
		font-size: 13px;
		font-weight: bold;
		margin: 0 5px 5px;
	}
	.tooltip-html p {
		color: #666;
		margin: 0 5px 5px;
	}
	.download_tooltip .innerbox {
		width: 400px;
		height: 40px;
		position: absolute;
		background: #eee;
		top: 30px;
		padding: 5px;
		font-size: 13px;
		border-radius: 5px;
		right: 0px;
		border: 1px solid #bbb;
	}
	.download_tooltip .curve {
		width: 8px;
		height: 8px;
		top: -9px;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid rgb(239, 232, 232);
		position: absolute;
		right: 40px;
	}
	.gridtable td.bulkProjectsError:hover div.bulkProjectsErrorWarningText,
		.gridtable td.bulkProjectsWarning:hover div.bulkProjectsErrorWarningText,
		.gridtable td.bulkUpdatePreviousValue:hover div.bulkProjectsErrorWarningText
		{
		display: block;
	}
	#graphTableViewContainer thead th {
		padding: 0px;
		border: none;
	}
	#graphTableViewContainer thead th .tooltip, #graphTableViewContainer thead th .tooltip-inner
		{
		white-space: initial;
		word-wrap: break-word;
	}
	.Tableheader_freeze {
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.Tableheader_freeze gp-table>table>thead>tr>th, .Tableheader_freeze gp-table>table>tbody>tr>td
		{
		min-width: 150px;
		max-width: 150px;
		width: 150px;
		padding: 2px 1px 1px 2px;
	}
	.Tableheader_freeze gp-table>table>thead {
		position: absolute;
		z-index: 99;
	}
	#alarmDetailsGroups.Tableheader_freeze gp-table>table>tbody {
		top: 30px;
	}
	.Tableheader_freeze gp-table>table>tbody {
		position: absolute;
		top: 66px;
		overflow-y: auto;
		overflow-x: hidden;
		height: 530px;
	}
	.Tableheader_freeze gp-table>table {
		position: relative;
		word-wrap: break-word;
	}
	#homeControllerDetailsCtrl #connectivityReportList>thead>tr>th:first-child,
		#homeControllerDetailsCtrl #connectivityReportList>tbody>tr>td:first-child
		{
		min-width: 50px !important;
		max-width: 50px !important;
		text-align: center;
	}
	#homeSiteNoteShowCtrl #connectivityReportList>thead>tr>th:first-child,
		#homeSiteNoteShowCtrl #connectivityReportList>tbody>tr>td:first-child
		{
		min-width: 50px !important;
		max-width: 50px !important;
		text-align: center;
	}
	
	#projectTrackingInventoryId #projectTrackingList>thead>tr>th:first-child,
		#projectTrackingInventoryId #projectTrackingList>tbody>tr>td:first-child
		{
		min-width: 50px !important;
		max-width: 50px !important;
		text-align: center;
	}
	
	.Tableheader_freeze>table>thead>tr>th, .Tableheader_freeze>table>tbody>tr>td
		{
		min-width: 150px;
		max-width: 150px;
		width: 150px;
	}
	.Tableheader_freeze>table>thead {
		position: absolute;
		z-index: 99;
	}
	#alarmDetailsGroups.Tableheader_freeze>table>tbody {
		top: 30px;
	}
	.Tableheader_freeze.graphTableView>table>tbody {
		position: absolute;
		top: 8px;
		overflow-y: auto;
		overflow-x: hidden;
		height: 565px;
	}
	.Tableheader_freeze>table {
		position: relative;
	}
	.infoWindowContent {
		font-size: 13px !important;
		padding-top: 5px;
		width: 200px;
	}
	#undefined_download>a {
		cursor: pointer;
		text-decoration: none;
	}
	#alarm_daterange_picker ul, #Reports_dateRange_picker ul,
		.siteNoteDatePicker ul {
		right: 0px;
		left: inherit !important;
	}
	.alarmsDateRangePicker .angular-date-range-picker__picker {
		margin-right: 0px;
		right: 0px;
		left: inherit;
	}
	.alarm_timepicker .dropdown-menu {
		left: inherit !important;
		right: 0;
	}
	.calendar_container .btn-group button[ng-click="select(null)"] {
		display: none;
	}
	.dropdown-menu {
		min-width: 283px;
	}
	.calendar_container table {
		outline: none;
	}
	.alarmDetailstext {
		min-height: 100px;
		width: 100%;
	}
	.chartContainer {
		width: 130%;
		height: 300px;
	}
	#alarm_site_details summary li {
		list-style: none;
		line-height: 30px;
	}
	.Choose_columns:hover .column_selection {
		display: block;
	}
	.column_selection {
		min-width: 160px;
		background: #fff;
		border: 2px solid #ccc;
		padding: 5px;
		max-width: 160px;
		display: none;
		position: absolute;
	}
	.column_selection>ul {
		padding-left: 10px;
	}
	.column_selection>ul>li {
		list-style: none;
		line-height: 25px;
	}
	#alarm_site_details>aside .angular-date-range-picker__input .angular-date-range-picker--ranged
		{
		width: 560px;
		margin-left: -375px;
	}
	#alarm_site_details>aside .angular-date-range-picker__input .angular-date-range-picker--ranged .angular-date-range-picker__buttons
		{
		margin-top: 20px;
	}
	.content-block {
		min-width: 250px !important;
		font-size: 13px;
		float: left;
		clear: both;
		width: 100%
	}
	.content-block div:hover {
		font-weight: bold;
	}
	#content {
		width: auto;
		height: auto;
		margin: 0 auto;
		overflow: hidden !important;
	}
	#content .alarms {
		float: left;
		color: #c00;
		font-weight: bold;
	}
	#site_content {
		min-width: 250px !important;
		width: auto;
		height: auto;
		margin: 0 auto;
		overflow: hidden;
	}
	a[disabled=disabled] {
		color: #aaa !important;
		cursor: default;
		text-decoration: none;
	}
	.files_sitedetails li {
		background: #eee;
		border-radius: 5px;
		margin: 2px 0;
		padding: 10px;
	}
	.files_sitedetails li span {
		margin-left: 5px;
	}
	.produceGradient {
		background: #3c3; /* Old browsers */
		background: -moz-linear-gradient(top, #3c3 0%, #090 100%);
		/* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8fc400),
			color-stop(100%, #5f7f00)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #3c3 0%, #090 100%);
		/* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #3c3 0%, #090 100%);
		/* Opera 11.10+ */
		background: -ms-linear-gradient(top, #3c3 0%, #090 100%); /* IE10+ */
		background: linear-gradient(to bottom, #3c3 0%, #090 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3',
			endColorstr='#090', GradientType=0); /* IE6-9 */
	}
	.consumeGradient {
		background: #ccc; /* Old browsers */
		background: -moz-linear-gradient(top, #ccc 0%, #999 100%);
		/* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c1c1c1),
			color-stop(100%, #7c7c7c)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ccc 0%, #999 100%);
		/* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ccc 0%, #999 100%);
		/* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ccc 0%, #999 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ccc 0%, #999 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc',
			endColorstr='#999', GradientType=0); /* IE6-9 */
	}

	/*styling for data->solar*/
	i.weatherIcon {
		font-size: 17pt;
	}
	.solarTab {
		min-width: 139px;
		/*max-width:222px;*/
		width: 33%;
		display: inline-block;
		vertical-align: top;
		background-image: url('../images/solar_right_border.jpg');
		background-position: right;
		background-repeat: no-repeat;
		height: 273px;
		overflow-y: hidden;
		padding: 0 15px;
	}
	.solarTab img {
		vertical-align: baseline;
	}
	.solarTab.weather {
		background-image: none;
		/*overflow-y:auto;*/
		overflow-y: visible;
	}
	.solarTab.weather .weatherContainer {
		height: 70px;
		background-color: #e5e5e5;
		padding: 20px 10px 0 10px;
		position: relative;
		color: #555;
	}
	.solarTab.weather .weatherContainer .weatherCol {
		display: inline-block;
		width: 30%;
		float: left;
		padding: 0 5px;
	}
	.solarTab.weather .panel-group {
		border: 1px solid #555;
	}
	.solarTab.weather .panel-group .panel {
		padding: 0;
		border-radius: 0;
	}
	.solarTab.weather .panel-group .panel:first-of-type {
		/*border:1px solid #555;*/
		
	}
	.solarTab.weather .panel-group .panel+.panel {
		margin-top: 0;
		/*border-top:0px;
        border-left:1px solid #555;
        border-right:1px solid #555;
        border-bottom:1px solid #555;*/
	}
	.solarTab.weather .panel-group .panel-heading {
		padding: 0;
		border-bottom: 1px solid #555;
	}
	.solarTab.weather .panel-group .panel-title {
		font-size: 10pt;
		background-color: #e5e5e5;
		height: 20px;
		padding-top: 5px;
		padding-left: 5px;
	}
	.solarTab.weather .panel .panel-heading .panel-title:first-of-type {
		border: 0px;
	}
	.solarTab.weather .panel-group .panel-title a.accordion-toggle {
		color: #555;
	}
	.solarTab.weather .panel-group .panel-title a.accordion-toggle span.site-name
		{
		font-weight: bold;
	}
	.solarTab.weather .panel-group .panel-title p {
		display: inline-block;
		font-weight: bold;
	}
	.solarTab.weather .panel-group .panel-title p.temp {
		border-left: 1px solid #999;
		border-right: 1px solid #999;
		font-weight: 300;
		width: 15%;
	}
	.solarTab.weather .accordion-toggle span.temp {
		width: 20%;
        font-weight: 300;
        text-align:right;
	}
	.solarTab.weather .panel-body li {
		background-color: transparent;
	}
	.solarTab.weather .panel-body li.list-group-item .right {
		font-weight: 100;
	}
	.solarTab.weather .panel-body li.list-group-item .right {
		float: right;
		padding-right: 8%;
		font-weight: bold;
	}
	.solarTab.weather .panel-body li.list-group-item .lastUpdate {
		float: right;
		font-size: 11px;
		font-weight: 100;
	}
	.solarTab.weather .panel-body ul.multilist li.list-group-item {
		height: 20px;
		font-size: 11pt;
		color: #555;
		padding-bottom: 0;
		margin-bottom: 0;
	}

	/*.solarTab.weather .panel-body .wi{
        display:none;
    }*/
	.solarTab .fullScreenExpand {
		margin-top: -12px;
	}
	.solarTab.chart {
		width: 96%;
		min-width: 451px;
		height: 100%;
		margin: -10px 0px 0 20px;
		padding-top: 5px;
		padding-right: 0px;
		padding-left: 0;
		border-top: 1px solid rgb(153, 153, 153);
	}
	.solarTab.chart .panel {
		margin-bottom: 0;
	}
	.solarTab.chart .panel .panel-heading, .solarTab.chart .panel .panel-body
		{
		float: left;
		margin-top: 1px;
		overflow: hidden;
	}
	.solarTab.chart .panel .panel-body {
		width: 100%;
	}
	.solarTab .panel-heading {
		border: 0;
		background-color: transparent;
		color: #101010;
		font-family: Lato, sans-serif;
		letter-spacing: .8px;
		font-size: 15px;
		line-height: 14px;
		border-radius: 0;
		padding: 0px 0 10px 0;
		font-weight: bold;
	}
	.solarTab .panel-body {
		background-color: transparent;
		border: 0px;
		padding: 0px;
		clear: both;
	}
	.solarTab .panel {
		min-height: inherit;
	}
	.solarTab ul.list-group {
		margin-bottom: 0;
	}
	.solarTab .list-group-item {
		border-radius: 0px;
		border: 0px;
		background-color: #e5e5e5;
		margin-bottom: 5px;
		height: 50px;
	}
	.solarTab .list-group-item p {
		margin-bottom: 10px;
	}
	.solarTab .list-group-item .title {
		color: #555;
		font-weight: bold;
	}
	.solarTab .list-group-item .content {
		color: #555;
		float: right;
		margin-right: 15px;
		font-weight: bold;
	}
	.solarTab .list-group-item b {
		color: #101010;
		font-size: 15pt;
		margin-right: 20px;
	}
	.solarTab #summaryList .list-group-item b {
		margin-right: 0;
	}
	.solarTab .list-group-item p.date, .solarTab p.solarFooter, .solarTab p.systemSize
		{
		font-size: 9pt;
		margin-bottom: 0px;
	}
	.solarTab p.solarFooter {
		float: right;
	}
	.solarTab p.systemSize {
		width: 100%;
		text-align: center;
		position: absolute;
		bottom: 0px;
		font-size: 10pt;
		font-weight: bold;
		color: #101010;
	}
	.solarTab .nav>li>a {
		padding: 5px 10px 5px 10px;
		font-size: 11pt;
		background-color: #e5e5e5;
		white-space: nowrap;
		overflow: hidden;
	}
	.solarTab .nav>li.active>a {
		background-color: #888;
	}
	.solarTab .nav.nav-pills {
		margin: 0 auto;
		padding: 0;
		width: 247px;
	}
	.solarTab .nav-pills>li>a.first {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.solarTab .nav-pills>li>a.middle {
		border-radius: 0;
	}
	.solarTab .nav-pills>li>a.last {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.solarTab .nav-pills>li+li {
		margin: 0;
	}
	.solarTab ul#summaryList li {
		background-color: transparent;
		margin-bottom: 0;
		height: 35px;
		padding: 0;
	}
	.solarTab ul#summaryList li .summaryCol {
		width: 15%;
		display: inline-block;
		color: #101010;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		font-size: 10pt;
		font-weight: bold;
	}
	.solarTab ul#summaryList li i.summaryCol {
		width: 12%;
	}
	#solarSiteNames {
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.solarTab .accordion-toggle span {
		width: 150px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		display: inline-block;
	}
	#solarSection {
		min-width: 700px;
		padding-top: 10px;
	}
	#solarTrendPanelBody svg {
		margin-left: 2px;
	}
	.solarWaitingContainer {
		overflow: hidden;
	}

	/****** Advanced Reports ******/
	div.modal[size="xl"] .modal-dialog .modal-content {
		height: 100%;
		overflow-y: auto;
	}
	div.modal.in[size="xl"] .modal-dialog, div.modal.fade[size="xl"] .modal-dialog
		{
		height: 100%;
		width: 100%;
		margin: 0 0;
	}
	#advancedReportsList, #advancedReportsList .panel-title,
		#advancedReportsList .panel-body a.btn {
		font-size: 11pt;
	}
	#advancedReportsList .panel-body {
		padding: 0;
		border: 0;
	}
	#advancedReportsList .panel-body .panel {
		padding: 0;
	}
	#advancedReportsList .panel-group .panel {
		border-radius: 0;
	}
	#advancedReportsList .panel-group .panel+.panel {
		margin: 0;
	}
	#advancedReportsList .panel-heading, #advancedReportsList .panel-body a.btn
		{
		border: 1px solid #aaa;
		border-radius: 0px;
		text-align: left;
		margin: 0;
		padding: 0;
	}

	/*#advancedReportsList .panel-heading h4.panel-title a, .panel-body a.btn
    {
        height:25px;
    }
    */
	#advancedReportsList a.btn i.glyphicon {
		margin-right: 5px;
	}
	#advancedReportsList .panel-heading .panel-title {
		/*padding-top:2px;*/
		
	}
	#advancedReportsList .panel-heading h4.panel-title a {
		border: 0px;
		width: 100%;
		height: 100%;
		display: inline-block;
	}
	#advancedReportsList .panel h4.panel-title a:hover, #advancedReportsList a.btn:hover,
		#advancedReportsList .panel .panel h4.panel-title a:hover,
		#advancedReportsList .panel a.btn:hover, #advancedReportsList .panel .panel .panel h4.panel-title a:hover,
		#advancedReportsList .panel .panel a.btn:hover, #advancedReportsList .panel .panel .panel .panel h4.panel-title a:hover,
		#advancedReportsList .panel .panel .panel a.btn:hover {
		text-decoration: none;
		color: #ddd;
		background-color: #555;
		display: inline-block;
		height: 25px;
		padding-top: 5px;
	}
	#advancedReportsList .panel h4.panel-title a, #advancedReportsList a.btn
		{
		padding-left: 25px;
		background-color: #ccc;
		display: inline-block;
		height: 25px;
		padding-top: 5px;
	}
	#advancedReportsList .panel .panel-heading {
		background-color: #ccc;
	}
	#advancedReportsList .panel .panel h4.panel-title a,
		#advancedReportsList .panel a.btn {
		padding-left: 50px;
		background-color: #ddd;
		display: inline-block;
		height: 25px;
		padding-top: 5px;
	}
	#advancedReportsList .panel .panel .panel-heading {
		background-color: #ddd;
	}
	#advancedReportsList .panel .panel .panel h4.panel-title a,
		#advancedReportsList .panel .panel a.btn {
		padding-left: 75px;
		background-color: #eee;
		display: inline-block;
		height: 25px;
		padding-top: 5px;
	}
	#advancedReportsList .panel .panel .panel .panel-heading {
		background-color: #eee
	}
	#advancedReportsList .panel .panel .panel .panel h4.panel-title a,
		#advancedReportsList .panel .panel .panel a.btn {
		padding-left: 100px;
		background-color: #fff;
		display: inline-block;
		height: 25px;
		padding-top: 5px;
	}
	#advancedReportsList .panel .panel .panel .panel .panel-heading {
		background-color: #fff;
	}

	/******************************/
	.loading {
		background:
			url("../javascripts/externalLib/jstree/themes/apple/throbber.gif")
			no-repeat !important;
	}
	#loadAlarmDetailsId {
		margin-top: 10px;
		margin-bottom: -4px
	}

	/* .gm-style-iw div{ overflow:auto !important; } */
	.gm-style-iw {
		height: auto !important;
		width: auto !important;
	}
	a.infoWindow {
		color: #B40404;
		text-decoration: underline;
		cursor: pointer;
	}
	#tooltip {
		position: absolute;
		width: 200px;
		height: auto;
		padding: 10px;
		background-color: white;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
		box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
		pointer-events: none;
	}
	#tooltip.hidden {
		display: none;
	}
	#tooltip p {
		margin: 0;
		font-family: sans-serif;
		font-size: 17px;
		line-height: 20px;
	}
	.clipCopiedTooltip {
		position: absolute;
		color: #FFFFFF;
		background: #ccc;
		text-align: center;
		visibility: hidden;
		border-radius: 6px;
		padding: 10px;
		left: 0px;
		margin-top: 36px;
	}
	.clipCopiedTooltip span {
		content: '';
		position: absolute;
		bottom: 100%;
		left: 16px;
		margin-left: -8px;
		width: 0;
		height: 0;
		border-bottom: 8px solid #ccc;
		border-right: 8px solid transparent;
		border-left: 8px solid transparent;
	}
	.page_nav>ul>li {
		padding: 0px;
		margin: 0px;
		border: 1px solid #999;
		padding: 3px 7px;
		border-left: 0px;
	}
	.page_nav>ul>li:first-child {
		border-left: 1px solid #999;
		padding-left: 7px;
	}
	.page_nav>ul>li>a {
		border-radius: 0;
		font-size: 10pt;
	}
	.page_nav>ul>li:hover {
		background: #eee;
	}
	.channel_head {
		position: relative;
		font-size: 11px;
	}
	.channel_text {
		position: absolute;
		left: -30px;
		width: 100px;
		text-align: center;
	}
	.channel_head .channel_site_details {
		position: absolute;
		left: 101px;
		top: 141px;
		z-index: 2;
		padding: 10px;
		border: 1px solid #ccc;
		background: #fff;
	}
	.channel_head .channel_site_details b {
		width: 20px;
		height: 20px;
		margin-top: 25px;
		margin-left: -31px;
		display: block;
		position: absolute;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		transform: rotate(-135deg);
		-webkit-box-shadow: inset -1px 1px 0 #fff;
		-moz-box-shadow: inset 0 1px 0 #fff;
		-o-box-shadow: inset 0 1px 0 #fff;
		box-shadow: inset 0 1px 0 #fff;
		display: none \0/;
		*display: none;
		background: #fff;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	.unitof_major {
		font-size: 14px;
	}
	.unitof_major .uom_table {
		margin: 10px 0 3px 0;
	}
	.unitof_major input[type="checkbox"] {
		margin-top: 2px;
		float: left;
	}
	.uom_checkboxes .addGraph {
		background: #555;
		border-radius: 5px;
		padding: 5px;
		margin-right: 20px;
		text-align: center;
		color: #fff;
	}
	.uom_checkboxes {
		margin-top: 20px;
	}
	.table_commands li {
		list-style: none;
		line-height: 30px;
	}

	/* Data:Solar Bar Char Styling */
	.axis path, .axis line {
		fill: none;
		stroke: #000;
		shape-rendering: crispEdges;
	}
	.consumebar {
		fill: #ccc;
	}
	.producebar {
		fill: #3c3;
	}
	.consumebar:hover, .producebar:hover {
		fill: orangered;
	}
	.x.axis path {
		display: none;
	}
	.d3-tip {
		line-height: 1;
		font-weight: bold;
		padding: 12px;
		background: rgba(230, 230, 230, 0.8);
		color: #fff;
		border-radius: 2px;
		z-index: 9999999999 !important;
	}

	/* Creates a small triangle extender for the tooltip */
	.d3-tip:after {
		box-sizing: border-box;
		display: inline;
		font-size: 11px;
		width: 100%;
		line-height: 1;
		/*color: rgba(0, 0, 0, 0.8);*/
		color: rgba(230, 230, 230, 0.8);
		content: "\25BC";
		position: absolute;
		text-align: center;
		z-index: 9999999999 !important;
	}

	/* Style northward tooltips differently */
	.d3-tip.n:after {
		margin: -1px 0 0 0;
		top: 100%;
		left: 0;
		z-index: 9999999999 !important;
	}
	#solarTrendLegend {
		background-color: #ddd;
		padding: 5px 15px;
		color: #555;
		float: right;
		margin-top: 10px;
		margin-left: 17px;
	}
	#solarTrendLegend #solarTrendLegendProduce, #solarTrendLegend #solarTrendLegendConsume
		{
		width: 20px;
		height: 20px;
		display: inline-block;
	}
	#solarTrendLegendProduce {
		margin-left: 5px;
	}

	/* ui.boostrap styling */
	.nav, .pagination, .carousel, .panel-title a {
		cursor: pointer;
	}
	accordion .panel {
		min-height: inherit;
	}
	.active-selection {
		background-color: #d3d3d3;
	}
	.bulkProjectsPreviewWindow .modal-dialog {
		width: 70%;
	}
	.axis path, .axis line {
		fill: none;
		stroke: black;
		shape-rendering: crispEdge;
	}
	.axis text {
		font-family: sans-serif;
		font-size: 11px;
	}
	.tick {
		stroke-dasharray: 1, 2;
	}
	.hours_table table td:first-child {
		width: 35%;
	}
	.small_font9 {
		font-size: 10px;
	}
	.modal {
		overflow: auto;
	}

	/* .modal-backdrop.in, .modal.fade{z-index:9999999;} */
	.Realtime_model {
		z-index: 9999999999 !important;
	}
	.modal.fade.Export_model {
		z-index: 9999999999 !important;
	}
	.modal-lg {
		width: 80%
	}
	.modal-md {
		width: 65%
	}
	.modal-sm {
		width: 55%
	}
	.small_font9 {
		font-size: 10px;
	}
	.siteTreeDisable {
		position: absolute;
		height: 100%;
		background: #000;
		z-index: 999;
		opacity: 0.5;
		left: 0;
		top: 0;
		display: none;
	}
	.tooltip_gray .tooltip-inner {
		background: #D1D1D1;
		color: #000;
	}
	.tooltip_gray .tooltip-arrow {
		border-top-color: #D1D1D1 !important;
		color: #000;
	}
	.ion-arrow-expand {
		font-size: 27pt;
		color: rgb(102, 102, 102);
	}
	.ion-arrow-expand:hover {
		color: rgb(187, 187, 187);
	}
	.fullScreenExpand {
		float: right;
	}
	.timeDateEntry-control {
		position: absolute;
		top: 100%;
		z-index: 1000;
		float: left;
		min-width: 160px;
		padding: 5px 0;
		margin: 2px 0 0;
		font-size: 15px;
		list-style: none;
		background-color: #fff;
		border: 1px solid rgba(0, 0, 0, 0.15);
		border-radius: 4px;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
		background-clip: padding-box;
	}
	.timeEntry-control {
		display: none !important;
	}
	#scheduleTaskTable tr:hover {
		cursor: default;
	}
	#hvacContainer .jstree-container-ul>li>a {
		font-weight: bold;
	}
	.hvac_alternateHours {
		position: relative;
	}
	.hvac_Hours_data {
		display: none;
		position: absolute;
		margin-left: 105px;
		margin-top: -35px;
		z-index: 1;
		background: #eee;
		width: 200px;
		color: #101010;
	}
	.hvac_Hours_data table {
		margin: 0px;
	}
	.hvac_alternateHours:hover .hvac_Hours_data {
		display: block;
	}
	.hvac_tag_data {
		display: none;
		position: absolute;
		margin-left: 0px;
    	margin-top: 6px;
		z-index: 1;
		color: #101010;
	}
	.hvac_scheduleIntegrationTag:hover .hvac_tag_data {
		display: block;
	}
	.enabled {
		color: #000;
	}
	.border-right1 {
		border-right: 1px solid #ddd;
	}
	#lightingContainer .jstree-container-ul>li>a {
		font-weight: bold;
	}
	#irrigContainer .jstree-container-ul>li>a {
		font-weight: bold;
	}
	.popup_tooltip_show-right {
		position: relative;
	}
	.popup_tooltip_show-right .popup_data {
		display: none;
		position: absolute;
		margin-left: 0px;
		margin-top: 0px;
		z-index: 15;
		background: #eee;
		width: 200px;
	}
	.popup_tooltip_show-right .popup_data table {
		margin: 0px;
	}
	.popup_tooltip_show-right .status_text:hover .popup_data {
		display: block;
	}
	.popup_tooltip_show-left {
		position: relative;
	}
	.popup_tooltip_show-left .popup_data {
		display: none;
		position: absolute;
		margin-left: 100px;
		margin-top: 0px;
		z-index: 15;
		background: #eee;
		width: 200px;
	}
	.popup_tooltip_show-left .popup_data table {
		margin: 0px;
	}
	.popup_tooltip_show-left .status_text:hover .popup_data {
		display: block;
	}
	.minimze_title {
		transform: rotate(270deg);
		float: left;
		width: 190px;
		left: 0px;
		margin: 60px 0px 0px -83px;
		text-align: right;
		position: absolute;
		top: 54px;
	}
	.collapse-section {
		width: 25px;
		background: #ccc;
		padding: 5px;
		padding-bottom: 60px;
		float: left;
		position: relative;
	}
	.collapse-section>.tooltip {
		left: -5px !important;
	}
	.collapse-section>.tooltip.top .tooltip-arrow {
		left: 30%;
		border-top-color: #aaa;
	}
	.collapse-section>.tooltip.top .tooltip-inner {
		background: #aaa;
	}
	.SiteTree_Expand>.tooltip {
		left: -1px !important;
	}
	.SiteTree_Expand>.tooltip.top .tooltip-arrow {
		left: 30%;
		border-top-color: #aaa;
	}
	.SiteTree_Expand>.tooltip.top .tooltip-inner {
		background: #aaa;
	}
	.graphSettings-container {
		position: absolute;
		right: 2px;
		top: 1px;
	}
	.graphSettings-container>div {
		padding: 5px 5px;
		background: #ccc;
		border-radius: 5px 0 0 5px;
		z-index: 0;
		float: left;
		position: relative;
	}
	.graphSettings-container>img {
		padding: 8px 8px 9px 8px;
		background: #ccc;
		z-index: 1;
		position: relative;
	}
	.graphSettings-container>div>span, .graphSettings-container>div>img {
		border-radius: 5px;
		background: #fff;
		border: 1px solid #ddd;
		padding: 2px 5px;
		vertical-align: middle;
	}
	.graphSettingButtonDefault {
		padding: 4px;
		background-color: #ccc !important;
		cursor: not-allowed;
	}
	.graphSettingButtonSelected {
		padding: 4px;
		background-color: rgb(152, 151, 150) !important;
		color: white;
		padding-bottom: 6px;
		padding-top: 3px;
	}
	.irrValidNote {
		border: 1px solid rgb(169, 169, 169);
		margin: 0px;
		width: 400px;
		height: 93px;
		float: none;
	}
	.irrInvalid {
		border: 1px solid rgb(255, 0, 0);
		margin: 0px;
		width: 400px;
		height: 93px;
		float: none;
	}

	/*
    ==============================================
    slideLeft
    ==============================================
    */
	.slideLeft {
		display: block !important;
		animation-name: slideLeft;
		-webkit-animation-name: slideLeft;
		animation-duration: 1s;
		-webkit-animation-duration: 1s;

		/*animation-timing-function: ease;
        -webkit-animation-timing-function: ease;        */
	}
	@
	-webkit-keyframes slideLeft { 0% {
		-webkit-transform: translateX(150%);
	}
	100%
	{
	-webkit-transform
	:
	 
	translateX
	(0%);
	
        
}

}

/*
    ==============================================
    slideRight
    ==============================================
    */
.slideRight {
	animation-name: slideRight;
	-webkit-animation-name: slideRight;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
}

@
-webkit-keyframes slideRight { 0% {
	-webkit-transform: translateX(0%);
}

100%
{
-webkit-transform
:
 
translateX
(150%);

        
}
}
.graphSettingsContainerDisplayNone {
	display: none !important;
}

.button-set>* {
	margin-left: 10px;
}

#loginSpinner.page_spinner {
	display: block;
	z-index: 103;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transform: -webkit-translate(-50%, -50%);
	transform: -moz-translate(-50%, -50%);
	transform: -ms-translate(-50%, -50%);
}

#loginSpinner.page_spinner .inner_bg {
	background-color: #999;
	opacity: 1;
}

.page_spinner {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transform: -webkit-translate(-50%, -50%);
	transform: -moz-translate(-50%, -50%);
	transform: -ms-translate(-50%, -50%);
	width: 100%;
	height: 100%;
	z-index: 100;
}

.page_spinner .inner_span {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transform: -webkit-translate(-50%, -50%);
	transform: -moz-translate(-50%, -50%);
	transform: -ms-translate(-50%, -50%);
	width: 160px;
	height: 54px;
	padding: 15px;
	z-index: 1032;
	background: #222;
	color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 10px 1px #fff;
}

.page_spinner .inner_span strong {
	float: right;
	margin-top: 5px;
}

.page_spinner .inner_span_graph {
	top: 47%;
	left: 48%;
	position: absolute;
	z-index: 1032;
	color: #fff;
	border-radius: 5px;
	width: 287px;
}

.page_spinner .inner_bg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3;
	z-index: 1031;
}

.page_spinner .alarm_inner_span {
	top: 10%;
	left: 45%;
	width: 160px;
	padding: 15px 20px;
	position: absolute;
	z-index: 1032;
	background: #222;
	color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 10px 1px #fff;
}

#api_manager_spinner {
    display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transform: -webkit-translate(-50%, -50%);
	transform: -moz-translate(-50%, -50%);
	transform: -ms-translate(-50%, -50%);
    padding: 15px;
    z-index: 101;
    color: #fff;
    background-color: #000;
    border-radius: 5px;
    box-shadow: 0 0 10px 1px #fff;
}
    
.loadinggif {
	background: url('/assets/images/ajax-loader.gif') no-repeat right
}

#projectTrackingPageSpinner {
	z-index: 1060;
}

.square {
	width: 7px;
	height: 8px;
	float: left;
	margin: 3px;
}

.square_disable {
	margin: 3px 2px 0px 0px;
	width: 10px;
	height: 10px;
	float: left;
	background: url('../images/plus_symbol.jpg');
	background-size: 10px 10px;
	background-repeat: no-repeat;
}

.legend_div_disable {
	font-size: 11px;
	color: #151414;
}

.legend_div {
	font-size: 10px;
	color: #000000;
}

.legend_div span>span:hover {
	font-weight: bold !important;
}

.login-form {
	border-radius: 10px;
	box-shadow: 10px 5px 20px #333;
}

.thermostat {
	width: 63px;
	height: 51px;
	font-size: 13px;
}

.thermostat .temp {
	float: left;
	padding: 12px 0 0 16px;
	position: absolute;
}

.thermostat .unitno {
	float: left;
	padding: 17px 0 0 49px;
	position: absolute;
}

.thermostat .setpoint {
	float: left;
	padding: 37px 0 0 9px;
	position: absolute;
}

.thermostat .hvacmode {
	float: left;
	padding: 37px 0 0 30px;
	position: absolute;
}

.cooler {
	width: 79px;
	height: 63px;
	font-size: 13px;
}

.cooler .temp {
	padding: 32px 0 0 54px;
	float: left;
	position: absolute;
}

.cooler .channelname {
	padding: 49px 0 0 9px;
	float: left;
	color: #fff;
	position: absolute;
	font-size: 11px;
}

.freezer {
	width: 81px;
	height: 53px;
	font-size: 13px;
}

.freezer .temp {
	padding: 20px 0 0 58px;
	float: left;
	position: absolute;
}

.freezer .channelname {
	padding: 36px 0 0 9px;
	float: left;
	color: #fff;
	position: absolute;
	font-size: 11px;
}

.floor_plan_tooltip {
	width: 184px;
	font-size: 13px;
	float: left;
	position: absolute;
	top: 0px;
	left: 60px;
	z-index: 99;
	background: #fff;
	line-height: 16px;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #ccc;
}

.closeButton {
	position: absolute;
	right: 0px;
	top: 0px;
	border: 1px solid #eee;
	padding: 2px 5px;
	border-radius: 3px;
	text-decoration: none;
}

.closeButton:hover {
	color: #000;
	background: #eee;
	text-decoration: none;
}

.pan-zoom-frame {
	border: 2px solid black;
}

.panzoomwidget {
	width: 60px !important;
}

.zoomin_out_container {
	margin-left: 20px;
	margin-right: 20px;
}

.direction_control_zoom {
	margin-bottom: 10px;
	width: 60px;
}

.panzoomwidget .zoom-level {
	border-color: #888 !important;
}

.zoom-button-in {
	padding: 1px 0 0 1px !important;
}

.zoom-button-in, .zoom-button-out, .zoom-slider-widget {
	cursor: pointer;
	border: 1px solid #888 !important;
}

.direction_control_zoom .top_zoom, .direction_control_zoom .left_zoom,
	.direction_control_zoom .home_zoom, .direction_control_zoom .right_zoom,
	.direction_control_zoom .bottom_zoom {
	border: 0px !important;
	box-shadow: 0 0 0 0 !important;
	cursor: pointer;
	padding: 2px 0 0 0px !important;
	margin: 1px;
	float: left;
	font-weight: bold;
}

.direction_control_zoom .top_zoom, .direction_control_zoom .bottom_zoom
	{
	width: 20px !important;
	margin: 1px 20px !important;
}

.direction_control_zoom .left_zoom, .direction_control_zoom .home_zoom,
	.direction_control_zoom .right_zoom {
	width: 18px !important;
}

.graphs_channel_collapse {
	position: absolute;
	top: 3px;
	right: 2px;
	cursor: pointer;
}

.uom_collapse {
	font-size: 16px;
	bottom: 5px;
	left: 10px;
	position: absolute;
	top: inherit;
	cursor: pointer;
}

.uom_Expand {
	font-size: 16px;
	bottom: 5px;
	left: 10px;
	position: absolute;
	top: inherit;
	cursor: pointer;
}

.Files_Expand {
	font-size: 16px;
	bottom: 5px;
	right: 10px;
	position: absolute;
	top: inherit;
	cursor: pointer;
}

.Files_collapse {
	font-size: 16px;
	bottom: 5px;
	right: 10px;
	position: absolute;
	top: inherit;
	cursor: pointer;
}

.collapse_sitTree {
	position: absolute;
	right: 5px;
	top: 10px;
	font-size: 19px;
	cursor: pointer;
}

.SiteTree_Expand {
	width: 30px;
	float: left;
	background: #ccc;
	position: relative;
	width: 30px;
	background: #ccc;
	margin-bottom: 10px;
}

.SiteTree_Expand .minimze_title {
	transform: rotate(270deg);
	float: left;
	width: 60px;
	left: 0px;
	margin: 10px 0px 0px -17px;
	color: #999;
}

.SiteTree_Expand .expand_siteTree {
	top: 9px;
	left: 6px;
	/*position: absolute;*/
	font-size: 19px;
	z-index: 1;
	cursor: pointer;
}

.container .width100 {
	width: 100% !important;
	transition: width 1s;
}

.container .width30px {
	width: 30px;
	transition: width 1s;
}

.width75p {
	width: 75%;
	margin: 0px auto;
}

.table {
	border: 1px solid #ddd;
	font-size: 13px;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td,
	.table>tbody>tr>td, .table>tfoot>tr>td {
	padding: 4px 8px;
	border-right: 1px solid #ddd;
}

.table .form-control {
	height: 26%;
	padding: 2px 6px;
	font-size: 13px;
}

#comfortSection .table>thead:first-child>tr:first-child>th:first-child {
	background: none;
	border: none
}

#comfortSection .single_siteView>thead>tr th {
	min-width: inherit;
}

#comfortSection .single_siteView tr th:first-child, #comfortSection .single_siteView tr td:first-child
	{
	padding: 0px;
}

#comfortSection .table {
	border: 0px;
}

.hvacDatefield {
	width: 20%;
}

.hvacDatefield select {
	padding: 3px 5px;
}

.siteNoteDatePicker .timeDateEntry-control {
	left: 0px !important;
}

.c3-tooltip {
	padding: 8px;
	color: #000;
}

#projectTrackingList img[ng-src=""] {
	display: none;
}

#projectTrackingList td {
	text-align: center !important;
}

#projectTrackingList tbody>tr>td {
	padding: 2px 1px 1px 2px
}

#projectTrackingList {
	margin: 0px;
}

#projectTrackingList>thead>tr:last-child>th>span {
	overflow: inherit;
}

#projectTrackingList>thead>tr:last-child>th>span ul.dropdown-menu {
	top: 35px !important;
}

#projectTrackingList>thead>tr:last-child>th>span ul table {
	outline: none;
	margin: 0px;
}

#projectTrackingList>thead>tr:last-child>th>span ul th,
	#projectTrackingList>thead>tr:last-child>th>span ul td {
	min-width: inherit;
	max-width: inherit;
	color: #000;
	width: auto;
	background: #fff;
}

#projectTrackingInventoryId .ng-table-pager {
	display: none;
}



#connectivityReportList img[ng-src=""] {
	display: none;
}

#connectivityReportList td {
	text-align: center !important;
}

#connectivityReportList tbody>tr>td {
	padding: 2px 1px 1px 2px
}

#connectivityReportList {
	margin: 0px;
}

#connectivityReportList>thead>tr:last-child>th>span {
	overflow: inherit;
}

#connectivityReportList>thead>tr:last-child>th>span ul.dropdown-menu {
	top: 35px !important;
}

#connectivityReportList>thead>tr:last-child>th>span ul table {
	outline: none;
	margin: 0px;
}

#connectivityReportList>thead>tr:last-child>th>span ul th,
	#connectivityReportList>thead>tr:last-child>th>span ul td {
	min-width: inherit;
	max-width: inherit;
	color: #000;
	width: auto;
	background: #fff;
}

#homeControllerDetailsCtrl .ng-table-pager {
	display: none;
}

#homeSiteNoteShowCtrl .ng-table-pager {
	display: none;
}

.ProjectGraphsTooltip {
	padding: 10px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 5px;
}

.GraphsSiteHoursEnable {
	color: #999;
	background: #ccc;
	border-radius: 3px;
	padding: 3px 4px 3px 0px;
	width: 22px;
}

.GraphsSiteHoursDisable {
	color: #ddd;
	background: #ccc;
	border-radius: 3px;
	padding: 3px 4px 3px 0px;
	width: 22px;
}

.GraphsSiteHoursSelected {
	color: #FBFBFB;
	background: #6D6C6C;
	border-radius: 3px;
	padding: 3px 4px 3px 0px;
}

.baseline-modal-window .modal-dialog {
	width: 96%;
}

#edit_baseline_table>tbody>tr>td:first-child {
	min-width: 112px;
	font-weight: bold;
}

#edit_baseline_table>tbody>tr>td {
	max-width: 112px;
}

#edit_baseline_table>thead>tr:first-child {
	font-weight: bold;
}

#edit_baseline_table>tbody>tr:first-child {
	font-weight: bold;
}

.algo-modal-window .modal-dialog {
	width: 50%;
}

.algoDiv {
    margin-top: 7%;
    margin-bottom: 7%;
    margin-right: 3%;
    margin-left: 3%;
	width: auto;
	height: auto;
}

.algoHvacSpan {
	margin-left: 10px;
	display:inline-block;
}

.algoTableHeight {
    height: 45px;
    max-height: 45px;
}

.hvacDeviceScroll {
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}

.GraphDataPoint>div {
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.GraphDataPoint>div>span {
	color: #999;
	cursor: pointer;
	text-decoration: underline;
}

.GraphDataPoint>div>span:hover {
	color: #000;
}

#edit_baseline_table>tbody>tr:first-child {
	font-weight: bold;
}

#baseline_edit_goal table thead tr:first-child {
	font-weight: bold;
}

#baseline_edit_goal table tbody tr td:first-child {
	font-weight: bold;
}

.channelRow {
	padding: 3px 0;
	float: left;
}

.editSchduleLoads .form-control {
	padding: 3px 5px;
}

.page_heading {
	margin: 10px 0;
	font-size: 16px;
	font-weight: bold;
}

.Site_name {
	margin: 10px 0;
	font-size: 19px;
}

.table_edit_view {
	border: 0px;
}

.table_edit_view tbody tr {
	border-left: 1px solid #ddd;
}

.table_edit_view tbody tr td {
	border-bottom: 1px solid #ddd;
}

.table_edit_view>thead tr:first-child th:first-child, .table_edit_view>thead tr th:last-child,
	.table_edit_view>tbody tr td:last-child {
	background: #fff;
	border: 0px;
}

.table_edit_view>tbody tr td:last-child {
	border-bottom: 1px solid #fff;
}

#edit_baseline_table tbody tr td:last-child, #edit_baseline_table thead tr th:last-child
	{
	background: #fff;
	border: 0px;
	border: 1px solid #fff;
}

#edit_baseline_table tbody tr:last-child td {
	border-top: 1px solid #ddd;
}

#graph_scale_div {
	font-size: 12px;
	bottom: 0;
	padding: 0px;
	margin-top: -6px;
	z-index: 999;
	overflow: hidden;
}

.cusorstate {
	cursor: pointer;
}

path {
	-webkit-transition: fill-opacity 250ms linear;
}

.selecting path {
	fill-opacity: .2;
}

.selecting path.selected {
	stroke: #f00;
	stroke-width: 2px;
}

.axis path, .axis line {
	fill: none;
	stroke: #000;
	shape-rendering: crispEdges;
}

.brush .background {
	visibility: hidden !important;
	cursor: url(./assets/images/zoom_in.cur), copy !important;
	cursor: url(../images/zoom_in.png), move !important;
}

.MainSVG {
	cursor: url(./assets/images/zoom_in.cur), move !important;
	cursor: url(../images/zoom_in.png), zoom-in !important;
}

.brush .extent {
	stroke: #fff;
	fill-opacity: .125;
	cursor: url(../images/zoom_in.png), crosshair !important;
}

.clear-button {
	font: 14px sans-serif;
	cursor: pointer;
}

.singleRGHoursEditPopupWindow .modal-dialog {
	width: 50%;
}

.doubleRGHoursEditPopupWindow .modal-dialog {
	width: 58%;
}

.morethan2HoursEditPopupWindow .modal-dialog {
	width: 83%;
}

.singleCstmHoursEditPopupWindow .modal-dialog {
	width: 50%;
}

.doubleCstmHoursEditPopupWindow .modal-dialog {
	width: 70%;
}

.morethan2CstmHoursEditPopupWindow .modal-dialog {
	width: 95%;
}

.saveHoursConfPopupWindow .modal-dialog {
	width: 55%;
}

.groupEditPopup .modal-dialog {
	width: 29%;
}

.deleteCstmHoursPopup .modal-dialog {
	width: 36%;
}

.addCstmHoursPopup .modal-dialog {
	width: 32%;
}

ul.ui-autocomplete.ui-corner-all {
	z-index: 99999999999999 !important;
}

.previewBulkCreateTable, .previewBulkUpdateTable,
	.previewBulkUpdateBgfTable {
	max-height: 350px;
	color: #000;
	max-width: 100%;
	overflow: auto;
}

.tooltip-inner {
	background: #ccc;
	color: #000;
	text-align: left;
}

.tooltip.top .tooltip-arrow {
	border-top-color: #ccc;
}

.tooltip.left .tooltip-arrow {
	border-left-color: #ccc;
}

.tooltip.right .tooltip-arrow {
	border-right-color: #ccc;
}

.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #ccc;
}

.tooltip.in {
	opacity: 1;
}

.uom_table>tbody>tr>td:first-child .tooltip.bottom {
	left: 25px !important;
}

.uom_table>tbody>tr>td:first-child .tooltip.bottom .tooltip-arrow {
	left: 15% !important;
}

.createProject-modal-window .modal-dialog {
	width: 50%;
}

.editProject-modal-window .modal-dialog {
	width: 60%;
}

#tempPopup {
	position: absolute;
	display: none;
	top: 3%;
	left: 30%;
	color: #000;
	background: #fcfcfc;
	padding: 13px 25px;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 1px 2px 10px #000;
	font-size: 16px;
	z-index: 999999999999999999999;
}

#tempPopup .close {
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 5px;
	color: #222;
	font-size: 14px;
}

#tempPopup .close:hover {
	color: #000;
}

#alarmDetailsGraphsViewOuterContainer {
	border: 1px solid;
	border-radius: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px
}

.dataEntryError {
	color: #f00;
}

.advReportsBtn {
	position: absolute;
	right: 50px;
	top: 12px;
}

#refreshReport {
	right: 200px;
}

#noSolarSitesSelectedMsg {
	position: absolute;
	margin-left: -10%;
	top: 50%;
	left: 50%;
}

.module {
	width: 26%;
	overflow: hidden;
	text-align: left;
}

.line-clamp {
	position: relative;
}

.line-clamp:after {
	content: "";
	text-align: right;
	position: absolute;
}

@
supports (-webkit-line-clamp: 1) { .line-clamp {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.line-clamp:after {
	display: none;
}

}
.hoursDropDown {
	max-width: 43px;
	border: 1px solid #ccc;
	border-radius: 4px;
	vertical-align: middle;
}

#bulkFinancialsUpdate>thead>tr>th {
	min-width: 110px;
}

textarea {
	resize: none;
}

#unitOfMeasurements_types_id {
	width: 100%;
	background: #fff;
}

.fixed_table>thead>tr>th {
	padding: 0px !important;
	margin: 0px;
}

.fixed_table>thead>tr>th>span {
	overflow: hidden;
	float: left;
	height: 38px;
	width: 100%;
	text-overflow: ellipsis;
	position: relative;
	background-color: #999;
	z-index: 1;
	top: 0px;
	padding: 3px 5px;
	border-left: 1px solid #ccc;
	margin-top: -1px;
	border-bottom: 1px solid #ccc;
}

.fixed_table>thead>tr>th, .fixed_table>tbody>tr>th, .fixed_table>tfoot>tr>th,
	.fixed_table>thead>tr>td, .fixed_table>tbody>tr>td, .fixed_table>tfoot>tr>td
	{
	border-top: 1px solid #DDDDDD;
	line-height: 1.42857;
	padding: 5px;
	vertical-align: top;
	min-width: 100px;
	max-width: 190px;
}

.graph_div_with_margin {
	position: relative;
	padding-right: 0px;
	border-radius: 10px 10px 0 0;
	margin-bottom: 10px
}

.graph_div_without_margin {
	position: relative;
	padding-right: 0px;
	border-radius: 10px 10px 0 0;
	margin-bottom: 0px
}

.realTime_table #rtTable>thead>tr>th, .realTime_table #rtTable>tbody>tr>td
	{
	min-width: 60px;
}

.realTime_table #rtTable>thead>tr>th:first-child, .realTime_table #rtTable>tbody>tr>td:first-child
	{
	width: 30px;
}

#projectTrackingInventoryId .fixed_table thead>tr>th:first-child {
	text-align: center;
}

#projectTrackingInventoryId .fixed_table>thead>tr>td, .fixed_table>tbody>tr>td,
	.fixed_table>tfoot>tr>td {
	word-wrap: break-word;
}

#homeControllerDetailsCtrl .fixed_table thead>tr>th:first-child {
	text-align: center;
}

#homeSiteNoteShowCtrl .fixed_table thead>tr>th:first-child {
	text-align: center;
}

#homeControllerDetailsCtrl .fixed_table>thead>tr>td, .fixed_table>tbody>tr>td,
	.fixed_table>tfoot>tr>td {
	word-wrap: break-word;
}

#homeSiteNoteShowCtrl .fixed_table>thead>tr>td, .fixed_table>tbody>tr>td,
	.fixed_table>tfoot>tr>td {
	word-wrap: break-word;
}

.fixed_table>thead>tr>th>span {
	overflow: hidden;
	float: left;
	height: 38px;
	width: 100%;
	text-overflow: ellipsis;
	position: relative;
	background-color: #999;
	top: 0px;
	margin-top: -1px;
	padding: 3px 5px;
	border-left: 1px solid #ccc;
}

.fixed_table>thead>tr>th, .fixed_table>tbody>tr>th, .fixed_table>tfoot>tr>th,
	.fixed_table>thead>tr>td, .fixed_table>tbody>tr>td, .fixed_table>tfoot>tr>td
	{
	border-top: 1px solid #DDDDDD;
	line-height: 1.42857;
	padding: 5px;
	vertical-align: top;
	text-align: center;
}

.fixed_table>thead>tr>th {
	padding: 0px;
}

.measurement_type_img .tooltip {
	transform: rotate(90deg);
	left: 80px !important;
	top: 0px !important;
}

.measurement_type_img span img {
	cursor: pointer;
}

#graphTable tbody tr:nth-child(even):hover>td, #graphTable tbody tr:nth-child(odd):hover>td,
	#graphTable tbody tr:nth-child(odd).selected>td, #graphTable tbody tr:nth-child(even).selected>td
	{
	background-color: #CDCCFF
}

.line_clamp_graph_table {
	position: relative;
}

.line_clamp_graph_table:after {
	content: "";
	text-align: right;
	position: absolute;
}

@
supports (-webkit-line-clamp: 2) { .line_clamp_graph_table {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

}
.viewMSTRPopup .modal-dialog {
	padding: 5px;
	margin: 0px;
	width: 100%;
	height: 100%;
}

.viewMSTRPopup .modal-dialog .modal-content {
	width: 100%;
	height: 100%;
}

.viewMSTRPopup .modal-dialog .modal-content .row .row>iframe {
	height: 91vh;
}

.rTtipClass {
	position: absolute;
	width: auto;
	height: auto;
	padding: 10px;
	top: 0px;
	background-color: white;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
	font-size: smaller;
	opacity: 0;
}

.ng-table th {
	text-align: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.ng-table th.sortable {
	cursor: pointer;
}

.ng-table th.sortable .sort-indicator {
	padding-right: 18px;
	position: relative;
}

.ng-table th.sortable .sort-indicator:after, .ng-table th.sortable .sort-indicator:before
	{
	content: "";
	border-width: 0 4px 4px;
	border-style: solid;
	border-color: #000 transparent;
	visibility: visible;
	right: 5px;
	top: 50%;
	position: absolute;
	opacity: .3;
	margin-top: -4px;
}

.ng-table th.sortable .sort-indicator:before {
	margin-top: 2px;
	border-bottom: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #000;
}

.ng-table th.sortable .sort-indicator:hover:after, .ng-table th.sortable .sort-indicator:hover:before
	{
	opacity: 1;
	visibility: visible;
}

.ng-table th.sortable.sort-desc, .ng-table th.sortable.sort-asc {
	background-color: rgba(141, 192, 219, .25);
	text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
}

.ng-table th.sortable.sort-desc .sort-indicator:after, .ng-table th.sortable.sort-asc .sort-indicator:after
	{
	margin-top: -2px;
}

.ng-table th.sortable.sort-desc .sort-indicator:before, .ng-table th.sortable.sort-asc .sort-indicator:before
	{
	visibility: hidden;
}

.ng-table th.sortable.sort-asc .sort-indicator:after, .ng-table th.sortable.sort-asc .sort-indicator:hover:after
	{
	visibility: visible;
	filter: alpha(opacity = 60);
	-khtml-opacity: .6;
	-moz-opacity: .6;
	opacity: .6;
}

.ng-table th.sortable.sort-desc .sort-indicator:after {
	border-bottom: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #000;
	visibility: visible;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	filter: alpha(opacity = 60);
	-khtml-opacity: .6;
	-moz-opacity: .6;
	opacity: .6;
}

.ng-table th.filter .input-filter {
	margin: 0;
	display: block;
	width: 100%;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ng-table th.filter .filter-select {
	min-height: 30px;
	padding: 5px;
}

.ng-table+.pagination {
	margin-top: 0;
}

#reportDownloadTable>thead {
	cursor: default;
}

.ng-table-pager .pagination {
	margin: 5px 0 0 0 !important;
}

.ui-grid-pager-container .ui-grid-pager-control input {
	width: auto;
}

#graphsExcludesScale {
	overflow-y: auto;
	overflow-x: hidden
}

.graph_icon_tab { 'padding-left ' :0px;
	padding-right: 0px;
	width: 10%;
	background-color: #ccc;
	overflow: hidden;
	overflow-y: auto
}

#graphChartView {
	padding-left: 0px;
	background: #fff;
	padding-right: 0px
}

}
@media all and (max-width:1153px) {
	.legend_div {
		font-size: 9px;
	}
}

.viewSection_loads {
	float: left;
	width: 100%;
	margin-top: 5px;
}

.viewSection_loads .section {
	padding: 5px 0;
	border-top: 1px solid #ccc;
}

.schedule_section .viewSection_loads:nth-child(1) .section {
	border-top: 0px;
}

.viewSection_loads:last-child .section {
	border-bottom: 0px;
}

.viewSection_loads .on_time {
	
}

.viewSection_loads .on_time .icon {
	width: 25px;
	margin-right: 5px;
	float: left;
}

.viewSection_loads .on_time .icon img {
	width: 25px;
}

.viewSection_loads .on_time .content {
	width: 85%;
	float: left;
}

.viewSection_loads .off_time {
	
}

.viewSection_loads .off_time .icon {
	width: 25px;
	margin-right: 5px;
	float: left;
}

.viewSection_loads .off_time .icon img {
	width: 25px;
}

.viewSection_loads .off_time .content {
	width: 85%;
	float: left;
}

.viewSection_loads .sensor {
	
}

.viewSection_loads .sensor .icon {
	width: 25px;
	margin-right: 5px;
}

.viewSection_loads .sensor .icon img {
	width: 25px;
}

.viewSection_loads .sensor .content {
	width: 85%;
	float: left;
}

.editSection_loads {
	float: left;
	width: 100%;
	margin-top: 5px;
}

.editSection_loads .section {
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
	float: left;
	width: 100%;
}

.editSection_loads .on_time {
	
}

.editSection_loads .on_time .status {
	float: left;
	margin: 5px 5px;
}

.editSection_loads .on_time .icon {
	width: 25px;
	margin-right: 5px;
	margin-top: 5px;
	float: left;
}

.editSection_loads .on_time .icon img {
	width: 25px;
}

.editSection_loads .on_time .data_fields {
	width: 75%;
	float: left;
	padding: 0;
}

.editSection_loads .off_time {
	
}

.editSection_loads .off_time .status {
	float: left;
	margin: 5px 5px;
}

.editSection_loads .off_time .icon {
	width: 25px;
	margin-right: 5px;
	margin-top: 5px;
	float: left;
}

.editSection_loads .off_time .icon img {
	width: 25px;
}

.editSection_loads .off_time .data_fields {
	width: 75%;
	float: left;
	padding: 0;
}

.editSection_loads .off_time .sensor {
	margin-left: 20px;
}

.editSection_loads .off_time .sensor .icon {
	width: 25px;
	white-space: nowrap;
}

.editSection_loads .off_time .actionIcons {
	float: right;
	width: 63px;
	margin-top: 12px;
}

.editSection_loads .off_time .actionIcons .delete {
	float: left;
	background: url('../images/delete-row.jpg') no-repeat;
	width: 20px;
	height: 20px;
	margin: 0 2px;
	cursor: pointer;
}

.editSection_loads .off_time .actionIcons .delete_inactive {
	float: left;
	background: url('../images/trashcan_disabled.png') no-repeat;
	width: 20px;
	height: 20px;
	margin: 0 2px;
}

.editSection_loads .off_time .actionIcons .moveUp {
	float: left;
	background: url('../images/move-row.jpg') no-repeat;
	width: 15px;
	height: 20px;
	margin: 0 2px;
	transform: rotate(180deg);
	cursor: pointer;
}

.editSection_loads .off_time .actionIcons .moveDown {
	float: left;
	background: url('../images/move-row.jpg') no-repeat;
	width: 15px;
	height: 20px;
	margin: 0 2px;
	cursor: pointer;
}

.editSection_loads .off_time .actionIcons .moveUp_inactive {
	float: left;
	background: url('../images/move-row-dull.jpg') no-repeat;
	width: 10px;
	height: 20px;
	margin: 0 2px;
	transform: rotate(180deg);
}

.editSection_loads .off_time .actionIcons .moveDown_inactive {
	float: left;
	background: url('../images/move-row-dull.jpg') no-repeat;
	width: 10px;
	height: 20px;
	margin: 0 2px;
}

.schedule_icons {
	width: 158px;
	margin: 0px auto;
	clear: both;
}

.schedule_icons .off_schedule {
	padding: 3px 10px;
	background: #888;
	color: #fff;
	float: left;
	border: 1px solid #555;
	border-right: 0px;
}

.schedule_icons .sensor_schedule {
	background: #888;
	color: #fff;
	float: left;
	border: 1px solid #555;
	border-right: 0px;
}

.schedule_icons .sensor_schedule .sensor {
	padding: 3px 10px;
	background: url(../images/dots.png);
}

.schedule_icons .on_schedule {
	padding: 3px 10px;
	background: #F3F70C;
	color: #000;
	float: left;
	border: 1px solid #555;
}

.schedule {
	clear: both;
	padding-top: 5px;
}

.schedule .clear {
	clear: both;
	height: 0;
	line-height: 0;
}

.schedule .sc_wrapper {
	border: 0px solid #666;
	float: left;
}

.schedule .sc_data .timeline {
	border-bottom: 0px;
}

.schedule .sc_menu {
	width: 100%;
	height: 26px;
	float: left;
}

.schedule .sc_menu .sc_header_cell {
	float: left;
}

.schedule .sc_menu .sc_header {
	float: right;
	height: 26px;
	position: relative;
	overflow: hidden;
	margin-bottom: 5px;
}

.schedule .sc_menu .sc_header .sc_time {
	text-align: left;
	color: #101010;
	font-size: 10px;
	height: 26px;
	padding: 0px;
}

.schedule .sc_menu .sc_header_cell, .schedule .sc_data {
	float: left;
	font-weight: bold;
	color: #101010;
	background: none;
	position: relative;
}

.schedule .sc_menu .sc_header_scroll, .schedule .sc_data .sc_data_scroll
	{
	position: absolute;
	left: 0;
	top: 0;
}

.schedule .sc_menu .sc_header .sc_header_scroll .sc_time:first-child {
	text-align: left;
}

.schedule .sc_menu .sc_header .sc_header_scroll .sc_time:last-child {
	text-align: left;
	margin-left: -23px;
}

.schedule .sc_menu .sc_header .sc_header_scroll .sc_time {
	margin-left: -0.1px;
}

.schedule .sc_menu .sc_header .sc_header_scroll .sc_time:nth-child(7) span,
	.schedule .sc_menu .sc_header .sc_header_scroll .sc_time:nth-child(13) span,
	.schedule .sc_menu .sc_header .sc_header_scroll .sc_time:nth-child(19) span
	{
	margin-left: -13px;
}

.schedule .sc_menu .sc_header_cell, .schedule .sc_header .sc_time,
	.schedule .sc_main_scroll .sc_time {
	color: #FFFFFF;
	padding: 4px 0;
	line-height: 18px;
	height: 18px;
	display: block;
}

.schedule .sc_header .sc_time, .schedule .sc_main_scroll .sc_time {
	float: left;
}

.schedule .sc_main_box, .schedule .sc_data {
	max-height: 500px;
	float: left;
}

.schedule .sc_main_box {
	float: left;
	border-top: 1px solid #666;
}

.schedule .sc_main_scroll {
	
}

.schedule .sc_main {
	position: relative;
}

.schedule .timeline {
	position: relative;
}

.schedule .sc_Bar {
	position: absolute;
	color: #FFF;
	cursor: default;
	z-index: 10;
	top: 0px !important;
}

.schedule .sc_Bar.light_on {
	background: #F3F70C;
	z-index: 11;
}

.schedule .sc_Bar.p_sensor {
	background: url(../images/dots.png);
}

.schedule .sc_Bar.m_sensor {
	background: url(../images/dots.png);
	background-position: 3px 0px;
}

.schedule .sc_Bar.currentTime {
	background: #fff;
	width: 4px !important;
	border: 1px solid #444;
	z-index: 14;
	margin-top: 2px;
	height: 20px !important;
	margin-left: -2px;
}

.schedule .sc_Bar.currentTimeSchedule {
    background: #fff;
    width: 4px !important;
    border: 1px solid #444;
    z-index: 14;
    /* margin-top: 2px; */
    height: 24px !important;
    margin-left: -2px;
}

.schedule .sc_main .timeline:nth-of-type(1)  .sc_Bar.sunrise_sunset {
	top: -34px !important;
}

.schedule .sc_main .timeline:nth-of-type(2)  .sc_Bar.sunrise_sunset {
	top: -59px !important;
}

.schedule .sc_main .timeline:nth-of-type(3)  .sc_Bar.sunrise_sunset {
	top: -84px !important;
}

.schedule .sc_main .timeline:nth-of-type(4)  .sc_Bar.sunrise_sunset {
	top: -109px !important;
}

.schedule .sc_main .timeline:nth-of-type(5)  .sc_Bar.sunrise_sunset {
	top: -134px !important;
}

.schedule .sc_main .timeline:nth-of-type(6)  .sc_Bar.sunrise_sunset {
	top: -159px !important;
}

.schedule .sc_main .timeline:nth-of-type(7)  .sc_Bar.sunrise_sunset {
	top: -184px !important;
}

.schedule .sc_Bar.sunrise_sunset:before {
	content: "";
	background-image: url(../images/sunrise.png);
	background-size: 30px;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	float: left;
	/* margin-left: -23%; */
}

.schedule .sc_Bar.sunrise_sunset:after {
	content: "";
	background-image: url(../images/sunset.png);
	background-size: 30px;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	float: right;
	/* margin-right: -30%; */
}

.schedule .sc_Bar.sunrise_sunset .text {
	display: none;
}

.schedule .ui-draggable-dragging, .schedule .ui-resizeable {
	z-index: 20;
}

.schedule .ui-resizable-handle {
	display: none !important;
}

.schedule .sc_Bar .head {
	display: block;
	padding: 2px 8px 0;
	font-size: 13px;
	height: 16px;
	overflow: hidden;
}

.schedule .sc_Bar .text {
	display: block;
	padding: 5px 15px 0;
	font-weight: bold;
	height: 18px;
	overflow: hidden;
}

.schedule .timeline, .schedule .sc_main .tb {
	border-bottom: solid 1px #666;
}

.schedule .sc_data .timeline {
	overflow: hidden;
}

.schedule .sc_data .timeline span {
	padding: 5px 5px;
	display: block;
	text-align: left;
}

.schedule .sc_data .timeline span.photo {
	float: left;
	width: 36px;
	height: 36px;
	padding: 10px 0 10px 10px;
}

.schedule .sc_data .timeline span.title {
	float: left;
	padding: 10px 0 10px 10px;
	width: 92px;
}

.schedule .sc_main_scroll .sc_main {
	
}

.schedule .sc_main_scroll .sc_main .tl {
	float: left;
	height: 100%;
	background: #888;
}

/* .schedule .sc_main_scroll .sc_main .tl:hover {
	background: #F0F0F0;
} */

.schedule .sc_data .timeline {
	height: 25px !important;
}

.schedule .timeline {
	height: 25px !important;
}

.schedule .sc_main_box .timeline {
	background: #888;
	clear: both;
	border-left: 1px solid #333;
	border-right: 1px solid #555;
}

@
-moz-document url-prefix () { .schedule .sc_main_box .timeline {
	border-left:0pxsolid#333;
	border-right: 0px solid #555;
}

}
/* .schedule .sc_main_box .timeline .tl:hover {
	background: #888;
} */

.schedule .sc_main_box .timeline .tl:nth-child(73) {
	border-left: 1px solid #666;
	z-index: 14;
	position: inherit;
	background: none;
}

.schedule .sc_main_box .timeline .tl:nth-child(145) {
	border-right: 1px solid #666;
	z-index: 14;
	position: inherit;
	background: none;
}

.schedule .sc_main_box .timeline .tl:nth-child(217) {
	border-right: 1px solid #666;
	z-index: 14;
	position: inherit;
	background: none;
}

.ui-resizable-e {
	right: 0px !important;
}

.scheduler_head {
	margin: 0px auto;
	width: 150px;
}

.scheduler_head .off {
	padding: 3px 7px;
	background: #888;
	float: left;
	border: 1px solid #555;
	color: #fff;
}

.scheduler_head .sensor {
	padding: 3px 7px;
	background: url(../images/dots.png) #888;
	float: left;
	border: 1px solid #555;
	color: #fff;
}

.scheduler_head .on {
	padding: 3px 7px;
	background: #F3F70C;
	float: left;
	border: 1px solid #555;
	color: #000;
}

/* ///////////// Admin CSS /////////// */
#admin {
	padding-top: 0px;
}

#admin .panel-group .panel {
	overflow: inherit;
}

#admin header.navbar {
	min-width: 1200px;
	border: 0px;
}

#admin .admin_container {
	padding: 0px;
	min-width: 1200px;
}

#admin .admin_container .ui-grid-cell {
	min-height: 20px;
}

.admin-nav {
	font-size: 15px;
}

@media screen and (max-width: 1600px) {
	.admin-nav nav ul.nav-pills>li>a {
		font-size: 15px !important;
	}
}

@media screen and (max-width: 1500px) {
	.admin-nav nav ul.nav-pills>li>a {
		font-size: 14px !important;
        padding: 8px 8px !important;
	}
}

@media screen and (max-width: 1425px) {
	.admin-nav nav ul.nav-pills>li>a {
		font-size: 12px !important;
        padding: 8px 8px !important;
	}
}

@media screen and (max-width: 1024px) {
	.admin-nav nav ul.nav-pills>li>a {
		font-size: 11px !important;
        padding: 8px 8px !important;
	}
}

@media screen and (max-width: 1200px) {
}

.users-addUser .modal-dialog, .users-addSites .modal-dialog,
	.users-editSites .modal-dialog, .users-addTenant .modal-dialog,
	.editEndpointFirmware .modal-dialog, .users-editTenant .modal-dialog, 
	.home-manageFiles .modal-dialog {
	width: 96%;
}

.site-schedule-integration .modal-dialog {
	width: 55%;
}
.users-importSites .modal-dialog {
	width: 70%;	
}
.endpoint-commissionTranding .modal-dialog {
	width:55%;
}

.tenants-addTenant .modal-dialog {
	width:65%;
}

.home-previewFiles .modal-dialog {
	width: 95%;
}

.users-importSites .modal-dialog .modal-content {
	min-height: 30em;
}

.meteringModel{
	width: 98% !important;
}

.addressVerification .modal-dialog{
	width: 85%;
}

.timezoneVerification .modal-dialog{
	height: 30%;
}

.users-addSites .modal-dialog .row, .users-editSites .modal-dialog .row, .addressVerification .modal-dialog .row
	.users-addTenant .modal-dialog .row, .users-editTenant .modal-dialog .row, .home-manageFiles .modal-dialog .row
	{
	padding: 3px 0;
}

.borderLine {
	border-right: 1px solid #ccc;
}

#adminTempPopup {
	position: absolute;
	display: none;
	top: 5%;
	left: 40%;
	color: #000;
	background: #fcfcfc;
	padding: 13px 25px;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 1px 2px 10px #000;
	font-size: 15px;
	z-index: 999999999999999999999;
}

#adminTempPopup .close {
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 5px;
	color: #222;
	font-size: 14px;
}

#adminTempPopup .close:hover {
	color: #000;
}

#tenantDetailsInEditTenant .panel-group .panel {
	padding: 0px;
}

.admin_page_spinner {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transform: -webkit-translate(-50%, -50%);
	transform: -moz-translate(-50%, -50%);
	transform: -ms-translate(-50%, -50%);
	width: 100%;
	height: 100%;
	z-index: 99999;
}

.admin_page_spinner .inner_span {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transform: -webkit-translate(-50%, -50%);
	transform: -moz-translate(-50%, -50%);
	transform: -ms-translate(-50%, -50%);
	z-index: 1032;
	background: #222;
	color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 10px 1px #fff;
}

.admin_page_spinner .inner_span strong {
	float: right;
	margin-top: 5px;
}

.admin_page_spinner .inner_bg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3;
}

accordion .ui-grid-pager-panel {
	position: relative;
	padding-bottom: 0px;
}

.xmlEditorEnableColor {
	background-color: #51a351;
	color: #ffffff !important;
}

.xmlEditorDisableColor {
	background-color: #e6e6e6;
}

.noRecordsInGrid {
	top: 30px;
	left: 5px;
	position: absolute;
}

.ui-grid-pager-control {
	margin-top: 2px;
	margin-left: 2px !important;
}

.ui-grid-pager-control .ui-grid-pager-max-pages-number {
	vertical-align: inherit !important;
}

.ui-grid-pager-container>span {
	margin-top: 6px;
	float: left;
}

.errorsHeader {
	border: solid 1px;
	padding: 8px;
	border-color: #CCC;
	background: #FFFFA9;
	font-weight: bold;
	text-align: center;
}

.tableList {
	position: relative;
	padding-top: 4em;
}

.tableList:after {
	color:;
	content: "Available Channels";
	position: absolute;
	top: 0;
	left: 0;
	background: #f5f5f5;
	background: #eee;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 5px;
	font-weight: bold;
	-webkit-border-radius: 4px 0 4px 0;
	-moz-border-radius: 4px 0 4px 0;
	border-radius: 4px 0 4px 0;
}

.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: whiteSmoke;
	border: 1px solid #EEE;
	border: 1px solid rgba(0, 0, 0, 0.05);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

#selectedChannels {
	min-height: 95px;
}

#selectedChannels ul {
	padding: 0;
	margin: 7px 0px;
	border: 1px dashed #ddd;
	padding-top: 7px;
	padding-bottom: 3px;
	padding-left: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

#selectedChannels ul li {
	float: left;
	list-style: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-right: 1em;
	padding: 4px 6px;
	padding-right: 0;
	margin-bottom: 4px;
	cursor: pointer;
	position: relative;
	display: "table-cell";
}

.selectedChannels_li {
	background-color: #0088cc;
	color: #fff
}

#selectedChannels ul li.placeholder {
	background: none;
	color: #CCC
}

.removeChannel {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #fff;
	color: #444;
	margin-right: 1em;
	text-align: right;
	font-size: 11px;
	line-height: 12px;
	display: block;
	float: right;
	margin-left: 8px;
	padding-left: 3px;
	padding-right: 3px;
	margin-top: 1px;
	cursor: pointer;
	font-weight: bold
}

.pane {
	background-color: #f5f5f5;
	border: 1px solid #e5e5e5;
	padding: 8px 14px;
	width: 97%;
	margin: 0 auto
}

#selectedChannels>.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#selectedChannels>.clearfix {
	display: inline-block;
}

.adminError {
	color: red;
	clear: both;
	float: left;
}

.ReleaseDate_EditFW {
	position: inherit;
}

.ReleaseDate_EditFW>p {
	position: inherit;
}

.ReleaseDate_EditFW>p>ul.ng-valid-date {
	position: absolute;
	margin-top: 0px;
	top: inherit;
	left: inherit;
}

.modal-dialog {
	transition: none !important;
	transform: none !important;
}

#channelsTable .ui-grid-cell-contents {
	white-space: normal !important
}

#channelsTable .ui-grid-row {
	height: auto !important
}

.custom-select {
	position: relative;
	padding: 0 10px;
	height: 32px;
	font-size: 13px;
	display: block;
	line-height: 14px;
	color: #333;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	-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;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.custom-select p {
	line-height: 32px;
	margin: 0
}

.custom-select>span {
	position: absolute;
	right: 6px;
	top: 4px
}

.custom-select .list {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	position: absolute;
	top: 32px;
	left: -1px;
	background-color: #FFF;
	border-style: solid;
	border-color: #ccc;
	border-width: 1px;
	width: auto;
	z-index: 1100;
	overflow: auto;
	max-height: 200px;
	min-width: 100%;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.custom-select .list ul {
	list-style: none;
	margin: 0;
	display: block;
	padding: 0;
	position: relative
}

.custom-select .list ul a {
	display: block
}

.custom-select .list ul a:before {
	background: 0 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	content: '';
	height: 2em;
	left: 0;
	margin-top: -.5em;
	position: absolute;
	right: 0
}

.custom-select .list ul li {
	display: block;
	padding: .5em .5em .5em 1em
}

.custom-select .list ul li:hover>a:before {
	background: rgba(90, 90, 90, .1)
}

.custom-select .list ul li a {
	color: #333;
	text-decoration: none;
	font-weight: 700
}

.custom-select .list ul li.active>a:before {
	background: rgba(90, 90, 90, .2)
}

.custom-select .list ul li ul {
	margin-bottom: -.5em;
	position: static
}

.custom-select .list ul li ul li a {
	font-weight: 400
}

.custom-select .icon-sort-down {
	background: url(../images/icn.png) 0 -12px no-repeat #FFF;
	height: 20px;
	width: 10px;
	display: block
}

.down-arr-symbol:before {
    content: "Select Tenant";
}

.custom-select:focus {
	border-color: #1F1F1F
}

.custom-select[disabled], .custom-select[readonly], fieldset[disabled] .custom-select
	{
	cursor: not-allowed;
	background-color: #eee
}

code, kbd, pre, samp {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}
.siteArea {
	/* height: 200px;
	max-height: 200px; */
	height: 100%;
	overflow: auto;
}
.sitePath
{
    list-style-type: none;
}

.sitePath li
{
    background-color: white;
    cursor: pointer;
}

.sitePath li.selected
{
    background-color: #3366BB;
    color: white;
}
/*
GPUP-28983
For French "Reset Default"(R�initialiser Valeurs par d�faut) button label exceeded button length on column selection window for all tabs on Real-Time tab
Add a new class wtspwrap to allow white-space wrape normal
*/
.wtspwrap{
	white-space : normal!important;
}

#scrollable-dropdown-menu .dropdown-menu {
	max-height: 180px;
	overflow-y: auto;
}

.sstGrid {
    width: 717px;
    height: 500px;
}

.sstGP_ServicesGridCell {
    color: #999;
    font-style: italic;
    font-weight: bolder;
}

.sstPreControlDateGridCell {
    background-color: #ebf0fb!important;
    border-bottom: 1px solid #999!important;
    border-right: 1px solid #999!important;
}

.sstExcludedRow {
    background-color: #adabab!important;
    font-style: italic;
}

.sstMissingData {
    color: red!important;
}

.calculatedFields {
    font-style: italic!important;
    color: #8a8a8a!important;
    font-weight: bolder!important;
}

.messagesSpacing {
    padding: 5px !important;
    margin-right: 5px !important;
}


.ui-grid-vcenter div {
  /*text-align:center;*/
  position: relative;
  top: 50%;
   -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.trimGlyphicon {
    padding-left: 0px!important;
    padding-right: 0px!important;
    padding-top: 5px!important;
    padding-bottom: 5px!important;
    width: 26px!important;
}

.translucent_button_icon {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border: 0;
    background: transparent;
    padding-left: 0px;
    padding-right: 0px;
}

.graphTitleWrapper tooltip{
	left:20px!important;
}

.tooltip{
	word-wrap :break-word!important;	
}

.custom-slider.rzslider .rz-bar {
	background: #c0c0c0;
	height: 2px;
}

.custom-slider.rzslider .rz-selection {
	background: black;
}

.custom-slider.rzslider .rz-pointer {
	width: 8px;
	height: 16px;
	top: auto; /* to remove the default positioning */
	bottom: 0;
	background-color: #333;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.custom-slider.rzslider .rz-pointer:after {
	display: none;
}

.custom-slider.rzslider .rz-bubble {
	bottom: 14px;
}

.custom-slider.rzslider .rz-limit {
	font-weight: bold;
	color: orange;
}

.custom-slider.rzslider .rz-tick {
	width: 1px;
	height: 10px;
	margin-left: 4px;
	border-radius: 0;
	background: #ffe4d1;
	top: -1px;
}

.custom-slider.rzslider .rz-tick.rz-selected {
	background: black;
}

.siteFilterModal {
	height: 35px;
	margin-bottom: -32px;
	background: #fff;
	width: 200px;
	padding-left: 10px;
}

.HVACFilterModal {
	height: 35px;
	margin-bottom: -32px;
	background: #fff;
	width: 170px;
	padding-left: 10px;
}

#filterHVACTree{
	top: 0px;
	cursor: pointer;
}

.hvacFilterType{
	padding: 8px;
}

.filterHeaderWrapper {
	height: 35px;
	border-bottom: 2px solid #e5e5e5;
}
#accountSettings{
	display: flex;
	align-items: center;
	height: 100%;
}
.filter-site .modal-dialog {
	width: 60%;
	height: 50%;
}

.xml-update .modal-dialog{
	width: 40%;
	height: 30%;
}

.error{
	 border-color: red;
}

.noRecordsInFilterGrid {
	top: 60px;
	left: 5px;
	position: absolute;
}

.radio-options{
	padding-left: 20px;
	margin-top: 2px;
}

#all-checkbox-grp input[type="checkbox"]{
	position: absolute;
	margin-top: 6px;
}		

.commissioning_file_red {
		background: url('../images/documents/file_management.png') no-repeat;
		cursor: pointer;
		width: 25px;
		height: 22px;
		background-size: 18px;
		margin-top: 2px;
		background-position: 0px -4px;
	}
	
.commissioning_file_arrow_right {
		background: url('../images/right_icon.png') no-repeat;
		cursor: pointer;
		width: 35px;
		height: 22px;
		background-size: 18px;
		background-position: 0px;
		display:block;
	}
	
.commissioning_file_arrow_left {
		background: url('../images/left_icon.png') no-repeat;
		cursor: pointer;
		width: 35px;
		height: 22px;
		background-size: 18px;
		background-position: 0px;
		display:block;
	}
	
.preview_icon_grey {
		background: url('../images/preview.png') no-repeat;
		border: 0px;
		cursor: pointer;
		width: 25px;
		height: 25px;
		background-size: 25px;
		float: left;
		position: absolute;
		right: 31px;
		top: 6px;
	}

    .ui-button-icon-only {
        width: 2em;
        box-sizing: border-box;
        text-indent: -9999px;
        white-space: nowrap;
    }
    .ico-true {
    	background: url(../images/green.PNG) no-repeat;
    	background-position: center;
    	background-size: contain;
    }
    .ico-false {
    	background: url(../images/red.PNG) no-repeat;
    	background-position: center;
    	background-size: contain;
    }
    
    
.jstree-anchor {
    /*enable wrapping*/
    white-space : normal !important;
    /*ensure lower nodes move down*/
    height : auto !important;
    /*offset icon width*/
    padding-right : 24px!important;
    text-indent: -6px;
    width:85%!important;
    /* display:contents!important; */
/*     word-break: break-all; */
}

.handshake {
    content: url(../images/handshake.png);
}

/* 
GPUP-31382 Admin UI: There are alien markings on dropdowns
*/
abbr {
    text-decoration: none!important;
    border-bottom: 0px!important;
}

.capabilitiesSection {
	margin: 0 auto;
    display: flow-root;
    float: none;
    width: 90%;
    margin-bottom: 20px;
    background: #8f8f8817;
    padding: 10px;
    border-radius: 5px;
}

.eventBtn { 
	background-color: #506684 !important;
}


@media (min-width: 1024px) {
  .schedule_icons_wrapper {
    padding-left:3%;
  }
  .schedule_icons_wrapper_edit {
    padding-left:3%;
  }
}

@media (min-width: 1280px) {
  .schedule_icons_wrapper {
    padding-left:5%;
  }
  .schedule_icons_wrapper_edit {
    padding-left:5%;
  }
}

@media (min-width: 1360px) {
  .schedule_icons_wrapper {
    padding-left:3%;
  }
  .schedule_icons_wrapper_edit {
    padding-left:5%;
  }
}

@media (min-width: 1366px) {
  .schedule_icons_wrapper {
    padding-left:3%;
  }
  .schedule_icons_wrapper_edit {
    padding-left:3%;
  }
}

@media (min-width: 1440px) {
  .schedule_icons_wrapper {
    padding-left:4%;
  }
  .schedule_icons_wrapper_edit {
    padding-left:4%;
  }
}

@media (min-width: 1600px) {
  .schedule_icons_wrapper {
    padding-left:4%;
  }
  .schedule_icons_wrapper_edit {
    padding-left:6%;
  }
}

@media (min-width: 1680px) {
  .schedule_icons_wrapper {
    padding-left:6%;
  }
  .schedule_icons_wrapper_edit {
    padding-left:6%;
  }
}

@media (min-width: 1920px) {
  .schedule_icons_wrapper {
    padding-left:6%;
  }
  .schedule_icons_wrapper_edit {
    padding-left:6%;
  }
}

@media (max-width: 950px) {
  .resetModal {
    height: 80vh!important;
  }
}

.modalw50p .modal-dialog{
    width:50%!important;
}

.mt10 {
	margin-top:10px!important;
}

.resetModal {
    height: fit-content;
}

.app-modal-window .modal-dialog {
	width: 95vw;
	height: auto;
}

.ssoadminapp-modal-window .modal-dialog {
	width: 60vw;
	height: auto;
}

.ssoportalapp-modal-window .modal-dialog {
	width: 70vw;
	height: auto;
}

.toggle.ht, .toggle-on.ht, .toggle-off.ht {
	height: 26px!important;
}

.toggle.ht .toggle-handle {
	height: 26px!important;
}

.lIcon {
	padding: 10px;
	min-width: 40px;
}

.input-field {
	padding: 10px!important;
	text-align: center!important;
}

.firstTimeLoad {
	display: none;
	margin: 0px auto 20px!important;
}

.inactiveph {
	cursor:auto!important;
	color:#888!important;
}
.activeph {
	cursor:pointer!important;
	color:#000!important;
}

.errorField {
	color: #D8000C;
    background-color: #FFBABA;
}

.lgContainer {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transform: -webkit-translate(-50%, -50%);
	transform: -moz-translate(-50%, -50%);
	transform: -ms-translate(-50%, -50%);
}

.sub-accordion > .panel-heading {
	background-color: #d4d4d4 !important;
}

.logoutLabel {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}
div.modal.in[size="smr"] .modal-dialog, div.modal.fade[size="smr"] .modal-dialog
{
	height: 500px;
	width: 550px;
	margin-top: 25px;
	margin-right: 400px;
}

.updated-icon {
    background: url(../images/updated.png) no-repeat;
    background-size: 22px;
    background-position: 0px 0px;
    padding-left: 29px;
    padding-top: 7px;
    height: 22px;
}
.deleted-icon {
    background: url(../images/deleted.png) no-repeat;
    background-size: 22px;
    background-position: 0px 0px;
    padding-left: 29px;
    padding-top: 7px;
    height: 22px;
}
.added-icon {
    background: url(../images/added.png) no-repeat;
    background-size: 22px;
    background-position: 0px 0px;
    padding-left: 29px;
    padding-top: 7px;
    height: 22px;
}
.cnfMsgWrapper{
	margin:5px 25px;
}

.invalidConfigButton{
	color: red;
    background-color: #fafafa !important;
}

.invalidConfigButton:hover{
	color: red !important;
    background-color: #fafafa !important;
}

#add-user-tenant .custom-select .list {
	top: -35px;
}

.endpointBox {
	width: 250px;
	height: 85px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 10px;
	border: ridge #5b6dcd;
	background: white;
}

.endpointBox > label {
	font-weight: normal;
}

.siteDetail .tooltip {
	left:0px!important;
}

.transition-endpoint {
	transition: all .3s ease-in;
}

.margintop5 {
	margin-top: 5px;
}

.channelManagementGrid {
	height: 65vh !important;
}

.numberCircle {
	font-family: "OpenSans-Semibold", Arial, "Helvetica Neue", Helvetica, sans-serif;
	display: inline-block;
	color: #fff;
	text-align: center;
	line-height: 0px;
	border-radius: 50%;
	font-size: 12px;
	min-width: 20px;
	min-height: 20px;
}

.numberCircle span {
	display: inline-block;
	padding-top: 50%;
	padding-bottom: 50%;
	margin-left: 1px;
	margin-right: 1px;
}

.clrGrey {
	background: #576167;
}

.grayBg {	
    background: rgba(136, 136, 136, 0.3);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    border: 1px solid #888;
} 

.blueBg {
	background: #2323c3!important;
	border: 1px solid #2323c3!important;
	width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    color:#fff;
}

.weakPassword {
	color: rgb(169, 68, 66) !important;
}

.mediumPassword {
	color: #8a6d3b !important;
}

.strongPassword {
	color: #3c763d !important;
}

 
#scheduleTaskTable>thead>tr>th:nth-child(1),
        #scheduleTaskTable>tbody>tr>td:nth-child(1)
{
        min-width: 100px !important;
        max-width: 100px !important;
}
#scheduleTaskTable>thead>tr>th:nth-child(2),
        #scheduleTaskTable>tbody>tr>td:nth-child(2) {
        min-width: 150px !important;
        max-width: 150px !important;
}

#scheduleTaskTable>thead>tr>th:nth-child(3),
        #scheduleTaskTable>tbody>tr>td:nth-child(3)
{
        min-width: 180px !important;
        max-width: 180px !important;
}


#scheduleTaskTable>thead>tr>th:nth-child(4),
        #scheduleTaskTable>tbody>tr>td:nth-child(4)
{
        min-width: 220px !important;
        max-width: 220px !important;
}


#scheduleTaskTable>thead>tr>th:nth-child(5),
        #scheduleTaskTable>tbody>tr>td:nth-child(5)
{
        min-width: 90px !important;
        max-width: 90px !important;
}

#scheduleTaskTable>thead>tr>th:nth-child(6),
        #scheduleTaskTable>tbody>tr>td:nth-child(6)
{
        min-width: 330px !important;
        max-width: 330px !important;
} 

#myUpdatesTable>thead>tr>th:nth-child(1),
#myUpdatesTable>tbody>tr>td:nth-child(1) {
	min-width: 80px !important;
	max-width: 80px !important;
}

#myUpdatesTable>thead>tr>th:nth-child(2),
#myUpdatesTable>tbody>tr>td:nth-child(2) {
	min-width: 80px !important;
	max-width: 80px !important;
}

#myUpdatesTable>thead>tr>th:nth-child(3),
#myUpdatesTable>tbody>tr>td:nth-child(3) {
	min-width: 50px !important;
	max-width: 50px !important;
}


#myUpdatesTable>thead>tr>th:nth-child(4),
#myUpdatesTable>tbody>tr>td:nth-child(4) {
	min-width: 50px !important;
	max-width: 50px !important;
}

#myUpdatesTable>thead>tr>th:nth-child(5),
#myUpdatesTable>tbody>tr>td:nth-child(5) {
	min-width: 50px !important;
	max-width: 50px !important;
}

.editHVACGap {
	margin: 14px;
}

.testingToolRtGraph {
	z-index: 2400 !important;
}

div#hoursCheckboxFirst .list-inline>li:first-child {
	padding-left:5px;
}

.jstree-node {
  overflow: hidden;
  width: 100%;
  border: 1px;
}

.toggleroot ul,
li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.toggleroot .tg-list {
	text-align: center;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
  }
  
  .toggleroot .tgl {
	display: none;
  }
  
  .toggleroot .tgl,
  .toggleroot .tgl:after,
  .toggleroot .tgl:before,
  .toggleroot .tgl *,
  .toggleroot .tgl *:after,
  .toggleroot .tgl *:before,
  .toggleroot .tgl+.tgl-btn {
	box-sizing: border-box;
  }
  
  .toggleroot .tgl::-moz-selection,
  .toggleroot .tgl:after::-moz-selection,
  .toggleroot .tgl:before::-moz-selection,
  .toggleroot .tgl *::-moz-selection,
  .toggleroot .tgl *:after::-moz-selection,
  .toggleroot .tgl *:before::-moz-selection,
  .toggleroot .tgl+.tgl-btn::-moz-selection {
	background: none;
  }
  
  .toggleroot .tgl::selection,
  .toggleroot .tgl:after::selection,
  .toggleroot .tgl:before::selection,
  .toggleroot .tgl *::selection,
  .toggleroot .tgl *:after::selection,
  .toggleroot .tgl *:before::selection,
  .toggleroot .tgl+.tgl-btn::selection {
	background: none;
  }
  
  .toggleroot .tgl+.tgl-btn {
	outline: 0;
	display: block;
	width: 3em;
	height: 1.4em;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
  .toggleroot .tgl+.tgl-btn:after,
  .toggleroot .tgl+.tgl-btn:before {
	position: relative;
	display: block;
	content: "";
	width: 35%;
	height: 100%;
  }
  
  .toggleroot .tgl+.tgl-btn:after {
	left: 0;
  }
  
  .toggleroot .tgl+.tgl-btn:before {
	display: none;
  }
  
  .toggleroot .tgl:checked+.tgl-btn:after {
	left: 50%;
  }
  
  .toggleroot .tgl-flat+.tgl-btn {
	padding: 2px;
	transition: all 0.2s ease;
	background: #D3D3D3;
	border: 2px solid #D3D3D3;
	border-radius: 2em;
  }
  
  .toggleroot .tgl-flat+.tgl-btn:after {
	transition: all 0.2s ease;
	content: "";
	border-radius: 1em;
	border: 2px solid white;
	background: white;
	box-shadow: 0 0 0 1px hsl(0deg 0% 0% / 10%), 0 4px 0px 0 hsl(0deg 0% 0% / 4%), 0 4px 9px hsl(0deg 0% 0% / 13%), 0 3px 3px hsl(0deg 0% 0% / 5%);
  }
  
  .toggleroot .tgl-flat:checked+.tgl-btn {
	border: 2px solid white;
	background: #506684;
  }
  
  .toggleroot .tgl-flat:checked+.tgl-btn:after {
	left: 60%;
	background: white;
	box-shadow: 0 0 0 1px hsl(0deg 0% 0% / 10%), 0 4px 0px 0 hsl(0deg 0% 0% / 4%), 0 4px 9px hsl(0deg 0% 0% / 13%), 0 3px 3px hsl(0deg 0% 0% / 5%);
	border: none;
  }
  
  .toggleroot .tgl-flat:disabled+.tgl-btn {
	background: 2px solid #b8b8b8;
  }
  
  .toggleroot .tgl-flat:disabled+.tgl-btn:after {
	background: #b8b8b8;
	border: none;
  }
  .readonly-accordion a{
    text-decoration: none;
    color: gray;
    cursor: auto;
  }