/******************* CUSTOM BOOTSTRAP Extentsion for XL sizes (screen-width > 1600px) ******************/
@media (min-width: 1600px) {
    .container {
        width: 1570px;
    }
    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }
    .col-xl-12 {
        width: 100%;
    }
    .col-xl-11 {
        width: 91.66666667%;
    }
    .col-xl-10 {
        width: 83.33333333%;
    }
    .col-xl-9 {
        width: 75%;
    }
    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }
    .col-xl-6 {
        width: 50%;
    }
    .col-xl-5 {
        width: 41.66666667%;
    }
    .col-xl-4 {
        width: 33.33333333%;
    }
    .col-xl-3 {
        width: 25%;
    }
    .col-xl-2 {
        width: 16.66666667%;
    }
    .col-xl-1 {
        width: 8.33333333%;
    }
    .col-xl-pull-12 {
        right: 100%;
    }
    .col-xl-pull-11 {
        right: 91.66666667%;
    }
    .col-xl-pull-10 {
        right: 83.33333333%;
    }
    .col-xl-pull-9 {
        right: 75%;
    }
    .col-xl-pull-8 {
        right: 66.66666667%;
    }
    .col-xl-pull-7 {
        right: 58.33333333%;
    }
    .col-xl-pull-6 {
        right: 50%;
    }
    .col-xl-pull-5 {
        right: 41.66666667%;
    }
    .col-xl-pull-4 {
        right: 33.33333333%;
    }
    .col-xl-pull-3 {
        right: 25%;
    }
    .col-xl-pull-2 {
        right: 16.66666667%;
    }
    .col-xl-pull-1 {
        right: 8.33333333%;
    }
    .col-xl-pull-0 {
        right: auto;
    }
    .col-xl-push-12 {
        left: 100%;
    }
    .col-xl-push-11 {
        left: 91.66666667%;
    }
    .col-xl-push-10 {
        left: 83.33333333%;
    }
    .col-xl-push-9 {
        left: 75%;
    }
    .col-xl-push-8 {
        left: 66.66666667%;
    }
    .col-xl-push-7 {
        left: 58.33333333%;
    }
    .col-xl-push-6 {
        left: 50%;
    }
    .col-xl-push-5 {
        left: 41.66666667%;
    }
    .col-xl-push-4 {
        left: 33.33333333%;
    }
    .col-xl-push-3 {
        left: 25%;
    }
    .col-xl-push-2 {
        left: 16.66666667%;
    }
    .col-xl-push-1 {
        left: 8.33333333%;
    }
    .col-xl-push-0 {
        left: auto;
    }
    .col-xl-offset-12 {
        margin-left: 100%;
    }
    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-xl-offset-9 {
        margin-left: 75%;
    }
    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-xl-offset-6 {
        margin-left: 50%;
    }
    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-xl-offset-3 {
        margin-left: 25%;
    }
    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-xl-offset-0 {
        margin-left: 0;
    }
    .visible-xl {
        display: block !important;
    }
    table.visible-xl {
        display: table;
    }
    tr.visible-xl {
        display: table-row !important;
    }
    th.visible-xl, td.visible-xl {
        display: table-cell !important;
    }
    .visible-xl-block {
        display: block !important;
    }
    .visible-xl-inline {
        display: inline !important;
    }
    .visible-xl-inline-block {
        display: inline-block !important;
    }
    .hidden-xl {
        display: none !important;
    }
}
@media (max-width: 1599px) {
	.visible-xl, .visible-xl-block, .visible-xl-inline, .visible-xl-inline-block {
		display: none !important;
	}
}
/**************************************/
*,*:before,*:after {
	box-sizing: border-box !important;
}
html {
	min-height: 400px;
	-ms-overflow-style: scrollbar;/*auto | none | scrollbar | -ms-autohiding-scrollbar*/
}
body {
	width: auto !important; /* Firefox will set width as auto */
	height: 100%;
}
body.padded {
	padding: 50px 0px 0px 0px;
}
.app-body {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	oveflow: auto;
}
.non-mobile-body {
	min-width: 600px;
}
.full-height {
	height: 100%;
}
.main {
	min-height: 100%;
	padding-right: 15px;
	/* min-height: 100%; */
    /* padding-bottom: 32000px;
	margin-bottom: -32000px;
	overflow: hidden;*/
}
@media ( min-width : 992px) {
	.main {
		margin-left: 250px;
	}
	.main.no-menu {
		margin-left: 0px;
	}
}
#mainView {
	display: block;
	margin-top: 0px;
}
.hidden {
	display: none;
}
select.custom {
	padding: 0px 0px 0px 0px;
	height: 28px;
}
select.custom option {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.modal-md .modal-body {
	padding: 10px 20px 0px 20px;
}
.modal-body.scrollable {
	max-height: 350px;
	overflow: auto;
}
.modal-sm .modal-footer, .modal-sm .modal-body, .modal-sm .modal-header, .modal-footer-sm, .modal-header-sm {
	padding: 3px 3px 3px 10px;
}
.modal-sm .modal-footer , .modal-footer-sm{
	margin-top: 5px;
}
.modal-footer {
	text-align: center;
}
.modal-header {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     box-shadow: none !important;
}
.panel-collapse-toggle {
	margin-top: -10px;
	margin-left: -7px;
	float: left;
}
.panel-collapse-title {
	float: left;
	font-size: 9.5pt;
	font-weight: bold;
	margin-top: -7px; padding-right: 5px;
}
.collapse-header {
	cursor: pointer;
}
.form-panel label{
	margin: 2px 0px 0px 0px; 
	font-size: 9pt;
}
.form-panel .panel-body {
	padding-top: 5px;
	padding-bottom: 5px;	
}
.no-selection {
	-webkit-user-select: none; /* webkit (safari, chrome) browsers */
	-moz-user-select: none; /* mozilla browsers */
	-khtml-user-select: none; /* webkit (konqueror) browsers */
	-ms-user-select: none; /* IE10+ */
}
.padded-content {
	padding: 3px 0px 3px 0px;
}
.padded-content.full {
	padding: 3px 3px 3px 3px;
}
.no-wrap {
	white-space: nowrap;
}
.box-shadow {
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
}
.fade-out {
	opacity: 0;
	transition: all 0.8s ease 0s;
}
.translucent {
	opacity: 0.95;
}
.bottom-border-only {
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
}
/*********************************** Loading Screen Styles ************************************/
#loading-body-contents {
	background-color: #ffffff;
	margin-top: 80px;
	opacity: 0.95;
}
#gears {
	display: inline;
	position: relative;
	text-align: center;
	overflow: visible;
	display: block;
	width: 200px;
	height: 70px;
	padding-botton: 10px;
}
#gear1{
	top: 0px;
	left: 11px;
	font-size: 50px;
	height: 52px;
	line-height: 52px;
	width: 60px;
	text-align: center;
	vertical-align: bottom;
	border: 1px solid transparent;
	color: #aaaaaa;
	-webkit-animation-name: spin;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-name: spin;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
