/* Main
----------------------------------------------------------------*/

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    font-family:'ars_maquette_web_one', Arial, sans-serif;
}

a {
	color: #4c4c4c;
}

.selectize-dropdown {
    width: 458px !important;
}
.selectize-input {
    min-width: 458px !important;
}

.container-fluid.main-container {
    margin-right: 15px;
    margin-left: 15px;
}

#push,
footer {
    height: 60px;
}

footer {
    background: #fff;
    bottom: 0;
    height: 40px;
    padding-top: 10px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 3;
}

#wrap {
    margin: 0 auto -60px;
    min-height: 100%;
    height: 100%;
    height: auto !important;
    /* Must be same value as height value of #push/footer */
}

.dataTables_wrapper {
    float: left;
    clear: both;
    width: 100%;
}

table.dataTable tbody td [type="checkbox"]{
    margin-left: 1em;
    vertical-align: middle;
}

/* Validation
----------------------------------------------------------------*/
.alert{
    white-space:pre-wrap;
}

.alert.alert-danger ul {
    padding-left: 40px;
}

.validation-summary-valid {
    display: none;
}



/* Forms
----------------------------------------------------------------*/

.form-decision-label {
    text-align: center;
}

.form-control:focus {
	border-color: #7CA3DA;
}

.form-horizontal .checkbox-without-label {
    padding-top: 7px;
}

    .form-horizontal .checkbox-without-label input[type=checkbox] {
        margin-bottom: 7px;
    }

/* Buttons
----------------------------------------------------------------*/

.btn-primary {
    border: 1px solid #6E7CAF;
	background-color: #7CA3DA;
}

    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary:focus,
    .btn-history:hover,
    .btn-history:active {
		border: 1px solid #6692D3;
		background-color: #6692D3;
    }

.disabled.btn-primary,
[disabled].btn-primary,
fieldset[disabled] .btn-primary,
.disabled.btn-primary:hover,
[disabled].btn-primary:hover,
fieldset[disabled] .btn-primary:hover,
.disabled.btn-primary:focus,
[disabled].btn-primary:focus,
fieldset[disabled] .btn-primary:focus,
.disabled.btn-primary:active,
[disabled].btn-primary:active,
fieldset[disabled] .btn-primary:active,
.active.disabled.btn-primary,
[disabled].active.btn-primary,
fieldset[disabled] .active.btn-primary {
    /*border: 1px solid #6E7CAF;
	background-color: #7CA3DA;*/

	display: none
}

.btn-digitalblue {
    background-color:#085da9;
}
    .btn-digitalblue:hover,
	.btn-digitalblue:active,
	.btn-digitalblue:focus {
        background-color:#5AA2E7;
    }

/* Pagination
----------------------------------------------------------------*/

.pagination > li > a,
.pagination > li > span {
    color: #333;
}

    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > a:focus,
    .pagination > li > span:focus {
		background-color: #7CA3DA;
        color: #fff;
    }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	border-color: #6692D3;
	background-color: #6692D3;
}

/* Panels
----------------------------------------------------------------*/

/*
    Can't set to display:none; as it breaks the charts, so throw everything off screen instead
*/
.panel .hide-chart .chart-container,
.panel .hide-table .table-container {
    position: absolute;
    top: -10000em;
    right: -10000em;
    width: 33.3%;
    z-index: -1;
}

.panel-primary {
	border-color: #7CA3DA;
}

    .panel-primary > .panel-heading {
		border-color: #7CA3DA;
		background-color: #7CA3DA;
    }

/* Data Tables
----------------------------------------------------------------*/

table.dataTable tbody tr.selected.even td,
table.dataTable tbody tr.selected.odd td {
    background-color: #fcf8e3;
}

table.dataTable tbody td,
table.dataTable tbody td {
    cursor: pointer;
}

/* Navigation
----------------------------------------------------------------*/

#top-navigation-menu .navbar-form {
    margin-right: -15px;
}

.navbar-toggle .icon-bar {
    width: 40px;
    height: 8px;
	background-color: #7CA3DA;
}

    .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 3px;
    }

.navbar-brand {
    padding-top: 5px;
}

.company-image {
    margin-left: 0px !important;
    height: 60px;
}

.navbar-collapse ul li a:hover {
    background-color: transparent;
}

