-webkit-user-select: none; /* Disable selection/Copy of UIWebView */

.style1 {
	width: 100%;
}
.style2 {
	width: 10px;
}

.headerTablestyle2 {
	height: 120px;
	background-image: url('images/metering_dynamicsM.jpg');
	background-repeat: repeat-x;
	background-position: left top;
	min-width: 5px
}

.sheaderTabletyle3 {
	height: 120px;
}

.MasterTable2, .HeaderTable, .menuTable, .loadDBTable, .SizeController {
	min-width: 100px;
}

.HeaderTable {
	width: 100%;
}


/**** Base styles ****/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: bottom;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	padding-top: 1px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 10px;
	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	font-size: 11px;
	line-height: 1.7em;
	background: white;
	color: black;
}

h1, h2, h3, p, ul, ol, pre, dl {
	margin-bottom: 1.0em;
}

h1, h2, #super-list, .element, .tagline, #index-list, .super-list .link {
	font-family: 'Helvetica Neue', Arial, sans-serif;
}

h1, h2, h3 {
	font-weight: bold;
}

h1 {
	font-size: 32px;
	line-height: 1.1em;
}

h2 {
	font-size: 24px;
	line-height: 1.1em;
}

ul, ol {
	margin-left: 1.5em;
}

a, a code {
	color: #FB4;
	text-decoration: none;
}

a:hover, a:hover code {
	color: #4BF;
}

a:active, a:active code {
	color: #1FB;
	background: black;
}

a img {
	border: none;
}

em {
	font-style: italic;
}
strong {
	font-weight: bold;
}

blockquote {
	padding-left: 1.0em;
	margin-left: 1.0em;
	border-left: 1px solid #333;
	font-style: italic;
}


   
.lhsTitle {
	margin-left: 0px;
	height:70px; 
	float: left;
	display: inline-block;
	vertical-align: middle; 	 
   
}

.lhsTitle img
{
	
  max-width:100%; 
  max-height:100%;
  display: inline-block;   	
	
}


.mTitle{
 
     
    left:0%;
    width:65%;
    height:50%;  
   
    position:absolute;
    text-align:center;      
    display: inline-block; 
    vertical-align: middle;   
}


.rhsTitle {
	margin-left: 0px;		
	margin-right: 0px;	
	height:70px; 
    float:right;    
    display: inline-block;
    vertical-align: middle;    
}


.rhsTitle img
{
	
  max-width:100%; 
  max-height:100%;
  display:block;	
	
}


.highcharts-title {
    width:80%;
}
   


#options {

	padding-bottom: 0px;
	margin-bottom: 0px;
}

#options h3 {
	margin-bottom: 0.2em;
	font-size: 15px;
}

#options h4 {
	font-weight: bold;
}

#options h5 {
	font-weight: bold;
}

#options ul {
	margin: 0;
	list-style: none;
}

#options ul ul {
	margin-left: 1.5em;
}

#options li {
	float: left;
	margin-bottom: 0.2em;
}

#options li a {

	background-color: #DDD;
	color: #222;
	font-weight: bold;
	text-shadow: 0 1px hsla( 0, 0%, 100%, 0.5 );
	background-image: -webkit-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
	background-image: -moz-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
	background-image: -ms-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
	background-image: -o-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
	background-image: linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
}



/* Combination filter options*/

#options .option-combo {
	display: inline-block;
	float: inherit;
	margin-right: 0px;
}

#options .option-combo ul {
	margin-right: 5px;
	display: inline-block;
}

#options .option-combo h2, #options .option-combo h4 {
	line-height: 34px;
	margin-bottom: 0;
	margin-right: 5px;
	display: inline-block;
	vertical-align: top;
}


/**** Horizontal ****/


/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}

.highcharts-menu-9 {

	left: 0.2em;
	top: 0.2em;
	z-Index: 1
}

.ui-menu {

	width: 120px;
	z-index: 2;
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}

.ui-menu .ui-menu-item a {

	line-height: 1.7;
	border-radius: 7px 0 0 7px;
	border-left: none;
}


/* Each of the items in the list */
.custom-menu li {
    padding: 8px 12px;
    cursor: pointer;
    list-style-type: none;
    transition: all .3s ease;
}

.custom-menu li:hover {
    background-color: #DEF;
}


.highcharts-button-box {
	display: none;
}


  
.graph {
		width: inherit;
		height: inherit;
} 



// loading gif

#loading {
  width: 100px;
  padding: 20px;  
  position: fixed;
  display: block;
  opacity: 0.7;
  background-color: #fff;
  z-index: 99;
  text-align: center;
}

#loading-image {
  position: absolute;
  left: 45%;
  top: 35%;
  z-index: 100;
}






//bootbox css


.title {
	padding: 10px;
	cursor: move;
}

.bb-alert {
    position:fixed;
    top:25%;
    left:30%;
    margin-bottom:0;
    font-size:2.2em;
    padding:1em 1em;
    z-index:2000;
}

.five-minute-message-feedback {
    position:fixed;
    top:25%;
    left:30%;
    margin-bottom:0;
    font-size:1.5em;
	text-align: center;
    padding:1em 1em;
    z-index:2000;
	color: #FFFFFF;
    background-color: lightblue;
    border-color: #bce8f1;
	border: 1px solid transparent;
    border-radius: 4px
}

#container2
{
	display : none
}

.NoNMI
{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding-top: 25px;
	padding-bottom:0px;
	overflow: hidden;
	border: none;
	font: normal 18px/1;
	font-size: 12.13px;
	font-family: Segoe UI,Arial,sans-serif;
	 text-align: center;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	background: #0199d9;
	-webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
	box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
	line-height: 1.5;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 300px;
	height: 50px;
	background-color: #DDDDDD;
	box-shadow: 1px 1px 10px rgba(0,0,0,.4);
	color: black;
  
}


#UpdateGraph {
  border: 1px solid #0066cc;
  background-color: #2a4a96;
  color: #ffffff;
  padding: 5px 10px;
}

#UpdateGraph:hover {
  border: 1px solid #0099cc;
  background-color: #00aacc;
  color: #ffffff;
  padding: 5px 10px;
}

#UpdateGraph:disabled,
#UpdateGraph[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

#ResetGraph {
  border: 1px solid #5a287f;
  background-color: #5a287f;
  color: #ffffff;
  padding: 5px 10px;
}

#ResetGraph:hover {
  border: 1px solid #0099cc;
  background-color: #00aacc;
  color: #ffffff;
  padding: 5px 10px;
}

#ResetGraph:disabled,
#ResetGraph[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

.daterangepicker .drp-selected {
    display: inline-block;
    font-size: 14px;
    padding-right: 8px;
	vertical-align: middle;
}