/*Layout/General customized styling */
html, body {
	font-family: Calibri, Verdana, Arial, sans-serif;
	font-size: 18px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	color:#EDEDED;
	line-height:1.25;
    overflow-x:hidden;
}
.truncate {
  width: 75px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.text-dark {
	color: #272727;
}
a.text-dark:hover, a.text-dark:focus {
	color:#555;
}

.text-light {
	color: rgb(232, 232, 232);
}

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

.rounded-corners{
	border-radius:5px;
}
.nav a, .pagination, .carousel, .panel-title a {
	cursor: pointer;
}

.cursor-hand{
	cursor:pointer;
}
.cursor-arrow{
	cursor:default;
}

.red-bg{
background-color:red;
}

.blue-bg{
background-color:blue;
}

.show-related-btn {
	height: 26px;
	margin-bottom: 2px;
}
.show-related-control {
	border-radius: 5px 0 0 5px;
	padding-bottom: 2px;
	margin-bottom: 2px;

}

/*Generic Popup Styles*/

.Popup {
	position: absolute;
	left: 0;
	top: 0;
	bottom:0;
	right:0;
	z-index:900; 
	opacity:.4;
	background-color:black;
}

.PopupContainer {
	position: absolute;
	left: 0;
	top: 0;
	background-color: transparent;
	z-index:901; 
	opacity:1;
}

.PopupClose {
	position: absolute;
	right: -10px;
	top: -15px;
	width: 24px;
	height: 24px;
	/*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAADpSURBVDhPjZFBDoQwDAMRcEIceAJP4MD/v9bF2bob3LRdpKGJ7QShTimlLs+DV0F9JRZliXLft506B2rBDapHepl30wkqrWwVOI6jCkX4rM8X0zNa6jMe8xigwL61NPJQ46KspoDTAy0abH1oXVfTLBQFAHT/a61lgJlSaIDA2/fdGOUy44XbthmjXKa9EPq/v3xd1zeHJgpB0wWRRsql2Os5fAh1azDyULN/CQq8CHhc6jHPh9TsgYxfWnQWYFmWKtCCuXmen9bpvjEhB4F6BN55nmHm1RQxL4zAbbLWOVAJCod7S36k6QNkcGsF/VauZwAAAABJRU5ErkJggg==') /*Close.png*/;
	background-color:white;
	border-radius:12px;
	color:black;
	font-size:25px;
	cursor:pointer;
}

.PopupHeader {
	border: 1px solid darkgray;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	text-align: center;
	font-size:22px;
	font-weight:bold;
	color: white;
	width: 100%;
	height: 30px;
	background-color: #232323;
}

.PopupBody {
	background-color: #dddddd;
	color:black;
}
	.PopupBody i {
		cursor: pointer;
	}

	.PopupBody input {
		width: 75px;
	}

	
.PopupBodyText {
	color: black;
	font-size: .8em;
	padding: 5px 10px;
}

.PopupFooter {
	border-top: 1px solid darkgray;
	height: 35px;
	color: black;
	text-align: center;
	background-color: white;
	padding-top: 2px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

/*Time Range Selector Styles */

#panesouth {
	overflow:visible !important;
}

.rangeSelectorContainer {
	width:100%;
}
.cumulativeRangeSelector {
	width:calc(100% - 130px) !important;
}

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

.trZoom {
    position: relative;
    display: inline-block;
    width: 150px;
    height: 100%;
    padding: 0;
    float: left;
}
.trBall {
    fill:white
}

.trNavContainer {
    position: relative;
    display: block;
    padding: 0;
    width: calc(100% - 350px);
    margin-left: 165px;
    margin-right: 165px;
    background-color: transparent;
    height: 100%;
}

.trNavContainer.doublebutton {
	width:calc(100% - 330px);
	margin-left:165px;
	margin-right:165px;
}

.trNav {
	position: absolute;
	width: 100%;
	height: 100%;
}

.trNavIndicatorBar {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: transparent;
	pointer-events: none;
}

.trNavIndicatorBarMarker {
	fill: white;
	stroke: red;
	height: 100%;
	width: 2px;
	opacity: .8;
}

.trNavIndicatorBarCircle {
	pointer-events:all;
	cursor:move; 
}
.trNavNowBar {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: transparent;
	pointer-events: none;
}

.trNavNowBarMarker {
	fill: white;
	stroke: black;
	height: 100%;
	width: 2px;
	opacity: .8;
}

.trChoose {
    position: relative;
    width: 179px;
    height: 100%;
    padding: 0;
    float: right;
}

.trChoose.doublebutton {
	text-align:center;
	width:150px;
}


.trChoose .isLiveBtn {
   background: transparent none repeat scroll 0 0;
   border: 1px solid transparent;
   border-radius:4px;
   margin-left:auto;
   margin-right:auto;
   padding:0 3px;
   display:block;
}
.trChoose .isLiveBtn:hover {
   border: 1px solid #666;
}

.isLiveBtn .toggle {
	display:inline-block;
	position:relative;
	width:24px;
	height:16px;
}

.isLiveBtn .toggle img {
	position:absolute;
	left:0;
	top:3px;
	width:100%;
}
.trButtonWrapper {
	position:absolute;
	bottom:0;
	left:5px;
	right:0;
	width:60%;
}
.trButton {
	display:inline-block;
	float:left;
	margin-left:0;
	width: 24px;
	height: 24px;
	background-color: white;
	color: black;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;
	padding-top:2px;
}
.trButton:focus, .trButton:active {
	background-color: #ccc
}

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

.trSliderBar {
	position: absolute;
	bottom: 11px;
	height: 24px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAAASSURBVBhXY1iyZCkcEcVZshQAIXEe0d5inuQAAAAASUVORK5CYII=') /*line.png*/;
	background-position: 0 50%;
	background-repeat: repeat-x;
}

.trSliderBall {
	display: block;
	height: 15px;
	width: 15px;
	border-radius: 10px;
	background-color: #EEEEEE;
	margin-top: 3px;
}

.trPopupContainer {
	width: 500px;
	height: 440px;
}

.trPopupBody {
	height: 360px;
}

.trPopupBodyPanel {
	color: black;
	margin-left: 50px;
	margin-right: 50px;
	border:1px solid #666;
	border-radius:7px;
	margin-top:10px;
	margin-bottom:15px;
}
	.trPopupBodyPanel .trPanelHeader {
		font-weight:bold;
		height:25px;
		width:100%;
		background-color:#555;
		color:white;
		text-align:center;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
		margin-bottom:5px;
		
	}

	.trPopupBodyPanel .trTime {
		height:70px;
		width:100%;
		padding-left:25px;
	}

    .trPopupBodyPanel .trPopupBodyStepContainer {
        width:100%;
        text-align:center;
    }

	.trPopupBodyPanel .trPopupBodyStepContainer div {
		display: inline-block;
		width: 30px;
		height: 25px;
		background-color: white;
		color: black;
		margin-left: 5px;
		margin-right: 5px;
		margin-top: 2px;
		margin-bottom: 2px;
	}

	.trPopupBodyPanel .trPopupBodyZoomToContainer {
		width:100%;
		padding-left:10px;
	}

	.trPopupBodyPanel .trPopupBodyZoomToContainer .top {
		width:75px;
	}

	.trPopupBodyPanel .trPopupBodyZoomToContainer .bottom {
		width:125px;
		position:relative;
	}
	.trPopupBodyPanel .trPopupBodyZoomToContainer:last-child {
		margin-bottom:5px;
	}

		.trPopupBodyPanel .trTime .trTimeRow button {
			color: black;
			padding: 0;
		}
		.trPopupBodyPanel .trTime .trTimeRow input {
			width:250px;
		}
		.trPopupBodyPanel .trTime .trTimeRow label {
			width:50px;
		}

    .trPopupBodyPanel .trTime .trTimeInvalid {
        color:red;
        border:3px solid orange;
    }

	.trPopupBodyPanel .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-color: #f4f4f4;
    color: #444;
	}
	.trPopupBodyPanel .btn-default:active:hover, 
	.trPopupBodyPanel .btn-default.active:hover, 
	.trPopupBodyPanel .open > .dropdown-toggle.btn-default:hover, 
	.trPopupBodyPanel .btn-default:active:focus, 
	.trPopupBodyPanel .btn-default.active:focus, 
	.trPopupBodyPanel .open > .dropdown-toggle.btn-default:focus, 
	.trPopupBodyPanel .btn-default.focus:active, 
	.trPopupBodyPanel .btn-default.active.focus, 
	.trPopupBodyPanel .open > .dropdown-toggle.btn-default.focus {
		background-color: #f4f4f4;
		color: #444;
	}
	.trPopupBodyPanel .btn-default {
		background-image: linear-gradient(#fff, #e1dfdd);
		background-color:#fff;
		color:#444;
	}
	.trPopupBodyPanel .btn-default:active {
		background-color: #dedede;
		background-image: linear-gradient(-180deg, #919599 0%, #474C53 100%);
		color: #FFF;
	}
	.trPopupBodyPanel .btn-default:hover {
		background-image:linear-gradient(#e1dfdd, #cecbc8);
		background-color:#cecbc8;
		color:#333;
	}
	.trPopupBodyPanel .btn-default:active:hover,
	.trPopupBodyPanel .open > .dropdown-toggle.btn-default:hover,
	.trPopupBodyPanel .btn-default:active:focus,
	.trPopupBodyPanel .btn-default.active:focus,
	.trPopupBodyPanel .open > .dropdown-toggle.btn-default:focus,
	.trPopupBodyPanel .btn-default.active.focus,
	.trPopupBodyPanel .open > .dropdown-toggle.btn-default.focus {
		color:#333;
	}
	.trPopupBodyPanel .trPopupBodyZoomToContainer .top {
		width: 73px;
	}



	.trPopupFooter div {
		display: inline-block;
		width: 30px;
		height: 25px;
		background-color: white;
		color: black;
		margin-left: 5px;
		margin-right: 5px;
		margin-top: 2px;
		margin-bottom: 2px;
	}

.trPopupArrowContainer {
	width: 100%;
	height: 20px;
	background-color: transparent;
}

.trPopupArrowCenter {
	display: inline-block;
	margin-left: 240px;
	height: 20px;
	width: 20px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAAB1SURBVDhPvYxbDgAREATd/9I2hMk8ShbLVlIf2nSnfJgyeHI0XRs8MVp3rg5+GZUNPVbcRTb0WHcV0zeP5iqmbx7KWUI3BM1ZQjcEyjeo8+9gcQTdVjFUjqDbKoZOD92IGDo9dCNiCHboz4gh2KE/I4b75vQAzHly1Kvp7SkAAAAASUVORK5CYII=') /*arrowDown.png*/;
}

.trPopupArrowRight {
	display: inline-block;
	margin-left: 450px;
	height: 20px;
	width: 20px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAAB1SURBVDhPvYxbDgAREATd/9I2hMk8ShbLVlIf2nSnfJgyeHI0XRs8MVp3rg5+GZUNPVbcRTb0WHcV0zeP5iqmbx7KWUI3BM1ZQjcEyjeo8+9gcQTdVjFUjqDbKoZOD92IGDo9dCNiCHboz4gh2KE/I4b75vQAzHly1Kvp7SkAAAAASUVORK5CYII=') /*arrowDown.png*/;
}
/* Touch device Utility Classes */
.touch {
	display: none;
}
.touchevents .touch {
	display: block !important;
}
.touchevents .no-touch {
	display: none !important;
}
/* Time Selector Touch Device styles */
.touchevents .trChoose {
	width:156px;
}
.touchevents .trButtonWrapper {
	width:calc(100% - 30px);
	left:0;
}
.touchevents .trButton {
	height:30px;
	width:40px;
	font-size: 1.4em;
}
.touchevents .trButtonCalendar {
	font-size: 1em;
    padding-top: 5px;
}
@media(min-width:768px){
	.touchevents .trNavContainer {
		width:calc(100% - 330px);
	}
}


/* Navbar customized styling */

.navbar {
	margin-bottom: 0;
	border-radius: 0;
}

.nav-tabs {
	-o-tab-size: 1;
	tab-size: 1;
	border-color: rgba(165, 165, 165, 0.075);
}

.nav li a {
	padding-top: 5px;
	padding-bottom: 5px;
}
#notificationsBox {
	background-color: #464b75;
}
#notificationsBox .trayContentHeader {
color:#FFF;
padding: 6px 15px 0;
}
#notificationsBox ul {
padding:10px 15px 0;
}

#notificationsBox li {
list-style:none;
padding:14px 0 11px;
border-bottom: 1px solid #626683;
}
#notificationsBox li div {
display:inline;
}
#notificationsBox .nbTimestamp {
color:#a5a5a5;
}