.navbar-collapse ul li a:focus,
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus,
.dropdown-menu,
.dropdown-menu li a,
.navbar-collapse .menu-opened,
.navbar-collapse .menu-opened:hover {
	/*background-color: #6692D3;*/
    color: #000;
}

    .dropdown-menu li:hover,
    .dropdown-menu li:hover a {
		background-color: #7CA3DA;
        color: #fff;
    }

.nav-justified li {
    border-left: 1px solid #fff;
	background-color: #7CA3DA;
    color: #fff;
}

    .nav-justified li:focus,
    .nav-justified li:hover,
    .nav-justified li:active {
		background-color: #6692D3;
        color: #fff;
    }

    .nav-justified li.active {
		background-color: #6692D3;
        color: #fff;
    }

    .nav-justified li a {
        display: flex;
        /* padding-top: 20px; */
        /* padding-bottom: 20px; */
        color: #fff;
        flex-grow: 1;
        flex-shrink: 1;
        /*justify-content: center;*/
    }

.dropdown a{
    justify-content: center;
}

.dropdown-menu a {
    justify-content: flex-start;
}

.dropdown-menu {
    background-color: #7CA3DA;
}


@media all and (max-width: 768px) {
    .nav-justified li a {
        padding: 10px 15px;
    }
}

@media all and (max-width:992px) {
    .customerSelectListContainer select.form-control {
        width: 125px;
    }

    span.usernameDisplay {
        max-width: 115px;
    }
}

@media all and (max-width:767px) {
    .customerSelectListContainer select.form-control {
        width: 100%;
    }
}

/*.nav-justified li.active:after {
        content: "";
        position: absolute;
        bottom: -25px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 133px solid transparent;
        border-right: 133px solid transparent;
		border-top: 25px solid #7CA3DA;
    }*/

.collapsing .nav-justified li.active:after,
.in .nav-justified li.active:after {
    display: none;
}

#account-menu {
    display: none;
    float: right;
}

    #account-menu li {
        /*width: 150px;*/
		background-color: #6692D3;
        /*float: right;*/
    }

#message-menu {
    display: none;
}

    #message-menu li {
        width: 300px;
		background-color: #6692D3;
    }

.usernameDisplay {
    overflow: hidden;
    max-width: 300px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Tile Buttons
----------------------------------------------------------------*/

.tile-menu {
    text-align: center;
}

.tile-link-container-dark,
.tile-link-container {
    display: inline-block;
    margin: 5px;
    width: 200px;
    text-align: center;
}

.tile-link-container {
	border: 5px solid #7CA3DA;
	background-color: #7CA3DA;
}

    .tile-link-container:hover {
        background-color:#6692D3;
}

.tile-link-container-dark {
	border: 5px solid #4c4c4c;
	background-color: #4c4c4c;
}

    .tile-link-container:hover,
    .tile-link-container-dark:hover {
        border-color: gray;
    }

    .tile-link-container .tile-link,
    .tile-link-container-dark .tile-link {
        display: block;
    }

        .tile-link-container .tile-link:hover,
        .tile-link-container-dark .tile-link:hover {
            text-decoration: none;
        }

        .tile-link-container .tile-link span,
        .tile-link-container-dark .tile-link span {
            display: block;
            padding-top: 10px;
            padding-bottom: 10px;
            color: #fff;
        }

        .tile-link-container .tile-link .tile-link-text-large,
        .tile-link-container-dark .tile-link .tile-link-text-large {
            padding-top: 5px;
            padding-bottom: 5px;
            font-size: 25px;
        }

        .tile-link-container .tile-link img,
        .tile-link-container-dark .tile-link img {
            padding-top: 15px;
            height: 80px;
        }

.tile-link-container-small {
    width: 40px;
}

.tile-link-container-large {
    width: 300px;
}

.tile-link-container.disabled {
    border: 5px solid #eee;
    background-color: #eee;
    cursor: not-allowed;
}

    .tile-link-container.disabled a {
        cursor: not-allowed;
    }

    .tile-link-container.disabled span {
        color: #999;
    }

.dashboard-icon {
    font-size: 4.3em;
}

/* Modal Window
----------------------------------------------------------------*/

.modal-content .modal-header {
	background-color: #7CA3DA;
    color: #fff;
}

    .modal-content .modal-header .close {
        color: #fff;
    }

@media all and (min-width:768px) {
    .modal-dialog.modal-large {
        width: 85%;
    }

    .modal-dialog.modal-medium {
        width: 65%;
    }
}

.rangePickerInner {
    width: 100%;
}

@media all and (min-width: 1400px) {
    .rangePickerInner {
        width: 80%;
    }
}

/* Tabs
----------------------------------------------------------------*/

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border: 1px solid #7CA3DA;
    border-bottom-color: transparent;
}