#gear2{
	top: 13px;
	left: -11px;
	font-size: 42px;
	height: 45px;
	line-height: 45px;
	width: 50px;
	text-align: center;
	vertical-align: bottom;
	border: 1px solid transparent;
	color: #666666;
	-ms-transform: rotate(22deg); /* IE 9 */
   	-webkit-transform: rotate(22deg); /* Chrome, Safari, Opera */
  	transform: rotate(22deg);
	-webkit-animation-name: spin-reverse;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-name: spin-reverse;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.spinner.stop {
	-webkit-animation-name: none !important;
	animation-name: none !important;
}
.spinner.fast {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
/*********** Define the animation functions 'spin' and spin-reverse' *********/
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

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

@-webkit-keyframes spin-reverse {
	0% { -webkit-transform: rotate(382deg); transform: rotate(382deg);}
	100% { -webkit-transform: rotate(22deg); transform: rotate(22deg);}
}

@keyframes spin-reverse {
	0% { -webkit-transform: rotate(382deg); transform: rotate(382deg);}
	100% { -webkit-transform: rotate(22deg); transform: rotate(22deg);}
}
/************************** end of animation function def ***********************/
#initialization-indicator {
	margin-top: 25px;
}
#initialization-message {
	font-size: 9pt;
	color: #666666;
}
#initialization-complete {
	position: fixed;
	top: -180px;
	text-align: center;
	width: 100%;
	z-index: 9999;
}
#initialization-complete.show {
	top: 0px;
	transition: all 0.8s ease 0s;
}
.title-container {
	position: relative;
	height: 25px;
}
.carousel-inner {
	margin-bottom: 40px;
	padding: 10px;
}
.carousel {
	color: #555555;
	padding: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #ffffff;
}
.carousel-indicators li, .carousel-indicators li.active {
	color: #000000;
	border-color: #888888;
	width: 15px;
	height: 15px;
	margin: 0px 4px 0px 4px;
}
.carousel-indicators li.active {
	background-color: #888888;
}
.carousel-control {
	width: 8%;
}
.small-carousel-control {
	top: 40%; 
	background-image: none; background: none repeat scroll 0 0 #222222; 
	border: 4px solid #FFFFFF; 
	border-radius: 23px 23px 23px 23px; 
	height: 40px; width: 40px; 
	/* margin-top: 5pt; */
}
.small-carousel-control.left {
	left: -15px;
}
.small-carousel-control.right {
	right: -15px; 
}
.small-carousel-control {
	font-size: 30px;
}
@media(max-width: 767px) {
	.small-carousel-control .glyphicon {
		left: 0% !important; top: 0%!important;
	}
	ul#quick-links-alt {
		min-width: 200px;
		padding: 12px 0;
	}
	ul#quick-links-alt li.quick-link-element .quick-link-icon {
		vertical-align: inherit;
	}
	.menu-icon-notif-count {
		position: fixed;
		left: 55px;
	}
	.navbar-fixed-top .icon-bar.icon-bar-red {
		background-color: red !important;
	}
}
.small-carousel-control.right .glyphicon {
	left: 15px; top: 15px;
}
.all-articles-carousel {
	background-color: rgba(190, 190, 190, 0.4);
}
.all-articles-carousel .article {
	background-color: #ffffff;
	border-radius: 8px; 
}
.all-articles-carousel .article:hover {
	background-color: #eaeaf5;
}
.all-articles-carousel .article *{
	cursor: pointer;
}
.all-articles-carousel .article-content {
	padding: 5px 5px 0px 0px;
	height: 150px;
	overflow: hidden;
}
.all-articles-carousel .article-summary {
	overflow: hidden; 
	text-overflow: ellipsis;
}
.all-articles-carousel .article-category {
	background-color: #999999;
	color: #ffffff;
}
.carousel-title {
	position:absolute; top:0px; left: 0px;
	width: 100%;
	background-color: #fafafa;
}
.carousel.fixed-height .item {
	height: 220px;
}

.article-title.shortened {
    max-height: 66px;
    line-height: 33px; 
    overflow: hidden;
}

.article.fixed-height {
	height: 270px;
}
.article.fixed-min-height {
	min-height: 270px;
}
.all-articles-carousel .carousel-inner .article-container.rightest ,.all-articles-carousel .carousel-inner .article-container.leftest {
	position: absolute;
	padding: 0px 10px;
}
.all-articles-carousel.col4 .carousel-inner .active.left { left: -25%; }
.all-articles-carousel.col4 .carousel-inner .active.right { left: 25%;}
.all-articles-carousel.col4 .carousel-inner .article-container.rightest {right: -26%;}
.all-articles-carousel.col4 .carousel-inner .article-container.leftest {left: -26%;}

.all-articles-carousel.col3 .carousel-inner .active.left { left: -33.33333333%; }
.all-articles-carousel.col3 .carousel-inner .active.right { left: 33.33333333%;}
.all-articles-carousel.col3 .carousel-inner .article-container.rightest {right: -34.3333333%;}
.all-articles-carousel.col3 .carousel-inner .article-container.leftest {left: -34.33333333%;}

.all-articles-carousel.col2 .carousel-inner .active.left { left: -50%; }
.all-articles-carousel.col2 .carousel-inner .active.right { left: 50%;}
.all-articles-carousel.col2 .carousel-inner .article-container.rightest {right: -52%;}
.all-articles-carousel.col2 .carousel-inner .article-container.leftest {left: -52%;}