.angular-google-map-container {
	height: 200px;
}
		.acDropdownBackdrop {
			position:absolute;
			opacity:0.4;
			background-color:black;
			top:50px;
			right:0;
			left:0;
			bottom:0;
			z-index:900;
		}


		.acDropdown {
			opacity: 1;
			position: absolute;
			right: 10px;
			top: 50px;
			width: 440px;
			background-color: #484e55;
			z-index: 901;
			border: 1px solid #575757;
			min-height:100px;
			max-height:500px;
			overflow-y:auto;
		}
		div.currentAC {
			margin:10px; 
			border-bottom:1px solid grey; 
			padding-bottom:15px;
		}

		.navIcon {
			height: 45px;
			width: auto;
			padding-left: 5px;
		}

		#navTreeBtn {
			background-image:url("/Content/navtree.png");
			background-repeat: no-repeat;
			background-position: center;
			background-size:20px;
			height:38px;
			width:38px;
		}


		.navbar-header button.btn-default, .navbar-right button.btn-default {
			margin:5px;
		}
		.animate-show-hide.ng-hide {
			opacity: 0;
		}

		.animate-show-hide.ng-hide-add,
		.animate-show-hide.ng-hide-remove {
			transition: all linear 0.3s;
		}

		.animate-slide.ng-hide {
			right:-500px;
		}
		.bv-navbar-right .navbar-text {
			margin-bottom:10px;
		}
		.navbar-text.appTitle {
			color:white;
			white-space: nowrap;
			max-width:calc(100% - 150px);
		}

		.navbar-text .tagline {
			color:#c8c8c8;
			font-size: 0.7em;
			text-transform: none;
			font-weight: 200;
            position:relative;
		}

		.announcement-container {
			position: absolute;
			left: -2px;
			top: -15px;
			display: flex;
		}

        .announcement {
            line-height: 42px;
            font-size: 15px;
			position: relative;
            background-color: red;
            border-radius: 6px;
            z-index: 1;
            margin: 3px;
            color: #fff;
            font-weight: 600;
            padding: 0px 15px;
        }
        .announcement .message-container {
            vertical-align: middle;
            text-align: center;
        }

        .message-container a {
            text-decoration: underline;
        }

		.animate-slide.ng-hide-add,
		.animate-slide.ng-hide-remove {
			transition: all linear 0.3s;
		}

		@media(max-width:767px) {
			.acDropdown {
				width:100%;
				right:0;
				bottom:0;
				max-height:100%;
			}
			.navbar-right {
				display:inline;
			}
			.navbar-default .dropdown-menu {
				width:100%;
				font-size:18px
			}
			.navbar-default .dropdown-menu > li > a {
				padding:8px 20px;
			}
		}

		.appContextBlock {
			display:block;
			width:98px;
			height:107px;
			overflow:hidden;
			text-align:center;
			word-wrap:normal;
			cursor:pointer;
			font-size:0.8em;
			border: 1px solid rgba(0,0,0,0);
			float:left;
			margin:5px 0;
		}

			.appContextBlock img {
				width:60px;
				height:auto;
				margin:5px auto;
			}

			.appContextBlock:hover {
				border:1px solid gray;
				border-radius: 5px;
			}

		.activeButton {
			cursor:pointer;
		}
		#currentTab {
			padding:15px 5px;
			text-transform: none;
			font-size:0.85em;
			overflow: hidden;
			text-overflow: ellipsis;
			width:calc(100% - 48px);
			white-space:nowrap;
		}
		#currentTab a {
			display:block;
		}
		#currentTab:hover {
			background-color:#222;
		}
		#currentTab a:hover {
			text-decoration:none;
		}
		.bv-navbar-right {
			position:absolute;
			top:0;
			right:-1px;
			border:none;
		}

/* special mobile navbar styles */
.navbar-header .navbar-nav li.dropdown, .navbar-header .navbar-nav li.dropdown a {
	display:block;max-width:150px;float:left;
}
.touchevents .bvNavButton {
	border:none;
	border-radius: 0;
	background:none;
	font-size:24px;
	margin: 0 -4px !important;
	width:56px !important;
}
.touchevents .bvNavButton:active {
	background-image:none;
}

.touchevents #navTreeBtn {
	background-size: 25px;
	height:50px;
}

.touchevents uib-accordion .panel-heading {
	height:44px;
	padding:12px 10px !important;
}

#map-canvas {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 10px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: auto;
}

.googlemapInfo {
	position: absolute;
	z-index: 999;
	width: auto;
	height: auto;
	display: block;
	left: 50px;
	bottom: 20px;
	padding: 5px;
	/*border:solid 3px;
	border-color:black;
	background-color:rgba(165, 165, 165, 1);*/
	color: Black;
	/*font-weight:bold;*/
}

.googlemapAsset {
	position: absolute;
	z-index: 999;
	width: auto;
	height: auto;
	display: block;
	padding: 10px;
	border: solid 3px;
	background-color: gray;
	color: white;
}

.esriPopup .contentPane {
	word-wrap:break-word;
}

.arrow-cursor {
	cursor: default;
}

/* Layout Directive Styles */
/*
 *	PANES & CONTENT-DIVs
 */
.ui-layout-pane {
	/*all 'panes'*/
	/*DO NOT add scrolling (or padding) to 'panes' that have a content-div,
	   otherwise you may get double-scrollbars - on the pane AND on the content-div
	   - use ui-layout-wrapper class if pane has a content-div
	   - use ui-layout-container if pane has an inner-layout*/
}
.layout-transparent-panel, bv-report {
	background-color: #34383c;
	border-radius: 5px;
	padding: 10px;
	overflow: auto;
	border: 1px solid #575757;
}
.nested-transparent-panel{
	background-color:#2b2e33;
	border:1px solid #404040; 
	border-radius:5px; 
	padding:5px;
}
.tab-label {
	margin-bottom:5px;
	font-weight:bold;
	color:white;
	white-space:nowrap;
	/*text-transform: uppercase;*/
	/*font-size:20px;*/
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background-color:rgba(225,225,225,1);
	color:#34383c !important;
	margin-bottom:-1px;
	border-left: 1px solid #575757;
	border-top: 1px solid #575757;
	border-right: 1px solid #575757;
	font-weight:bold;
}
.nav-tabs > li > a {
	background-color:transparent;
	color:white;
	display:inline-block;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	text-align:center;
	padding-top:5px;
	padding:5px;
	font-weight:bold;
}
.tab {
	width:150px;
	background-color:transparent;
	color:white;
	display:inline-block;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	text-align:center;
	padding-top:5px;
	padding:5px;
}
.activeTab {
	background-color:rgba(225,225,225,1);
	color:#34383c !important;
	margin-bottom:-1px;
	z-index:300;
	border-bottom:2px solid #34383c;
	border-left: 1px solid #575757;
	border-top: 1px solid #575757;
	border-right: 1px solid #575757;
	padding-bottom:3px;
}
.nestedActiveTab {
	background-color:#2b2e33;
	color:white !important;
	margin-bottom:-1px;
	z-index:300;
	border-bottom:2px solid 2b2e33;
	border-left: 1px solid #575757;
	border-top: 1px solid #575757;
	border-right: 1px solid #575757;
	padding-bottom:3px;
}
.tabContainer {
	z-index:250;
	position:absolute;
	overflow:auto;
}

.tabBody {
	background:#34383c;
	border-radius:5px;
	color:white;
	height:calc(100% - 33px);
	width:100%;
	z-index:100;
	position:absolute;
	top:33px;
	padding:10px;
	border: 1px solid #575757;
}
.nestedTabBody {
	background:#2b2e33;
	border-radius:5px;
	color:white;
	width:100%;
	z-index:100;
	position:absolute;
	top:33px;
	padding:10px;
	border: 1px solid #404040;
}
.activeTabBody {
	z-index:200 !important;
}

.light-tabset .nav-tabs > li > a {
	color: black;
	padding:5px 15px;
}
.light-tabset .nav > li > a:hover, .light-tabset .nav > li > a:focus {  
	background-color: rgba(225, 225, 225, 1);
	border-color:grey;
}
.light-tabset .nav-tabs > li.active > a, .light-tabset .nav-tabs > li.active > a:hover, .light-tabset.nav-tabs > li.active > a:focus {
	background-color: rgba(85, 85, 85, 1);
	color: white !important;
}
.light-tabset .tab-content {
	background-color: #ededed;
	border: 1px solid grey;
	border-radius: 8px;
	padding: 10px;
}
 
.transparent-panel-heading{
	margin-bottom:5px;
	font-weight:bold;
	color:white;
	text-transform: uppercase;
	font-size:20px;
}
.height-minus-title{
	height: -moz-calc(100% - 100px);
	height: -webkit-calc(100% - 100px);
	height: calc(100% - 100px);
}

.ui-layout-pane-center {
	padding: 0;
}

/* (scrolling) content-div inside pane allows for fixed header(s) and/or footer(s) */
.ui-layout-content {
	padding: 0;
	position: relative;
	/* contain floated or positioned elements */
	overflow: auto;
	/* add scrolling to content-div */
}

.ui-layout-container {
	margin: 0 5px 0 5px;
}
.ui-layout-rounded {
	border-radius: 5px;
}
.ui-layout-north {
	/* NavBar section formatting */
	border-radius: 5px;
}

/*
 *	UTILITY CLASSES
 *	Must come AFTER pane-class above so will override
 *	These classes are NOT auto-generated and are NOT used by Layout
 */
.layout-child-container,
.layout-content-container {
	padding: 0;
	overflow: hidden;
}

.layout-child-container {
	border: 0;
	/* remove border because inner-layout-panes probably have borders */
}

.layout-scroll {
	overflow: auto;
}

.layout-hide {
	display: none;
}

.ui-layout-resizer {
	/* all 'resizer-bars' */
	border: 1px solid #BBB;
	border-width: 0;
}

.ui-layout-resizer-drag {
	/* REAL resizer while resize in progress */
}


.ui-layout-resizer-hover {
	/* affects both open and closed states */
}


/* NOTE: It looks best when 'hover' and 'dragging' are set to the same color,
		otherwise color shifts while dragging when bar can't keep up with mouse */
.ui-layout-resizer-open-hover, /* hover-color to 'resize' */
.ui-layout-resizer-dragging {
	/* resizer beging 'dragging' */
	background: rgba(165, 165, 165, 0.4);
}


.ui-layout-resizer-dragging {
	/* CLONED resizer being dragged */
	border: 1px solid #BBB;
}

.ui-layout-resizer-north-dragging,
.ui-layout-resizer-south-dragging {
	border-width: 1px 0;
}

.ui-layout-resizer-west-dragging,
.ui-layout-resizer-east-dragging {
	border-width: 0 1px;
}

/* NOTE: Add a 'dragging-limit' color to provide visual feedback when resizer hits min/max size limits */
.ui-layout-resizer-dragging-limit {
	/* CLONED resizer at min or max size-limit */
	background: #E1A4A4;
	/* red */
}


.ui-layout-resizer-closed-hover {
	/* hover-color to 'slide open' */
	background: #EBD5AA;
}

.ui-layout-resizer-sliding {
	/* resizer when pane is 'slid open' */
	opacity: .10;
	/* show only a slight shadow */
	filter: alpha(opacity=10);
}

.ui-layout-resizer-sliding-hover {
	/* sliding resizer - hover */
	opacity: 1.00;
	/* on-hover, show the resizer-bar normally */
	filter: alpha(opacity=100);
}


/* sliding resizer - add 'outside-border' to resizer on-hover 
		 * this sample illustrates how to target specific panes and states */
.ui-layout-resizer-north-sliding-hover {
	border-bottom-width: 1px;
}


.ui-layout-resizer-south-sliding-hover {
	border-top-width: 1px;
}


.ui-layout-resizer-west-sliding-hover {
	border-right-width: 1px;
}


.ui-layout-resizer-east-sliding-hover {
	border-left-width: 1px;
}



/*
 *	TOGGLER-BUTTONS
 */
.ui-layout-toggler {
	border: 1px solid rgba(165, 165, 165, 0.15);
	/* match pane-border */
	background-color: rgba(165, 165, 165, 0.15);
}


.ui-layout-resizer-hover .ui-layout-toggler {
	opacity: .60;
	filter: alpha(opacity=60);
}


.ui-layout-toggler-hover, /* need when NOT resizable */
.ui-layout-resizer-hover .ui-layout-toggler-hover {
	/* need specificity when IS resizable */
	background-color: rgba(165, 165, 165, 0.8);
	opacity: 1.00;
	filter: alpha(opacity=100);
}


.ui-layout-toggler-north,
.ui-layout-toggler-south {
	border-width: 0 1px;
	/* left/right borders */
}


.ui-layout-toggler-west,
.ui-layout-toggler-east {
	border-width: 1px 0;
	/* top/bottom borders */
}


/* hide the toggler-button when the pane is 'slid open' */
.ui-layout-resizer-sliding .ui-layout-toggler {
	display: none;
}


/*
	 *	style the text we put INSIDE the togglers
	 */
.ui-layout-toggler .content {
	color: #666;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
	padding-bottom: 0.35ex;
	/* to 'vertically center' text inside text-span */
}

/* Default styles for northwest/southwest regions for QuadPanelTemplate */
.northwest-container {
	position:relative;
	height:calc(100% - 100px);
}
.southwest-container {
	position:relative;
	height:100px;
	border-top:2px solid white;
}

.navbar-brand {
	padding: 0 0;
	text-transform: uppercase;
	font-size: 25px;
	font-weight:bold;
}

.navbar-default .navbar-brand {
color:#EDEDED;
}
.uppercase{
		text-transform: uppercase;
}
/* buttons customized styling */
.btn-group {
	padding-bottom: 5px;
}
.btn-select { 		/* this class styles a button to look like a select input: useful for dropdown menus in forms */
	width:100%;
	text-align:left;
	background:#fff;
	color:#333;
	padding: 6px 12px;
	border-radius: 6px;
	position:relative;
	overflow:hidden;
}	
.btn-select i.fa {
	position:absolute;
	top: 6px;
	right: 6px;
}