.nav-tabs {
	border-bottom: 1px solid #7CA3DA;
}

/* Login Form
----------------------------------------------------------------*/

.login-form {
    margin: 0 auto;
    padding: 15px;
    max-width: 500px;
}

.reset-form {
    margin: 0 auto;
    padding: 15px;
}

/* Graph Pages
----------------------------------------------------------------*/

.information-container {
    position: relative;
}

.information-container #title-container {
    width: 100%;
}

.information-container.hide-statistics .statistics-data,
.information-container.hide-graph #graph-container,
.information-container.hide-title #title-container,
.information-container.hide-table .table-container {
    position: absolute;
    top: -10000em;
    left: -10000em;
}

.information-container.horizontal {
    display: flex;
    flex-wrap: wrap;
}

.information-container.horizontal #graph-container,
.information-container.horizontal #table-container {
    order: 1;
    width: 50%;
}

.information-container.horizontal.hide-graph #table-container {
    width: 100%;
}

.information-container.horizontal #table-container {
    margin-bottom: 0px;
    margin-top: 0px;
    max-height: 400px;
}

.information-container.horizontal .floatThead-wrapper {
    max-height: 370px;
}

.information-container.horizontal .floating-header-container {
    border: 1px solid #dddddd;
    max-height: 370px;
}

.information-container.horizontal #footer-container {
    flex: 1 100%;
    order: 3;
}

.annotation-mode-indicator {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 1001;
}

#graph-container #annotation-mode-enabled-indicator {
    display: none;
}

#graph-container.box-annotation-mode #report,
#graph-container.label-annotation-mode #report {
    cursor: text;
}

#graph-container.label-annotation-mode #annotation-mode-enabled-indicator,
#graph-container.box-annotation-mode #annotation-mode-enabled-indicator {
    display: block;
}

    #graph-container.label-annotation-mode #annotation-mode-enabled-indicator #cancel-label-annotation-mode-button,
    #graph-container.box-annotation-mode #annotation-mode-enabled-indicator #cancel-box-annotation-mode-button {
        display: inline;
    }

    #graph-container.label-annotation-mode #annotation-mode-disabled-indicator,
    #graph-container.box-annotation-mode #annotation-mode-disabled-indicator,
    #graph-container.label-annotation-mode #annotation-mode-enabled-indicator #box-annotation-mode-display,
    #graph-container.box-annotation-mode #annotation-mode-enabled-indicator #label-annotation-mode-display,
    #graph-container.label-annotation-mode #annotation-mode-enabled-indicator #cancel-box-annotation-mode-button,
    #graph-container.box-annotation-mode #annotation-mode-enabled-indicator #cancel-label-annotation-mode-button {
        display: none;
    }

#report-title {
    color: #333333;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    font-size: 18px;
    padding-bottom: 7px;
    padding-top: 7px;
}