.all-articles-carousel .carousel-inner .next .article-container {visibility:hidden;}
.all-articles-carousel .carousel-inner .next .article-container:last-child {visibility:visible;}
.all-articles-carousel .carousel-inner .prev .article { display:none;}
/****************************** Main Content structure styles *********************************/
.loading {
	background-image: url("../images/loading.gif");
	background-repeat: no-repeat;
	background-position: center;
}
.initializing-icon-lg {
	background-image: url("../images/spin_gear_lg.gif");
	background-repeat: no-repeat;
	background-position: center;
}
.initializing-icon-sm {
	background-image: url("../images/spin_gear_sm.gif");
	background-repeat: no-repeat;
	background-position: center;
}
.report {
	position: relative;
	transition: transform 0.5s ease;
}
.report-content {
	padding-top: 5px;
	border: none !important;
}
.report-header {
	font-size: 9pt;
	margin-bottom: 0px;
	padding: 3px;
}
.report-footer {
	position: absolute;
	bottom: 0px;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
	z-index: 100;
	font-size: 9pt;
}
.report-footer.fixed {
	position: fixed;
}
.navbar-fixed-top {
	position: fixed;
	border: none;
}
.navbar-fixed-top .container-fluid{
	/* margin-left: 200px; */
	vertical-align: middle;
	height: 80px;
}
.non-mobile-container {
	min-width: 400px;
}
.navbar-default {
	background: none;
}
.navbar-fixed-top #show-top-nav-bar {
	display: none;
}
.navbar-fixed-top.collapsed-top-nav {
	height: 0px !important;
	min-height: 0px;
	transition: height 0.4s;
	padding-top: 0px;
}
.navbar-fixed-top.collapsed-top-nav .container-fluid {	
	height: 0px;
	opacity: 0.1;
	overflow: hidden;
}
.navbar-fixed-top.collapsed-top-nav .navbar-brand {
	height: 0px !important;
	min-height: 0px;
	background-size: 0px 0px;
	display: none;
}
.navbar-fixed-top.collapsed-top-nav #show-top-nav-bar {
	position: absolute; top: 0px;
	height: 2px;
	line-height: 0px;
	width: 100%;
	display: block;
}
#show-top-nav-bar-tab {
	width: 100px;
	cursor: pointer;
	background-color: #777777;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding-top: 5px; 
	margin-top: -2px;
	height: 40px;
	opacity: 0.85;
}
.navbar-actions.list-inline {
	width: auto; 
	height: 80px !important;
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
	padding: 0px;
}
.navbar-actions li {
	padding: 0px 3px 3px 3px;
}
.navbar-actions li.logout {
	padding-left: 0px;
}
.navbar-actions a {
	text-decoration: none !important;
}
.navbar-actions li .action-title {
	display: inline-block;
	vertical-align: middle;
	max-width: 125px;
	max-height: 35px;
	line-height: 16px;
	text-align: center;
}
#quick-links {
	white-space: normal;
	min-width: 60px;
}
#quick-links .quick-link-element {
	padding: 0px 3px 5px 3px;
	margin-top: 1px;
	height: 33px;
	line-height: 30px;
	vertical-align: middle;
}
#quick-links .quick-link-element:hover {
	background-color: #ebebeb;
}

#quick-links-alt .quick-link-element {
	padding: 0px 3px 5px 3px;
	margin-top: 1px;
	height: 33px;
	vertical-align: middle;
	display: inline-block;
	white-space: normal;
}
.quick-link-icon {
	vertical-align: middle;
}
.green-button-export {
	display: inline-block;
	background-size: 24px 24px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	vertical-align: -8px;
}
.green-button-export.small-icon {
	display: inline-block;
	background-size: 16px 16px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	vertical-align: -4px;
}
.user-settings-dropdown>li>a{
	padding: 3px 3px 3px 3px;
}
.title-bar {
	position: relative;
	text-align: center;
}
.title {
	font-weight: bold;
	font-size: 13.5pt;
	margin: 4px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
}
.popover {
	max-width: 650px;
}
.report > .popover{
	position: relative;
}
#sidebar-container > .popover {
	position: fixed;
}
#sessionTimeoutAlert {
	position: fixed;
	z-index: 9999;
	top: -220px;
	text-align: center;
	width: 100%;
	transition: all 0.8s ease 0s;
}
#sessionTimeoutAlert.visible {
	top: 0px;
	transition: all 0.8s ease 0s;
}
#mainProgressBar {
	position: absolute;
	top: 0px;
	height: 20px;
	left: 0px;
	right: 0px;
	border-radius: 0px;
}
#mainProgressBar .progress-bar {
	font-size: 11pt;
	font-weight: bold;
	color: #000000;
	width: 100%;
}
#app-footer {
	position: relative;
	bottom: 0px;
	padding: 3px 16px 3px 15px;
	margin: 0px;
	z-index: 999;
	box-shadow: 0px -2px 10px 0px rgba(0,0,0,.10);
}
/* #app-footer::after {
	content: "";
	opacity: 1.0;
	background-color: #ffffff;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
} */
@media ( min-width : 992px) {
	#app-footer {
		margin-left: 250px;
	}
}
/**************************Menu Related Styles************************************/
.sidebar {
	display: block;
	position: fixed;
	padding: 0px 0px 0px 0px;
	bottom: 0px;
	width: 250px;
	left: -250px;
	z-index: 1000;
	overflow-x: hidden;
	overflow-y: auto;
	will-change:left;
	/* Scrollable contents if viewport is shorter than content. */
	transition: left 0.4s ease 0s;
	box-shadow: 5px 0px 6px 0px rgba(0, 0, 0, 0.1); 
}
#menu-action-btns {
	position: relative;
	margin-top: 5px;
	margin-left: 0px;
	width: 100%;
	z-index: 1000;
}
#accordian {
	width: 240px;
	position: absolute;
	overflow: visible;
	top: 0px;
	bottom: 0px;
	padding: 40px 5px 0px 5px;
	z-index: 999;
}
#accordian.no-save {
	padding-top: 0px;
}
.sidebar .expando {
	display: none;
	position: fixed; top: 0px; bottom: 0px; left: 250px; 
	width: 80px; 
}
.sidebar.active {
	left: 0px;
	transition: left 0.4s ease 0s;
}