/*This will modify the existing bootstrap style to basically make the modal dialog boxes wider.
	Therefore the bvStyles sheet needs to be applied after the bootstrap sheets. */
@media (min-width: 768px) {
	.modal-dialog {
		width: 70%;
		margin: 30px auto;
		z-index:1050;
	}
}

.wrapper {
	min-height: 100%;
	width: 100%;
	position: relative;
	background-color: Black;
	display: inline-block;
}

.sidebar {
	width: 20%;
	top: 0px;
	left: 0px;
	bottom: 0px;
	position: absolute;
	background-color: Aqua;
}

.content {
	min-height: 500px;
	width: 80%;
	position: relative;
	background-color: Gray;
	float: right;
}

.sizer.content {
	min-height: 200px;
	float: none;
}


div.padded {
	padding-top: .5em;
	padding-bottom: .5em;
}

.bvUser {
	background-image: url('BV.jpg');
	height: 25px;
	width: 25px;
	background-position-x: 0;
	background-position-y: 0;
	background-repeat: no-repeat;
}
/* Asset Tree + Ad Hoc Tree Styles */
#panewest .transparent-panel-heading {
	white-space:nowrap;
	font-size:0.8em;
}
.assetTreeNode {
	padding-left:14px;
	margin-left:3px;
	margin-right: 0;
	border-left: 1px solid rgba(165, 165, 165, 0.1);
	white-space: nowrap;
	position:relative;
	font-size:17px;
	line-height:1.35;
}
.treeList > .assetTreeNode, .assetTreeBody > div > .assetTreeNode {
	padding-left:2px;
	border-left:none;
}
	.assetTreeNode .fa-caret-right {
		display: inline-block;
		vertical-align: middle;
		font-size:18px;
		color:#ccc
	}
	.assetTreeNode .fa-rotate-45-right, .assetTreeNode .fa-circle-o-notch {
		color:#fff;
	}
	.assetTreeNode a {
		color:#efefef;
	}
	.assetDropdownNodeActive {
		color:black;
	}
	.assetDropdownNodeInactive{
		color:darkgray;
	}

	.AdhocTree .treeWithAutoComplete { 
		height:calc(100% - 80px); 
		width:100%; 
		overflow:auto; 
		margin-top:5px;
	}  
	.AdhocTree .treeNoAutoComplete { 
		height:calc(100% - 45px); 
		width:100%;
		overflow:auto; 
	} 
	.AdhocTree div.treeNoAutoComplete.treeEditMode {
		height:calc(100% - 82px); 
	}
	.treeMenu{
		position:absolute;
		width:100px;
		background-color:black;
		border:1px solid white;
	}
	.treeMenu button {
		width:100%;
	}
	.adhoc-mode-controls .dropdown {
		width:calc(100% - 75px);
		padding-right:6px;
		margin-bottom:5px;
	}
	.touchevents .adhoc-mode-controls .dropdown {
		width:calc(100% - 90px) !important;
	}
	.adhoc-mode-controls .btn-select {
		padding:4px 12px;
	}
	.adhoc-mode-controls .btn-sm {
		padding:7px 10px;
		font-size:14px;
	}
	.adhocReadOnly {
		width:100% !important;
	}

.assetTreeButtons {
	position:absolute;
	right:0;
	top:0;
    color:white;
    border-radius:3px;
	display:none;
}
.assetTreeNode > div:hover > div.assetTreeButtons, .TreeName:hover > div.assetTreeButtons {
	display:block;
	background-color:rgba(52, 56, 60, 0.9);
	height:23px;
}
.assetTreeNode > div.selectedAsset:hover > div.assetTreeButtons {
	background-color:rgba(75, 78, 81, 0.9);
}

.assetTreeButtons i {
	margin: 2px 3px 3px 0;
}
.assetTreeButtons i:first-child {
	margin: 2px 3px 3px 10px;
}

/*Sensor Tree Styles*/
	.assetTreeBody {
		position: absolute;
		top: 39px;
		bottom: 0;
		left: 0;
		right: 0;
		overflow-y: auto;
		margin: 5px 8px;
		background-color: transparent;
	}
	.draggableAsset {
		cursor: default;
		background-color: rgba(0,0,0,.5);
		color: white;
		border: 1px solid #000000;
		margin-top:-1px;
		margin-bottom:-1px;
		margin-left:-1px;
		white-space: nowrap;
	}
		.draggableAsset:hover {
			background-color: rgba(0,0,0,.5);
		}
		.draggableAssetParent .draggableAsset{
			background-color: transparent;
			border: 0 none #000000;
		}
		.draggableAssetParent .draggableAsset:hover{
			background-color: #000000;
			border: 0 none #000000;
		}

	.draggableAssetParent {
		margin-left:3px;
		margin-right: 0;
		border-left: 1px solid rgba(165, 165, 165, 0.1);
	}
	.sensorGroup {
		padding-left: 12px;
		margin-left: 10px;
		margin-right: 0;
		border-left: 1px solid rgba(165, 165, 165, 0.1);
	}
	.noTagSensor {
		color: #ffffff;
		height: 0;
		overflow: hidden;
	}

/* touch styles for Asset Nav */
.touchevents .assetTreeNode {
	line-height:1.8em;
}
.touchevents .assetTreeNode .fa-caret-right {
	font-size: 1.5em;
}
.touchevents .assetTreeButtons { 
	/* font-size: 1.3em; */
}

.touchevents .fa-button {
	font-size: 1.3em;
}

.touchevents .assetTreeButtons .fa-button {
	padding:0 3px;
}
/* touch styles for UI Grid */
.touchevents .ui-grid-cell-contents .fa-button {
    font-size:1.3em;
    margin-right:5px;
}
.touchevents [ngf-drop] {
	display:none;
}
.touchevents .bvCarousel[ngf-drop], .touchevents .myGrid[ngf-drop] {
    display:block;
}

/*
	This technique will allow you to put stuff before and after the text in
	a dropdown option.  But it only works in Firefox or Chrome.  Not in IE.  
	.assetDropdownNode:after {
	content: " ";
	height: 5px;
	width: 5px;
	background: #c00;
	border-radius: 5px;
	display: inline-block;
}*/

.box {
	-o-text-overflow: ellipsis; /* Opera */
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis; /* IE, Safari (WebKit) */
	overflow: hidden; /* don't show excess chars */
	white-space: nowrap; /* force single line */
	width: 250px; /* fixed width */
}

.selectedAsset {
	/*color:#fff;
	font-weight:bold;*/
	background-color: rgba(165, 165, 165, 0.2);
	padding: 1px;
	margin: 0;
	padding-left: 1px;
	border-radius: 5px;
}

.selectedAssociatedAsset {
	background-color: transparent;
	padding: 0px;
}

.selectedAssociatedAsset a{
	color: rgb(170, 170, 170);
	cursor: default;
	text-decoration: none;
}

.tooltip-inner {
	background-color: rgba(0, 0, 0, 0.98);
}

.assetInfoButton {
	color: black;
}

.assetInfoButtonSelected {
	color: green;
}

.assetInfoSection {
	margin-left: 1em;
	margin-right: 1em;
}

/* Panel customized styling*/
.panel {
	margin-top: 4px;
	margin-bottom: 4px;
	border-radius: 6px;
	background: url(bgalumdark2.png);
	background-repeat: repeat;
	margin-left: 0;
	margin-right: 0;
	border-color: rgba(85, 85, 85, 0.80);
}

.panel-heading {
	padding: 0 0 0 6px;
	border-color: #414141;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: white;
	font-weight:bold;
	cursor:default;
	/* font-weight:bold;
	background-color:rgba(0, 0, 0, 0.55);
	background: -moz-linear-gradient(top, #414141, #1f1f1f 50%, #080808 51%, #0e0e0e); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #414141), color-stop(.5, #1f1f1f), color-stop(.5, #080808), to(#0e0e0e));  

	background: rgba(0, 6, 9, 0.55); */
	background-color: #282828;
	/* border: 1px solid #7d7c7c; 
	 border-top: 1px solid #888; */
	/*text-shadow: 1px 1px 1px #414141; 
	 -moz-box-shadow: 0 1px 3px #414141; 
	 -webkit-box-shadow: 0 1px 3px #414141; */
}



.panel-body, panel-default {
	padding-top: 10px;
	padding-bottom: 10px;
	padding: 10px;
	color: black;
}

.panel-heading, panel-default {
	border-radius: 5px 5px 0 0;
}

.panel-footer {
	padding: 2px 6px;
	border-color: #414141;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: white;
	font-size: 12px;
	background-color: #282828;
}

.panel-title {
	font-size: 14px;
	/* font-weight:bold;*/
}


.container-fluid {
	padding-top: 0;
}

/* Table styling*/
.table {
	color: black;
	background-color: rgba(241,241,241,1);
	border-radius: 5px 5px 5px 5px;
	border-width: 0px 0px 0px 0px;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
	background-color: #CCCCCC;
}

.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: 8px;
	line-height: 1.2;
	/*vertical-align: top;*/
	border-top: 1px solid #BBBBBB;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
	background-color: #c9c9c9;
}

.table-striped.table-hover > tbody > tr:hover > td,
.table-striped.table-hover > tbody > tr:hover > th {
	background-color: #aaaaaa;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
	background-color: #414141;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #CCCCCC;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
	background-color: #414141;
}

.table-header {
	color: rgb(54, 58, 62);
	/*background: rgb(54,58,62);*/ /* Old browsers */
	/*background: -moz-linear-gradient(top,  rgba(173,173,173,1) 0%, rgba(173,173,173,1) 50%, rgba(160,160,160,1) 65%, rgba(160,160,160,1) 100%);*/ /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(173,173,173,1)), color-stop(50%,rgba(173,173,173,1)), color-stop(65%,rgba(160,160,160,1)), color-stop(100%,rgba(160,160,160,1)));*/ /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  rgba(173,173,173,1) 0%,rgba(173,173,173,1) 50%,rgba(160,160,160,1) 65%,rgba(160,160,160,1) 100%);*/ /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top,  rgba(173,173,173,1) 0%,rgba(173,173,173,1) 50%,rgba(160,160,160,1) 65%,rgba(160,160,160,1) 100%);*/ /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  rgba(173,173,173,1) 0%,rgba(173,173,173,1) 50%,rgba(160,160,160,1) 65%,rgba(160,160,160,1) 100%);*/ /* IE10+ */
	/*background: linear-gradient(to bottom,  rgba(173,173,173,1) 0%,rgba(173,173,173,1) 50%,rgba(160,160,160,1) 65%,rgba(160,160,160,1) 100%);*/ /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adadad', endColorstr='#a0a0a0',GradientType=0 );*/ /* IE6-9 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 60%, rgba(225,225,225,1) 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(60%,rgba(241,241,241,1)), color-stop(90%,rgba(225,225,225,1)) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 60%,rgba(225,225,225,1) 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 60%,rgba(225,225,225,1) 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 60%,rgba(225,225,225,1) 90%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 60%,rgba(225,225,225,1) 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

table.childRow {
	width:100%;
	margin-bottom:10px;
	background-color:#d8d6d6;
}
table.childRow td {
	padding:10px 5px;
}
.childRowShading {
	background-color:#d8d6d6;
}

.table tfoot > tr {
	background-color:#dedede;
}

.tagTable {
	table-layout: fixed;
	font-size: 12px;
	margin-bottom:0;
}
	.tagTable td {
		overflow: hidden;
	}
		.tagTable td input {
			width: 100%;
		}
	.tagTable th {
		border-right: solid; 
		border-right-width: 1px; 
		border-right-color: #939393; 
		color: black;
		text-align: center;
		text-transform: uppercase;
	}
.colSmall {
	width: 90px;
}
.tagHeader {
	height: 47px;
	width:100%;
	min-width:450px;
}
.tagBody {
	height:calc(100% - 47px);
	overflow-x: hidden;
	overflow-y: auto;
	width:100%;
	min-width:450px;
}
.tagCell {
	border:none !important;
}
	.tagCell a {
		color: black;
	}
.draggableTag {
	cursor: default;
}
	.draggableTag:hover {
		background-color: rgba(0,0,0,.5);
		/*color: white;*/
	}
tr.draggableTag {
	border: 1px solid #000000;
	background-color: rgba(0, 0, 0, 0.75);
	color: white;
}
table tr.draggableTag {
	border: 0 solid black;
	background-color: white;
	color: black;
}
table tr.selectedTag {
	background-color: yellow !important;
}
	table tr.selectedTag:hover {
		color: black;
		background-color: #d3f205 !important;
	}
	table tr.selectedTag td {
		background-color: inherit !important;
	}

#CEChartContainer table, bv-asset-chart table {
	background-color:unset;
}

/* Well customized styling*/
.well {
	margin-top: 6px;
	margin-bottom: 6px;
	color:#ededed;
}
.well hr {
	border-color: #444;
}

.table-info {
	background-color: blueviolet;
}

.tr {
	font-size: 11px;
	border-width: 0px 0px 0px 0px;
}
/* wcOverlay directive CSS styles */
.overlayContainer {
	display: none;
}

.overlayBackground {
	top: 0;
	left: 0;
	padding-left: 100px;
	position: absolute;
	z-index: 1000;
	height: 100%;
	width: 100%;
	background-color: #808080;
	opacity: 0.3;
}

.overlayContent {
	position: absolute;
	font-weight: bold;
	height: 100px;
	width: 300px;
	z-index: 1000;
	text-align: center;
}

.preventPhones {
    display:none; 
}