.speech-bubble {
    position: relative;
    margin: 1em 0 3em;
    padding: 15px;
    border: 5px solid gray;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    color: #333;
}

    .speech-bubble:before {
        position: absolute;
        bottom: -15px;
        left: 40px;
        display: block;
        width: 0;
        border-width: 15px 15px 0;
        border-style: solid;
        border-color: gray transparent;
        content: "";
        /* controls horizontal position */
        /* value = - border-top-width - border-bottom-width */
    }

    .speech-bubble:after {
        position: absolute;
        bottom: -10px;
        left: 47px;
        display: block;
        width: 0;
        border-width: 10px 10px 0;
        border-style: solid;
        border-color: #fff transparent;
        content: "";
        /* value = - border-top-width - border-bottom-width */
        /* value = (:before left) + (:before border-left) - (:after border-left) */
    }

    .speech-bubble.left {
        margin-left: 30px;
    }

    .speech-bubble.right {
        margin-right: 30px;
    }

    .speech-bubble.left:before {
        top: 10px;
        bottom: auto;
        left: -30px;
        border-width: 15px 30px 15px 0;
        border-color: transparent gray;
        /* controls vertical position */
        /* value = - border-left-width - border-right-width */
    }

    .speech-bubble.left:after {
        top: 16px;
        bottom: auto;
        left: -21px;
        border-width: 9px 21px 9px 0;
        border-color: transparent #fff;
        /* value = - border-left-width - border-right-width */
        /* value = (:before top) + (:before border-top) - (:after border-top) */
    }

    .speech-bubble.right:before {
        top: 10px;
        right: -30px;
        bottom: auto;
        left: auto;
        border-width: 15px 0 15px 30px;
        border-color: transparent gray;
        /* controls vertical position */
        /* value = - border-left-width - border-right-width */
    }

    .speech-bubble.right:after {
        top: 16px;
        right: -21px;
        bottom: auto;
        left: auto;
        border-width: 9px 0 9px 21px;
        border-color: transparent #fff;
        /* value = - border-left-width - border-right-width */
        /* value = (:before top) + (:before border-top) - (:after border-top) */
    }

.statistics-data {
	border-color: #7CA3DA;
}

.statistics-data,
.statistics-data table th,
.smoothingWizardTable,
.smoothingWizardTable th {
    text-align: center;
}

.smoothingWizardTable table {
    margin-bottom: 10px !important;
}

.statistics-data table th,
.smoothingWizardTable th,
.table-container thead th {
    background-color: #fff;
    color: #333;
}

.statistics-data .statistics-heading {
	border-color: #7CA3DA;
	background-color: #7CA3DA;
    cursor: pointer;
}

.statistics-data > .table-responsive > .table-bordered {
    border: 1px solid #ddd;
}

.statsRow-forecast {
    border-width: 2px;
    border-style: dashed;
    font-style: italic;
    opacity: 0.8;
}

.statsRow .min,
.statsRow .avg,
.statsRow .max {
    cursor: pointer;
}

.time-period {
    height: 50px;
}

#report,
#footer-container {
    padding-left: 45px;
    padding-right: 45px;
}

#table-container {
    padding-left: 60px;
    padding-right: 0;
    margin-right: 45px;
}

#branding-for-print {
    display: none;
}

#meterTreePrintCanvas {
    display: none;
}

@media print {
    #meterTreeContainer {
        display: none;
    }

    #meterTreePrintCanvas {
        display: block;
    }

    #branding-for-print {
        display: block;
    }

    #show-left-menu-button,
    #show-right-menu-button,
    .dataAnalysisReportOptions,
    #graph-menu-left,
    #graph-menu-right,
    #previousButton,
    #nextButton {
        display: none;
    }

    .center-block {
        width: 100% !important;
    }

    .range.from,
    .range.to {
        display: inline-block;
    }

    #rangePicker .form-control {
        display: inline-block;
        width: 75px;
        margin: 0 5px;
    }
}

/*#report {
    height: 550px;
}

@media all and (min-width:768px) {
    #report {
        height: 520px;
    }
}

@media all and (min-width:992px) {
    #report {
        height: 590px;
    }
}

@media all and (min-width:1200px) {
    #report {
        height: 620px;
    }
}*/

.dateRangeButton {
    display: inline-block;
    height: 50px;
    border: none;
    background-color: transparent;
    vertical-align: middle;
}

    .dateRangeButton span {
		color: #6692D3;
        font-size: 25px;
    }

    .dateRangeButton#previousButton {
        float: left;
    }

    .dateRangeButton#nextButton {
        float: right;
    }

#rangePicker .range {
    margin-right: 10px;
    margin-left: 10px;
}

/* Graph Slide out Menus and Context Menus
----------------------------------------------------------------*/

#graph-menu-left-container {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
}

#graph-menu-right-container {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
}

#show-left-menu-button {
    width: auto;
    outline: none;
    border-radius: 10px 10px 0 0;
	background-color: #7CA3DA;
    color: #fff;
    font-size: 20px;
    -moz-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    -o-transform: rotate(-270deg);
    -webkit-transform: rotate(-270deg);
    transform: rotate(-270deg);
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