@media ( min-width : 992px) {
	.sidebar {
		left: 0px;
		transition: left 0.4s ease 0s;
	}
}
.navbar-toggle {
	display: block;
	margin-left: 3px;
	margin-top: 5px;
}
@media (min-width: 992px){
   .navbar-toggle {
       display: none !important;
   }
   .report-footer.fixed {
   		/*account for the sidebar width of 250px plus the original padding of 10px*/
      padding-right: 260px;
   }
}
.navbar-brand, .navbar-brand:hover {
	background: url("../images/logo.gif") no-repeat 10px 10px;
	font-size: 0px;
	width: 200px;
	height: 80px;
}
@media (min-width: 992px){
   .navbar-brand, .navbar-brand:hover {
		width: 250px;
   }
}
@media (max-width: 600px){
   .navbar-brand, .navbar-brand:hover {
   		margin-top: 17px;
		height: 50px !important;
		width: 145px !important;
   }
}
.sidebar .panel-heading.top-menu {
	padding: 4px 4px 4px 5px;
	margin: 5px 0px 0px 0px;
	position: relative;
}
.sidebar .panel-collapse {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/* border-left: 5px solid;
	border-right: 1px solid;
	border-bottom: 1px solid; */
}
.sidebar table {
	width: 100%;
	background-color: #ffffff;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.sidebar table tr { /* border-top: 0px none;
	border-bottom: 1px solid #eaeaea; */
	
}
.sidebar table td {
	padding: 2px 5px 2px 0px;
}
.sidebar .panel-sub-heading {
	position: relative;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 5px;
}
.sidebar .sub-menu .panel-collapse {
	margin: 0px 0px 0px 15px;
}
.menu-toggle-icon {
	position: absolute;
	top: 5px;
	right: 3px;
}
#menu-help {
	margin-top: 9px;
	margin-right: 16px;
}
/*
.sidebar .root-menu-item * {
	color: #ffffff !important;
}*/
.menu-link {
	font-weight: bold;
	text-decoration: none !important;
}
.menu-item .menu-link {
	font-weight: normal;
	display: block;
	/* background: #f5f5f5; */
	margin-left: 5px;
	margin-right: 1px;
	/* border-bottom: 1px solid; */
}
.menu-link .content {
	padding-left: 5px;
	word-wrap: break-word !important;
	word-break: break-word !important;
	word-break: break-all;
}
.menu-edit-icon {
	position: absolute;
	right: 0px;
	top: 3px;
	font-size: 9pt;
	cursor: pointer;
	display: none;
}
.sub-menu .menu-edit-icon {
	top: 1px;
	right: -4px;
}
.sub-menu .menu-item-row .menu-edit-icon {
	right: -1px;
}
.menu-item-row:hover .menu-edit-icon, .menu-heading:hover .menu-edit-icon {
	display: block;
	opacity: 0.9;
}
.menu-editable {
	position: relative;
}
.menu-editable.active .menu-edit-icon {
	display: block;
}
.sidebar.editing .menu-edit-icon {
	display: none !important;
}
.menu-edit-form-container {
	position: relative;
	height: 25px;
	margin-left: 5px;
}
.menu-edit-form {
	width: 225px;
	position: absolute;
	z-index: 9999;
}
.sub-menu .menu-edit-form {
	width: 200px;
}
.sub-menu .menu-item .menu-edit-form {
	width: 215px;
}
.menu-item-row-spacer {
	background-color: #fafafa;
	height: 10px;
	line-height: 10px;
}
.sidebar table {
	empty-cells: show;
}
.menu-item-placeholder {
	margin: 12px;
	border: 2px dashed;
	padding: 5px;
	empty-cells: show;
}
#new-menu-place-holder .content {
	color: #999999;
	font-style: italic;
}
#new-menu-place-holder-content table {
	height: 30px;
}
/******************************************HELP RELATED CSS ******************/
.help-icon {
	position: absolute;
	right: 5px;
	top: 7px;
	cursor: pointer;
}
.help-inter-link {
	text-decoration: underline;
}
.popover-popout {
	float: right;
	padding-right: 10px;
	font-size: 12px;
	line-height: 21px;
	vertical-align: bottom;
	font-weight: 100;
	cursor: pointer;
}
/****************************** METER PICKER CSS ***********************/
.meter-picker-input .popover {
	/* left: 0px !important; */
	margin-left: 40px;
}
.meter-picker {
	overflow: auto;
	height: auto;
	min-height: 34px; 
	max-height: 80px;
	padding: 2px 1px 0px 2px;
	min-width: 130px;
}
.meter-picker.tall {
	max-height: 125px;
	height: 125px;
}
.meter-picker-input .popover-content {
	margin-top: -10px !important;
	border-radius: 18px;
	overflow-x: hidden;
	width: 400px;
}
.meter-search-results {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}
.meter-search-result,.meter-group-search-result,.selected-result {
	cursor: pointer;
	position: relative;
	padding: 2px;
	margin-bottom: 2px;
	padding-right: 20px;
	line-height: 15px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.selected-result {
	cursor: default;
}
.highlighted-result,.remove-result {
	position: absolute;
	right: 2px;
}
.remove-result {
	color: #ffffff;
	opacity: 1;
	top: -3px;
	margin-right: 3px;
	font-weight: normal;
	font-size: 16px;
}
.highlighted-result {
	display: none;
	top: 3px;
}
.meter-group .highlighted-result {
	top: 17px !important;
}
.inline {
	display: inline-block;
	margin-left: 4px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.selected-result.inline {
	max-width: 200px;
	white-space: normal;
	font-size:10pt;
}
.meter-search-result.active .highlighted-result {
	display: block;
}
.meter-search-result-details {
	font-style: italic;
	font-size: 8pt;
	white-space: nowrap;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	/* width: 270px; */
}
.inline.normal {
	width: auto;
	overflow: hidden;
	padding-right: 20px;
}
.inline.normal .meter-search-result-details {
	font-size: 7.0pt;
	line-height: 9px;
	width: 100px;
	overflow: visible;
}

.inline.normal.extended-width .meter-search-result-details {
	width: auto;
	max-width: 300px;
}

.add-meter-group.modal .modal-footer,.add-meter-group.modal .modal-body,.add-meter-group.modal .modal-header {
	padding: 3px 3px 3px 3px;
}
.form-group-sm {
	margin-bottom: 3px;
}
.dialog-title {
	background-color: #f5f5f5;
	border-bottom: 1px solid #eee;
	padding: 5px;
	margin-bottom: 8px;
}
.advanced-search {
	/* width: 400px; */
}
.standard-search {
	/* width: 350px; */
}
.advanced-search .nav-tabs a {
	padding: 5px;
	cursor: pointer;
}
.advanced-search .nav-tabs li.active a{
	/*background-color: #f9f9ff;*/
}
.meter-picker-input .search-form-table td label {
	line-height: 11pt;
}
/*****************************************************************************/
.input-xs {
	height: 22px;
	padding: 5px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
/********************************** Tabular Widget styles*************************************/
.data-table {
	margin-bottom: 1px;
	font-size: 9pt;
}
.data-table.fixed-layout {
	table-layout: fixed;
}
.data-table .selection-column {
	width: 25px;
}
.data-table .selection-indicator {
	display: none;
}
.data-table tbody tr.selected .selection-indicator {
	display: block;
	text-align: center;
}
.data-table th {
	white-space: nowrap;
	text-align: center !important;
}
.wrappable {
	white-space: normal !important;
}
.data-table td {
	position: relative;
	padding: 3px 3px 1px 3px !important;
}
.data-table td .fixed-height {
	overflow: hidden;
}
.column-sortable {
	cursor: pointer;
}
.sort-indicator {
	position: relative;
	width: 10px;
	margin: 0px 8px 0px 0px;
}
.column-sortable span.sort-arrow-up {
	font-size: 7pt;
	position: absolute;
	top: -2px;
}
.column-sortable span.sort-arrow-down {
	font-size: 7pt;
	position: absolute;
	top: 5px;
}
.column-sortable.asc span.sort-arrow-up {
	/* font-size: 7pt;*/
	position: relative;
}
.column-sortable.asc span.sort-arrow-down {
	display: none;
}
.column-sortable.desc span.sort-arrow-up {
	display: none;
}
.column-sortable.desc span.sort-arrow-down {
	/* font-size: 7pt;*/
	top: -2px;
	position: relative;
}
.column-nowrap {
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow:ellipsis;
}
.data-table pre {
	background-color: inherit;
	color: inherit;
	border: none;
	padding: 0px;
	font-size: inherit;
	font-family: inherit;
	word-break: break-word; white-space: pre-wrap;
}
.data-table tbody tr.show-more .fixed-height {
	max-height: none !important;
}
.data-table .toggle-show-more{
	 position: absolute; 
	 bottom: 0px; right: 0px;
	 vertical-align: -10px;
	 margin: 0px; padding: 0px 0px 4pt 0px;
	 line-height: 5pt;
	 font-size: 12pt;
	 font-weight: bold;
	 cursor: pointer;
}
.data-table .toggle-show-more:hover {
	 background-color: rgba(200, 200, 200, 0.8)
}
.table-actions-row {
	width: 100%;
	display: inline-block;
	white-space: nowrap;
	margin: 5px 0px -7px 0px; 
	padding: 4px 4px 0px 4px;
}
.chart-actions-row {
	width: 100%;
	display: inline-block;
	white-space: nowrap;
	margin: 5px 0px -7px 0px; 
	padding: 4px 4px 0px 4px;
}
/***********************************************/
.pagination {
	margin-top: 0px;
	margin-bottom: 2px;
}
/************************************************/
.form-table {
	margin-bottom: 5px;
}
.form-table td{
	padding: 1px;
}
/*********************** Dropdown Widget Styles ****************************/
.titled-button {
	padding-top: 0px; 
	padding-bottom: 1px;
	position: relative;
	overflow: auto;
}
.titled-button .button-title-container {
	position: absolute; top:0px; left: 0px; right: 0px;
	height: 10px; line-height: 10px;
	border-bottom: 1px solid; 
}
.titled-button .button-title {
	position: relative;
	font-size: 7.5pt !important;
	padding: 0px; margin: 0px;
	margin-bottom: 0px;
	height: 10px; line-height: 10px;
}
.dropdown-widget-container .dropdown-menu{
	width: auto;
	min-width: 100%;
	max-height: 250px;
	overflow: auto;
}
.dropdown-widget-button {
	width: auto;
	min-width: 100%;
}
.dropdown-menu-xs li a {
	padding: 2px 5px 2px 5px !important;
	font-size: 9pt;
}
select.input-sm {
	padding: 0px;
}
/************************** Info table Styles *****************/
.info-table {
	font-size: 9pt;
	margin-bottom: 0px;
}
.info-table > tbody > tr {
    border-top: 1px solid #dddddd;
    margin: 0px;
}
.info-table > tbody > tr.no-border {
    border-top: 0;
}
.info-table > tbody > tr > td {
    border-top: 0;
    padding: 1.5px;
}
.info-table pre {
	border: none;
	padding: 0px;
	font-size: 9.5pt;
	font-family: inherit;
	color: inherit;
	overflow:auto;
	word-break: break-word; white-space: pre-wrap;
}
/************************ Search form tables *******************/
.search-form-table td{
 	white-space: nowrap;
	padding: 3px 0px 3px 0px;
	padding-right: 10px;
}
.search-form-table.reduced-padding td{
	padding: 0px 3px 1px 3px;
}
.search-form-table td.no-padding {
	padding-right: 0px;
}
.search-form-table td label{
	line-height: 35px;
	font-size: 10.5pt;
}
/*********************** Used for tables that show secondary details ***********************/

.detailsTable td{
	padding-top: .1em;
}

/************************* JQPLOT *****************************/
.jqplot-xaxis {
	/* margin-top: -30px; */
}
.chart-container {
	margin-top: 5px;
	padding: 5px;
	background-color: #f5f5f5;
	border: 1px solid;
	border-color: #dadada;
}
.main-chart {
}
.zoom-chart {
	margin-top: -5px;
}
.zoom-chart.jqplot-target {
	height: 100px
}
.marker-icon-disabled {
	margin-bottom: -10px;
	margin-left: 6pt;
	color: #ffffff;
	font-size: 10pt;
	opacity: 0.5;
	cursor: crosshair;
}

.marker-icon {
	margin-bottom: -10px;
	margin-left: 6pt;
	color: #000000;
	font-size: 10pt;
}

.main-chart .marker-icon {
	cursor: pointer;
}
.main-chart .marker-icon:hover, .main-chart .marker-icon.active {
	opacity: 1.0;
	font-size: 13pt;
	transition: all 0.4s ease 0s;
}

.jqplot-target .popover-content {
	padding: 2px;
	margin: 0px;
	z-index: 999;
	color: #000000;
	height: 237px;
	width: 250px;
}
.jqplot-target .popover-content > div {
	height: 233px;
	overflow: auto;
}
.jqplot-target .popover-title {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	margin: 0px;
}
.jqplot-target .popover-close {
	margin-top: -3px;	
}
.jqplot-target .popover pre{
	margin: -6px 0px 0px 0px;
	padding: 2px 2px 0px 2px;
}
.chart-tooltip {
	position: absolute; 
	z-index: 1000;
	min-width: 200px;
	max-width: 225px;
	border: 1px solid #bbbbbb;
	font-size: 8.5pt;
}
.chart-tooltip div.content {
	position: relative;
	padding: 3px 3px 3px 5px;
}
.chart-tooltip .arrow {
	position: absolute; top: 0px;
	content: '';
}
.chart-tooltip .arrow-left {
	left: -12px;
	border-right: 6px solid #ffffff; border-bottom: 6px solid transparent;
	border-left: 6px solid transparent;border-top: 6px solid transparent;
}
.chart-tooltip .arrow-right {
	right: -12px;
	border-right: 6px solid transparent; border-bottom: 6px solid transparent;
	border-left: 6px solid #ffffff; border-top: 6px solid transparent;
}
.chart-tooltip .arrow-left .arrow-border {
	position: absolute; top: -6px;
	z-index: -1;
	left: -7px !important;
	border-right: 6px solid #999999; border-bottom: 6px solid transparent;
	border-left: 6px solid transparent;border-top: 6px solid transparent;
}
.chart-tooltip .arrow-right .arrow-border {
	position: absolute; top: -6px;
	z-index: -1;
	right: -7px !important;
	border-right: 6px solid transparent;border-top: 6px solid transparent;
	border-left: 6px solid #999999; border-bottom: 6px solid transparent;
}
.chart-tooltip-title {
	font-weight: bold;
	text-align: center;
	background-color: #eaeaea;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.chart-tooltip-sub-title {
	font-weight: bold;
	border-bottom: 1px solid #dddddd;
	padding: 1px;
}
.chart-chart-tooltip-timestamp-row {
	display:inline-block;
	width:100%;
}
.chart-tooltip-column {
	float:left;
	min-width:50%;
}
.chart-chart-tooltip-timestamp-row {
	display:inline-block;
	width:100%;
}
.chart-tooltip-footer {
	font-size: 8pt;
	margin-top: 5px;
	border-top: 1px solid #dddddd;
	font-style: italic;
	display:inline-block;
	width:100%;
}
.chart-tooltip .primary-text {
	font-weight: bold;
	margin-right: 2px;
}
.chart-tooltip .secondary-text {
	margin-left: 2px;
}
.chart-tooltip .btn {
	border: none;
	margin-bottom: 2px;
}
.common-chart-custom-zoom-box {
	position: absolute; 
	background-color: #ffffff; 
	opacity: 0.5;
	cursor: crosshair;
}
.common-chart-reset-zoom {
	position: absolute;
	font-size: 12pt; 
	color:#ffffff; 
	cursor: pointer;
	left: -100px;
}
table.jqplot-table-legend {
	border: 0px solid #CCCCCC !important;
	visibility: hidden;
	display:none;
	white-space: nowrap;
}
.export-to-img table.jqplot-table-legend {
	display: table;
}
.jqplot-title {
	visibility: hidden;
	font-size: 8pt;
}
.export-to-img .jqplot-title {
	visibility: visible;
}
.jqplot-table-legend-swatch-outline {
	border: 0px solid #CCCCCC !important;
}
.jqplot-table-legend td{
	padding: 4px;
}
.chart-legend {
	margin-bottom: 2px;
	margin-top: 5px;
	border: 1px solid #cacaca;
}
@media ( min-width : 1199px) {
	/* .chart-legend {
		margin-left: -15px;
		width: 110%;
	} */
}
.chart-legend label {
	margin-left: -10px;
	margin-bottom: 0px;
}
.chart-legend .legend-row {
	position: relative;
	margin-left: -10px;
	overflow-y: auto;
}
.chart-legend .legend-icon {
	position:absolute; top: 2px; left:2px; 
	width: 10px; height: 10px; line-height: 10px; 
	background-color: #fe34df;
	margin-top: 3px;
}

.chart-legend .legend-icon.legend-line{
	height: 2px;
	margin-top: 8px;
}

.chart-legend .legend-label {
	cursor: pointer;
	position: relative; 
	font-size: 8pt; 
	overflow: hidden;
	text-overflow:ellipsis;
}

.chart-legend .all-legend-checkbox {
	cursor: default;
	vertical-align: text-bottom;
}

.chart-legend .legend-checkbox {
	cursor: default;
	vertical-align: text-bottom;
}

.chart-legend .legend-item {
	/* background-color: #f7f7f7;
	border: 3px solid #fbfbfb; */
	border-radius: 4px;
}

.chart-legend .legend-item.non-interactive .legend-label{
	cursor: default;
}

.chart-legend .legend-item.highlight-series .legend-label {
	font-weight: bold;    
}

.chart-legend .legend-item.hide-series .legend-icon {
	background-color: #f7f7f7 !important;
	border: 1px solid #dadada;
}
.chart-legend .legend-item:hover .legend-label {
	white-space: normal;
}
.chart-header {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-color: #fefefe; 
	border-bottom: 1px solid #dadada; 
	margin: -5px -5px 5px -5px;
}
.chart-container .show-markers-summary {
	position: absolute; 
	z-index: 1;
	opacity: 0.94;
	width: 30px;
}
.totals-chart {
	border: 1px solid #dadada;
	margin-top: 8px;
	padding: 10px;
}
.totals-chart label{
	margin-left: 5px;
}
.totals-chart .totals-row {
	line-height: 20px; 
	margin: 0px 0px 0px 10px; 
	font-weight: bold;
}
.totals-chart .total-sum {
	font-weight: bold;
}
.totals-chart .totals-item {
	display: inline-block; 
	text-align: center;
	margin: 0px 0px 0px -5px;
	cursor: default;
	white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
	min-width: 5px;
}
.chart-container .no-data-message {
	display: none;
}
.chart-container.no-data .no-data-message {
	margin-top: 15px;
	display: block;
}
.chart-container.no-data .chart-legend {
	display: none;
}
.chart-container.no-data .totals-chart {
	display: none;
} 

.totals-row.usage-overview-row.primary {
	line-height:25px;
	height:30px
}
.totals-row.usage-overview-row.primary.spaced {
	height: 35px
}
.totals-row.usage-overview-row.secondary {
	line-height:15px;
}
.totals-row.usage-overview-row.secondary.spaced {
	height: 30px
}
/***************************************/
.closed {
	height: 0px;
	overflow: hidden;
	transition: all 1.4s ease 0s;
}

.std-form-container .row > label{
	line-height: 35px;
	font-size: 1em;
	white-space: nowrap;
}
.std-form-label{
	line-height: 35px;
	font-size: 1em;
	white-space: nowrap;
}
.bootstrap-datetimepicker-widget td.day.today:not(.active){
	border: 1px solid red;
}
.bootstrap-datetimepicker-widget td.day.disabled{
	color: #e7e7e7;
}
.bootstrap-datetimepicker-widget td.today:before {
	display: none;
}
.currency-total {
	border-top: 1px solid #000000;
	border-bottom: 3px double #000000;
	padding: 1px 0px 0px 0px;
}
.export-to-csv, .export-to-pdf {
	display: inline-block;
	margin: 0px 8px 0px 0px;
	padding: 3px 0px 0px 17px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
	height: 18px;
	vertical-align: text-bottom;
	cursor: pointer;
}
.chart-export-icon {
	display: inline-block;
	margin: 0px 16px 0px 2px;
}
.std-export-options-container {
	display: block; 
	padding: 0px;
	white-space: nowrap;
	margin-top: 5px;
	margin-bottom: -4px;
	border: 1px solid #cacaca;
}
.std-export-options-container.spaced {
	margin-top: 15px;
}
.chart-export-action {
	font-size: 8.75pt; 
	padding: 3px 5px 3px 5px; 
	line-height: 20px; 
	vertical-align: top; 
	color: inherit;
	text-decoration: none !important; 
	cursor: pointer;
	display: inline-block;
	height: 22px;
}
.chart-export-action:hover {
	background-color: #ffffff;
	color: inherit;
}
.chart-export-action .export-to-csv, .chart-export-action .export-to-pdf {
	margin: 0px 3px 0px 0px; 
}
.chart-export-action .chart-export-icon {
	font-size: 12.4pt;
	line-height: 5px;
	margin: 0px 3px 0px 1px;
}
.chart-export-action .icon-lbl {
	vertical-align: top;
}
/*******************Popover marker for tables ************************/
.marker-icon-container .popover-content {
	padding: 2px;
	margin: 0px;
	z-index: 999;
	color: #000000;
	height: 237px;
	width: 250px;
}
.marker-icon-container .popover-content > div {
	height: 233px;
	overflow: auto;
}
.marker-icon-container .popover-title {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	margin: 0px;
}
.marker-icon-container .popover-close {
	margin-top: -3px;	
}
.marker-icon-container .popover pre{
	margin: -6px 0px 0px 0px;
	padding: 2px 2px 0px 2px;
}
.marker-icon-container .marker-icon {
	cursor: pointer;
	color: #000000;
}

.actionable{
	cursor: pointer;
}
.unactionable {
	cursor: default !important;
}
.text-default{
	color: black;
}
.item.next, .item.prev {
	display: block;
	margin-top: 10px;
	margin-left: 10px;
	padding-right: 20px;
}
.btn-hamburger .icon-bar {
	display: block;
	width: 20px; height: 2px;
	border-radius: 1px; 
	background-color: #ffffff; 
	margin: 2px 0px 5px 0px;
}
.btn-hamburger .icon-bar:last-child {
	margin: 2px 0px 2px 0px;
}
.btn-hamburger.btn-default .icon-bar {
	background-color: #999999; 
}
.btn.no-border {
	border: none;
}
.close-btn {
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}
.browser-warning {
	 position: fixed; top:0px; left: 0px;
	 width: 100%;
	 text-align: center;
	 z-index: 100000;
	 /* height: 25px; */
	 padding-top: 3px;
	 font-weight: bold;
}
.translucent-box {
	background-color: rgba(255,255,255, 0.75);
	border-radius: 3px;
}
/***************** KPI ***********************/
.kpi-widget {
	border: 1px solid; 
	min-height: 200px;
	margin-bottom: 40px;
	position: relative;
}
.kpi-title {
	font-weight: bold;
}
.kpi-image {
	width: 135px;
	height: 135px;
	background-repeat: no-repeat;
	background-size: auto 128px;
	background-position: center;
}
.kpi-value{
	font-weight: bold;
	font-size: 20pt; 
	word-wrap: break-word !important;
	word-break: break-word !important;
	line-height: 25pt; min-height: 35pt; 
	vertical-align: middle;
}
.kpi-widget .info-popover-icon {
	position: absolute;
	bottom: 7px;
	right: 5px;
}
.kpi-drilldown,.kpi-drilldown:hover {
	color: inherit;
}
pre.unstyled {
	padding: 0px !important; 
	margin: 0px !important; 
	font: inherit !important;
	border: none !important;
	background-color: inherit !important;
	word-break: break-word !important; 
	white-space: pre-wrap !important;
}
/*********************** Miscelaneous styles ***********/
.generic-sort-placeholder {
	height: 30px;
	background-color: #eaeaea;
	border: 2px dashed #bbbbbb;
}
.mirror-image-text {
  -moz-transform: scaleX(-1);    /* Gecko */
  -o-transform: scaleX(-1);      /* Operah */
  -webkit-transform: scaleX(-1); /* webkit */
  transform: scaleX(-1);         /* standard */
  filter: FlipH;                 /* IE 6/7/8 */
}
.mirror-image-text-vertical {
  -moz-transform: scaleY(-1);    /* Gecko */
  -o-transform: scaleY(-1);      /* Operah */
  -webkit-transform: scaleY(-1); /* webkit */
  transform: scaleY(-1);         /* standard */
  filter: FlipV;                 /* IE 6/7/8 */
}
.text-bolded {
	font-weight: bold !important;
}
.col-reduced-padding {
	padding-left: 5px;
	padding-right: 5px;
}
.col-no-padding {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.row-centered {
	text-align:center;
}
.col-centered {
	display: inline-block;
	float: none !important;
	text-align: left;
	margin-right: -4px;
}
.dataset-spacer {
	height: 15px;
	font-size: 15px;
	color: #ffffff;
}
.dataset-spacer.minimized{
	height: 8px;
	font-size: 8px;
}
.spacer {
	height: 10px; line-height: 10px; font-size: 10px;
}
.padded-table td {
	position: relative;
	padding: 3px 3px 1px 3px !important;
}
.coincident-peak-container .popover-content, .coincident-peak-container .popover-content > div {
	height: auto;
	font-size: 10pt;
}
.export-to-img .coincident-peak-container .coincident-peak-icon {
	font-size: 0pt;
}
.coincident-peak-icon {
	color: #ff5555; 
	font-size: 12pt; font-weight: bold;
	line-height: 10pt; 
	margin-bottom: 0px; 
	margin-left: 0pt;
	text-align: center;
}
.tou-indicator-icon {
	float:left;
	height: 14px; 
	width: 14px;
	margin-left: 3px;
	margin-right: 3px;
	position:relative;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	border: solid 1px #dddddd;
}
.dateTimeWidgetMouseoverGrey {
  text-decoration: none;
  background-color: #efefef;
}
.section-header {
	width: 100%;
	text-align: center;
}
.input-group-addon {
	border: none;
}
table.customer-details {
	font-size: 8.5pt;
	width: 190px;
	text-align: left;
}
table.customer-details td {
	padding: 3px;
	vertical-align: top;
}
table.customer-details td.details{
	padding: 3px;
	white-space: pre-wrap;
	overflow: hidden;
	word-break: break-word;
}
.tooltip-inner {/*bootstrap tooltip lengths*/
	max-width: 650px;
}
input.date-picker[readonly] {
	background-color: #ffffff;
	cursor: default;
}

.chart-point-msg {
	z-index: 1;
	position: absolute;
	white-space: nowrap;
	font-size: 17px;
	color: rgba(35, 35, 35, .66);
	margin-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 3px;
	background-color: rgba(255,255,255, .66);
	
}

.chart-point-msg:hover,
.chart-point-msg.selected {
	color: rgba(35, 35, 35, 1);
	cursor: pointer;
}

.chart-point-ident {
	position: absolute;
	pointer-events: none;
	border-left: dashed 2px;
	opacity: 0.33;
	filter: alpha(opacity=33); /* For IE8 and earlier */
	line-height: 3px;
	z-index: 1;
}

.chart-point-ident.selected {
	opacity: 1;
	border-left: dashed 3px;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

.chart-point {
	position: absolute;
	width: 1px;
	height: 1px;
	visibility: hidden;
}

.chart-messages {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 2px;
	width: 2px;
	background-color: red;
}

.chart-x-axis-hover {
	position: absolute;
	display: none;
	z-index: 5;
	pointer-events: none;
	
	border: solid 1px rgb(102, 102, 102);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px;
    margin-left: 40px;
	
	background-color: white;
}

.show-checkboxes .checkbox input[type=checkbox] {
	margin-top: 11px !important;
}

/******** Event Notfications ********/
.events-table {
	margin-left: 15px;
}

.marketing-footer {
	margin-left: 10px;
}

.dashboard-title-bar {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.dashboard-widget-title-icons {
	padding-top: 5px !important;
}

.mobile-article-category-details-span {
	overflow: hidden;
	max-width: 100%;
	text-overflow: ellipsis;
}
/******************* CUSTOM BOOTSTRAP css for Mobile Screen/Small screen (screen-width < 600px) ******************/
@media(max-width: 600px) {
  .form-control.mobile-btn, .btn.mobile-btn {
  	font-size: 15pt;
  }
  .showHorizontalOnMobile {
    display: table-row;
    margin-top: 5px;
  }
  .container {
  	padding: 0px;
  }
  .container-fluid {
  	padding: 0px 1px 0px 1px;
  }
  .row {
  	margin: 0px;
  }
  .col-xs-12 {
  	padding: 2px;
  }
  .box-shadow {
  	box-shadow: none;
  }
  .chart-legend label {
	margin-left: 0px;
  }
  .chart-legend .legend-row {
	margin-left: 0px;
  }
  .dashboard-widget .dashboard-widget-content {
  	margin: 0px;
  }
  .dashboard-widget.col-xs-12 {
  	padding: 0px;
  }
  
/**** Charts ****/
.chart-header {
	margin: -2px -2px 2px -2px;
}
.chart-legend label {
	padding-left: 10px;
}

.chart-legend .legend-row {
	margin-left: 0px;
}

.show-checkboxes .checkboxinput[type=checkbox] {
	margin-top:11px;
}
/******* start- end data billing period filter ******/
.row-horizontal-filter {
	margin-left:75px;
}
.row-horizontal-filter-large {
	margin-left:100px;
}
/******* meterPicker ***********/
.input-group .form-control.meter-picker {
	width:70%;
}
.meter-picker-input .input-group-btn {
	display: table;
}

.panel-body.panel-body-mobile {
	padding: 5px !important;
}

/******** General Notifications ********/
.receive-general-notifications-text {
	white-space: normal;
	line-height: 17px !important;
}

.receive-general-notifications {
	vertical-align: top;
	margin-top: 5px;
}

/******** Event Notfications ********/
.events-table {
	margin-left: 1px;
}

/********* chart prev-next and plus - minus zoom button **********/
.chart-plus-minus-zoom-btn {
	width: 200px;
	margin-top: 25px;
}
.chart-prev-range-btn {
	position: absolute;
	top: 1%;
	left: 1%;
}
.chart-next-range-btn {
	position: absolute;
	top: 1%;
	right: 1%;
}

/********* threshold tracking report prev next buttons **********/
.threshold-prev-day-btn {
	position: absolute;
	top: 120px;
	left: 22px;
}

.threshold-next-day-btn {
	position: absolute;
	top: 120px;
	right: 45px;
}

.threshold-forward-day {
	position: absolute;
	top: 22.5px;
	right: 15px;
}
.threshold-forward-week-btn {
	margin-left: 20px;
}
.threshold-tracking-report.well{
	height: 140px;
}
.pie-chart-section.col-xs-6 {
	width: 100%;
}
.contact-method-dropdown-holder.notif-config {
	max-width: 275px;
	overflow: hidden;
}

.contact-method-dropdown-holder.add-notif {
	max-width: 150px;
	overflow: hidden;
}
.link-accounts-form {
	margin-left:-22px;
}

ul#quick-links-alt {
	min-width: 200px;
	padding: 12px 0;
}
ul#quick-links-alt li.quick-link-element .quick-link-icon {
	vertical-align: inherit;
}

.meter-picker-input .popover-content {
	margin-top: -10px !important;
	border-radius: 18px;
	overflow-x: hidden;
	width: 296px;
}
.standard-search .col-xs-8 {
	padding-left: 0px;
}
.standard-search .col-xs-4 {
	padding-right: 0px;
}
.standard-search .omni-search-field {
	width: 110px;
}
.navbar-fixed-top .icon-bar.icon-bar-red {
	background-color: red !important;
}
.menu-icon-notif-count {
	position: fixed;
	left: 40px;
}
.library-carousel-img-div {
	margin-top: 25px;
	text-align: right;
}
/********* end of media query ********/
}