.fa-rotate-45-left:before {
	display: block;
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.fa-rotate-45-right:before {
	display: block;
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.fa-hidden {
	visibility: hidden;
}

.fa-button {
	cursor: pointer;
}

	.fa-button:hover {
		color: white;
	}


.modal-content{
	background-color:#272727;
	border: 1px solid #3a3f44;
	border-radius: 8px;
}
	.modal-content .container-fluid {
		/*height: 600px; 
		overflow: auto; */
		background-color: #3a3f44;
	}
	.modal-content > .panel {
		margin:0;
	}

.modal-content .import-modal {
	border-radius: 7px;
	height:inherit;
}
.import-modal .head, .import-modal .foot {
	height: 35px;
	padding:5px 10px; 
	background-color: black;
	margin-left:-15px;
	margin-right:-15px;
}

.import-modal > .row {
	margin:10px 0;
}

.modal-header .close {
    color: #fff;
    opacity: 0.4;
}
/* only for dark modals */
/*.modal-content label {   
    color: #ccc;
    font-size: 0.9em;
    font-weight: normal;
}*/

#ScenarioPopup .scenarioList {
	height:420px;
	margin-top:10px;
	margin-bottom:10px;
	overflow:auto;
}
.scenarioList .table {
	margin-bottom:0
}

.asset-view {
	height: 100%;
	width: 100%;
}

.selected-view {
	background-color: yellow;
}

.main-view {
	height: -moz-calc(100% - 38px);
	height: -webkit-calc(100% - 38px);
	height: calc(100% - 38px);
	width: 100%;
}


.scorecard {
	width: 100%;
	height: 75px;
}

.scorecard-column {
	vertical-align: top;
	display: inline-block;
	margin: 0 2px 0 2px;
	width: 75px;
}

.scorecard-column-selected {
	background-color: white;
	border: 1px solid red;
	color: black;
	font-weight: bold;
}

.scorecard-low {
	margin-left: auto;
	margin-right: auto;
	background-size: contain;
	background-image: url('StoplightGreen.png');
	background-repeat:no-repeat;
	background-position:center;
}

.scorecard-med {
	margin-left: auto;
	margin-right: auto;
	background-size: contain;
	background-image: url('StoplightYellow.png');
	background-repeat:no-repeat;
	background-position:center;
}

.scorecard-high {
	margin-left: auto;
	margin-right: auto;
	background-size: contain;
	background-image: url('StoplightRed.png');
	background-repeat:no-repeat;
	background-position:center;
}

.scorecard-none {
	margin-left: auto;
	margin-right: auto;
	background-size: contain;
	background-image: url('StoplightTransparent.png');
	background-repeat:no-repeat;
	background-position:center;
}

.scorecard-rowtitle {
	height: 75px;
	font-weight: bold;
	padding-top: 25px;
}

.scorecard-columntitle {
	text-align: center;
	height: 25px;
	font-weight: bold;
}

.scorecard-details {
	display: inline-block;
	vertical-align: top;
}

	.scorecard-details .section-header {
		text-align: center;
		font-size: large;
	}

.scorecard-detailbox {
	display: inline-block;
	width: 100px;
}

	.scorecard-detailbox .title {
	}

	.scorecard-detailbox .value {
		margin-left: 15px;
	}

.scorecardSummaryRow .colHeader {
	color: #ebebeb;
}

.perf-issues-heading {
	text-align: center;
	font-size: large;
}

.perf-issues-table-container {
	display: inline-block;
	width: 48%;
	vertical-align: top;
}

	.perf-issues-table-container table {
		width: 100%;
	}

	.perf-issues-table-container th, .perf-issues-table-container td {
		width: 22%;
		text-align: center;
	}

	.perf-issues-table-container table thead tr {
		/*border-bottom:1px solid lightgray;*/
	}

.range-left {
	width: 55px;
	height: 100px;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	text-align: right;
}

.range-right {
	width: 55px;
	height: 100px;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	float: left;
}

.range-container {
	width: -moz-calc(100% - 108px);
	width: -webkit-calc(100% - 108px);
	width: calc(100% - 108px);
	display: inline-block;
	margin: 0;
	vertical-align: top;
}

.range-button {
	width: 45px;
	color: black;
	text-align: center;
}

.sync-context-menu {
	background-color: transparent;
	color: black;
}

.bottom-panel {
	height: -moz-calc(100% - 308px);
	height: -webkit-calc(100% - 308px);
	height: calc(100% - 308px);
}

.solar-plant-selected-asset {
	position: absolute;
	background-color: white;
	opacity: 1;
	color: black;
	text-align: center;
	font-size: x-small;
	font-weight: bold;
	min-width: 175px;
	border: 1px solid black;
	z-index: 100;
}

.solar-plant-unselected-asset {
	position: absolute;
	background-color: #c0b5b5;
	opacity: .8;
	color: black;
	text-align: center;
	font-size: x-small;
	font-weight: bold;
	min-width: 100px;
	border: 1px solid black;
	z-index: 2;
}

.bv-data-grid {
}

	.bv-data-grid .e-gridheader {
		color: black;
	}

	.bv-data-grid .e-gridcontent .e-table tr {
		background: none repeat scroll 0 0 #000000;
		color: white;
	}

		.bv-data-grid .e-gridcontent .e-table tr .e-alt_row {
			background: none repeat scroll 0 0 #000000;
			color: white;
		}
.ui-grid {
	border:1px solid #575757 !important;
	background-color:rgba(255,255,255,0.8);
}
.ui-grid-contents-wrapper {
	color:#333;
}
div.ui-grid-cell input[type="checkbox"] {
	margin-top: 2px;
}
.ui-grid .ui-grid-filter-input::-ms-clear {
	display: none;
}
.ui-grid .ui-grid-cell-contents.tagging-cell {
	padding:1px;
}
.ui-grid .ui-grid-date-input {
	font-size:14px;
}
.ui-grid .btn-view {
	padding: 1px 10px !important;
}

/* .altTable UI-Grid styles */
/* A lighter colored ui-grid with gray headers and dotted borders between table cells. Good for Spark Charts. */

.altTable .ui-grid {
  border: 1px solid #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.altTable .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #ffffff;
}
.altTable .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #ffffff;
}
.altTable .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
  background-color: #ffffff;
}
.altTable .ui-grid-top-panel-background {
  background: #000000;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e5e5e5), color-stop(1, #e5e5e5));
  background: -ms-linear-gradient(bottom, #e5e5e5, #e5e5e5);
  background: -moz-linear-gradient(center bottom, #e5e5e5 0%, #e5e5e5 100%);
  background: -o-linear-gradient(#f8f8f8, #f8f8f8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#e5e5e5', GradientType=0);
}

.altTable .ui-grid-top-panel {
  background: #000000;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e5e5e5), color-stop(1, #e5e5e5));
  background: -ms-linear-gradient(bottom, #e5e5e5, #e5e5e5);
  background: -moz-linear-gradient(center bottom, #e5e5e5 0%, #e5e5e5 100%);
  background: -o-linear-gradient(#f8f8f8, #f8f8f8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#e5e5e5', GradientType=0);
  -webkit-border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.altTable .ui-grid-header-cell {
  border-color: #ffffff;
}
.altTable .ui-grid-column-menu-button {
    display:none;
}
.altTable input[type="text"].ui-grid-filter-input {
  border: 1px solid #ffffff;
}
.altTable input[type="text"].ui-grid-filter-input:hover {
  border: 1px solid #ffffff;
}
.altTable select.ui-grid-filter-select {
  border: 1px solid #ffffff;
}
.altTable select.ui-grid-filter-select:hover {
  border: 1px solid #ffffff;
}
.altTable .ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #fff;
}
.altTable .ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #fcfcfc;
}
.altTable .ui-grid-row:last-child .ui-grid-cell {
  border-bottom-color: #ffffff;
  border-bottom-style: solid;
}
.altTable .ui-grid-no-row-overlay {
  background: #000000;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f8f8f8), color-stop(1, #f8f8f8));
  background: -ms-linear-gradient(bottom, #f8f8f8, #f8f8f8);
  background: -moz-linear-gradient(center bottom, #f8f8f8 0%, #f8f8f8 100%);
  background: -o-linear-gradient(#f8f8f8, #f8f8f8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f8f8f8', GradientType=0);
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  border: 1px solid #ffffff;
}
.altTable .ui-grid-cell {	
  border-color: #ffffff;
  border-bottom: 1px dotted #CCC;
  border-right: 1px dotted #CCC;
}
.altTable .ui-grid-cell-contents {
  font-size: .8em;
  padding: 10px;
}
.altTable .ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
  border-bottom: solid 1px #ffffff;
}
.altTable .ui-grid-footer-panel-background {
  background: #000000;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f8f8f8), color-stop(1, #f8f8f8));
  background: -ms-linear-gradient(bottom, #f8f8f8, #f8f8f8);
  background: -moz-linear-gradient(center bottom, #f8f8f8 0%, #f8f8f8 100%);
  background: -o-linear-gradient(#f8f8f8, #f8f8f8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f8f8f8', GradientType=0);
}
.altTable .ui-grid-footer-panel {
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  background: #000000;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f8f8f8), color-stop(1, #f8f8f8));
  background: -ms-linear-gradient(bottom, #f8f8f8, #f8f8f8);
  background: -moz-linear-gradient(center bottom, #f8f8f8 0%, #f8f8f8 100%);
  background: -o-linear-gradient(#f8f8f8, #f8f8f8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f8f8f8', GradientType=0);
}
.altTable .ui-grid-footer-cell {
  border-color: #ffffff;
}
.altTable input[type="text"].ui-grid-filter-input {
  border: 1px solid #ffffff;
}
.altTable input[type="text"].ui-grid-filter-input:hover {
  border: 1px solid #ffffff;
}
.altTable .ui-grid-menu-button {
  background: #000000;
  border: 1px solid #ffffff;
}
.altTable .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
  border: 1px solid #ffffff;
}
.altTable .ui-grid-menu .ui-grid-menu-inner {
  background: #000000;
  border: 1px solid #ffffff;
}
.altTable .ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > button {
  border-bottom: 1px solid #ffffff;
}
.altTable .ui-grid[dir=rtl] .ui-grid-cell:last-child,
.altTable .ui-grid[dir=rtl] .ui-grid-header-cell:last-child {
  border-right: 1px solid #ffffff;
}
.altTable .ui-grid[dir=rtl] .ui-grid-menu-button {
  background: #000000;
  border: 1px solid #ffffff;
}
/* End alt table styles*/

/* List view table */
#assetlistgridcontainer {
	font-size:16px;
}

.form-invalid {
	border: 2px solid red;
}

.asset-box {
	color: white;
	height: 50px;
	border: 1px solid black;
	border-radius: 3px;
	padding: 3px;
	background-color: darkblue;
	margin: 5px;
}

	.asset-box:hover {
		background-color: lightblue;
		color: black;
	}

/*Support for angular ng-cloak, taken from https://docs.angularjs.org/api/ng/directive/ngCloak*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}

.line-legend {
	margin-top: 3px;
	height: 10px;
	width: 10px;
	display: inline-block;
	float: left;
}

.line-text {
	white-space: nowrap;
	font-size: 14px;
	display: inline-block;
	overflow: hidden;
	width: calc(100%-12px);
	margin-left:3px;
}

.bg-primary {
	color: #fff;
	background-color: #7a8288;
}

a.bg-primary:hover {
	background-color: #62686d;
}

.bg-success {
	background-color: white;
}

a.bg-success:hover {
	background-color: rgba(241,241,241,1);
}

.bg-info {
	background-color: #5bc0de;
}

a.bg-info:hover {
	background-color: #31b0d5;
}

.bg-warning {
	background-color: #f89406;
}

a.bg-warning:hover {
	background-color: #c67605;
}

.bg-danger {
	background-color: #ee5f5b;
}

a.bg-danger:focus {
	background-color: #e9322d;
}

.btn-default:active {
	background-color: #dedede;
	background-image: linear-gradient(-180deg, #919599 0%, #474C53 100%);
	color: #FFF;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
	color:#FFF;
}

.btn-custom {
	background-color: hsl(0, 0%, 19%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#636363", endColorstr="#303030");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#636363), to(#303030));
	background-image: -moz-linear-gradient(top, #636363, #303030);
	background-image: -ms-linear-gradient(top, #636363, #303030);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #636363), color-stop(100%, #303030));
	background-image: -webkit-linear-gradient(top, #636363, #303030);
	background-image: -o-linear-gradient(top, #636363, #303030);
	background-image: linear-gradient(#636363, #303030);
	border-color: #303030 #303030 hsl(0, 0%, 14%);
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
	-webkit-font-smoothing: antialiased;
	outline-color: white;
}

	.btn-custom:focus {
		background-color: hsl(0, 0%, 79%) !important;
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#134134134", endColorstr="#c9c9c9");
		background-image: -khtml-gradient(linear, left top, left bottom, from(#343434), to(#c9c9c9));
		background-image: -moz-linear-gradient(top, #343434, #c9c9c9);
		background-image: -ms-linear-gradient(top, #343434, #c9c9c9);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(100%, #c9c9c9));
		background-image: -webkit-linear-gradient(top, #343434, #c9c9c9);
		background-image: -o-linear-gradient(top, #343434, #c9c9c9);
		background-image: linear-gradient(#343434, #c9c9c9);
		border-color: #c9c9c9 #c9c9c9 hsl(0, 0%, 68.5%);
		color: #333 !important;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.69);
		-webkit-font-smoothing: antialiased;
	}

.btn-success {
	color: #414141;
	background-color: white;
	border-color: #414141;
}

	.btn-success:hover,
	.btn-success:focus,
	.btn-success:active,
	.btn-success.active,
	.open .dropdown-toggle.btn-success {
		color: #414141;
		background-color: white;
		/*border-color: rgb(241,241,241);*/
		background-image:none;
	}

	.btn-success:active,
	.btn-success.active,
	.open .dropdown-toggle.btn-success {
		background-image: none;
	}

	.btn-success.disabled,
	.btn-success[disabled],
	fieldset[disabled] .btn-success,
	.btn-success.disabled:hover,
	.btn-success[disabled]:hover,
	fieldset[disabled] .btn-success:hover,
	.btn-success.disabled:focus,
	.btn-success[disabled]:focus,
	fieldset[disabled] .btn-success:focus,
	.btn-success.disabled:active,
	.btn-success[disabled]:active,
	fieldset[disabled] .btn-success:active,
	.btn-success.disabled.active,
	.btn-success[disabled].active,
	fieldset[disabled] .btn-success.active {
		color: #414141;
		background-color: white;
		border-color: black;
	}

.btn-success {
	background-image: -webkit-linear-gradient(white, rgba(165, 165, 165, 0.075) 60%, rgba(225,225,225,1));
	background-image: linear-gradient(white, rgba(241,241,241,1) 60%, rgba(241,241,241,1));
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff78cc78', endColorstr='#ff53be53', GradientType=0);
	filter: none;
	color: #414141;
}
/* Christmas is Cancelled. */
	/*.btn-success:hover {
		background-repeat: no-repeat;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f7d2f', endColorstr='#ff3da23d', GradientType=0);
		filter: none;
		border-color: #414141;
		color: red;
	}*/

.btn-group-sm > .btn {
	font-size: 17px;
}

.btn {
	text-shadow: none;
}

.well-inverse-bv {
	background-color: white;
	border-color: rgba(241,241,241,1);
	margin-top: 0px;
	height: 160px;
}

.progress-bar {
	width: 100%;
}

.responsive-container-upper-240px {
	height: 220px;
}
.responsive-container-upper-100px {
	height: 90px;
 }

.responsive-container-upper2 {
	height: 265px;
}

.responsive-container {
	min-height: 100%;
	min-height: -webkit-calc(100% - 220px);
	min-height: -moz-calc(100% - 220px);
	min-height: calc(100% - 220px);
	height: 100%;
	height: -webkit-calc(100% - 220px);
	height: -moz-calc(100% - 220px);
	height: calc(100% - 220px);
}

.responsive-container2 {
	min-height: 100%;
	min-height: -webkit-calc(100% - 265px);
	min-height: -moz-calc(100% - 265px);
	min-height: calc(100% - 265px);
	height: 100%;
	height: -webkit-calc(100% - 265px);
	height: -moz-calc(100% - 265px);
	height: calc(100% - 265px);
}
.responsive-container-lower-100px {
	min-height: 100%;
	min-height: -webkit-calc(100% - 100px);
	min-height: -moz-calc(100% - 100px);
	min-height: calc(100% - 100px);
	height: 100%;
	height: -webkit-calc(100% - 100px);
	height: -moz-calc(100% - 100px);
	height: calc(100% - 100px);
 }
.responsive-container-MATS-SV {
	min-height: 100%;
	min-height: -webkit-calc(100% - 235px);
	min-height: -moz-calc(100% - 235px);
	min-height: calc(100% - 235px);
	height: 100%;
	height: -webkit-calc(100% - 235px);
	height: -moz-calc(100% - 235px);
	height: calc(100% - 235px);
}

.responsive-container-full {
	min-height: 100%;
	min-height: -webkit-calc(100%);
	min-height: -moz-calc(100%);
	min-height: calc(100%);
	height: 100%;
	height: -webkit-calc(100%);
	height: -moz-calc(100%);
	height: calc(100%);
}

.responsive-row {
	height: 100%;
	min-height: 100%;
	overflow-y: auto;
}

.responsive-row-full {
	min-height: 100%;
	min-height: -webkit-calc(100% - 235px);
	min-height: -moz-calc(100% - 235px);
	min-height: calc(100% - 235px);
	height: 100%;
	height: -webkit-calc(100% - 235px);
	height: -moz-calc(100% - 235px);
	height: calc(100% - 235px);
	overflow-y: auto;
}

.responsive-col {
	height: 100%;
	padding: 0;
	margin: 0;
}
.responsive-item {
	height: 100%;
}
.responsive-item-gauge-directive{
	height: 100%;
	vertical-align:top;
}
.gaugeTitle{
	font-weight:bold;
	font-size:18px;
	height:18px;
	text-align:center;
}

.gaugeValue {
	font-size:24px;
	height:24px;
	color:white; 
}

.gaugeUnits {
	font-size:18px;
	height:18px;
	color:lightgray; 
}

.responsive-panel {
	padding: 0;
	margin: 0;
	padding-bottom: 25px;
	min-height: 300px;
	min-height: -webkit-calc(300px - 10px);
	min-height: -moz-calc(300px - 10px);
	min-height: calc(300px - 10px);
	height: 100%;
	height: -webkit-calc(100% - 10px);
	height: -moz-calc(100% - 10px);
	height: calc(100% - 10px);
}

.responsive-panel-MATS-SV {
	padding-bottom: 25px;
	min-height: 300px;
	height: 100%;
	height: -webkit-calc(100% - 325px);
	height: -moz-calc(100% - 325px);
	height: calc(100% - 325px);
}

.darkTableHeader {
			background-color: #606060;
			color: white;
			border-color: #606060;
			padding-top: 0;
			padding-bottom: 0;
			margin: 0;
		}

.darkTableHeaderCell {
    background-color: #606060 !important;
    border-right: solid;
    border-right-width: 1px;
    border-right-color: #939393;
    font-weight: bold;
    white-space:nowrap;
}
.headerRow
{
	text-transform:uppercase;
} 
.issueTable {
	display: table;
	table-layout: fixed;
	padding: 10px;
	cursor: default;
}

	.issueTable td {
		overflow: hidden;
	}

	.issueTable col {
		white-space: nowrap;
		overflow: hidden;
		-ms-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
	} 

.selectedIssueRow, .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
    background-color: rgb(52, 56, 60);
    color: #ffffff;
	}
	
.modelsContainer .issueTable td {
	white-space: nowrap;
}

.progressTable, .sparkTable {
	margin-bottom:0;
}
.sparkTable td.spark {
	width:80px;
}

.progressTable tbody td.progress {
	width:80px;
	position:relative;
	height:20px;
	background-color:#eee;
	border-left:1px solid #ccc;
	text-align:center;
	padding:0; 
	border-radius:0;
	}
.progressTable td.progress span {
	left: 0;
	position: absolute;
	top: 2px;
	width: 100%;
	font-size:.85em;
	color:#444;

	}      
.progressTable td.progress .progressBar {
	height:100%;
	background:#90C252;
	position:absolute;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}
.progressTable td.progress .progressBar.yellow {
	background:#f4c905;
}
.progressTable td.progress .progressBar.green {
	background:#90C252;
}
.progressTable td.progress .progressBar.red {
	background:#b9504b;
}
.chart-bv {
	border-radius: 5px;
	background-color: white;
	padding: 0;
	width: 100%;
	height: 80%;
	min-height: 100%;
}

.panel .chart-bv .highcharts-loading {
	color:black;
	max-height: 100%;
	max-width: 100%;

}

.chart-bv .highcharts-contextmenu .highcharts-menu-item {
	padding-top: 0.2em !important;
	padding-bottom: 0.2em !important;
}
.chart-bv .highcharts-contextmenu hr {
	margin-top: inherit;
	margin-bottom: inherit;
}

.chart-warning {
	position: absolute;
	top: 150px;
	left:0;
	right:0;
	text-align:center;
}

	.chart-warning span {
		background-color: palegoldenrod;
		padding: 15px;
		border-radius: 5px;
		box-shadow:1px 1px 3px rgba(0, 0, 0, 0.4);
		line-height:3em;
		color: black;
	}

.btn-tool {
	padding: 2px 6px 1px 6px;
}

.no-padding {
	padding: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.no-margin {
	margin: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.no-border{
	border: 0; 
	border-radius: 0;
}
.responsive-img {
	display: block;
	max-width: 100%;
	height: auto;
}

.carousel-circle-controls {
	color: #414141;
	text-align: center;
}
/* GeoVis Styles */
.ragTabBody {
	color: white;
	overflow-y: auto;
	overflow-x: hidden;
	display: none;
	/*z-index: 500 !important;*/
}

/*MATS Lite/CSAPR styling */
.tableLabel {
	height: 25px;
	overflow: hidden;
}

.tableHeader {
	height: 38px;
	line-height: 1;
}

.unitsSpan {
	font-size: 10px;
}

.rowHeader {
	width: 75px;
}

.matsChart {
	color: black;
	background-color: #ffffff;
	border-radius: 5px;
}

.pipContainer {
	color: black;
}
.pipContainer span {
	padding:2px;
}
.column-button {
	line-height: 1;
	font-size: 17px;
}

.selected-button {
	color: #000000;
	background-color: #FFFFFF;
	border-color: #636363;
}

	.selected-button:hover,
	.selected-button:focus,
	.selected-button:active,
	.selected-button.active,
	.open .dropdown-toggle.selected-button {
		color: #000000;
		background-color: #E8E8E8;
		border-color: #636363;
	}

	.selected-button:active,
	.selected-button.active,
	.open .dropdown-toggle.selected-button {
		background-image: none;
	}

	.selected-button.disabled,
	.selected-button[disabled],
	fieldset[disabled] .selected-button,
	.selected-button.disabled:hover,
	.selected-button[disabled]:hover,
	fieldset[disabled] .selected-button:hover,
	.selected-button.disabled:focus,
	.selected-button[disabled]:focus,
	fieldset[disabled] .selected-button:focus,
	.selected-button.disabled:active,
	.selected-button[disabled]:active,
	fieldset[disabled] .selected-button:active,
	.selected-button.disabled.active,
	.selected-button[disabled].active,
	fieldset[disabled] .selected-button.active {
		background-color: #FFFFFF;
		border-color: #E3E3E3;
	}

	.selected-button .badge {
		color: #FFFFFF;
		background-color: #000000;
	}

th {
	padding: 4px !important;
}

.tempStyle {
	color: #272b30;
	margin-left: 5px;
	margin-right: 5px;
	font-size: x-large;
	text-align: center;
}

.windStyle {
	color: #272b30;
	font-size: smaller;
	text-align: center;
}

.dayStyle {
	color: #272b30;
	font-size: small;
	text-align: center;
}

.dateStyle {
	color: #272b30;
	font-size: large;
	text-align: center;
}

.powerStyle {
	color: #ff6a00;
	font-size: x-large;
	text-align: center;
}

.iconStyle {
	text-align: center;
	border-image-width: auto;
}

.currentWeatherStyle {
	color: black;
	text-align: left;
	font-size: small;
	margin-left: 16px;
	margin-right: 16px;
}

.currentWeatherStyleHeader {
	color: #808080;
	font-weight: bolder;
	text-align: center;
	font-size: medium;
	margin-left: 16px;
	margin-right: 16px;
}

.collapseExpandIcon {
	padding-right: 10px;
	padding-top: 8px;
}

.legend-text {
	font-size: 14px;
}

.dropdown-bv {
	padding: 2px 20px;
}

.tooltip-inner {
	max-width: 550px !important;
}

a.issue {
	color: black;
}

	a.issue:link {
		color: black;
	}

	a.issue:visited {
		color: #050505;
	}

.table-condensed > tbody > tr > td{
	padding-top: 0;
	padding-bottom: 0;
	padding-left:3px;
	padding-right:3px;
}
.table-condensed > thead > tr > td{
	padding-top: 0;
	padding-bottom: 0;
	padding-left:3px;
	padding-right:3px;
}

.issue-cell {
	padding-top: 0;
	padding-bottom: 0;
	padding-left:3px;
	padding-right:3px;
}
.monitor-grid {
	height: 250px;
	width: 600px;
	background-color: transparent;
	padding: 5px;
}

.monitor-col {
	text-align: center;
	font-size: larger;
}

.hasTooltip span {
	display: none;
	color: #ffffff;
	text-decoration: none;
	padding: 3px;
}

.hasTooltip:hover span {
	display: block;
	position: absolute;
	background-color: #000000;
	border: 1px solid #808080;
	border-radius: 4px;
	margin: 2px 10px;
}



ul.tagit {
	padding: 1px 5px;
	overflow: auto;
	margin-left: inherit; /* usually we don't want the regular ul margins. */
	margin-right: inherit;
}

	ul.tagit li {
		display: block;
		float: left;
		margin: 2px 5px 2px 0;
	}

		ul.tagit li.tagit-choice {
			position: relative;
			line-height: inherit;
		}

input.tagit-hidden-field {
	display: none;
}

ul.tagit li.tagit-choice-read-only {
	padding: .2em .5em .2em .5em;
}

ul.tagit li.tagit-choice-editable {
	padding: .2em 18px .2em .5em;
}

ul.tagit li.tagit-new {
	padding: .25em 4px .25em 0;
}

ul.tagit li.tagit-choice a.tagit-label {
	cursor: pointer;
	text-decoration: none;
}

ul.tagit li.tagit-choice .tagit-close {
	cursor: pointer;
	position: absolute;
	right: .1em;
	top: 50%;
	margin-top: -8px;
	line-height: 17px;
}

	/* used for some custom themes that don't need image icons */
	ul.tagit li.tagit-choice .tagit-close .text-icon {
		display: none;
	}

ul.tagit li.tagit-choice input {
	display: block;
	float: left;
	margin: 2px 5px 2px 0;
}

ul.tagit input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	margin: 0;
	padding: 0;
	width: inherit;
	background-color: inherit;
	outline: none;
}


/* Optional scoped theme for tag-it which mimics the zendesk widget. */


ul.tagit {
	border-style: solid;
	border-width: 1px;
	border-color: #C6C6C6;
	background: inherit;
}

	ul.tagit li.tagit-choice {
		-moz-border-radius: 6px;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		border: 1px solid #CAD8F3;
		background: none;
		background-color: #DEE7F8;
		font-weight: normal;
	}

		ul.tagit li.tagit-choice .tagit-label:not(a) {
			color: #555;
		}

		ul.tagit li.tagit-choice a.tagit-close {
			text-decoration: none;
		}

		ul.tagit li.tagit-choice .tagit-close {
			right: .4em;
		}

		ul.tagit li.tagit-choice .ui-icon {
			display: none;
		}

		ul.tagit li.tagit-choice .tagit-close .text-icon {
			display: inline;
			font-family: arial, sans-serif;
			font-size: 16px;
			line-height: 16px;
			color: #777;
		}

		ul.tagit li.tagit-choice:hover, ul.tagit li.tagit-choice.remove {
			background-color: #bbcef1;
			border-color: #6d95e0;
		}

		ul.tagit li.tagit-choice a.tagLabel:hover,
		ul.tagit li.tagit-choice a.tagit-close .text-icon:hover {
			color: #222;
		}

	ul.tagit input[type="text"] {
		color: #333333;
		background: none;
	}

.ui-widget {
	font-size: 1.1em;
}

/* Forked from a jQuery UI theme, so that we don't require the jQuery UI CSS as a dependency. */
.tagit-autocomplete.ui-autocomplete {
	position: absolute;
	cursor: default;
}

/** html .tagit-autocomplete.ui-autocomplete {
	width: 1px;
}*/
/* without this, the menu expands to 100% in IE6 */
.tagit-autocomplete.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	float: left;
}

	.tagit-autocomplete.ui-menu .ui-menu {
		margin-top: -3px;
	}

	.tagit-autocomplete.ui-menu .ui-menu-item {
		margin: 0;
		padding: 0;
		-ms-zoom: 1;
		zoom: 1;
		float: left;
		clear: left;
		width: 100%;
	}

		.tagit-autocomplete.ui-menu .ui-menu-item a {
			text-decoration: none;
			display: block;
			padding: .2em .4em;
			line-height: 1.5;
			-ms-zoom: 1;
			zoom: 1;
		}

			.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-hover,
			.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-active {
				font-weight: normal;
				margin: -1px;
			}

.tagit-autocomplete.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff 50% 50% repeat-x;
	color: #222222;
}

.tagit-autocomplete.ui-corner-all, .tagit-autocomplete .ui-corner-all {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.tagit-autocomplete .ui-state-hover, .tagit-autocomplete .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada;
	font-weight: normal;
	color: #212121;
}

.tagit-autocomplete .ui-state-active {
	border: 1px solid #aaaaaa;
}

.tagit-autocomplete .ui-widget-content {
	border: 1px solid #aaaaaa;
}

.tagit .ui-helper-hidden-accessible {
	position: absolute !important;
	clip: rect(1px,1px,1px,1px);
}

.redText {
	text-align:right;
	color:red;
}

.whiteText {
	text-align:right;
	color:white;
}


/*Show and hide app tray spacer will be applied to the div above the app tray, not the app tray itself.*/
.show-app-tray-spacer {
	margin-bottom: 55px;   
}

.hide-app-tray-spacer {
	margin-bottom: 5px;   
}

.app-tray-popup {
	overflow:hidden;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	padding:4px;
	position: absolute;
	height: 3px;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(39, 43, 48);
	opacity: .1;
	margin-right: 5px; 
	margin-left: 5px;
		
	-webkit-transition: height 0.5s, opacity 0.5s; 
	-moz-transition:height 0.5s, opacity 0.5s;
	-o-transition:height 0.5s, opacity 0.5s;
	transition: height 0.5s, opacity 0.5s; 
	
}

.app-tray-popup:hover {
	height: 50px !important; /* This is the height on hover */
	opacity:1 !important; 
}

.app-tray-popup-startup {
	height: 50px !important; /* This is the height on hover */
	opacity:1 !important; 
}

.app-tray-popup-pinned {
	height:50px;
	opacity:1;
	position:fixed;
}

.app-tray-pin-icon {
	float:right;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	width: 20px;
	height:20px;
}

.app-tray-container {
	width: 100%;
	height: 100%;
	text-align: center;
}

	.app-tray-container .app-tray {
	}

	.app-tray-container .app-tray-icon {
		display: inline-block;
		margin-left: 10px;
		margin-right: 10px;
	}

	.app-tray-container img {
		width: 40px;
		height: 40px;
	}

	.app-tray-container .app-tray-icon.app-tray-selected {
		border: 2px solid rgba(165, 165, 165, 0.2);
	}
	

#paneeast .attribute-tray-right-popup {
	border: 1px solid #575757;
	border-radius:5px;
}

.form-control {
height:28px;
font-size:14px;
padding:0 5px 0 5px; 
}

.input-sm {
	font-size:14px;
}

.spProjection {
	background: #C0C0C0;
	color: #1E1E1E;
	width: calc(100% - 10px);
	width: -moz-calc(100% - 10px);
	width: -webkit-calc(100% - 10px);
	border: 1px solid #DADADA;
	border-radius: 3px;
	margin: 5px;
	padding: 5px;
}

.isDisabled {
	opacity:.5;
	pointer-events:none; 
}

.input-group-addon{
	padding-top:0;
	padding-bottom:0;
	/*border-color: none;
	text-shadow:none;
	background-image: none;
	background-repeat: no-repeat;
	filter: none;
	color: #000000;
	font-weight:bold;
	height:28px;
	font-size:18px;
	
line-height: 1;

text-align: center;
background-color: rgba(0, 0, 0, 0.00);
border: none;
border-radius: 0;*/
}
.assetDropdownNodeInactive{
	color:black;
}

.ui-layout-toggler-west-open{
	background-image:url('../Content/SliderArrowLeft.png');
	background-repeat: no-repeat;
}
.ui-layout-toggler-west-closed{
	background-image:url('../Content/SliderArrowRight.png') /*../Content/SliderArrowRight.png*/;
	background-repeat: no-repeat;
}
.ui-layout-toggler-east-open{
	background-image:url('../Content/SliderArrowRight.png') /*../Content/SliderArrowRight.png*/;
	background-repeat: no-repeat;
}
.ui-layout-toggler-east-closed{
	background-image:url('../Content/SliderArrowLeft.png') /*../Content/SliderArrowLeft.png*/;
	background-repeat: no-repeat;
}
.ui-layout-toggler-south-open{
	background-image: url('../Content/SliderArrowDown.png');
	background-repeat: no-repeat;
}
.ui-layout-toggler-south-closed{
	background-image: url('../Content/SliderArrowUp.png');
	background-repeat: no-repeat;
}
.ui-layout-toggler-north-open{
	background-image:url('../Content/SliderArrowUp.png');
	background-repeat: no-repeat;
}
.ui-layout-toggler-north-closed{
	background-image: url('../Content/SliderArrowDown.png');
	background-repeat: no-repeat;
}

.icon-tag-group, 
.icon-tag, 
.icon-tag-linked, 
.icon-tag-linked-modeled, 
.icon-tag-modeled {
	background-repeat: no-repeat;
	display:inline-block;
	width:21px;
	height:21px;
	padding:0 0 0 10px;
	margin:0;
}

.icon-tag-group {
	background-image: url('icons/TagsIcon3.png');
	background-position:4px 4px;
	background-size:90%;
}
.icon-tag {
	background-image: url('icons/TagIcon3.png');
	background-position:4px 4px;
	background-size:90%;

}

.icon-tag-linked {
	background-image: url('icons/TagLinkedIcon3.png');
	background-position:1px 4px;
	background-size: 92%;
}

.icon-tag-linked-modeled {
	background-image: url('icons/TagLinkedModeledIcon3.png');
	background-position:center;
}

.icon-tag-modeled {
	background-image: url('icons/TagModeledIcon3.png');
	background-position:center;
}
.icon-folder {
	background-image: url('icons/FolderWhiteIcon.png');
	background-repeat: no-repeat;
	background-position:3px 7px;
	background-size:75%;
	display:inline-block;
	width:21px;
	height:21px;
	padding:0;
	margin:0;
}
.icon-folder-open {
	background-image: url('icons/FolderOpenWhiteIcon.png');
	background-repeat: no-repeat;
	background-position:3px 7px;
	display:inline-block;
	width:21px;
	height:21px;
	padding:0;
	margin:0;
}

.scorecardHeaderTitle{
	font-size:40px;
	font-weight:bold;
}

.scorecardHeaderSubTitle{
	font-size:large;
	font-weight:bold;
}

.grabbable {
	cursor:move;
	cursor:grab;
	cursor:-moz-grab;
	cursor:-webkit-grab;
}


.grabbable:active {
	cursor:grabbing;
	cursor:-moz-grabbing;
	cursor:-webkit-grabbing;
}

.move-horizonal {
	cursor:col-resize;
}

.show-label-on-hover {
	
}

.show-label-on-hover:hover {

}

.show-label-on-hover text{
	opacity:0;
}

.show-label-on-hover > g:hover + text{
	opacity:1;
}

.slider-section-text {
}

.slider-section-text:hover {
	font-weight:bold;
	text-decoration:underline;
}

		.chart-unpinned {
			width:100%;
			border-radius: 5px;
			background-color: white;
			padding: 0;
			height: 80%;
			min-height: 100%;
		}

		.chart-pinned {
			width:calc(100% - 400px);

		}

.stats-pane {		/*All stats panes*/
	bottom:0;
	overflow-x:hidden;
	overflow-y:auto;
}

.stats-flyout { 	/*chart stats only*/
	background-color:white;
	color:black;
	border:1px solid black;
	border-radius:7px;
	position:absolute;
	right:0;
	top:0;
	opacity:0;
	width:10px;
	-webkit-transition: width 0.5s, opacity 0.5s; 
	-moz-transition:width 0.5s, opacity 0.5s;
	-o-transition:width 0.5s, opacity 0.5s;
	transition: width 0.5s, opacity 0.5s; 
	
}
.stats-embed {		/*Asset Info tray stats only*/
	position: relative;
	opacity: 1;
	width: 280px;
	max-width: 100%;
	z-index: 1000;
}

.stats-flyout:hover, #trigger-tab:hover + .stats-flyout {
	width: 400px; /* This is the width on hover */
	max-width:100%;
	opacity:1; 
	z-index:1000;
}

#trigger-tab {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	margin-top:auto;
	margin-bottom:auto;
	opacity:1;

	width:30px;
	height:38px;
	border-top-left-radius:18px;
	border-bottom-left-radius:18px;
	background-image:url(bgalumdark2.png);
	
	text-align:center;
	font-size:.9em;
	box-shadow: -1px 2px 1px #666;
	padding:12px 0 0 5px;
	overflow:hidden;
}

	.stats-flyout-pinned {
		width: 400px; /* This is the width on hover */	
		opacity:1; 
		z-index:10;
	}

	.stats-pane .stats-flyout-header {
		width:100%;
	}

	.stats-pane .stats-flyout-pins {
		height:25px;
		float:right;
		margin-right:10px;
	}
	.stats-pane .stats-flyout-pins span {
		margin:5px;
		cursor:pointer;
	}
	.stats-pane .stats-flyout-header {
		background-color:#ddd;
		padding:10px 20px 10px 10px;
	}
	.stats-embed .stats-embed-header {
		width: 100%;
		border-bottom:1px solid #666;
		padding: 10px 15px 10px 10px;
	}
	.stats-pane .stats-left {
		float:left;
		height:100%;
		width:25px;
		text-align:left;
		cursor:pointer;
	}
	.stats-pane .stats-right {
		float:right;
		height:100%;
		width:25px;
		text-align:right;
		cursor:pointer;
	}
	.stats-pane .stats-flyout-body {
		width:400px;
		padding:10px 20px 10px 10px;
	}
	.stats-pane .stats-embed-body {
        width: 100%;
		padding: 10px 5px 10px 5px;
	}
	.stats-embed .stats-label {
		font-size:0.9em;
	}
	.stats-pane .stats-flyout-body h4, .stats-pane .stats-flyout-body h5 {
		text-shadow:none;
	}
    .stats-pane .stats-embed-body h4, .stats-pane .stats-embed-body h5 {
        text-shadow: none;
    }

	.stats-pane .stats-flyout-chart {
		height:250px;
		width:380px;
		background-color:white;
	}
    .stats-embed .stats-embed-chart {
        height: 250px;
        width: 250px;
        background-color: white;
    }

	.stats-pane .stats-flyout-chart-buttons {
		height:25px;
	}
	.stats-pane .btn-success:hover, .stats-pane .btn-success:active  {
		background-color:black;
		color:white;
		background-image:none;
		
	}

/* Attribute Tray container + Upper section */

	.attribute-tray-right-popup {
		background-color: rgb(39, 43, 48);
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		top: 0;
		right: 0;
		bottom: 0;
		width: 0;
		opacity: .3;
		overflow-x: hidden;
		overflow-y: hidden;
		padding: 0;
		position: absolute;
		-webkit-transition: width 0.5s, opacity 0.5s;
		-moz-transition: width 0.5s, opacity 0.5s;
		-o-transition: width 0.5s, opacity 0.5s;
		transition: width 0.5s, opacity 0.5s;
		z-index: 1000;
	}

		.attribute-tray-right-popup.expanded {
			width: 300px;
			opacity: 1;
			padding: 4px;
		}
		.attribute-tray-right-popup.embedded {
			width: 100%;
			opacity: 1;
			padding: 4px;
		}

	.attribute-tray-right-container {
		width: 100%;
		height: 100%;
		text-align: left;
	}

	.attribute-tray-right {
		height: 100%;
	}

		.attribute-tray-right .trayTitle {
			font-weight: bolder;
			font-size: 19px;
			text-transform: uppercase;
			height: 48px;
			overflow: hidden;
		}

		.attribute-tray-right .photoDiv {
			height: 140px;
			width: 100%;
			overflow-x: hidden;
			text-align: center;
			background-color: #666;
		}

			.attribute-tray-right .photoDiv a {
				display: block;
				height: 100%;
			}

			.attribute-tray-right .photoDiv img {
				height: 100%;
				margin-right: auto;
				margin-left: auto;
				display: block;
			}

		.attribute-tray-right .photoDivTray {
			height: 20px;
			width: 100%;
		}


	/* Tab strip */
	.attributeTabTray {
		width: 100%;
		height: 50px;
		margin: 0;
		padding: 0;
		font-size: 0;
	}

	.attributeTrayImage {
		max-width: 100%;
		max-height: 200px;
	}

	.attributeTab {
		font-size: medium;
		width: 20%;
		text-align: center;
		border-radius: 0px;
		height: 100%;
		padding-right: 0;
		padding-left: 0;
		padding-bottom: 0;
		padding-top: 7px;
		margin: 0;
		display: inline-block;
		background: #4d4f52;
	}

	.attributeTab-selected {
		border-bottom: 0px solid transparent;
		background: transparent;
	}

	.attributeTab-notAvailable, .attributeTab-notAvailable i {
		color: #55575a;
		cursor: not-allowed !important;
	}

	.attributeTab-body {
		height: calc(100% - 258px);
		overflow: auto;
		padding: 0 10px;
	}

	/* Attribute Tray Content */
	.trayHeader {
		border-bottom: 1px solid #9e9e9e;
		padding-bottom: 4px;
	}

	.trayContentHeader {
		font-size: 14px;
		color: #9e9e9e;
		text-transform: uppercase;
		font-weight: bold;
		padding-top: 16px; /* same distance as #infoTab .btn-default */
	}

	.trayContentHeader i.fa {
		font-size: 1.1em;
	}

	.trayContent {
		color: white;
		font-size: 14px;
		padding-top: 6px;
	}

	.attributeTrayText {
		font-size: 14px;
	}

	/* Tabs */

	.attribute-tray-right .costRow {
		color: red;
	}

	.attribute-tray-right .projectStart {
		background-color: rgb(39, 43, 48);
		height: 20px;
		padding-left: 5px;
		padding-right: 5px;
		border-top-left-radius: 5px;
		font-size: 14px;
	}

	.attribute-tray-right text.highcharts-title {
		color: rgb(237, 237, 237) !important;
		fill: rgb(237, 237, 237) !important;
	}

	.attribute-tray-right .good {
		color: #ACC32B;
	}

	.attribute-tray-right .bad {
		color: red;
	}

	.attributeTab-body .taggingHeader {
		display: none;
	}

	.attributeTab-body input#addTag {
		width: 100% !important;
	}

	.attributeTab-body bv-tagging-auto-complete .chosen-container {
		font-size: inherit;
	}

	#infoTab .btn-default {
		margin-top: 16px; /* same distance as .trayContentHeader */
	}

	.selectedMapAssetGeoSpaSpinner {
		text-align: center;
		position: relative;
		top: 30px;
		width: 100%;
	}

	.attribute-tray-right .regularPieContainer {
		height: 200px;
		width: calc(100%);
		margin-bottom: 30px;
		position: relative;
	}
	.attribute-tray-right uib-accordion .panel {
		background:none;
		border-width:0;
		margin-top:16px;
	}
	.attribute-tray-right uib-accordion .panel-heading {
		background:transparent;
		padding:0;
		border-bottom:1px solid #414141;
	}
	.attribute-tray-right uib-accordion .trayContentHeader {
		font-family:Calibri, Verdana, Arial, sans-serif;
		text-shadow: none;
	}

	.attribute-tray-right uib-accordion .panel-heading a:hover, .attribute-tray-right uib-accordion .panel-heading a:focus {
		text-decoration:none;
	}
	.attribute-tray-right uib-accordion .panel-body {
		color:white;
		border-top:0 !important;
		padding:10px 0;
	}
	/* This style is breaking scrolling for asset info tray on mobile. Disabling. */
	/* @media(max-width:768px) {
		.attributeTab-body {
			height: auto;
		}
	} */
	#OnTheFlyTrendsChartParentDiv {
		height: 174px;
	}
	#OnTheFlyTrendsChartParentDiv .panel-heading {
		display: none;
	}
	#OnTheFlyTrendsChartParentDiv .panel-body {
		height: 100% !important;
	}
	#OnTheFlyTrendsChartParentDiv .highcharts-container  {
		width: 253px !important;
		height: 155px !important;
	}

	.attribute-tray-right .timeSeriesChartContainer {
		position:relative;
	}
	.attribute-tray-right .timeSeriesChartContainer .panel-heading {
		padding-right:0 !important;
		border:0 !important;
		position:relative;
	}
	.attribute-tray-right .timeSeriesChartContainer .panel {
		margin:0;
	}
		