#show-right-menu-button {
    min-width: 100px;
    outline: none;
    border-radius: 10px 10px 0 0;
	background-color: #7CA3DA;
    color: #fff;
    font-size: 20px;
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

#graph-menu-left,
#graph-menu-right {
    z-index: 999;
}

#graph-menu-left {
    top: -40px;
    left: 0;
	background-color: #7CA3DA;
    height: 455px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}

#graph-menu-right {
    right: 0;
    position: absolute;
}

.multi-level-side-menu-right,
.multi-level-side-menu-left,
.multi-level-side-menu .multi-level-side-submenu,
.multi-level-side-menu-right li,
.multi-level-side-menu-left li,
.multi-level-side-menu li {
    display: block;
    padding-left: 0;
    list-style-type: none;
}

.multi-level-side-submenu {
    position: relative;
}

    .multi-level-side-submenu ul {
        position: absolute;
        /*top: 0;*/
        padding-left: 0;
        min-width: 100px;
    }

.multi-level-side-menu {
    padding-left: 0;
    min-width: 100px;
}

.multi-level-side-menu-right .multi-level-side-submenu ul {
    right: 101%;
}

.multi-level-side-menu-left .multi-level-side-submenu ul {
    left: 101%;
}

.multi-level-side-menu-top .multi-level-side-submenu ul {
    top: 0;
}

.multi-level-side-menu-bottom .multi-level-side-submenu ul {
    bottom: 0;
}

.multi-level-side-menu-nav {
    position: relative;
}

    .multi-level-side-menu-nav > li,
    .multi-level-side-submenu-nav > li {
        display: block;
        border-bottom: 1px solid white;
	background-color: #7CA3DA;
        color: #fff;
        list-style-type: none;
    }

.multi-level-side-menu-right a,
.multi-level-side-menu-left a,
.multi-level-side-submenu a,
.multi-level-side-menu a,
.multi-level-side-submenu-header span {
    display: block;
    padding: 10px;
    color: #fff;
}

li.multi-level-side-submenu-header {
    background-color: gray;
}

.multi-level-side-menu-right button.multi-level-side-submenu-button-nav,
.multi-level-side-menu-left button.multi-level-side-submenu-button-nav,
.multi-level-side-submenu button.multi-level-side-submenu-button-nav,
.multi-level-side-menu button.multi-level-side-submenu-button-nav {
    padding: 10px;
    width: 100%;
    border: none;
    background-color: transparent;
    color: #fff;
    text-align: left;
}

    .multi-level-side-menu-right button.multi-level-side-submenu-button-nav:hover,
    .multi-level-side-menu-left button.multi-level-side-submenu-button-nav:hover,
    .multi-level-side-submenu button.multi-level-side-submenu-button-nav:hover,
    .multi-level-side-menu button.multi-level-side-submenu-button-nav:hover {
        text-decoration: underline;
    }

        .multi-level-side-menu-right button.multi-level-side-submenu-button-nav:hover:disabled,
        .multi-level-side-menu-left button.multi-level-side-submenu-button-nav:hover:disabled,
        .multi-level-side-submenu button.multi-level-side-submenu-button-nav:hover:disabled,
        .multi-level-side-menu button.multi-level-side-submenu-button-nav:hover:disabled {
            text-decoration: none;
        }

    .multi-level-side-menu-right button.multi-level-side-submenu-button-nav:disabled,
    .multi-level-side-menu-left button.multi-level-side-submenu-button-nav:disabled,
    .multi-level-side-submenu button.multi-level-side-submenu-button-nav:disabled,
    .multi-level-side-menu button.multi-level-side-submenu-button-nav:disabled {
        padding: 10px;
        border: none;
        background-color: transparent;
        color: gray;
    }

.multi-level-side-menu-right .menu-opened,
.multi-level-side-menu-left .menu-opened,
.multi-level-side-submenu .menu-opened,
.multi-level-side-menu .menu-opened {
	background-color: #6692D3 !important;
}

.multi-level-side-menu-form,
.multi-level-side-submenu-form {
    position: relative;
    white-space: nowrap;
}

    .multi-level-side-menu-form > li,
    .multi-level-side-submenu-form > li {
        display: block;
        padding: 10px;
        border-bottom: 1px solid white;
	background-color: #7CA3DA;
        color: white;
    }
    .multi-level-side-menu-form .expandableList li {
        color: white;
    }

    .multi-level-side-menu-form li ul,
    .multi-level-side-submenu-form li ul {
        padding: 0;
    }

.graph-context-menu {
    position: absolute;
    z-index: 999;
    display: none;
    border: 1px solid #a1a1a1;
    box-shadow: 3px 3px 1px gray;
}

    .graph-context-menu .multi-level-side-menu-nav,
    .graph-context-menu .multi-level-side-submenu-nav,
    .graph-context-menu .multi-level-side-menu-form,
    .graph-context-menu .multi-level-side-submenu-form {
        border: 1px solid #a1a1a1;
        box-shadow: 3px 3px 1px gray;
    }

        .graph-context-menu > li:last-child,
        .graph-context-menu .multi-level-side-menu-nav > li:last-child,
        .graph-context-menu .multi-level-side-submenu-nav > li:last-child,
        .graph-context-menu .multi-level-side-menu-form > li:last-child,
        .graph-context-menu .multi-level-side-submenu-form > li:last-child {
            border-bottom: none;
        }

.report-title-form {
    width: 400px;
}

/* Management Reports
----------------------------------------------------------------*/

.dashboard-container .reportContainer {
    padding: 1px;
    height: 400px;
}

.dashboard-container .panel-body {
    padding: 0;
    height: 400px;
}

.dashboard-container .alert-info {
    margin-bottom: 0;
    height: 100%;
    border-radius: 0;
    text-align: center;
    font-size: 40px;
}

.dashboard-container .addChart {
    color: inherit;
    font-size: 60px;
}

.dashboard-container .reportTitle {
    padding-top: 5px;
}

.dashboard-container .pageDescription {
    font-weight: bold;
}

.dashboard-container .dashboardMenuContainer {
    background-color: white;
    vertical-align: middle;
}

.reportManControlsContainer {
    min-height: 50px;
}

.sortLabel {
    float: right;
    font-size: 1.5em;
    font-weight: normal;
}

.mgmtGraphContainer {
    overflow-x: hidden;
    padding-left: 5px;
}

/* Horizontal Tree
----------------------------------------------------------------*/

ul.tree li > div {
	background: #7CA3DA;
}

ul.tree li div.parent {
    background: #af6eaf;
}

ul.tree li div.current {
    background: #546295;
}

ul.tree li div.children {
	background: #6692D3;
}

ul.tree li div.channel-box {
    cursor: pointer;
}

/* Bill Verification
----------------------------------------------------------------*/

.vtype1 img {
    content: url("/Images/TileIcons/companyvsbill-light.png");
}

.vtype1.tile-link-container-dark img {
    content: url("/Images/TileIcons/companyvsbill-dark.png");
}

.vtype2 img {
    content: url("/Images/TileIcons/rummvsbill-light.png");
}

.vtype2.tile-link-container-dark img {
    content: url("/Images/TileIcons/rummvsbill-dark.png");
}

.vtype3 img {
    content: url("/Images/TileIcons/companyvsrumm-light.png");
}

.vtype3.tile-link-container-dark img {
    content: url("/Images/TileIcons/companyvsrumm-dark.png");
}

.tile-link-container.supplier-existing img {
    content: url("/Images/TileIcons/Open.png");
}

.tile-link-container.supplier-existing.tile-link-container-dark img {
    content: url("/Images/TileIcons/Open-dark.png");
}

.tile-link-container.supplier-existing.disabled img, .supplier-existing.tile-link-container-dark img {
    content: url("/Images/TileIcons/Open-disabled.png");
}

.supplier-upload img {
    content: url("/Images/TileIcons/Add.png");
}

.supplier-upload.tile-link-container-dark img {
    content: url("/Images/TileIcons/Add-dark.png");
}

/* Meter Tree (disabled)
----------------------------------------------------------------*/

.js-channel.disabled {
    color: #999;
}

    .js-channel.disabled label {
        cursor: not-allowed;
    }

.expandableList .used, .expandableList li.used > span label {
    color: #00F;
}

.expandableList li {
    color: #333;
}

.expandableList .Channel {
    color: #333;
}

.expandableList .used.disabled, .expandableList li.used > span.disabled label {
    color: #AAF;
}

.glyphicon .disabled {
    opacity: 0.5;
}