.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.bvPopup {
	width:60%;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
	background-color:white;
	padding:20px;
	border:1px solid black;
	border-radius:10px;
}
.bvPopup .popupButton {
	text-align:center;
	background-color:red;
	color:white;
	padding:10px;
	cursor:pointer;
}
.menuPopup {
    padding: 8px;
    color: black;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: white;
    border-radius: 5px;
    border: 1px solid black;
    z-index: 100;
}

    .menuPopup .menuPopupHeading {
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
    }

.activeFilter {
    background-color: #00abea;
}

.form-error {
	border:2px solid red; 
}

table.trendTable {
	background-color:white;
	color:black;
	border:1px solid black;
	border-collapse:collapse;
	width:100%;
}

	table.trendTable th {
		text-align:center;
	}

	table.trendTable tr {
		text-align:center;
	}

	table.trendTable td {
		border:1px solid black;
		text-align:center;
		padding-right:5px; 
		padding-left:5px;
	}

.bvGaugePrimary {
	fill:#D8d8d8;
}
.bvGaugeSecondary {
	fill:#42abe2;
}

.bvGauge {
	fill:white;
}
/* Carousel general, Microgrid Dispatch */
.bvCarousel {
		width:100%;
		height:200px;
		overflow:hidden;
		padding:10px 0;
		margin-bottom:10px
	}
	.bvCarousel .bvCarouselLeft, .bvCarousel .bvCarouselRight {
		text-align:center;
		height:100%;
		width:50px;
		padding-top:70px;
		text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 0px rgba(0,0,0,0.8);
		color: rgba(91, 91, 100, 0.8);
		background-color:rgba(120,120,120,0.05);
		cursor: pointer !important;
	}
		.bvCarousel .bvCarouselLeft {
			float:left;
			cursor: default;
		}
		.bvCarousel .bvCarouselRight {
			float:right;
			cursor:default;
		}
		.bvCarousel .bvCarouselLeft:hover, .bvCarousel .bvCarouselRight:hover  {
			background-color:rgba(120,120,120,0.3);
		}

	.bvCarousel .bvCarouselCenter {
		height:100%;
		width:calc(100% - 100px);
		margin-left:50px;
		margin-right:50px;
		overflow:hidden;
	}

	.bvCarousel .bvCarouselCenter .carouselBoxContainer {
		height:100%;
		max-width:300px;
	}
	.bvCarousel .bvCarouselCenter .bvCarouselBox {
		width:100%;
		display:inline-block;
		border:1px solid black;
		border-radius:10px;
		background-color:#272b30;
		color:#FFFFFF;
		height:100%; 
		position:relative;
	}


	.bvCarousel .carousel-title, .bvCarousel .carousel-difference {
		text-align:center;
		width:100%;
		position:absolute;
		z-index:1
	}
	.bvCarousel .carousel-title {
		top:10px;
		line-height:1;
		padding:0 10px;
	}
	.bvCarousel .carousel-difference {
		position:absolute;
		bottom:10px;
	}
	.bvCarousel .carousel-box-content {
		position:absolute;
		z-index:1;
		right:10px;
		top: 54%;
		transform: translateY(-50%);
	}
	.bvCarousel .carousel-number {
		font-size: 1.5em;
		font-weight:bold;
		text-align:right;
		position:relative;
		z-index:1;
		line-height: 1em;
	}
	.bvCarousel .carousel-symbol {
		color: rgba(81, 81, 87, 0.8);
		left:10px;
		font-size: 4em;
		position:absolute;
		text-shadow: -1px -1px 0px rgba(255,255,255,0.1), 1px 1px 0px rgba(0,0,0,0.8);
		top:55px;
		width:50%;
		z-index:0;
	}

	/* column header list view */
	.bv-column-header {
		height: auto; 
		padding-bottom: 30px;
	}

	.bv-column-header .ui-grid-header-cell-primary-focus {
		display: -webkit-box;
		padding: 5px 20px 5px 5px;
		position: relative;
		height: 45px;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		white-space: normal; 
		word-wrap: break-word; /* Mozilla Firefox break word fallback */
		word-break: break-word;
	}

	.bv-column-header .bv-sub-header-elements {
		bottom: 0;
		min-height: 42px;
		position: absolute;
	}

	.bv-column-header .bv-sub-header-elements .subhead {
		min-height: 17px;
		padding-left: 6px;
	}

	.bv-column-header span[id$="-sortdir-text"] {
		position: absolute;
		right: 0;
		top: 5px;
	}

	.bv-column-header.bv-padding-bottom {
		padding-bottom: 41px
	}

	/* savelist-menu */
	.bv-searchtab-savelist-menu {
		margin-left: 1px;
		padding-left: 6px;
		padding-right: 6px;
	}

/* Photo Carousel Asset Explorer additional Styles */
	.bvCarousel .photoContainer {
		width:200px;
		margin-right:20px;
		position:relative;
		float:left;
		padding-bottom:10px;
	}

    .bvCarousel .photoContainerFirst {
        border-left:6px solid #4aad50;
        padding-left:6px; 
		position:relative;
    }
	.bvCarousel .photoContainerFirst::before {
		content:"1st";
		background-color:#4aad50;
		color:white;
		font-weight:bold;
		display: block;
		position:absolute;
		left:0;
		padding:5px;
	}

	.bvCarousel .photoDiv {
		height:140px;
		width:100%;
		overflow-x:hidden;
		text-align:center;
		background-color:#666;
        cursor: pointer;
	}
	.bvCarousel .photoDiv img {
		height:100%; 
		margin-right:auto; 
		margin-left:auto;
		display:block; 
	}
	.bvCarousel .photoControls {
		display:block;
		background-color:#333;
		padding:5px 5px 0;
		text-align:center;
	}
	.bvCarousel .photoControls i {
		color:white;
		cursor: pointer;
	}
	.bvCarousel .photoCaption {
		padding:5px 0;
		font-size:.9em;
		height:2.8em;
		overflow:hidden;
	}
	.photoCaption .fa-button  {
		display:inline;
		color:#666;
	}
	.photoCaption .fa-button:hover {
		display:inline;
		color:#333;
	}
	.photoCaption .fa-button.fa-star {
		color:#00ABEA;
		display:inline;
	}