.rowInactive,
.rowInactive td {
    background-color: #a6a6a6 !important;
}

th.hidden_col, td.hidden_col {
    display: none;
}

/* Wizard
----------------------------------------------------------------*/

.wizard-edit span.badge {
	background-color: #7CA3DA;
    color: #fff;
}

#explanationText {
    text-align: center;
}

/* Overlay Wizard
-------------------------------------------------------------*/
.logicCalendar {
    margin-right: auto;
    margin-left: auto;
    width: 80% !important;
}

.metro .logicCalendar .calendar-header {
    background-color: #769DC6 !important;
}

    .metro .logicCalendar .calendar-header td a:hover,
    .metro .logicCalendar .calendar-header th a:hover {
  background-color: #7CA3DA !important;
    }

.metro .logicCalendar .today a {
    background-color: #769DC6 !important;
}

    .metro .logicCalendar .today a:hover {
        background-color: #769DC6 !important;
    }

.metro .calendar .day a,
.metro .calendar .week a,
.metro .calendar .month a,
.metro .calendar .year a {
    position: relative;
    display: block;
    border: 2px transparent solid;
}

    .metro .calendar .day a.selected,
    .metro .calendar .week a.selected,
    .metro .calendar .month a.selected,
    .metro .calendar .year a.selected {
  border: 4px #6692D3 solid;
        border-width: 1px;
    }

        .metro .calendar .day a.selected:after,
        .metro .calendar .week a.selected:after,
        .metro .calendar .month a.selected:after,
        .metro .calendar .year a.selected:after {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 101;
            display: block;
  border-top: 28px solid #6692D3;
            border-left: 28px solid transparent;
            content: "";
        }

        .metro .calendar .day a.selected:before,
        .metro .calendar .week a.selected:before,
        .metro .calendar .month a.selected:before,
        .metro .calendar .year a.selected:before {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 102;
            display: block;
            color: #fff;
            content: "\e08a";
            font-weight: normal;
            font-size: 9pt;
            font-family: iconFont;
        }

        .metro .calendar .day a.selected:after,
        .metro .calendar .week a.selected:after,
        .metro .calendar .month a.selected:after,
        .metro .calendar .year a.selected:after {
            border-top-width: 12px;
            border-left-width: 12px;
        }

        .metro .calendar .day a.selected:before,
        .metro .calendar .week a.selected:before,
        .metro .calendar .month a.selected:before,
        .metro .calendar .year a.selected:before {
            font-size: 4pt;
        }

.metro .calendar .week a,
.metro .calendar .month a,
.metro .calendar .year a {
    padding-top: 20px;
    padding-bottom: 20px;
}

.metro .calendar .week {
    width: 11% !important;
}

    .metro .calendar .day .adisabled,
    .metro .calendar .week .adisabled,
    .metro .calendar .month .adisabled,
    .metro .calendar .year .adisabled {
        position: relative;
        display: block;
        border: 2px transparent solid;
        color: #CCCCCC;
    }

/* Help
----------------------------------------------------*/

.panel-body ul {
    padding: 15px;
}

/* Full Screen
----------------------------------------------------*/

.exit-full-screen-toggle {
    position: absolute;
    top: -2px;
    right: 32px;
    display: none;
}

/* Back Button
----------------------------------------------------*/

.btn-history {
    color: #fff;
    background-color: #7CA3DA;
    border-color: #6E7CAF;
}

    .btn-history:hover,
    .btn-history:active,
    .btn-history:focus {
        color: #fff;
    }

    .btn-history.disabled, .btn-history[disabled],
    fieldset[disabled] .btn-history,
    .btn-history.disabled:hover, .btn-history[disabled]:hover,
    fieldset[disabled] .btn-history:hover, .btn-history.disabled:focus,
    .btn-history[disabled]:focus, fieldset[disabled] .btn-history:focus,
    .btn-history.disabled:active, .btn-history[disabled]:active,
    fieldset[disabled] .btn-history:active, .btn-history.disabled.active,
    .btn-history[disabled].active, fieldset[disabled] .btn-history.active {
        background-color: #8795c8;
        border-color: #6E7CAF;
    }

/*Favourite CheckBox*/
input[type='checkbox'].pseudo-checkbox + label:before,
input[type='checkbox'].pseudo-checkbox + label:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    /*font-size: 1.5em;*/
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