#pin-toolbar span.PinsIcon {
	height:28px;
	width:18px;
	display:inline-block;
	background-image:url("icons/TimeFilterPin.png");
	background-size: 18px 28px;
	background-repeat: no-repeat;
	margin:0 5px 0 8px;
}
.panel-heading select {
	width:200px;
	margin:auto;
}

    .bvKpi {
			color:white;
			stroke:white;
			fill:white;
		}

			.bvKpi-Alert {
				stroke:#fff;
				fill:#fff;
				background-color:#552f2c;
				border: 1px solid #ba5048;
			}
/* Discussion Blog */
	bv-discussion .panel-heading {
		padding-top:2px;
	}
	bv-discussion .panel-heading .fa.blog {
		color:#dedede;
		font-size:0.85em;
	}
	bv-discussion .panel-heading .small, bv-discussion .panel-footer {
		color:#dedede;
		font-weight:normal;
	}
	bv-discussion .entryButtons a .fa {
		cursor:pointer;
		margin:3px 5px 0 0;
		font-weight:normal;
	}
	bv-discussion .mce-panel iframe {
        height:200px !important;
    }
	bv-discussion .entryContent, bv-discussion .entryAttachments {
		font-size: 16px;
	}
	bv-discussion .entryContent a, bv-discussion .entryAttachments a {
		color: #075697 !important;
	}
	bv-discussion .alert-info {
		margin:10px;
	}
	bv-discussion .auto .panel-heading {
		background:#777;
	}
	bv-discussion .auto .panel-body, bv-discussion .newEntry .panel-body {
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
	}
	bv-discussion .auto .panel-footer {
		display:none;
	}
	bv-discussion bv-tagging-auto-complete {
		height:28px;
	}
	/* bv-discussion bv-tagging-auto-complete .panel {
		background: transparent none;
		margin-bottom:10px;
	}
	bv-discussion bv-tagging-auto-complete .panel-heading {
		border-radius:4px;
	} */
	bv-discussion .entryAttachments :nth-child(4n+1){
		clear:left;
	}
	bv-discussion .file-upload-form {
		margin-bottom:10px;
	}
	bv-discussion .file-upload-form input {
		padding:0;
		height:auto;
	}
	bv-discussion .fa-trash {
		cursor:pointer;
	}
	bv-discussion .issueTextEditor {
		background-color:white; clear:both;
	}
	bv-discussion .issueTextEditor .table-striped {
		border: 1px solid #bbbbbb;
		font-size:16px;
	}
	