input[type='checkbox'].pseudo-checkbox + label:before { /*unchecked icon*/
    content: "\e005";
    color: gray;
}

input[type='checkbox']:checked.pseudo-checkbox + label:before { /*checked icon*/
    content: "\e005";
    color: #8795c8;
}

/*Tooltip */
.tooltip > .tooltip-inner {
    background-color: #8795c8;
    color: white;
}

.tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid #8795c8;
}

.tooltip.right > .tooltip-arrow {
    border-right: 5px solid #8795c8;
}

/*IsPublicIcon*/
.multiple-users {
    margin-left: -10px;
}

/*Icon Medium*/
.icon-medium {
    font-size: 1.2em;
}

.pager.paginator {
    margin: 0;
}
.btn-history.disabled, .btn-history[disabled],
fieldset[disabled] .btn-history,
.btn-history.disabled:hover, .btn-history[disabled]:hover,
fieldset[disabled] .btn-history:hover, .btn-history.disabled:focus,
.btn-history[disabled]:focus, fieldset[disabled] .btn-history:focus,
.btn-history.disabled:active, .btn-history[disabled]:active,
fieldset[disabled] .btn-history:active, .btn-history.disabled.active,
.btn-history[disabled].active, fieldset[disabled] .btn-history.active {
    background-color: #7CA3DA;
    border-color: #6E7CAF;
}

/*Selectize*/
.selectize-control{   
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    width: 100%;
}

.selectize-input > div{
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.selectize-dropdown .create {
    background-color: inherit;
}

.selectize-dropdown [data-selectable]{
    width: 90%;
    white-space: pre-line;
    overflow: hidden;
    text-overflow: ellipsis;
}

.selectize-dropdown .active,
.selectize-dropdown .active.create
{
    background-color: #6692D3;
    color: #ffffff;
}


/*Notes*/
.rumm-notes{
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.rumm-notes .rumm-notes-header{
    font-size: 2em;
    padding-bottom: 10px;
}

.rumm-notes .rumm-notes-list{
    padding-left: 1em;
}

.rumm-notes .rumm-notes-list ul{
    padding-left: 1em;
}

.rumm-notes .rumm-notes-list > ul{
    font-weight: bold;
}

.rumm-notes .rumm-notes-list > ul > li > ul li
{
    font-weight: normal;
}

.filtersearchdiv {

    float: left;
    padding: 20px;
    height: 30px;
    position: relative;
    z-index: 999;
}

.filterdiv {
    background-color: #d9edf7;
    float: left;
    padding: 20px;
    height: 30px;
    position: relative;
    z-index: 999;
}
.filterheader {
    z-index: 999;
    cursor:pointer;
}
.filteritemcontainer {
    position: absolute;
    top: 30px;
    z-index: 999;
}
.filteritem {
    background-color: #d9edf7;
    padding: 5px;
    z-index: 999;
    position: relative;
    cursor:pointer;
}

.vcenter {

    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.waitscreen {
    z-index: 1;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    background-color: rgba(255,255,255,0.5);
    color: black;
    padding: 0;
    vertical-align: central;
}
.vcenterhidden {
    /*display: none;*/
    display:inline-block;
    position: absolute;
    background-color: rgba(255,255,255,0.5);
    opacity: 1;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    z-index: 1;
    margin: auto;
    border: 2px solid;
    padding: 10px;
}
.vcenterhiddenopaque {
    /*display: none;*/
    display: inline-block;
    position: absolute;
    background-color: rgba(255,255,255,1);
    opacity: 1;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    z-index: 1;
    margin: auto;
    border: 2px solid;
    padding: 10px;
    height: 25%;
    border-radius: 10px;
}
.vinlinehidden {
    /*display: none;*/
    display: inline-block;
    position: absolute;
    background-color: rgba(255,255,255,0.5);
    opacity: 1;
    text-align: center;
    z-index: 1;
    margin: auto;
    border: 2px solid;
    padding: 10px;
}
.fixeddiv {
    display: inline-block;
    position: fixed;
    background-color: #7CA3DA;
    opacity: 1;
    left: 30%;
    text-align: center;
    z-index: 1;
    margin: auto;
    padding: 10px;
    width: auto;
    color: white;
}