bv-tagging-auto-complete .chosen-container {
    font-size:smaller;
    overflow-y:auto;
	border-radius:4px;
	display:block;
	min-height:10px;
 }
 bv-tagging-auto-complete .search-choice .fa-tag {
	color: #888;
 }
/*TAG SEARCH*/
uib-accordion#searchResults .panel {
	border-radius:0;
	background:inherit;
 }

uib-accordion#searchResults .panel-heading {
	border-radius: 0;
	color:#fff;
	padding:4px 10px;
 }
uib-accordion#searchResults .panel-heading h4 {
	text-shadow:none;
	text-transform: uppercase;
	font-size:13px;
	font-weight:bold;
 }
 uib-accordion#searchResults .panel-heading h4 a {
	display:block;
	cursor:default;
 }
uib-accordion#searchResults .panel-heading h4 a:hover {
	text-decoration:none;
 }
uib-accordion#searchResults .panel-heading .badge {
	background-color:#222;
	color:white;
	padding:3px 10px;
	margin-top:-2px;
}
uib-accordion#searchResults .panel-body {
	padding:0 5px;
	background-color:#ededed;
	border-radius: 0;
	max-width: 100%;
	font-size:0.7em;
 }
uib-accordion#searchResults table {
	width:100%;
	background:transparent;
	margin:6px 0;
 }
uib-accordion#searchResults table th {
	font-size:11px;
	text-transform:uppercase;
	color: #666;
	font-weight:400;
 }
uib-accordion#searchResults table tbody tr {
	border-top:1px solid #bbb;
 }
uib-accordion#searchResults table td {
	padding:0 4px;
 }

#quicksearch .open .dropdown-toggle.btn-link,
#quicksearchpopup .open .dropdown-toggle.btn-link {
	background-color:#272b30;
}
.dropdown-menu li i.fa {
	padding-right:5px;
}

/* List picker general (maintain styles while dragging) */

li.search-choice {
	cursor: -webkit-grabbing; cursor:-moz-grabbing;
	list-style: none;
	font-size: 13px;
	background-image: linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
	background-size: 100% 19px;
	background-repeat: repeat-x;
	background-clip: padding-box;
	box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0,0,0,.05);
	color: #333;
	line-height: 13px;
	padding: 3px 20px 3px 5px;
	border: 1px solid #aaa;
	border-radius: 3px;
	background-color: #eee;
}

/* Multi-Select List Picker */
.pickerColContainer {
	width:calc(50% - 50px);
	float:left;
}
.pickerColContainer .pickerCol {
	margin: 0 15px;
	height: 400px;
	position:relative;
}
.pickerColContainer .pickerArea {
	height: 100%;        
	border-radius: 5px;
	border: 1px solid #575757;
	background-color: white;
	overflow: auto;
}
.pickerControls {
	height:400px;
	width:45px;
	margin-top:20px;
	float:left;
	position:relative;
}
.pickerControls span {
	position: absolute; 
	top: 50px; 
}
.pickerControls .btn {
	width:40px;
	margin-bottom:2px;
}
.pickerColContainer .paneHeading {
	margin-left: 15px;
}
bv-multi-select-list-picker .dropArea {
	height:10px;
}
bv-multi-select-list-picker .dropArea:last-child {
	height: 100px;
}
bv-multi-select-list-picker .draggedOver {
	background-color: #acc32b !important;
}
bv-multi-select-list-picker .bigDraggedOver {
	border: 5px solid #acc32b !important;
}
bv-multi-select-list-picker .spinnerDiv {
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
bv-multi-select-list-picker .loadingSpinner {
	margin-top:20px;
	margin-right:auto;
	margin-left: auto;
}
bv-multi-select-list-picker .AssetTree .treeWithAutoComplete {
	height: calc(100% - 30px)
}
bv-multi-select-list-picker .chosen-container-multi {
	width: 100%; 
	border: none;
}
bv-multi-select-list-picker .chosen-container-multi .chosen-choices {
	background: none; 
	border: none;
}
bv-multi-select-list-picker .chosen-container-multi .chosen-choices li.search-choice {
	margin: 1px 5px 1px 0;
}
bv-multi-select-list-picker .chosen-container-multi .chosen-choices li.search-choice.selected {
	border:1px solid #5bc0de;
}
.chosen-choices .fa {
	color:#888888;
}

/* using this directive in a modal can result in */
/* the type-ahead asset search list being hidden */
/* under the modal */
/* so increase its z-index to ensure it appears on top */
bv-multi-select-list-picker .dropdown-menu {
	z-index: 2000;
}

/* other UIB */
 .uib-datepicker table {
	color:white;
}
table.uib-timepicker {
	background:transparent;
}
.uib-timepicker .uib-increment .btn, .uib-timepicker .uib-decrement .btn {
	padding-top:0;
	padding-bottom:0;
	color: #5bc0de;
}
.uib-timepicker .uib-time input {
	width:50px !important;
}
.uib-timepicker .am-pm .btn {
	padding-top:3px;
	padding-bottom:3px;
}

 /* Report Styles (BI) */
.bvReportTitle {
	font-size:1.5em;
	padding-top:5px;
}
.bvReportSubtitle {
	font-size: .9em;
}
bv-report-section {
	border-top:1px solid #666666;
	padding-bottom:10px;
	margin-top:10px;
}
bv-report-section > .col-xs-12 > .row:first-child {
	height:23px;
}
.bvReportSectionTitle {
	font-size: 0.8em;
	line-height: 2;
	opacity:0.6;
}
.bvReportSectionSubtitle {
	font-size:.8em;
}
.bvReportDate {
	text-align:right;
}
.bvReportWidgetContainer {
	height:300px;
}
bv-report-widget > .widgetKind {
	border-radius: 4px;
	padding:5px;
	border: 1px solid transparent;
}
.widgetKind .icons {
	position:absolute;
	right:12px;
	top:9px;
	}
.widgetKind .icons, bv-report-section > div > i.fa {
	display:none;
}
bv-report-widget-chart, bv-report-widget-table {
	text-align:center;
}
.bv-report-widget-chart-title, .bv-report-widget-table-title, .bv-report-widget-text-title {
	font-weight:bold;
}
.bv-report-widget-chart-subtitle, .bv-report-widget-table-subtitle, .bv-report-widget-text-subtitle {
	font-size:.9em;
	line-height:1;
}
bv-report-widget-table div.chart-bv {
	overflow: auto;
}
bv-report-widget-text {
	height:288px !important;
	overflow-y:auto;
	overflow-x:hidden;
}
bv-report-widget-text .entryContent {
	font-size:0.9em;
	padding-right:20px;
}
bv-gauge .printText, bv-kpi .printText {
	display:none !important;
}
/* Weather Widget */
atx-weather .panel {
	border-radius: 0;
	border: none;
	background: transparent;
}
atx-weather .panel-heading {
	display:none;
}
.concave-panel {
	background: #393d42 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #303135 0%, #41454b 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #303135 0%, #41454b 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #303135 0%, #41454b 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303135', endColorstr='#41454b',GradientType=0 ); /* IE6-9 */
	border-radius: 6px;
	border: 1px solid #272b30;
}
atx-weather .day-container {
	width:100%;
	padding:20px 0;
}
atx-weather .day {
	display:table-cell;
	width:1%;
	float:none;
}
atx-weather .dayStyle, atx-weather .windStyle, atx-weather .powerStyle, atx-weather .panel-footer {display:none;}
atx-weather .dateStyle {color:#919296;}
atx-weather .tempStyle {color:white; font-size:40px;}
atx-weather .iconStyle {margin:15px 0;}
/* end styles for weather widget */

/* Risk matrix styles */
#grid-chart .grid-yaxis-label, #grid-chart .grid-yaxis-title, #grid-chart .grid-xaxis-label, #grid-chart .grid-xaxis-title {
	fill:#bcbcbc;
	font-size: 0.8em;
}
#grid-chart .grid-cell-text {
	fill:white;
	font-size:1.6em;
}

/* Mobile Styles */
@media(max-width:767px) {
	.main-view {
		height:100%;
	}
    div .containerVFix {
		margin-top: -30px;
	}

    .trNavContainer {
        width: calc(100% - 20px);
        margin-left:0;
        margin-right:0;
		padding:0 10px;
    }

	.trChoose, .trZoom, .trPopupContainer, .trPopupBackdrop, .trPopupArrowContainer {
		display:none;
	}

    .trPopupBodyPanel {
        margin-left: 10px;
        margin-right: 10px;
		background-color:#484e55;
		padding-bottom:10px;
    }
		.trPopupBodyPanel .trPanelHeader {
			background-color:#484e55;
		}

        .trPopupBodyPanel .trPopupBodyZoomToContainer {
            width:auto;
            margin:0 15px;
			padding:0;
			text-align:center;
        }

        .trPopupBodyPanel .trTime  {
            height:auto;
			padding:0 10px;
        }

        .trPopupBodyPanel .trTime .trTimeRow input {
            width: 100%;
        }

        .trPopupBodyPanel .trTime .trTimeRow label {
			color:white;
            width: 100%;	
			padding-left:3px;
        }

        .trPopupBodyPanel .trPopupBodyZoomToContainer .top {
            width: 72px;
        }
	.navbar-brand {
		width:calc(100% - 157px);
	}
	.scrollable-menu {
		height: auto;
		max-height: calc(100vh - 100px);
		overflow-x: hidden;
	}

    .preventPhones {
        display:block;
        position:absolute;
        top:50px;
        left:0;
        right:0;
		bottom:0;
		margin-top:0;
		margin-bottom:0;
	}
	.northwest-container {
		height:100% !important;
	}
	.southwest-container {
		display:none;
	}
	bv-report-widget .icons, bv-report-widget > .widgetKind:hover .icons, bv-report-section:hover > div > i.fa, .selectedSection > div > i.fa {
		display:none !important;
	}
	.report-list {
		display:none;
	}
	.report-container {
		height:100% !important;
	}
	bv-report-widget {
		padding:0!important;
	}
	.menuPopup {
		max-width: 100%;
	}

}

/* End Mobile Styles -- All Web styles must come before mobile styles!*/

/* Asset 360 Print styles */
@media print {
	body {
		font-size:12pt;
	}
	#bv-nav-container, panecenter > .nav-tabs {
		display:none !important;
	}
	.report-container, .pa-report-container, bv-report, .container-fluid.layout-transparent-panel { 
		height:auto !important;
	}
	.bvReportWidgetContainer {
		height: auto !important;
		min-height:300px !important;
		clear:both !important; 
	}
	.bvReportWidgetContainer .panel {
		border-width:0;
	}
	.bvReportWidgetContainer .panel-heading {
		text-align:left !important;
	}
	.selectedSection {
		border-width: 0 !important;
	}
	.report-list {
		display:none;
	}
	.layout-transparent-panel, bv-report, .widgetKind {
		border:none !important;
	}

	bv-report-widget .icons, bv-report-widget > .widgetKind:hover .icons, bv-report-section:hover > div > i.fa, .selectedSection > div > i.fa {
		display:none !important;
	}
	.bvGauge, .bvKpi, .bvKpi-Alert {
		fill:black !important;
		stroke:none !important;
	}
	bv-report-widget-table, bv-report-widget-chart {
		display:inline;
		page-break-inside: avoid;
	}
	bv-report-widget-table, bv-report-widget-text {
		display:inline;
		height:auto !important;
	}
	bv-report-widget-kpi, bv-report-widget-gauge {
		display:inline;	
		page-break-inside:avoid;
		height:300px !important;
	}
	bv-report-widget-chart {
		height:300px !important;
	}
	
	bv-gauge .screenText, bv-kpi .screenText {display:none;}
	bv-gauge .printText, bv-kpi .printText {display:block !important;}
	
 	div[bv-hchart-buttons] .btn-group {
		display:none;
	}
	.highcharts-button {
		display:none !important;
	}
	.highcharts-container {
		overflow:visible !important;
	} 
}

.required-field {
	border: 1px solid red !important;
}
/* End Print Styles -- All Web styles must come before print styles! */

/* ng-quill custom css*/
.ql-editor {
	height: 200px !important;
	background: #fff;
	color: #000;
}
.ql-toolbar.ql-snow {
	background: #fff;
}