@charset "UTF-8";
@font-face {
  font-family: "Open Sans";
  src: url("../../../Bundles/Common/fonts/open-sans/OpenSans-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "Roboto Mono";
  src: url("../../../Bundles/Common/fonts/roboto-mono/roboto.otf") format("opentype"); }

/* -----------------------------------*/
/* --->>> GLOBAL BASE ELEMENTS <<<----*/
/* -----------------------------------*/
html, body {
  height: 100%; }

body {
  font-family: "Open Sans", Verdana, sans-serif;
  color: #565f63;
  background-color: #FFF;
  /* Slight off-white with near black text increases screen readability. Not Implemented Yet.*/
  -webkit-font-smoothing: antialiased;
  /*This and the next one smooth fonts so they aren't aliased'*/
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }

h1, h2, h3 {
  font-weight: 500;
  color: #7a868c; }

main {
  min-height: 100%;
  margin-bottom: 20px; }

h1 {
  margin-top: 14px;
  display: inline-block;
  font-weight: 700;
  font-size: 24px; }

h2 {
  font-size: 18px; }

h3 {
  font-size: 22px; }

h4 {
  font-size: 18px; }

a, a:link, a:visited {
  color: #457b91;
  text-decoration: none;
  font-weight: 500; }

a:visited {
  color: #91457b; }

a:hover, a:active {
  color: #9ec2d1;
  text-decoration: underline; }

a:visited:hover, a:visited:active {
  color: #b86aa2; }

/* Adds clickable cursor indicator to show that clicking a label will put focus on the corresponding input box */
form label {
  cursor: pointer; }

footer {
  font-size: 0.6875rem;
  margin-top: 12px;
  margin-bottom: 28px; }

*:focus,
a:focus,
.btn:focus,
input[type=checkbox]:focus {
  /* The specific targeting is necessary to overwrite Bootstrap styling that defines the focus outline/glow. */
  /* The generic targeting is used to overwrite browser outline/glow. */
  outline-style: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: transparent; }

.form-select {
  height: 44px; }

/* Overwriting Bootstrap styling that defines the focus outline/glow without changing the input border color */
.form-control:focus {
  border-color: #CCC;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.form-control:focus,
input:focus,
a:focus,
button:focus,
.btn:focus,
input[type=submit]:focus,
input[type=checkbox]:focus {
  -moz-box-shadow: 0 0 5px #fda657 !important;
  -webkit-box-shadow: 0 0 5px #fda657 !important;
  box-shadow: 0px 0px 5px #fda657 !important; }

/* Do not combine the selectors (selection & -moz-selection) below. They will not work if combined. */
p::selection,
li::selection,
label::selection,
span::selection,
td::selection,
th::selection,
a::selection,
h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection,
select::selection,
div::selection {
  background: #d2e3e9; }

p::-moz-selection,
li::-moz-selection,
label::-moz-selection,
span::-moz-selection,
td::-moz-selection,
th::-moz-selection,
a::-moz-selection,
h1::-moz-selection,
h2::-moz-selection,
h3::-moz-selection,
h4::-moz-selection,
h5::-moz-selection,
h6::-moz-selection,
select::-moz-selection,
div::-moz-selection {
  background: #d2e3e9; }

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

h1.title-with-subtitle {
  margin-bottom: 0; }

.no-js {
  font-weight: 700;
  margin: 0 auto; }

.lead {
  color: #a3abaf; }

/*Overrides Bootstraps default that a column will have a minimum height of 1px. Don't know exactly why they defined it that way.'*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  min-height: 0; }

.row.inner-row {
  margin-left: 0;
  margin-right: 0; }

.row.inner-row .col-md-6:first-child,
.row.inner-row .col-md-5:first-child,
.row.inner-row .col-md-4:first-child,
.row.inner-row .col-md-3:first-child,
.row.inner-row .col-md-2:first-child,
.row.inner-row .col-md-1:first-child {
  padding-left: 0; }

.row.inner-row .col-md-6:last-child,
.row.inner-row .col-md-5:last-child,
.row.inner-row .col-md-4:last-child,
.row.inner-row .col-md-3:last-child,
.row.inner-row .col-md-2:last-child,
.row.inner-row .col-md-1:last-child {
  padding-right: 0; }

.TM {
  font-size: 13px;
  vertical-align: top; }

a.btn:link, a.btn:visited {
  color: #6c757d; }

a.btn.btn-primary:link, a.btn.btn-primary:visited {
  color: #FFF; }

a {
  cursor: pointer; }

.content-row {
  margin-top: 12px; }

.container-fluid {
  /*This fixes an issue with IE rendering its scrollbar inside the box model, which covers some information*/
  margin-right: 10px; }

.tooltip {
  z-index: 2000 !important; }

/* Places the cursor icon on clickable elements that may not have an href attribute */
.nav,
.pagination,
.carousel,
.panel-title a {
  cursor: pointer; }

/* -----------------------------------*/
/* --------->>> BUTTONS <<<-----------*/
/* -----------------------------------*/
.btn-default {
  overflow: hidden;
  color: #6c757d;
  background-color: #fbfcfc;
  background-image: none;
  -moz-transition: 1.3s background-image, 1s background-color;
  -o-transition: 1.3s background-image, 1s background-color;
  -webkit-transition: 1.3s background-image, 1s background-color;
  transition: 1.3s background-image, 1s background-color; }

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.btn-default.active.focus,
.btn-default.active:hover,
.btn-default:active:focus,
.btn-default:active:hover {
  background-color: #eaebeb;
  background-image: none; }

.btn-primary,
.k-primary {
  overflow: hidden;
  background-color: #457B91;
  background-image: none;
  border-color: #4D4D4D; }

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.k-primary:hover,
.open .dropdown-toggle.btn-primary,
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover,
.btn-primary.active.focus,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
  background-color: #376173;
  background-image: none;
  border-color: #4D4D4D; }

.btn-group label {
  display: inline-block;
  padding: 4px 12px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  margin: 0; }

.btn-group .btn:nth-child(2) {
  -webkit-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.btn-toolbar {
  margin-top: 0;
  padding: 4px;
  border: 1px solid #CCC;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }

.toolbar-disabled {
  background-color: #f9f9f9;
  color: #999; }

a.btn.disabled-with-tooltip,
a.btn.disabled-with-tooltip:hover,
a.btn.disabled-with-tooltip:focus {
  opacity: 0.65;
  filter: alpha(opacity=65);
  color: #565f63;
  border-color: #ccd1d3;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0, #d6d6d6 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0, #d6d6d6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffd6d6d6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  text-shadow: 0 1px 0 #FFF; }

a.btn.btn-danger:link, a.btn.btn-danger:link:visited {
  color: #FFF; }

a.label-surround.disabled-with-tooltip {
  float: left;
  display: inline-block;
  color: #999; }

.form-search .input-append .btn,
.btn-group label {
  line-height: 30px; }

.input-append .add-on {
  -webkit-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.input-group-btn.btn-only > .btn:last-child {
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.input-group-btn.btn-only > .btn:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.action-area {
  margin-bottom: 12px; }

.action-area .btn-toolbar {
  display: inline-block; }

.btn-group .disabled,
.btn.disabled,
button.disabled,
.btn.disabled-with-tooltip {
  cursor: not-allowed; }

.confirm-delete-tooltip, .confirm-action-tooltip {
  height: 42px;
  padding: 3px;
  display: inline-block; }

.confirm-delete-container, .confirm-action-container {
  display: inline-block;
  height: 35px;
  /*enough room for the button*/
  margin-bottom: -14px;
  /*Same height as confirmation text. Prevents hidden text from altering vertical alignment of the button*/
  overflow: hidden;
  position: relative; }

.confirm-delete-action, .confirm-action {
  opacity: 1;
  width: auto; }

.confirm-delete-question, .confirm-action-question {
  opacity: 1;
  display: block;
  width: auto; }

.delete-container {
  height: 30px;
  width: 85px;
  overflow: hidden; }

.delete-icon,
.delete-confirm {
  position: absolute; }

.delete-icon {
  display: inline-block;
  margin-top: -1px; }

.delete-confirm p {
  margin-bottom: 2px; }

.btn-group .confirm-delete-container .btn {
  border-radius: 0 4px 4px 0; }

.dataTable td .delete-icon {
  margin-top: 0;
  position: relative; }

.k-header.k-upload {
  background: none;
  border: none;
  display: inline-block; }
  .k-header.k-upload .k-button {
    overflow: hidden;
    margin: 0;
    background-color: #fbfcfc;
    background-image: linear-gradient(to bottom, #FFF 0, #fbfcfc 100%);
    -moz-transition: 1.3s background-image, 1s background-color;
    -o-transition: 1.3s background-image, 1s background-color;
    -webkit-transition: 1.3s background-image, 1s background-color;
    transition: 1.3s background-image, 1s background-color; }

/* -----------------------------------*/
/* -------->>> CHECKBOXES <<<---------*/
/* -----------------------------------*/
.checkbox-disabled,
.checkbox-disabled .text-muted {
  color: #ccd1d3; }

.checkbox-disabled:hover {
  cursor: default; }

.checkbox-animated,
.radio-animated {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .checkbox-animated label,
  .radio-animated label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer; }

.checkbox-animated label:after,
.radio-animated label:after {
  content: '';
  display: table;
  clear: both; }

.checkbox-animated .cr,
.radio-animated .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: .25em;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: .5em;
  background-color: white; }

.checkbox-animated input:disabled + .cr {
  background-color: #EEE;
  cursor: not-allowed; }

.checkbox-animated .big-checkbox {
  font-size: 1.5em; }

.radio-animated .cr {
  border-radius: 50%; }

.checkbox-animated .cr .cr-icon,
.radio-animated .cr .cr-icon {
  position: absolute;
  font-size: .8em;
  line-height: 0;
  top: 50%;
  left: 20%; }

.radio-animated .cr .cr-icon {
  margin-left: 0.04em; }

.checkbox-animated label input[type="checkbox"],
.radio-animated label input[type="radio"] {
  display: none; }

.checkbox-animated label input[type="checkbox"] + .cr > .cr-icon,
.radio-animated label input[type="radio"] + .cr > .cr-icon {
  -webkit-transform: scale(3) rotateZ(-20deg);
  -moz-transform: scale(3) rotateZ(-20deg);
  -ms-transform: scale(3) rotateZ(-20deg);
  transform: scale(3) rotateZ(-20deg);
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  opacity: 0; }

.checkbox-animated label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio-animated label input[type="radio"]:checked + .cr > .cr-icon {
  -webkit-transform: scale(1) rotateZ(0deg);
  -moz-transform: scale(1) rotateZ(0deg);
  -ms-transform: scale(1) rotateZ(0deg);
  transform: scale(1) rotateZ(0deg);
  opacity: 1; }

.checkbox-animated label input[type="checkbox"]:disabled + .cr,
.radio-animated label input[type="radio"]:disabled + .cr {
  opacity: .5; }

/* -----------------------------------*/
/* -------->>> COMBO BOX <<<----------*/
/* -----------------------------------*/
/* -----------------------------------*/
/* ------->>> DATEPICKERS <<<---------*/
/* -----------------------------------*/
.ui-datepicker-month,
.ui-datepicker-year {
  font-weight: 500; }

.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px; }

.ui-timepicker-div dl {
  text-align: left; }

.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px; }

.ui-timepicker-div dl dd {
  margin: 0 10px 10px 40%; }

.ui-timepicker-div td {
  font-size: 90%; }

.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0; }

.ui-timepicker-div .ui_tpicker_unit_hide {
  display: none; }

.ui-timepicker-rtl {
  direction: rtl; }
  .ui-timepicker-rtl dl {
    text-align: right;
    padding: 0 5px 0 0; }
  .ui-timepicker-rtl dl dt {
    float: right;
    clear: right; }
  .ui-timepicker-rtl dl dd {
    margin: 0 40% 10px 10px; }

.k-datepicker .k-picker-wrap.k-state-default {
  border: none; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine {
  padding-right: 2px; }

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
  display: none; }

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
  display: block;
  padding-top: 2px; }

.ui-timepicker-div.ui-timepicker-oneLine dl {
  text-align: right; }

.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
  display: inline-block;
  margin: 0; }

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
  content: ':';
  display: inline-block; }

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
  content: '.';
  display: inline-block; }

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
  display: none; }

.sort-filter-tools .form-control.k-datepicker .k-picker-wrap,
.sort-filter-tools .form-control.date-control.k-datepicker {
  height: 28px; }

.sort-filter-tools .form-control.date-control.k-datepicker .k-picker-wrap .k-input {
  font-size: 11px;
  font-weight: 500;
  height: 28px; }

/* -----------------------------------*/
/* ---------->>> ICONS <<<------------*/
/* -----------------------------------*/
.icon-info-sign {
  margin-top: 8px; }

a > .fa-info-circle {
  color: #555; }

a.no-edit-info {
  color: #555;
  font-size: 16;
  padding-left: 8px; }

.hideWords {
  display: none;
  /* This hides words so an image will appear instead. The words exist to provide accessibility. */ }

.table .glyphicon-pencil,
.table .glyphicon-remove,
.table .fa-pencil,
.table .fa-times {
  font-size: 24px;
  margin: 6px; }

/*This setting makes a big assumption that the X icon should always be displayed red*/
.glyphicon-remove,
.fa-times {
  color: #B00000; }

.table .glyphicon-remove:hover,
.table .glyphicon-remove:active {
  color: #e30000; }

@font-face {
  font-family: 'custom-icons';
  src: url("fonts/custom-icons.eot?23986045");
  src: url("fonts/custom-icons.eot?23986045#iefix") format("embedded-opentype"), url("fonts/custom-icons.woff?23986045") format("woff"), url("fonts/custom-icons.ttf?23986045") format("truetype"), url("fonts/custom-icons.svg?23986045#custom-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "custom-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  margin-left: .2em;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon.offline-indicator {
  color: #A94442; }

.glyphicon.online-indicator {
  color: #3c763d; }

.glyphicon.indeterminate-indicator {
  color: #CCC; }

.icon-sun:before {
  content: '\e800'; }

.icon-signal:before {
  content: '\e801'; }

.icon-gauge:before {
  content: '\e802'; }

.icon-cloud-sun:before {
  content: '\e803'; }

.icon-snow:before {
  content: '\e804'; }

.icon-rain:before {
  content: '\e805'; }

.icon-cloud-flash:before {
  content: '\e806'; }

.water-icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #80b1bf;
  content: ""; }

.gas-icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #6bce6b;
  content: ""; }

.electric-icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: sandybrown;
  content: ""; }

.status-success-icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #5cb85c;
  content: ""; }

.status-partial-success-icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #f0ad4e;
  content: ""; }

.status-failure-icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #d9534f;
  content: ""; }

.status-progress-icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #565f63;
  content: ""; }

.k-grid .k-hierarchy-cell .k-i-collapse:before, .k-grid .k-hierarchy-cell .k-i-expand:before {
  font-family: FontAwesome; }

.k-grid .k-hierarchy-cell .k-i-collapse:before {
  content: ""; }

.k-grid .k-hierarchy-cell .k-i-expand:before {
  content: ""; }

/* -----------------------------------*/
/* ------->>>   LINKS     <<<---------*/
/* -----------------------------------*/
.delete-link {
  color: #B00000; }

.external-link:after {
  font-family: FontAwesome;
  content: "\f08e";
  display: inline-block;
  padding-left: 6px;
  vertical-align: middle; }

/* ---------------------------------------*/
/* ---->>>   NUMERIC TEXT BOX     <<<-----*/
/* ---------------------------------------*/
.k-numerictextbox .k-select .k-icon {
  height: 16px; }

/* -----------------------------------*/
/* ----->>> PROGRESS BARS <<<---------*/
/* -----------------------------------*/
.progress {
  border: 1px solid #ccd1d3; }

.progress-bar {
  min-width: 2em !important; }

.progress-bar:not(.progress-bar-danger):not(.progress-bar-warning):not(.progress-bar-success) {
  /* progress bar branded in Aclara orange*/
  letter-spacing: 1px;
  background-image: linear-gradient(to bottom, #8db8c8 0, #6aa2b8 100%); }

/* ---------------------------------------*/
/* ------->>>   SCROLLBAR     <<<---------*/
/* ---------------------------------------*/
::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f6f6;
  height: 12px; }

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: linear-gradient(to left, #959fa4, #d2e3e9);
  box-shadow: inset 0 0 1px 2px #abb3b7; }

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f6f6;
  border-radius: 4px; }

::-webkit-scrollbar-thumb:horizontal {
  background: linear-gradient(to top, #959fa4, #d2e3e9); }

/* --------------------------------*/
/* ----->>> SPARKLINES <<<---------*/
/* --------------------------------*/
.sparklist {
  overflow: visible;
  width: 100%;
  margin: 0;
  padding: 0; }
  .sparklist li {
    list-style: none;
    margin-right: 35px;
    /*&:hover, &:focus {
          .sparkline {
            @include transform(translate(200px) scale(6));
          }
          .index .count {
            background-color: $color-brand-primary;
          }
        }*/ }

.sparkline {
  display: inline-block;
  height: 1em;
  margin: 0 0.5em;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.sparkline .index {
  position: relative;
  float: left;
  width: 2px;
  height: 1em; }

.sparkline .index .count {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #7a868c;
  font: 0/0 a;
  text-shadow: none;
  color: transparent; }

/* ========================================================================
 * bootstrap-switch - v3.3.2
 * http://www.bootstrap-switch.org
 * ========================================================================
 * Copyright 2012-2013 Mattia Larentis
 *
    * ========================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */
.bootstrap-switch {
  display: inline-block;
  direction: ltr;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid;
  border-color: #cccccc;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

.bootstrap-switch .bootstrap-switch-container {
  display: inline-block;
  top: 0;
  border-radius: 4px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block !important;
  height: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 20px; }

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
  text-align: center;
  z-index: 1; }

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #FFF;
  background: #6aa2b8; }

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  color: #FFF;
  background: #5bc0de; }

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  color: #FFF;
  background: #5cb85c; }

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
  background: #f0ad4e;
  color: #FFF; }

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  color: #FFF;
  background: #d9534f; }

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #000;
  background: #eeeeee; }

.bootstrap-switch .bootstrap-switch-label {
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  color: #565f63;
  background: #FFF; }

.bootstrap-switch .bootstrap-switch-handle-on {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.bootstrap-switch .bootstrap-switch-handle-off {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
  position: absolute !important;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1; }

.bootstrap-switch input[type='radio'].form-control,
.bootstrap-switch input[type='checkbox'].form-control {
  height: auto; }

.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5; }

.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  padding: 6px 16px;
  font-size: 18px;
  line-height: 1.33; }

.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly,
.bootstrap-switch.bootstrap-switch-indeterminate {
  cursor: default !important; }

.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important; }

.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  -webkit-transition: margin-left 0.5s;
  transition: margin-left 0.5s; }

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.bootstrap-switch.bootstrap-switch-focused {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

/* ----------------------------------*/
/* ------->>>   TABS     <<<---------*/
/* ----------------------------------*/
.tab-content {
  margin-top: 8px; }

.nav-stacked {
  border-bottom: 0; }

.nav-tabs.nav-stacked.nav-pills .has-error a {
  color: #A94442; }

/*$left-tabs-width: 15%;

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}

.tabs-left > .tab-content > .tab-pane {
    //margin-left: $left-tabs-width;
}

.tabs-left > .tab-content > .active {
    //display: inline-block;
}

.tab-content > .active,
.pill-content > .active {
    display: block;
    float: left;
    width: 100 - $left-tabs-width;
}

.tabs-below > .nav-tabs {
    border-top: 1px solid $color-border;
}

.tabs-below > .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
     @include rounded-corners-right(0 0 4px 4px);
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
    border-top-color: $color-border;
    border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
    border-color: transparent $color-border $color-border $color-border;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid $color-border;
    max-width: $left-tabs-width;
}

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    @include rounded-corners-right(4px 0 0 4px);
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    border-color: $color-border-hover $color-border $color-border-hover $color-border-hover;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border-color: $color-border transparent $color-border $color-border;
    *border-right-color: $color-background;
}

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid $color-border;
    width: 15%;
}

.tabs-right > .nav-tabs > li > a {
    @include rounded-corners-right(0 4px 4px 0);
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
    border-color: $color-border-hover $color-border-hover $color-border-hover $color-border;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
    border-color: $color-border $color-border $color-border  transparent;
    *border-left-color: $color-background;
}*/
/* ----------------------------------*/
/* ------->>>   TEXT     <<<---------*/
/* ----------------------------------*/
.small-caps {
  font-variant: small-caps; }

/* -----------------------------------*/
/* ---------->>> ALERTS <<<-----------*/
/* -----------------------------------*/
.alert .glyphicon {
  margin-right: 12px; }

.alert {
  margin: 10px; }

#messages {
  margin: 15px auto;
  max-width: 1140px;
  float: none; }
  #messages button.close {
    font-size: 3rem;
    /* Since the button is a font icon, font size controls its width and height */ }
  #messages p {
    margin-left: 28px; }
  #messages p:first-of-type {
    margin-left: 0; }

.alert.ng-enter,
.alert.ng-leave {
  -webkit-transition: 0.5s linear all;
  transition: 0.5s linear all; }

.alert.ng-enter,
.alert.ng-leave.ng-leave-active {
  opacity: 0; }

.alert.ng-leave,
.alert.ng-enter.ng-enter-active {
  opacity: 1; }

/* -----------------------------------*/
/* ------->>> BREADCRUMBS <<<---------*/
/* -----------------------------------*/
.breadcrumb > li + li:before {
  color: #a3abaf; }

.breadcrumb > li:last-child:after {
  content: ">\00a0";
  padding: 0 10px;
  color: #a3abaf; }

.breadcrumb {
  color: #a3abaf;
  background-color: #FFF;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0; }

/* ----------------------------------------*/
/* ------>>> SHARED CARD STYLES <<<--------*/
/* ----------------------------------------*/
.panel.callout-card, .ui-guide .persona-card {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  border: none;
  word-break: break-word; }
  .panel.callout-card .callout-value, .ui-guide .persona-card .callout-value {
    font-size: 2rem; }
  .panel.callout-card .callout-details, .ui-guide .persona-card .callout-details {
    display: inline-block;
    float: left;
    margin: 1rem 0 0 1rem;
    color: #7a868c; }
    .panel.callout-card .callout-details .callout-title, .ui-guide .persona-card .callout-details .callout-title {
      font-size: 1.3rem;
      font-weight: 400;
      margin: 0; }
  .panel.callout-card .panel-body, .ui-guide .persona-card .panel-body {
    padding: 0; }
  .panel.callout-card .panel-footer, .ui-guide .persona-card .panel-footer {
    background-color: #FFF;
    padding: 5px;
    font-size: 1.2rem;
    font-weight: 400; }
    .panel.callout-card .panel-footer .view-details, .ui-guide .persona-card .panel-footer .view-details {
      text-align: center; }
    .panel.callout-card .panel-footer a, .ui-guide .persona-card .panel-footer a {
      text-align: center; }

/* -----------------------------------*/
/* ------>>> CALLOUT CARDS <<<--------*/
/* -----------------------------------*/
.panel.callout-card .callout-img {
  max-width: 30%;
  padding-left: 1rem;
  display: inline-block;
  float: left;
  text-align: center;
  font-size: 46px;
  color: #98d1dd; }
  .panel.callout-card .callout-img img {
    font-size: 11px;
    height: 46px; }

.panel.callout-card .callout-details:not(.only-child) {
  width: 62%; }
  .panel.callout-card .callout-details:not(.only-child) .fa-question-circle {
    margin-left: 8px;
    font-size: 14px; }

.callout-card.ng-enter,
.callout-card.ng-leave {
  -webkit-transition: opacity ease-in-out 0.7s;
  -moz-transition: opacity ease-in-out 0.7s;
  -ms-transition: opacity ease-in-out 0.7s;
  -o-transition: opacity ease-in-out 0.7s;
  transition: opacity ease-in-out 0.7s; }

.callout-card.ng-enter,
.callout-card.ng-leave.ng-leave-active {
  opacity: 0; }

.callout-card.ng-leave,
.callout-card.ng-enter.ng-enter-active {
  opacity: 1; }

@media (min-width: 1400px) {
  .panel.callout-card .callout-value, .ui-guide .persona-card .callout-value {
    font-size: 2.5rem; }
  .panel.callout-card .callout-details .callout-title, .ui-guide .persona-card .callout-details .callout-title {
    font-size: 1.8rem;
    margin: 0; }
  .panel.callout-card .panel-footer, .ui-guide .persona-card .panel-footer {
    font-size: 1.4rem; } }

/* ----------------------------------------*/
/* ------>>> SHARED CARD STYLES <<<--------*/
/* ----------------------------------------*/
.panel.status-card {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  border: none;
  word-break: break-word; }
  .panel.status-card .status-detail {
    font-size: 1.5rem; }
  .panel.status-card .status-details {
    display: inline-block;
    float: left;
    margin: 1rem 0 0 1rem;
    color: #7a868c; }
    .panel.status-card .status-details .status-title {
      font-size: 1.3rem;
      font-weight: 400;
      margin: 0; }
  .panel.status-card .panel-body {
    padding: 0; }

/* -----------------------------------*/
/* ------>>> STATUS CARDS <<<--------*/
/* -----------------------------------*/
.panel.status-card .status-img {
  max-width: 30%;
  padding-left: 1rem;
  display: inline-block;
  float: left;
  text-align: center;
  font-size: 46px;
  color: #98d1dd; }
  .panel.status-card .status-img img {
    font-size: 11px;
    height: 46px; }

.panel.status-card .status-details:not(.only-child) {
  width: 62%; }
  .panel.status-card .status-details:not(.only-child) .fa-question-circle {
    margin-left: 8px;
    font-size: 14px; }

@media (min-width: 1400px) {
  .panel.status-card .status-details .status-title {
    font-size: 1.8rem;
    margin: 0; } }

/* ----------------------------------------*/
/* ------>>> SHARED STYLE CARD STYLES <<<--------*/
/* ----------------------------------------*/
uui-style-card .water-card {
  background-color: #e8f1fc; }

uui-style-card .gas-card {
  background-color: #bfe5bf; }

uui-style-card .electric-card {
  background-color: blanchedalmond; }

uui-style-card .panel-body {
  position: relative;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
  padding: 20px; }
  uui-style-card .panel-body h2 {
    margin-top: 0px;
    margin-bottom: 30px; }
  uui-style-card .panel-body label {
    font-weight: bold;
    margin-right: 10px; }

uui-style-card table {
  padding: 10px; }

uui-style-card .commodity-link {
  padding: 0;
  margin: 0; }

/* -----------------------------------*/
/* ---------->>> TOASTS <<<-----------*/
/* -----------------------------------*/
.k-widget.k-notification {
  padding-bottom: 0; }
  .k-widget.k-notification h4 {
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 3px;
    padding-top: 3px;
    font-weight: 700; }
  .k-widget.k-notification .content,
  .k-widget.k-notification .fa {
    display: inline-block; }
  .k-widget.k-notification .fa {
    padding: 15px;
    font-size: 24px;
    vertical-align: text-bottom; }
  .k-widget.k-notification .close {
    float: right;
    padding: 5px; }
  .k-widget.k-notification .content {
    max-width: 318px;
    /* assuming a 400px width toast */ }

/* ---------------------------------*/
/* ---------->>> CHARTS <<<-----------*/
/* ---------------------------------*/
.uui-chart .hide-block-element {
  visibility: hidden; }

.uui-chart .no-data-overlay {
  position: absolute;
  height: 100%;
  left: 0;
  text-align: center;
  top: 0;
  width: 100%; }

.uui-chart .no-data-text {
  font-style: italic;
  position: relative;
  top: 48%; }

.uui-chart .chart-title {
  font-size: 18px;
  padding: 0 0 20px 0; }

/* -------------------------*/
/* ------->>> D3 <<<--------*/
/* -------------------------*/
/* -----------------------------------------*/
/* ------>>> DATE RANGE SELECTOR <<<--------*/
/* -----------------------------------------*/
.date-range-container .form-control[readonly],
.date-range-container .input-group-addon {
  background: none;
  cursor: pointer; }

.search-filters .date-range-container .form-control[readonly] {
  width: 100%; }

.date-range-container .form-control[readonly] {
  font-weight: 500; }

.date-range-container .fa-chevron-down {
  font-size: 11px;
  margin-left: 3px; }

div[uib-popover-template-popup].popover {
  float: left;
  clear: both;
  max-width: 100%;
  min-width: 700px;
  position: absolute; }

.date-range-picker-popover .calendar-container,
.date-range-picker-popover .preset-container {
  display: inline-block; }

.date-range-picker-popover .preset-container {
  vertical-align: top; }

.date-range-picker-popover .selected-date {
  text-align: center;
  font-weight: 700; }

.date-range-picker-popover .k-widget.k-calendar {
  border: none;
  box-shadow: none;
  margin-right: 10px; }
  .date-range-picker-popover .k-widget.k-calendar .k-header {
    background-color: #FFF; }
  .date-range-picker-popover .k-widget.k-calendar th {
    background-color: #FFF;
    border: none;
    color: #eb7203; }
  .date-range-picker-popover .k-widget.k-calendar .k-today.k-state-selected,
  .date-range-picker-popover .k-widget.k-calendar .k-state-selected.k-state-hover,
  .date-range-picker-popover .k-widget.k-calendar .nav > li > a:focus,
  .date-range-picker-popover .k-widget.k-calendar .nav > li > a:hover {
    background-color: #7a868c; }

.date-range-picker-popover .nav > li > a {
  padding: 5px 15px;
  background-color: #f5f6f6; }

.date-range-picker-popover .nav > li > a:focus,
.date-range-picker-popover .nav > li > a:hover {
  color: #FFF;
  background-color: #7a868c; }

.date-range-picker-popover .nav > li.active > a {
  background-color: #6aa2b8; }

.date-range-container div[uib-popover-template-popup].popover {
  float: left;
  clear: both;
  max-width: 100%;
  position: absolute; }
  .date-range-container div[uib-popover-template-popup].popover.relative-popover-daterange {
    min-width: 335px; }
  .date-range-container div[uib-popover-template-popup].popover.absolute-popover-daterange {
    min-width: 575px; }

.date-range-container .relative-daterange form {
  max-width: 250px; }
  .date-range-container .relative-daterange form input {
    max-width: 50px;
    margin-left: 15px;
    margin-right: 15px; }
  .date-range-container .relative-daterange form button {
    margin-left: 25px; }

.date-range-container .absolute-daterange div {
  max-width: 505px; }

/* -----------------------------------*/
/* ------->>> AUTO REFRESH <<<--------*/
/* -----------------------------------*/
.autorefresh label {
  font-weight: 500;
  text-align: right; }
  .autorefresh label input {
    margin-right: 4px; }
  .autorefresh label .input-medium {
    min-height: 40px;
    margin: 0;
    float: right; }
  .autorefresh label select option {
    min-height: 34px; }

.autorefresh a,
.autorefresh a:hover,
.autorefresh a:focus {
  color: #565f63;
  text-decoration: none; }

#refreshWords {
  float: left;
  margin-right: 6px; }

#autoRefreshLink {
  display: block;
  cursor: pointer; }
  #autoRefreshLink input[type='checkbox'] {
    margin-top: 0; }

.refreshedLastAt {
  display: block;
  font-size: 11px;
  text-align: right;
  width: 145px;
  /* This explicit width helps prevent the "jump" when a time interval goes from single digits to double digits  */ }

/* -----------------------------------*/
/* ---------->>> SEARCH <<<-----------*/
/* -----------------------------------*/
.hasDatepicker {
  max-width: 100px; }

.input-append .add-on {
  min-width: 30px; }

#statusFilters label, #statusFilters1, #statusFilters2,
#dtstatusFilters label {
  font-weight: 500;
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 10px; }

.form-search-directive {
  max-width: 900px; }

.form-search .input-group > .form-control.search-query {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-left: 0;
  min-height: 30px; }

.form-search .input-group {
  width: 100%; }

.form-search .fa-info-circle,
.form-search .glyphicon {
  color: #555; }

.form-search .input-group .input-group-addon {
  width: 46px; }

.form-search .form-search .input-append .btn {
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #6aa2b8;
  color: #FFF;
  text-shadow: none; }

.form-search input[type='checkbox'] {
  margin-top: 0; }

.form-search label {
  margin-right: 15px;
  /*padding: 10px 0;*/
  /* This provides the vertical space required for touch device interaction*/ }

.search-filters label {
  font-weight: 900;
  display: block; }

.search-filters p {
  display: block;
  font-weight: 700;
  margin-top: 12px; }

.search-filters .date-range-container label {
  display: inline-block; }

.search-filters .checkbox span {
  font-weight: normal; }

.search-filters .radio span {
  font-weight: normal; }

.form-control.k-combobox.search-query {
  padding: 0px;
  border-top: 1px solid #ccd1d3;
  border-bottom: 1px solid #ccd1d3;
  box-shadow: none;
  background-color: #FFF; }
  .form-control.k-combobox.search-query .k-dropdown-wrap,
  .form-control.k-combobox.search-query .k-dropdown-wrap:hover {
    border: none;
    background-color: #FFF;
    height: 44px; }
  .form-control.k-combobox.search-query .k-input.search-query {
    background: none;
    height: 42px;
    -webkit-box-shadow: none;
    box-shadow: none; }

.input-group .k-combobox {
  padding: 0; }

@-moz-document url-prefix() {
  .input-group .search-query.form-control {
    float: none; } }

.ui-autocomplete {
  list-style-type: none;
  z-index: 105;
  /*This ensures the autocomplete appears on top of the datatables fixed header, which has a z-index of 104*/ }
  .ui-autocomplete a,
  .ui-autocomplete a:hover,
  .ui-autocomplete a:focus {
    cursor: pointer;
    text-decoration: none; }

.pull-right .btn-group label {
  float: left; }

.date-range-filter-container .date-range-container > .daterange-group {
  margin-left: 0;
  margin-right: 0; }
  .date-range-filter-container .date-range-container > .daterange-group label {
    margin-bottom: 6px; }

.saved-view-profile-container .no-data-found {
  padding: 40px 10px;
  text-align: center; }

.saved-view-profile-container .profile-display-name {
  display: inline-block; }

@media (min-width: 992px) {
  .saved-view-profile-container .profile-display-name {
    max-width: 40%; } }

@media (min-width: 1200px) {
  .saved-view-profile-container .profile-display-name {
    max-width: 58%; } }

@media (min-width: 1430px) {
  .saved-view-profile-container .profile-display-name {
    max-width: 62%; } }

@media (min-width: 1640px) {
  .saved-view-profile-container .profile-display-name {
    max-width: 68%; } }

.saved-view-profile-container .saved-view-profile-tab {
  padding-top: 10px; }

.saved-view-profile-container .saved-view-profile-tab.saved-views-tab .fa-times {
  display: inline;
  font-size: 24px;
  margin: 6px;
  position: relative;
  top: -3px; }

.saved-view-profile-container .saved-view-profile-tab.filters-tab .fa-times {
  display: inline;
  font-size: 14px;
  margin: 2px; }

.saved-view-profile-container .selected-profile-display-name {
  background-color: #7a868c;
  border: 2px solid #ccd1d3;
  border-radius: 4px;
  color: #FFF;
  padding: 10px; }
  .saved-view-profile-container .selected-profile-display-name a {
    color: #ccd1d3; }

.saved-view-profile-container .view-container {
  margin-top: 20px; }

.saved-view-profile-container .view-profile-details {
  min-height: 700px; }

.saved-view-profile-container ul.view-profile-list {
  list-style-type: none;
  padding-left: 0; }
  .saved-view-profile-container ul.view-profile-list li {
    cursor: pointer;
    padding: 16px; }
  .saved-view-profile-container ul.view-profile-list li.active {
    background-color: #7a868c;
    border: 2px solid #ccd1d3;
    border-radius: 4px;
    color: #FFF; }

/* -----------------------------------*/
/* ----->>> SUMMARY PANELS <<<--------*/
/* -----------------------------------*/
.panel-title a {
  font-weight: 700;
  cursor: pointer; }

.summary-panel .list-group {
  margin-bottom: 0; }

/* Provide some breathing room for the tables shown inside of panels */
.panel-collapse .table-responsive {
  padding: 14px; }

/* Panel Groups do not need bottom margins for seperation. Panels within panel groups do. */
.panel-group .panel .panel {
  margin-bottom: 20px; }

.panel.card-panel .panel-heading {
  background: none;
  border: none; }

.panel.card-panel .panel-title {
  font-size: 24px; }

.panel.card-panel .panel-title::before {
  content: none; }

.slideout-panel {
  -webkit-box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  border: none; }
  .slideout-panel .rounded-border {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; }
  .slideout-panel .panel-heading {
    background: none;
    border: none; }

.slide-to-top-animation {
  /* The starting CSS styles for the enter animation */
  /* The finishing CSS styles for the enter animation */
  /* now the element will slide out before it is removed from the DOM */ }
  .slide-to-top-animation.ng-enter {
    -moz-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    -webkit-transition: 0.3s linear all;
    transition: 0.3s linear all;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0; }
  .slide-to-top-animation.ng-enter.ng-enter-active {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
    .slide-to-top-animation.ng-enter.ng-enter-active body {
      overflow: hidden; }
  .slide-to-top-animation.ng-leave {
    -moz-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    -webkit-transition: 0.3s linear all;
    transition: 0.3s linear all;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  .slide-to-top-animation.ng-leave.ng-leave-active {
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0; }
    .slide-to-top-animation.ng-leave.ng-leave-active body {
      overflow: hidden; }

.slide-to-bottom-animation {
  /* The starting CSS styles for the enter animation */
  /* The finishing CSS styles for the enter animation */
  /* now the element will slide out before it is removed from the DOM */ }
  .slide-to-bottom-animation.ng-enter {
    -moz-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    -webkit-transition: 0.3s linear all;
    transition: 0.3s linear all;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0; }
  .slide-to-bottom-animation.ng-enter.ng-enter-active {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  .slide-to-bottom-animation.ng-leave {
    -moz-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    -webkit-transition: 0.3s linear all;
    transition: 0.3s linear all;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  .slide-to-bottom-animation.ng-leave.ng-leave-active {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0; }

.slide-to-left-animation {
  /* The starting CSS styles for the enter animation */
  /* The finishing CSS styles for the enter animation */
  /* now the element will slide out before it is removed from the DOM */ }
  .slide-to-left-animation.ng-enter {
    -moz-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    -webkit-transition: 0.3s linear all;
    transition: 0.3s linear all;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    opacity: 0; }
  .slide-to-left-animation.ng-enter.ng-enter-active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  .slide-to-left-animation.ng-leave {
    -moz-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    -webkit-transition: 0.3s linear all;
    transition: 0.3s linear all;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  .slide-to-left-animation.ng-leave.ng-leave-active {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    opacity: 0; }

.slide-to-right-animation {
  /* The starting CSS styles for the enter animation */
  /* The finishing CSS styles for the enter animation */
  /* now the element will slide out before it is removed from the DOM */ }
  .slide-to-right-animation.ng-enter {
    -moz-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    -webkit-transition: 0.3s linear all;
    transition: 0.3s linear all;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 0; }
  .slide-to-right-animation.ng-enter.ng-enter-active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  .slide-to-right-animation.ng-leave {
    -moz-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    -webkit-transition: 0.3s linear all;
    transition: 0.3s linear all;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  .slide-to-right-animation.ng-leave.ng-leave-active {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 0; }

/* ----------------------------------------*/
/* ------>>> SHARED CARD PANEL STYLES <<<--------*/
/* ----------------------------------------*/
.card-panel {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  border: none; }

/* -----------------------------------*/
/* ------>>> CARD PANEL <<<--------*/
/* -----------------------------------*/
.card-panel .rounded-border {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px; }

/* ----------------------------------------*/
/* ------>>> CARD PANEL HEADING <<<--------*/
/* ----------------------------------------*/
.panel .card-heading {
  padding: 0 5px;
  background: none;
  color: #333;
  border-color: #ddd; }

.panel .card-heading a {
  cursor: pointer;
  padding: 4px;
  display: inline-block;
  text-rendering: auto; }

.panel .card-heading a:hover,
.panel .card-heading a:active {
  text-decoration: none; }

.panel .utility-buttons a {
  margin-right: 8px; }

.panel .utility-buttons a:last-child {
  margin-right: 0; }

.panel .utility-buttons .close-card {
  transition: all ease-out 0.5s;
  padding-top: 3px;
  width: 25px;
  height: 25px;
  align-content: center; }

.panel .utility-buttons .close-card:hover,
.panel .utility-buttons .close-card:active {
  color: #D36C69;
  /* danger color desaturated */
  opacity: 1;
  transition: all ease-out 0.3s; }

.panel .card-heading .move-card {
  visibility: hidden;
  /* Move is currently unused, but since it doesn't float it provides proper spacing to the panel-heading */ }

.callout-button {
  transition: all ease-out 0.5s;
  padding-top: 3px;
  height: 25px;
  width: 25px;
  align-content: center;
  background: #ffffff; }

.callout-button:hover {
  opacity: 1;
  transition: all ease-out 0.3s; }

.callout-button:focus,
.callout-button:active {
  opacity: 1;
  transition: all ease-out 0.3s; }

.callout-filter-button {
  left: 160px;
  top: -24px;
  position: absolute;
  -webkit-border-radius: 3px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5) !important;
  z-index: 11;
  background: #ffffff;
  border-width: 0px; }

.callout-filter-button-right {
  right: 160px; }

.callout-panel-body {
  padding: 15px 15px 0 15px; }

.callout-bottom-panel-body {
  padding: 0 15px 15px 15px;
  margin-bottom: 15px; }

.callout-label-font label {
  font-size: 14px;
  font-weight: 500; }

.callout-filter-body {
  width: 185px;
  height: Auto;
  top: 25px;
  z-index: 11;
  position: absolute;
  -webkit-border-radius: 3px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  border-width: 0px; }

.callout-filter-padding {
  padding: 0 15px 0 15px; }

.callout-filter-divhelper {
  height: 10px;
  width: 25px;
  top: 20px;
  position: absolute;
  background: #fff;
  -moz-box-shadow: 0 4px 4px #fff;
  -webkit-box-shadow: 0 4px 4px #fff;
  box-shadow: 0 4px 4px #fff; }

.fullscreen {
  position: fixed !important;
  z-index: 1;
  left: 5px;
  top: 56px;
  width: 99%;
  height: 90vh; }

.fullscreen-add {
  width: 50%;
  height: 50vh;
  left: 30%;
  top: 30%;
  -webkit-transition: all ease-in-out 0.4s;
  -moz-transition: all ease-in-out 0.4s;
  -ms-transition: all ease-in-out 0.4s;
  -o-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s; }

.fullscreen-remove {
  opacity: 0;
  -webkit-transition: all ease-in-out 0.4s;
  -moz-transition: all ease-in-out 0.4s;
  -ms-transition: all ease-in-out 0.4s;
  -o-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s; }

.fullscreen-remove-active {
  opacity: 1; }

.fullscreen-add-active {
  width: 99%;
  height: 90vh;
  left: 5px;
  top: 56px; }

/* ---------------------------------*/
/* ------>>> UTILITY BAR <<<--------*/
/* ---------------------------------*/
uui-utility-bar.ng-scope {
  position: static; }

.utility-bar {
  height: 50px;
  background: #7a868c;
  position: fixed;
  width: 80%;
  bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 8px;
  transition: all ease-out 0.5s; }
  .utility-bar .toggle-tab {
    height: 30px;
    position: absolute;
    top: -30px;
    right: 30px;
    background: #7a868c;
    color: white;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 5px 20px; }
  .utility-bar .toggle-tab:hover, .utility-bar .toggle-tab:active {
    text-decoration: none; }
  .utility-bar .toggle-tab:before {
    font-family: FontAwesome;
    content: "\f103";
    box-sizing: border-box; }
  .utility-bar a.btn-fullscreen {
    margin-right: 12px;
    display: none; }

.utility-bar.closed {
  bottom: -50px;
  /* The exact height of the utility-bar */
  transition: all ease-out 0.5s; }
  .utility-bar.closed .toggle-tab:before {
    content: "\f102"; }

@media all and (max-width: 1430px) {
  .utility-bar {
    width: 95%; } }

/* -----------------------------------*/
/* ------>>> SUMMARY PANEL <<<--------*/
/* -----------------------------------*/
.summary-chart .panel-heading {
  background: none;
  font-weight: 700; }

.summary-chart .panel-title {
  margin-bottom: 8px;
  margin-top: 8px;
  font-size: 19px;
  color: #7a868c; }
  .summary-chart .panel-title small {
    font-size: 16;
    margin-left: 11px;
    color: #7a868c; }

.summary-chart .panel-footer {
  background-color: #FFF; }
  .summary-chart .panel-footer .view-full-report {
    width: 100%;
    height: 100%; }
    .summary-chart .panel-footer .view-full-report div {
      text-align: center; }

.summary-chart .report-group .form-control {
  font-weight: 500; }

.summary-chart .report-group .input-group-addon {
  background-color: #e7eaeb; }

.summary-chart .btn-default {
  border-color: #ccd1d3;
  background-image: linear-gradient(to bottom, #FFF 0, #fbfcfc 100%); }

.summary-chart .btn-default:hover,
.summary-chart .btn-default:focus {
  background-color: #eaebeb; }

.summary-chart .mouse-down:hover {
  cursor: move; }

.summary-chart .groups-and-datepicker .input-group {
  margin-bottom: 10px; }

.summary-chart .single-date-container .fa.fa-times.form-control-feedback {
  padding-top: 2px;
  top: 0; }

.summary-chart .single-date-container .field-validation-error {
  position: absolute; }

/* -----------------------------------*/
/* ---------->>> FORMS <<<------------*/
/* -----------------------------------*/
.submit-validation {
  color: #A94442;
  font-weight: 700;
  font-size: 16;
  margin-bottom: 10px; }

#RediscoverModal .submit-validation,
#RediscoverMeterModal .submit-validation {
  float: none; }

.radio-inline label {
  cursor: pointer;
  font-weight: 500; }

.label-for-radio-inline {
  margin-right: 14px; }

.label-help-text, .input-element-help-text {
  margin: 0; }

.label-help-text {
  font-style: italic; }

.input-element-help-text {
  display: block; }

.form-horizontal .label-help-text {
  display: block; }

.form-inline .label-help-text {
  display: inline; }

.has-feedback .form-inline .k-numerictextbox,
.has-feedback .form-inline .k-numeric-wrap input,
.has-feedback .form-inline .k-datepicker,
.has-feedback .form-inline .k-picker-wrap input,
.has-feedback .form-control.k-combobox,
.has-feedback .form-control.k-combobox input,
.has-feedback .form-control.hasDatepicker,
.has-feedback .form-control.k-datepicker,
.has-feedback .form-control.k-datepicker .form-control,
.has-feedback .form-control.k-multiselect {
  padding-right: 0; }

.has-feedback .form-inline .k-datepicker,
.has-feedback .form-inline .k-picker-wrap input {
  vertical-align: bottom; }

.form-group .form-inline input[type="radio"] {
  margin-top: 4px; }

.has-feedback .form-control-feedback.has-select {
  right: 24px; }

.btn-primary[disabled] {
  opacity: 0.30;
  filter: alpha(opacity=30); }

#submit-validerrors-msg,
#submit-ruleserrors-msg,
#submit-required-msg {
  display: block; }

.label-with-sublabel {
  padding-top: 0; }

.uppercase-text {
  text-transform: uppercase; }

.required-label,
.optional-label {
  font-weight: 500;
  font-size: 14px; }

.required-label {
  color: #ff4747; }

.form-inline .required-label,
.form-inline .optional-label,
.form-horizontal .required-label,
.form-horizontal .optional-label {
  display: block; }

.panel .optional-heading {
  color: #a3abaf;
  font-weight: 500; }

.help-block {
  font-size: 12px;
  font-weight: 500;
  color: #565f63; }

.radio-with-textinput input[type="radio"] {
  margin-top: 10px; }

.input-group-btn .btn-default.active {
  background-color: #CCC;
  color: #FFF;
  text-shadow: none;
  -webkit-box-shadow: inset 3px 5px 10px rgba(0, 0, 0, 0.3);
  box-shadow: inset 3px 5px 10px rgba(0, 0, 0, 0.3); }

/* This level of specificity allows use to overwrite Bootstrap's default styles*/
.nav-tabs > li.has-error-tab > a,
.nav-tabs > li.active.has-error-tab > a {
  border: 1px solid #A94442;
  border-bottom-color: transparent;
  color: #A94442; }

.has-error-tab a:after {
  margin-left: 8px;
  content: "\f00d";
  color: #A94442;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto; }

/* Fixes issue where kendo multiselect input overflows all options rather than keeping them in a scrollable dropdown */
[id$="_listbox"].k-list {
  overflow: auto; }

/* Fixes issue with kendo multiselect having 2 rows or more worth of selected options, but the input box isn't large enough to contain them all */
.form-control.k-multiselect {
  height: auto; }
  .form-control.k-multiselect .k-input {
    padding: 0;
    height: 34px; }

/* Fixes issue with kendo form controls being 2 pixels too tall */
.form-group .k-datepicker,
.form-group .k-multiselect {
  min-height: 32px; }

.form-group.sort-filter-tools .k-datepicker {
  min-height: 28px; }

.form-group.sort-filter-tools .k-picker-wrap .k-select {
  line-height: 2.0em; }

.form-group.sort-filter-tools .form-control-feedback {
  height: 30px;
  line-height: 30px; }

/* Fixes issue with kendo datepicker, numeric text box having inner content taller than its container */
.form-control.k-datepicker .k-picker-wrap,
.form-control.k-numerictextbox .k-numeric-wrap,
.form-control.k-datepicker .k-picker-wrap .k-input,
.form-control.k-numerictextbox .k-numeric-wrap .k-input {
  height: 34px; }

/* Fixes issue with kendo datepicker, numeric text box having inner content padding covering up the input border */
.form-control.k-datepicker .k-picker-wrap .k-input,
.form-control.k-numerictextbox .k-numeric-wrap .k-input {
  padding-top: 0;
  padding-bottom: 0; }

/* Makes the Kendo UI inputs responsive */
.form-group .k-datepicker,
.form-group .k-numerictextbox,
.form-group .k-combobox {
  width: 100%; }

/* Removes the Kendo UI inputs' responsiveness on inline elements */
.form-inline .k-datepicker,
.form-inline .k-numerictextbox,
.form-inline .k-combobox {
  width: auto; }

/* Removes extra border that Kendo inputs provide  */
.has-feedback .k-datepicker,
.k-numerictextbox,
.k-combobox {
  border: none; }

/* Fixes issue with kendo form controls having a gray background color that peaks through */
.form-group .k-datepicker,
.k-multiselect.k-header {
  background-color: #FFF; }

.k-panelbar .k-state-focused.k-state-selected,
td.k-state-focused.k-state-selected,
.k-state-selected td.k-state-focused,
.k-listview > .k-state-focused.k-state-selected {
  box-shadow: inset 0 0 10px 3px #3d6d7f; }

[form-group-id*="Date"] .form-control-feedback.fa-times, [form-group-id*="Date"] .form-control-feedback.fa-check, [form-group-id*="Number"] .form-control-feedback.fa-times, [form-group-id*="Number"] .form-control-feedback.fa-check {
  right: 45px; }

.form-control-feedback.fa-times, .form-control-feedback.fa-check {
  font-size: 18px; }

.form-horizontal .form-control-feedback.fa-times, .form-horizontal .form-control-feedback.fa-check {
  padding-top: 8px; }

.form-inline .form-control-feedback.fa-times, .form-inline .form-control-feedback.fa-check {
  padding-top: 29px; }

.red-error-text {
  color: #A94442; }

.field-validation-error {
  color: #A94442;
  font-weight: 700; }

.form-control-feedback {
  top: 25px; }

.form-horizontal .form-control-feedback {
  top: 0; }

/*overwriting Bootstrap default cause we don't want a glow to the validation borders*/
.has-success .form-control,
.has-error .form-control {
  -webkit-box-shadow: none;
  box-shadow: none; }

/*allows the numeric textbox to properly display the UI validation feedback icon*/
.k-numerictextbox {
  position: relative; }

/* Applies the success border to kendo's special input boxes */
.has-success .k-numerictextbox .k-numeric-wrap,
.has-success .k-combobox .k-dropdown-wrap,
.has-success .k-datepicker .k-picker-wrap {
  border: 1px solid #3c763d; }

/* Applies the error border to kendo's special input boxes */
.has-error .k-numerictextbox .k-numeric-wrap,
.has-error .k-combobox .k-dropdown-wrap,
.has-error .k-datepicker .k-picker-wrap {
  border: 1px solid #A94442; }

.form-group select + span + span span.glyphicon.glyphicon-ok.form-control-feedback,
.form-group select + span + span span.glyphicon.glyphicon-remove.form-control-feedback,
.form-group select + span + span span.glyphicon.glyphicon-ok.form-control-feedback,
.form-group select + span + span span.glyphicon.glyphicon-remove.form-control-feedback,
.form-group select + span + span span.fa.fa-check.form-control-feedback,
.form-group select + span + span span.fa.fa-times.form-control-feedback,
.form-group .k-numerictextbox + .error-icon .fa-times.form-control-feedback,
.form-group .k-numerictextbox + .success-icon + .error-icon .fa-times.form-control-feedback,
.form-group .k-numerictextbox + .success-icon .fa-check.form-control-feedback,
.form-group .k-numerictextbox + .error-icon + .success-icon .fa-check.form-control-feedback,
.form-group .k-multiselect + .error-icon .fa-times.form-control-feedback,
.form-group .k-multiselect + .success-icon + .error-icon .fa-times.form-control-feedback,
.form-group .k-multiselect + .success-icon .fa-check.form-control-feedback,
.form-group .k-multiselect + .error-icon + .success-icon .fa-check.form-control-feedback,
.form-group .k-combobox + .error-icon .fa-times.form-control-feedback,
.form-group .k-combobox + .success-icon + .error-icon .fa-times.form-control-feedback,
.form-group .k-combobox + .success-icon .fa-check.form-control-feedback,
.form-group .k-combobox + .error-icon + .success-icon .fa-check.form-control-feedback,
.form-group .k-datepicker + .error-icon .fa-times.form-control-feedback,
.form-group .k-datepicker + .success-icon + .error-icon .fa-times.form-control-feedback,
.form-group .k-datepicker + .success-icon .fa-check.form-control-feedback,
.form-group .k-datepicker + .error-icon + .success-icon .fa-check.form-control-feedback,
.sort-filter-tools select + span + span span.glyphicon.glyphicon-ok.form-control-feedback,
.sort-filter-tools select + span + span span.glyphicon.glyphicon-remove.form-control-feedback,
.sort-filter-tools select + span + span span.glyphicon.glyphicon-ok.form-control-feedback,
.sort-filter-tools select + span + span span.glyphicon.glyphicon-remove.form-control-feedback,
.sort-filter-tools select + span + span span.fa.fa-check.form-control-feedback,
.sort-filter-tools select + span + span span.fa.fa-times.form-control-feedback,
.sort-filter-tools .k-numerictextbox + .error-icon .fa-times.form-control-feedback,
.sort-filter-tools .k-numerictextbox + .success-icon + .error-icon .fa-times.form-control-feedback,
.sort-filter-tools .k-numerictextbox + .success-icon .fa-check.form-control-feedback,
.sort-filter-tools .k-numerictextbox + .error-icon + .success-icon .fa-check.form-control-feedback,
.sort-filter-tools .k-multiselect + .error-icon .fa-times.form-control-feedback,
.sort-filter-tools .k-multiselect + .success-icon + .error-icon .fa-times.form-control-feedback,
.sort-filter-tools .k-multiselect + .success-icon .fa-check.form-control-feedback,
.sort-filter-tools .k-multiselect + .error-icon + .success-icon .fa-check.form-control-feedback,
.sort-filter-tools .k-combobox + .error-icon .fa-times.form-control-feedback,
.sort-filter-tools .k-combobox + .success-icon + .error-icon .fa-times.form-control-feedback,
.sort-filter-tools .k-combobox + .success-icon .fa-check.form-control-feedback,
.sort-filter-tools .k-combobox + .error-icon + .success-icon .fa-check.form-control-feedback,
.sort-filter-tools .k-datepicker + .error-icon .fa-times.form-control-feedback,
.sort-filter-tools .k-datepicker + .success-icon + .error-icon .fa-times.form-control-feedback,
.sort-filter-tools .k-datepicker + .success-icon .fa-check.form-control-feedback,
.sort-filter-tools .k-datepicker + .error-icon + .success-icon .fa-check.form-control-feedback {
  right: 40px; }

.form-horizontal .form-group-complex select + span + span span.glyphicon.glyphicon-ok.form-control-feedback,
.form-horizontal .form-group-complex select + span + span span.glyphicon.glyphicon-remove.form-control-feedback,
.form-horizontal .form-group-complex .k-numerictextbox + span + span span.glyphicon.glyphicon-ok.form-control-feedback,
.form-horizontal .form-group-complex .k-numerictextbox + span + span span.glyphicon.glyphicon-remove.form-control-feedback,
.form-horizontal .form-group-complex .k-combobox + span + span span.glyphicon.glyphicon-ok.form-control-feedback,
.form-horizontal .form-group-complex .k-combobox + span span.glyphicon.glyphicon-remove.form-control-feedback,
.form-horizontal .form-group-complex .k-datepicker + span + span span.glyphicon.glyphicon-ok.form-control-feedback,
.form-horizontal .form-group-complex .k-datepicker + span span.glyphicon.glyphicon-remove.form-control-feedback,
.form-horizontal .form-group-complex select + span + span span.fa.fa-check.form-control-feedback,
.form-horizontal .form-group-complex select + span + span span.fa.fa-times.form-control-feedback,
.form-horizontal .form-group-complex .k-numerictextbox + span + span span.fa.fa-check.form-control-feedback,
.form-horizontal .form-group-complex .k-numerictextbox + span + span span.fa.fa-times.form-control-feedback,
.form-horizontal .form-group-complex .k-combobox + span + span span.fa.fa-check.form-control-feedback,
.form-horizontal .form-group-complex .k-combobox + span span.fa.fa-times.form-control-feedback,
.form-horizontal .form-group-complex .k-datepicker + span + span span.fa.fa-check.form-control-feedback,
.form-horizontal .form-group-complex .k-datepicker + span span.fa.fa-times.form-control-feedback {
  right: 15px; }

.form-group span.glyphicon.glyphicon-remove.form-control-feedback {
  color: #A94442; }

.slide-animation {
  /* The starting CSS styles for the enter animation */
  /* The finishing CSS styles for the enter animation */
  /* now the element will slide out before it is removed from the DOM */ }
  .slide-animation.ng-enter {
    -moz-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    -webkit-transition: 0.3s linear all;
    transition: 0.3s linear all;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0; }
  .slide-animation.ng-enter.ng-enter-active {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  .slide-animation.ng-leave {
    -moz-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    -webkit-transition: 0.3s linear all;
    transition: 0.3s linear all;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  .slide-animation.ng-leave.ng-leave-active {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0; }

.fade-animation {
  /* The starting CSS styles for the enter animation */
  /* The finishing CSS styles for the enter animation */
  /* now the element will fade out before it is removed from the DOM */ }
  .fade-animation.ng-enter {
    -moz-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    -webkit-transition: 0.3s linear all;
    transition: 0.3s linear all;
    opacity: 0; }
  .fade-animation.ng-enter.ng-enter-active {
    opacity: 1; }
  .fade-animation.ng-leave {
    -moz-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    -webkit-transition: 0.3s linear all;
    transition: 0.3s linear all;
    opacity: 1; }
  .fade-animation.ng-leave.ng-leave-active {
    opacity: 0; }

/* ----------------------------------*/
/* --------->>> LIST CHARTS <<<-----------*/
/* ----------------------------------*/
.list-chart h2 {
  margin: 0 auto;
  font-size: 19px;
  color: #7a868c;
  margin-bottom: 8px; }

.list-chart .success-text {
  color: #5cb85c; }

.list-chart .warning-text {
  color: #f0ad4e; }

.list-chart .danger-text {
  color: #d9534f; }

.list-chart .list-group-item .list-result {
  font-weight: 700;
  margin-left: 7px; }

.list-chart .with-bar-chart p {
  float: left;
  margin-right: 10px; }

/*.list-chart .list-group.ng-enter,
.list-chart .list-group.ng-leave {
    @include transition(all ease-out 0.7s);
}

.list-chart .list-group.ng-leave.ng-leave-active,
.list-chart .list-group.ng-enter {
  /*opacity:1;*/
/*  
    @include transform(translate3d(200%, 0, 0));
}
.list-chart .list-group.ng-leave.ng-leave-active,
.list-chart .list-group.ng-enter.ng-enter-active {
    margin-bottom: -244px
}

.list-chart .list-group.ng-leave,
.list-chart .list-group.ng-enter.ng-enter-active {
  /*opacity:0;*/
/*   @include tranform(translate3d(0, 0, 0));

}

.list-chart .list-group.ng-enter-stagger,
.list-chart .list-group.ng-leave-stagger {
    transition-delay: 200ms;
    transition-duration: 0
}*/
/* Creates the "flash" transition when sorting the List Chart */
.list-chart .list-group-item.ng-move {
  opacity: 0.3;
  -moz-transition: opacity ease-out 1.2s;
  -o-transition: opacity ease-out 1.2s;
  -webkit-transition: opacity ease-out 1.2s;
  transition: opacity ease-out 1.2s; }

.list-chart .list-group-item.ng-move-active {
  opacity: 1; }

.sort-filter-tools label {
  font-size: 12px;
  font-weight: 500; }

.sort-filter-tools select {
  height: 30px;
  font-weight: 500;
  font-size: 11px; }

/* -------------------------------------*/
/* -------->>> LIST PANELS <<<---------*/
/* -----------------------------------*/
.info-panel .list-group {
  border: none;
  box-shadow: none; }

.info-panel .list-group-item {
  padding: 0;
  margin: 4px 0;
  padding-left: 7px; }

.panel .in.collapsed .panel-title:before {
  font-family: FontAwesome;
  content: "\f0fe";
  margin-right: 6px; }

.panel.panel-open .panel-title:before,
.panel .in .panel-title:before {
  font-family: FontAwesome;
  content: "\f146";
  margin-right: 6px; }

/* --------------------------------------------*/
/* --->>>       LOADING ANIMATION        <<<---*/
/* --------------------------------------------*/
.ng-scope {
  position: relative; }

.load-overlay {
  width: 250px;
  text-align: center;
  color: #7a868c;
  border: 1px solid #ccd1d3;
  background-color: #FFF;
  display: block;
  /* ensures it's invisible until it's called */
  position: fixed;
  /* makes the div stay in the same location based on the browser viewport*/
  left: 44%;
  /* positions the div half way horizontally */
  top: 40%;
  /* positions the div half way vertically */
  padding: 14px 20px 0 15px;
  z-index: 1051;
  /* makes the overlay sit just on top of the .load-fade */
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  border-radius: 6px; }

.load-overlay-view {
  position: absolute; }

div.dataTables_processing,
div.dataTables_wrapper div.dataTables_processing,
.load-overlay {
  margin-top: 26px;
  height: 72px;
  font-weight: 700;
  padding: 14px 0 0 0;
  vertical-align: middle;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; }

div.dataTables_processing {
  z-index: 1; }

.load-text {
  display: inline-block;
  vertical-align: middle; }

div.dataTables_processing:before,
.load-overlay:before {
  content: url(../../../Bundles/Common/images/aclara-loader.png);
  height: 44px;
  width: 44px;
  margin-right: 11px;
  display: inline-block;
  vertical-align: middle;
  -webkit-animation-name: spinner;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 2s;
  -moz-animation-name: spinner;
  -o-animation-name: spinner;
  animation-name: spinner;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d; }

/* WebKit and Opera browsers */
@-webkit-keyframes spinner {
  from {
    -webkit-transform: rotateY(0deg); }
  to {
    -webkit-transform: rotateY(-360deg); } }

/* all other browsers */
@keyframes spinner {
  from {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0); }
  to {
    -webkit-transform: rotateY(-360deg);
    -moz-transform: rotateY(-360deg);
    -ms-transform: rotateY(-360deg);
    transform: rotateY(-360deg); } }

.load-container {
  z-index: 1050;
  /* puts the overlay at the top most level. This z-index matches the Bootstrap modal z-index level. */
  display: none; }

.load-fade {
  display: block;
  /* ensures it's invisible until it's called */
  position: absolute;
  /* makes the div go into a position that's absolute to the browser viewing area */
  left: 0;
  /* makes the div span all the way across the viewing area */
  top: 0;
  /* makes the div span all the way across the viewing area */
  background-color: #000;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  z-index: 1050;
  /* puts the overlay at the top most level. This z-index matches the Bootstrap modal z-index level. */ }

.load-overlay.ng-hide-add, .load-overlay.ng-hide-remove,
.load-fade.ng-hide-add, .load-fade.ng-hide-remove {
  -moz-transition: all linear 1s;
  -o-transition: all linear 1s;
  -webkit-transition: all linear 1s;
  transition: all linear 1s;
  display: block !important; }

.load-overlay.ng-hide-remove, .load-fade.ng-hide-remove {
  -moz-transition: all linear 0.4s;
  -o-transition: all linear 0.4s;
  -webkit-transition: all linear 0.4s;
  transition: all linear 0.4s;
  display: block !important; }

.load-overlay.ng-hide-add.ng-hide-add-active,
.load-overlay.ng-hide-remove,
.load-fade.ng-hide-add.ng-hide-add-active,
.load-fade.ng-hide-remove {
  opacity: 0; }

.load-overlay.ng-hide-add,
.load-overlay.ng-hide-remove.ng-hide-remove-active {
  opacity: 1; }

.load-fade.ng-hide-add,
.load-fade.ng-hide-remove.ng-hide-remove-active {
  opacity: .50; }

/* -----------------------------------*/
/* ---------->>> MODALS <<<-----------*/
/* -----------------------------------*/
input[readonly] {
  cursor: not-allowed;
  background-color: #EEE;
  opacity: 1;
  border: 1px solid #ccd1d3; }

.ng-scope .modal,
.ng-scope .modal-backdrop {
  position: fixed; }

/* ---------------------------------*/
/* ---------->>> MAPS <<<-----------*/
/* ---------------------------------*/
[kendo-map] {
  cursor: move; }

.k-callout-s {
  border-top-color: #565f63; }

.k-chart-crosshair-tooltip, .k-chart-shared-tooltip, .k-widget.k-tooltip {
  background-color: #FFF !important;
  border: 1px solid #565f63 !important;
  color: #565f63 !important; }

.aclara-map {
  position: relative; }

.k-home-control {
  background-color: transparent;
  border: 0;
  left: 154px;
  position: absolute;
  top: 33px;
  z-index: 100; }

.map-panel .k-zoom-control {
  border: none; }

.k-home-control .k-button {
  padding: 1px 6px; }

.k-map .k-i-marker-conductor-notice-map,
.k-map .k-i-marker-conductor-warning-map,
.k-map .k-i-marker-conductor-severe-map,
.k-map .k-i-marker-conductor-critical-map,
.k-map .k-i-marker-conductor-fatal-map,
.k-map .k-i-marker-methane-notice-map,
.k-map .k-i-marker-methane-warning-map,
.k-map .k-i-marker-methane-severe-map,
.k-map .k-i-marker-methane-critical-map,
.k-map .k-i-marker-methane-fatal-map,
.k-map .k-i-marker-dcu-notice-map,
.k-map .k-i-marker-dcu-warning-map,
.k-map .k-i-marker-dcu-severe-map,
.k-map .k-i-marker-dcu-critical-map,
.k-map .k-i-marker-dcu-fatal-map,
.k-map .k-i-marker-meter-notice-map,
.k-map .k-i-marker-meter-warning-map,
.k-map .k-i-marker-meter-severe-map,
.k-map .k-i-marker-meter-critical-map,
.k-map .k-i-marker-meter-fatal-map,
.k-map .k-i-marker-mtu-notice-map,
.k-map .k-i-marker-mtu-warning-map,
.k-map .k-i-marker-mtu-severe-map,
.k-map .k-i-marker-mtu-critical-map,
.k-map .k-i-marker-mtu-fatal-map,
.k-map .k-i-marker-pole-notice-map,
.k-map .k-i-marker-pole-warning-map,
.k-map .k-i-marker-pole-severe-map,
.k-map .k-i-marker-pole-critical-map,
.k-map .k-i-marker-pole-fatal-map,
.k-map .k-i-marker-exgg-notice-map,
.k-map .k-i-marker-exgg-warning-map,
.k-map .k-i-marker-exgg-severe-map,
.k-map .k-i-marker-exgg-critical-map,
.k-map .k-i-marker-exgg-fatal-map {
  background-size: 45px;
  width: 45px;
  height: 45px; }

.severity-icon.device-type-conductor.no-events {
  background-image: url(../../../Bundles/Common/images/MapIcons/conductor-online.svg); }

.severity-icon.device-type-conductor.severity-notice {
  background-image: url(../../../Bundles/Common/images/MapIcons/conductor-notice.svg); }

.severity-icon.device-type-conductor.severity-warning {
  background-image: url(../../../Bundles/Common/images/MapIcons/conductor-warning.svg); }

.severity-icon.device-type-conductor.severity-severe {
  background-image: url(../../../Bundles/Common/images/MapIcons/conductor-severe.svg); }

.severity-icon.device-type-conductor.severity-critical {
  background-image: url(../../../Bundles/Common/images/MapIcons/conductor-critical.svg); }

.severity-icon.device-type-conductor.severity-fatal {
  background-image: url(../../../Bundles/Common/images/MapIcons/conductor-critical.svg); }

.severity-icon.device-type-methane.no-events {
  background-image: url(../../../Bundles/Common/images/MapIcons/methane-online.svg); }

.severity-icon.device-type-methane.severity-notice {
  background-image: url(../../../Bundles/Common/images/MapIcons/methane-notice.svg); }

.severity-icon.device-type-methane.severity-warning {
  background-image: url(../../../Bundles/Common/images/MapIcons/methane-warning.svg); }

.severity-icon.device-type-methane.severity-severe {
  background-image: url(../../../Bundles/Common/images/MapIcons/methane-severe.svg); }

.severity-icon.device-type-methane.severity-critical {
  background-image: url(../../../Bundles/Common/images/MapIcons/methane-critical.svg); }

.severity-icon.device-type-methane.severity-fatal {
  background-image: url(../../../Bundles/Common/images/MapIcons/methane-critical.svg); }

.severity-icon.device-type-dcu.no-events {
  background-image: url(../../../Bundles/Common/images/MapIcons/dcu-online.svg); }

.severity-icon.device-type-dcu.severity-notice {
  background-image: url(../../../Bundles/Common/images/MapIcons/dcu-notice.svg); }

.severity-icon.device-type-dcu.severity-warning {
  background-image: url(../../../Bundles/Common/images/MapIcons/dcu-warning.svg); }

.severity-icon.device-type-dcu.severity-severe {
  background-image: url(../../../Bundles/Common/images/MapIcons/dcu-severe.svg); }

.severity-icon.device-type-dcu.severity-fatal {
  background-image: url(../../../Bundles/Common/images/MapIcons/dcu-critical.svg); }

.severity-icon.device-type-dcu.severity-critical {
  background-image: url(../../../Bundles/Common/images/MapIcons/dcu-critical.svg); }

.severity-icon.device-type-mtu.no-events {
  background-image: url(../../../Bundles/Common/images/MapIcons/mtu-online.svg); }

.severity-icon.device-type-meter.no-events {
  background-image: url(../../../Bundles/Common/images/MapIcons/meter-online.svg); }

.severity-icon.device-type-meter.severity-notice {
  background-image: url(../../../Bundles/Common/images/MapIcons/meter-notice.svg); }

.severity-icon.device-type-meter.severity-warning {
  background-image: url(../../../Bundles/Common/images/MapIcons/meter-warning.svg); }

.severity-icon.device-type-meter.severity-severe {
  background-image: url(../../../Bundles/Common/images/MapIcons/meter-severe.svg); }

.severity-icon.device-type-meter.severity-critical {
  background-image: url(../../../Bundles/Common/images/MapIcons/meter-critical.svg); }

.severity-icon.device-type-meter.severity-fatal {
  background-image: url(../../../Bundles/Common/images/MapIcons/meter-critical.svg); }

.severity-icon.device-type-meter-twacs.no-events {
  background-image: url(../../../Bundles/Common/images/MapIcons/meter-online.svg); }

.severity-icon.device-type-meter-twacs.severity-notice {
  background-image: url(../../../Bundles/Common/images/MapIcons/meter-notice.svg); }

.severity-icon.device-type-meter-twacs.severity-warning {
  background-image: url(../../../Bundles/Common/images/MapIcons/meter-warning.svg); }

.severity-icon.device-type-meter-twacs.severity-severe {
  background-image: url(../../../Bundles/Common/images/MapIcons/meter-severe.svg); }

.severity-icon.device-type-meter-twacs.severity-critical {
  background-image: url(../../../Bundles/Common/images/MapIcons/meter-critical.svg); }

.severity-icon.device-type-meter-twacs.severity-fatal {
  background-image: url(../../../Bundles/Common/images/MapIcons/meter-critical.svg); }

.severity-icon.device-type-exgg.no-events {
  background-image: url(../../../Bundles/Common/images/MapIcons/exgg-online.svg); }

.severity-icon.device-type-exgg.severity-notice {
  background-image: url(../../../Bundles/Common/images/MapIcons/exgg-notice.svg); }

.severity-icon.device-type-exgg.severity-warning {
  background-image: url(../../../Bundles/Common/images/MapIcons/exgg-warning.svg); }

.severity-icon.device-type-exgg.severity-severe {
  background-image: url(../../../Bundles/Common/images/MapIcons/exgg-severe.svg); }

.severity-icon.device-type-exgg.severity-critical {
  background-image: url(../../../Bundles/Common/images/MapIcons/exgg-critical.svg); }

.severity-icon.device-type-exgg.severity-fatal {
  background-image: url(../../../Bundles/Common/images/MapIcons/exgg-critical.svg); }

.k-map .k-i-marker-mtu-notice,
.severity-icon.device-type-mtu.severity-notice {
  background-image: url(../../../Bundles/Common/images/MapIcons/mtu-notice.svg); }

.severity-icon.device-type-mtu.severity-warning {
  background-image: url(../../../Bundles/Common/images/MapIcons/mtu-warning.svg); }

.severity-icon.device-type-mtu.severity-severe {
  background-image: url(../../../Bundles/Common/images/MapIcons/mtu-severe.svg); }

.severity-icon.device-type-mtu.severity-critical {
  background-image: url(../../../Bundles/Common/images/MapIcons/mtu-critical.svg); }

.severity-icon.device-type-mtu.severity-fatal {
  background-image: url(../../../Bundles/Common/images/MapIcons/mtu-critical.svg); }

.severity-icon.device-type-pole.no-events {
  background-image: url(../../../Bundles/Common/images/MapIcons/pole-online.svg); }

.severity-icon.device-type-pole.severity-notice {
  background-image: url(../../../Bundles/Common/images/MapIcons/pole-notice.svg); }

.severity-icon.device-type-pole.severity-warning {
  background-image: url(../../../Bundles/Common/images/MapIcons/pole-warning.svg); }

.severity-icon.device-type-pole.severity-severe {
  background-image: url(../../../Bundles/Common/images/MapIcons/pole-severe.svg); }

.severity-icon.device-type-pole.severity-critical {
  background-image: url(../../../Bundles/Common/images/MapIcons/pole-critical.svg); }

.severity-icon.device-type-pole.severity-fatal {
  background-image: url(../../../Bundles/Common/images/MapIcons/pole-critical.svg); }

.k-map .k-i-marker-conductor-notice-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/conductor-notice-map.svg); }

.k-map .k-i-marker-conductor-warning-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/conductor-warning-map.svg); }

.k-map .k-i-marker-conductor-severe-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/conductor-severe-map.svg); }

.k-map .k-i-marker-conductor-critical-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/conductor-critical-map.svg); }

.k-map .k-i-marker-conductor-fatal-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/conductor-critical-map.svg); }

.k-map .k-i-marker-dcu-notice-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/dcu-notice-map.svg); }

.k-map .k-i-marker-dcu-warning-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/dcu-warning-map.svg); }

.k-map .k-i-marker-dcu-severe-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/dcu-severe-map.svg); }

.k-map .k-i-marker-dcu-critical-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/dcu-critical-map.svg); }

.k-map .k-i-marker-dcu-fatal-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/dcu-critical-map.svg); }

.k-map .k-i-marker-meter-notice-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/meter-notice-map.svg); }

.k-map .k-i-marker-meter-warning-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/meter-warning-map.svg); }

.k-map .k-i-marker-meter-severe-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/meter-severe-map.svg); }

.k-map .k-i-marker-meter-critical-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/meter-critical-map.svg); }

.k-map .k-i-marker-meter-fatal-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/meter-critical-map.svg); }

.k-map .k-i-marker-mtu-notice-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/mtu-notice-map.svg); }

.k-map .k-i-marker-mtu-warning-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/mtu-warning-map.svg); }

.k-map .k-i-marker-mtu-severe-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/mtu-severe-map.svg); }

.k-map .k-i-marker-mtu-critical-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/mtu-critical-map.svg); }

.k-map .k-i-marker-mtu-fatal-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/mtu-critical-map.svg); }

.k-map .k-i-marker-pole-notice-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/pole-notice-map.svg); }

.k-map .k-i-marker-pole-warning-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/pole-warning-map.svg); }

.k-map .k-i-marker-pole-severe-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/pole-severe-map.svg); }

.k-map .k-i-marker-pole-critical-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/pole-critical-map.svg); }

.k-map .k-i-marker-pole-fatal-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/pole-critical-map.svg); }

.k-map .k-i-marker-methane-notice-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/methane-notice-map.svg); }

.k-map .k-i-marker-methane-warning-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/methane-warning-map.svg); }

.k-map .k-i-marker-methane-severe-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/methane-severe-map.svg); }

.k-map .k-i-marker-methane-critical-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/methane-critical-map.svg); }

.k-map .k-i-marker-methane-fatal-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/methane-critical-map.svg); }

.k-map .k-i-marker-exgg-notice-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/exgg-notice-map.svg); }

.k-map .k-i-marker-methexggane-warning-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/exgg-warning-map.svg); }

.k-map .k-i-marker-exgg-severe-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/exgg-severe-map.svg); }

.k-map .k-i-marker-exgg-critical-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/exgg-critical-map.svg); }

.k-map .k-i-marker-exgg-fatal-map {
  background-image: url(../../../Bundles/Common/images/MapIcons/exgg-critical-map.svg); }

.k-tooltip-button a, .k-tooltip-button a:link, .k-tooltip-button a:visited {
  color: #FFF;
  left: -1.5px; }

.k-tooltip-closable .k-tooltip-content {
  padding-right: 0px; }

.severity-level-notice {
  color: #4575b4; }

.severity-level-warning {
  color: #fd8d3c; }

.severity-level-severe {
  color: #f03b20; }

.severity-level-fatal, .severity-level-critical {
  color: #bd0026; }

/* -----------------------------------*/
/* -------->>> NAVIGATION <<<---------*/
/* -----------------------------------*/
.navbarContainer {
  width: 100%;
  margin: 0;
  padding: 0; }

.navbar-header {
  z-index: 5; }

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand {
  color: #565f63; }

.navbar-brand {
  position: absolute;
  padding: 7px 0 7px 15px;
  font-size: 2rem;
  font-family: "Open Sans", sans-serif;
  margin-right: 7px;
  min-width: 170px; }
  .navbar-brand p {
    display: inline-block; }
  .navbar-brand img {
    margin-left: 15px;
    margin-right: 10px;
    height: 36px;
    display: inline-block; }
  .navbar-brand span:not(.TM) {
    font-family: "Open Sans", Verdana, sans-serif;
    font-size: 2rem;
    vertical-align: middle; }

.navbar-text {
  margin: 10px 0 10px 15px; }

.navbar-default {
  background-image: none;
  border-bottom: none;
  -webkit-box-shadow: none;
  box-shadow: 0 8px 6px -6px rgba(192, 192, 192, 0.7); }

/* Adds subtle animation to the hover effects */
.navbar .nav li,
.navbar .nav li:hover {
  -moz-transition: 1s background-color, 1s color;
  -o-transition: 1s background-color, 1s color;
  -webkit-transition: 1s background-color, 1s color;
  transition: 1s background-color, 1s color; }

.dropdown-menu li a,
.dropdown-menu li a:hover {
  -moz-transition: 0.5s background-color;
  -o-transition: 0.5s background-color;
  -webkit-transition: 0.5s background-color;
  transition: 0.5s background-color; }

/* The individual button margin is not needed for button groups */
a.btn-default {
  margin-bottom: 0; }

/* ------------------------------------------------*/
/* ----->>> NAVIGATION: RIGHT UTILITY NAV <<<------*/
/* ------------------------------------------------*/
.navbar-right a, .navbar-right span {
  padding: 0 8px; }

.navbar-right a:last-child {
  border-right: none; }

.navbar-right .navbar-text:active,
.navbar-right .navbar-text:hover {
  cursor: default;
  /* Currently, the username has no click action */ }

@media (min-width: 768px) {
  .navbar-right .navbar-text {
    margin: 15px; } }

.navbar-default .navbar-nav.navbar-right > li > a {
  color: #457b91; }

.navbar-default .navbar-nav.navbar-right > li > a:hover,
.navbar-default .navbar-nav.navbar-right > li > a:active {
  text-decoration: underline; }

/* --------------------------------------------*/
/* ----->>> NAVIGATION: SLIDE OUT MENU <<<-----*/
/* --------------------------------------------*/
.mm-listview > li > a {
  color: #457b91; }

/* Gives room for the 50px height horizontal menu bar and adds 10 px for actual margin between the menu and the alert messages. (It doesn't fit in the document flow because its a fixed position item) */
main {
  margin-top: 60px; }

.navbar-default,
.sidebar-wrapper {
  background-color: #f5f6f6; }

.mm-clear:before,
.mm-clear:after {
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial; }

.mm-search {
  text-align: left;
  margin-left: 12px; }

.mm-search:before {
  content: "Search By Page Name";
  font-weight: 700;
  margin-right: 8px;
  color: #666; }

.mm-menu .mm-search input {
  width: 87%;
  display: inline-block;
  background: white;
  border: solid 1px #CCC !important;
  border-radius: 4px;
  margin-bottom: 8px; }

.mm-navbar-top-2 {
  top: 55px; }

.mm-hasnavbar-bottom-2 .mm-panels {
  top: 95px; }

.mm-menu .mm-navbar a {
  color: #eb7203; }

.mm-navbar .mm-btn.mm-clear {
  top: 20px; }

/* Removes the less than ideal greater than and less than symbols overlapped to create a X icon */
.mm-btn.mm-clear:before,
.mm-btn.mm-clear:after {
  border: none;
  content: none;
  width: 0;
  height: 0;
  transform: none;
  position: relative; }

/* Creates a better X icon with Font-awesome */
.mm-btn.mm-clear:after {
  content: '\f00d';
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  height: 20px;
  width: 13%;
  right: 0;
  margin-top: 9px; }

.mm-menu,
.mm-menu.mm-widescreen {
  border-right: none; }

.mm-menu {
  background-color: #f5f6f6; }
  .mm-menu .fa {
    margin-right: 10px; }

.mm-title {
  color: #457b91; }

.mm-text {
  display: inline-block;
  max-width: 75%;
  vertical-align: text-top; }

.main-nav-button {
  padding: 0 15px 0 0;
  cursor: pointer;
  line-height: 50px;
  border-right: 1px solid #ccd1d3; }

/* This size should match the media query size on the widescreen.css reference in IndexAngular.cshtml */
@media (min-width: 1430px) {
  .main-nav-button {
    display: none; } }

.mm-listview > li > a, .mm-listview > li > span {
  color: #565f63; }

.mm-listview > li > a,
.mm-listview > li > a:visited,
.mm-listview > li > a:visited:hover,
.mm-listview > li > a:visited:active {
  color: #457b91; }

.mm-menu em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu .mm-listview > li .mm-arrow:after,
.mm-menu .mm-listview > li .mm-next:after {
  border-color: rgba(0, 0, 0, 0.3); }

.main-nav-button p {
  display: inline;
  vertical-align: middle; }

.main-nav-button:hover {
  text-decoration: none; }

.main-nav-button:focus {
  outline: 0; }

.mm-opened .mm-slideout {
  cursor: pointer; }

@media (max-width: 768px) {
  .main-nav-button {
    padding: 0 5px; }
    .main-nav-button .menu-label {
      display: none; } }

.mm-page {
  min-height: 100%; }

.mm-listview .mm-next.mm-fullsubopen + a,
.mm-listview .mm-next.mm-fullsubopen + span {
  padding-right: 63px; }

.mm-navbar-bottom {
  height: 12px;
  font-size: 1.15rem;
  text-align: center; }

.mm-navbar.mm-navbar-bottom p {
  box-sizing: initial;
  float: none;
  width: 100%;
  color: #7a868c;
  padding: 0;
  margin-bottom: 0; }

.mm-menu .mm-navbar.mm-navbar-bottom a {
  color: #457b91; }

.mm-listview > li > a,
.mm-listview > li > span {
  white-space: normal; }

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 0 8px;
  display: inline-block;
  cursor: pointer;
  -moz-transition: opacity, 0.15s, linear;
  -o-transition: opacity, 0.15s, linear;
  -webkit-transition: opacity, 0.15s, linear;
  transition: opacity, 0.15s, linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }

.hamburger:hover {
  opacity: 0.7; }

.hamburger:focus {
  outline: 0; }

.hamburger-box {
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
  vertical-align: middle; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 24px;
  height: 3px;
  background-color: #6aa2b8;
  border-radius: 4px;
  position: absolute;
  -moz-transition: transform, 0.15s, ease;
  -o-transition: transform, 0.15s, ease;
  -webkit-transition: transform, 0.15s, ease;
  transition: transform, 0.15s, ease; }

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block; }

.hamburger-inner::before {
  top: -6px; }

.hamburger-inner::after {
  bottom: -6px; }

/* Arrow Alt */
.hamburger--arrowalt .hamburger-inner::before {
  -moz-transition: top 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: top 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: top 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after {
  -moz-transition: bottom 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: bottom 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: bottom 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

html.mm-opened .hamburger--arrowalt .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(-6px, -5px, 0) rotate(-45deg) scale(0.7, 1);
  -moz-transform: translate3d(-6px, -5px, 0) rotate(-45deg) scale(0.7, 1);
  -ms-transform: translate3d(-6px, -5px, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(-6px, -5px, 0) rotate(-45deg) scale(0.7, 1);
  -moz-transition: top 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -o-transition: top 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -webkit-transition: top 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -moz-transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -o-transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -webkit-transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -moz-transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -o-transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -webkit-transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

html.mm-opened .hamburger--arrowalt .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(-6px, 5px, 0) rotate(45deg) scale(0.7, 1);
  -moz-transform: translate3d(-6px, 5px, 0) rotate(45deg) scale(0.7, 1);
  -ms-transform: translate3d(-6px, 5px, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(-6px, 5px, 0) rotate(45deg) scale(0.7, 1);
  -moz-transition: bottom 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -o-transition: bottom 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -webkit-transition: bottom 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -moz-transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -o-transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -webkit-transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -moz-transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -o-transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -webkit-transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
  width: 210px; }

/* ------------------------------------*/
/* ---------->>> TABLEAU <<<-----------*/
/* ------------------------------------*/
.tableau-embed {
  width: 100% !important;
  min-height: 900px;
  border: none; }

/* These Custom CSS styles are placed in the vqlweb.css on the Tableau Server. */
/* They help us customize Tableau styling within the i-framed content. */
/* .tab-toolbar{background-color: #FFF} /*makes the bottom toolbar white*/
/* .tab-shareEmbedSection {display:none !important;} /*hides the embed */
/* -----------------------------------*/
/* ---------->>> TABLES <<<-----------*/
/* -----------------------------------*/
table.table {
  clear: both; }

/* Remove top margin if there is a toolbar (for Export dropdown) present */
/* Remove top margin if the  */
.k-grid-toolbar + table.table,
.k-grid-content > table.table,
.k-grid-toolbar + .k-grid-header > .k-auto-scrollable > table.table {
  margin-top: 0 !important;
  /* Important is only used because dataTables.bootstrap.css is also using important to set the top margin of the tables*/ }

table.table thead {
  background-color: #eaeaea; }

.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: 5px; }

table.table label input[type='checkbox'] {
  position: relative;
  top: 10px;
  left: 10px; }

table.table .dateColumn {
  max-width: 123px; }

table.table .errorNumColumn,
table.table .errorTypeColumn {
  max-width: 58px; }

table.table th,
.table > tbody > tr > td {
  vertical-align: middle; }

table.table th,
table.table td,
table.table th:first-child,
table.table td:first-child {
  border-top: 1px solid #ccd1d3;
  border-left: none;
  margin: 0;
  font-size: 13px;
  color: #565f63; }

table.table th.sorting-disabled:first-child,
table.table td.sorting-disabled:first-child {
  margin-right: 0;
  padding: 0 3px 0 0; }

table.table thead th {
  border-bottom: 1px solid #CCC;
  min-height: 30px; }

table.table .selected {
  background-color: rgba(141, 192, 219, 0.25); }

table.table tr.odd {
  background-color: #f9f9f9; }

.table > tbody > tr > td {
  border-bottom: none;
  overflow: visible; }

.k-grid-toolbar split-button-dropdown div {
  margin: 0 .16em; }

.empty-notification {
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  color: #7a868c;
  margin: 10px 0; }

.number-column {
  font-family: "Roboto Mono", monospace;
  font-size: 15px;
  text-align: right;
  /* text-align: "." right; */
  /* Hopeful that this will be supported someday */ }

.k-grid-header th.k-header.number-column {
  font-family: "Open Sans", Verdana, sans-serif;
  text-align: right; }

td.number-column {
  padding-right: 34px !important; }

.last-runstatus-column .fa {
  margin-right: 5px;
  font-size: 15px; }

.last-runstatus-column .fa-times-circle,
.last-runstatus-column .fa-exclamation-circle {
  color: #d9534f; }

.last-runstatus-column .fa-minus-circle {
  color: #f0ad4e; }

.last-runstatus-column .fa-check-circle {
  color: #5cb85c; }

.last-runstatus-column .fa-cog.fa-spin {
  -webkit-animation: fa-spin 6s infinite linear;
  animation: fa-spin 6s infinite linear; }

.checkbox-column {
  width: 40px; }
  .checkbox-column .checkbox-animated {
    margin-top: 0;
    margin-bottom: 0; }
  .checkbox-column .checkbox-animated .big-checkbox {
    font-size: 1.0em; }

.checkbox-column.k-header,
.k-grid-content .checkbox-column {
  width: 53px; }

table.table td.checkbox-column,
table.table th.checkbox-column {
  padding: 0; }

.k-detail-cell .k-header {
  background-color: #f5f5f5; }

.k-detail-cell .k-grid-header .k-link {
  font-weight: 500; }

.status-column .fa {
  margin-right: 5px;
  font-size: 15px; }

.status-column .failure,
.status-column .failure-at-a-glance {
  color: #d9534f; }

.status-column .unknown,
.status-column .partial-success-at-a-glance {
  color: #f0ad4e; }

.status-column .success,
.status-column .success-at-a-glance {
  color: #5cb85c; }

.table .glyphicon-pencil,
.table .glyphicon-remove,
.table .fa-pencil,
.table .fa-times {
  font-size: 18px; }

.pagination ul li a {
  line-height: 30px; }

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

.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #6aa2b8; }

@media screen and (max-width: 767px) {
  .table-responsive {
    margin-bottom: 0px; } }

.grid-container .filter-panel {
  margin-top: 21px; }

.row-with-grid-and-filters {
  margin-top: 21px; }

.k-alt {
  background-color: #FFF; }

.k-grid {
  border: none;
  box-shadow: none;
  background-image: none; }
  .k-grid tr td {
    border-right: none;
    border-left: none; }
  .k-grid th[aria-sort="descending"],
  .k-grid th[aria-sort="ascending"] {
    background-color: rgba(180, 187, 190, 0.25); }

/*.k-grid th[data-role="columnsorter"]:not([data-dir]):after {
	content: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIUnC2nKLnT4or00PvyrQwrPzUZshQAOw==); /* Base64 image icon
	font-size: 24px;
	opacity: 0.3;
	vertical-align: sub;
}*/
.k-grid-header,
.k-header {
  background-color: #eaeaea; }

.k-grid-header .k-link {
  font-weight: 700;
  font-size: 13px; }

.k-grid-header th.k-header {
  border-right: 1px solid #ccd1d3;
  border-left: none;
  white-space: normal;
  vertical-align: middle;
  border-top: 1px solid #ccd1d3;
  border-bottom: none; }

.k-pager-wrap {
  background-color: #FFF;
  box-shadow: none;
  background-image: none; }

.k-grid-pager .k-state-selected {
  background-color: #6aa2b8;
  border-color: #6aa2b8; }

.k-pager-wrap .k-link,
.k-pager-wrap .k-link:hover {
  color: #6aa2b8; }

.multi-column-header {
  text-align: center;
  cursor: default; }

.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-menu .k-item > .k-state-border-right,
.k-menu .k-item > .k-state-border-left,
.k-list > .k-state-selected {
  background-color: #6aa2b8; }

.k-state-selected,
.k-list > .k-state-selected {
  border-color: #6aa2b8; }

.k-state-focused.k-state-selected {
  -moz-box-shadow: inset 0 0 10px 3px #2c4f5d;
  -webkit-box-shadow: inset 0 0 10px 3px #2c4f5d;
  box-shadow: inset 0 0 10px 3px #2c4f5d; }

.k-grid-toolbar {
  background-color: inherit;
  padding: 0;
  border: none; }

.k-pager-sizes .k-dropdown {
  width: 5.9em; }

.k-grid-content {
  overflow-y: auto; }

.k-loading-mask {
  display: none;
  /* We will display the Alcara Loading Animation instead of Kendo's loading bar */ }

.k-pager-wrap .k-pager-refresh {
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  /* 16px is half the height of the refresh link so its background is a circle */ }

.export-button {
  display: inline-block;
  margin-bottom: 5px;
  padding: 0 0 0 20px; }

.table > tbody > tr > td.long-string {
  word-break: break-word;
  word-wrap: break-word; }

.grid-actions-form {
  margin-bottom: -15px; }

@media only screen and (max-width: 600px) {
  table.table label {
    min-width: 20px;
    /* These mins are set to size for touch devices*/
    min-height: 30px;
    /* These mins are set to size for touch devices*/
    height: 100%; }
  table.table th,
  table.table td,
  table.table th:first-child,
  table.table td:first-child {
    padding: 10px 15px 9px 5px; }
  .no-delete-info {
    margin-left: 10px; }
  .table .glyphicon-pencil,
  .table .glyphicon-remove,
  .table .fa-pencil,
  .table .fa-times {
    font-size: 24px;
    margin: 6px; }
  .checkbox-column .checkbox-animated .big-checkbox {
    font-size: 1.5em; } }

/* -------------------------------------*/
/* ------->>> TREE DIAGRAMS <<<---------*/
/* -------------------------------------*/
.tree, .tree ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.tree ul {
  margin-left: 1em;
  /* indentation */
  position: relative; }

.tree ul ul {
  margin-left: 0.5em;
  /* half indentation */ }

.tree ul:before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-left: 1px solid; }

.tree li {
  margin: 0;
  padding: 0 1.5em;
  /* indentation + .5em */
  line-height: 2em;
  /* default list item's `line-height` */
  color: #CCC;
  font-weight: 700;
  position: relative; }

.tree ul li:before {
  content: "";
  display: block;
  width: 10px;
  /* same with indentation */
  height: 0;
  border-top: 1px solid;
  margin-top: -1px;
  /* border top width */
  position: absolute;
  top: 2em;
  /* (line-height/2) */
  left: 0; }

.tree ul li:last-child:before {
  background: #FFF;
  /* same with body background */
  height: auto;
  top: 2em;
  /* (line-height/2) */
  bottom: 0; }

.tree-item {
  border: 1px solid #ccd1d3;
  padding: 5px 10px;
  margin: 6px 0;
  text-decoration: none;
  color: #666;
  display: inline-block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-transition: all, 0.5;
  -o-transition: all, 0.5;
  -webkit-transition: all, 0.5;
  transition: all, 0.5; }
  .tree-item p {
    font-size: 12px;
    margin-bottom: 0; }
  .tree-item a {
    font-weight: 700; }

.tree-item.btn-default {
  padding: 6px; }

.tree-item-id span {
  position: absolute;
  padding: 1px 1px; }

/* ------------------------------------*/
/* ---------->>> TOOLTIP <<<-----------*/
/* ------------------------------------*/
div[uib-tooltip-popup] {
  position: absolute; }

.map-tooltip,
.chart-tooltip {
  /*border: $color-border solid 1px;*/
  text-align: left; }
  .map-tooltip h4,
  .chart-tooltip h4 {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 0 12px; }
  .map-tooltip .section,
  .chart-tooltip .section {
    color: #eb7203;
    margin-bottom: 10px;
    padding: 0 12px; }
    .map-tooltip .section p,
    .chart-tooltip .section p {
      margin-bottom: 0; }
    .map-tooltip .section strong,
    .chart-tooltip .section strong {
      color: #565f63; }
  .map-tooltip .k-widget.k-tooltip,
  .chart-tooltip .k-widget.k-tooltip {
    border: 1px solid #eb7203 !important;
    padding: 0; }
  .map-tooltip .severity,
  .chart-tooltip .severity {
    color: #FFF;
    margin-bottom: 10px;
    padding: 0 12px 8px 12px; }
    .map-tooltip .severity h4,
    .chart-tooltip .severity h4 {
      margin-top: 0;
      padding-top: 10px;
      padding-left: 0; }
  .map-tooltip .severity.Notice,
  .chart-tooltip .severity.Notice {
    background-color: #4575b4; }
  .map-tooltip .severity.Warning,
  .chart-tooltip .severity.Warning {
    background-color: #fd8d3c; }
  .map-tooltip .severity.Severe,
  .chart-tooltip .severity.Severe {
    background-color: #f03b20; }
  .map-tooltip .severity.Fatal, .map-tooltip .severity.Critical,
  .chart-tooltip .severity.Fatal,
  .chart-tooltip .severity.Critical {
    background-color: #bd0026; }
  .map-tooltip .severity.Online,
  .chart-tooltip .severity.Online {
    background-color: #5cb85c; }

uui-tcp-ip-input .tcp-input-part {
  padding: 0;
  min-width: 40px;
  max-width: 50px; }

uui-tcp-ip-input .tcp-input-seperator {
  width: 6px;
  font-weight: bold;
  text-align: center;
  padding: 0;
  margin: 17px 1px 0 2px; }

uui-nested-chart .nested-chart-header .panel-heading {
  border-bottom: none;
  background: none;
  font-weight: 700; }

uui-nested-chart .nested-chart-header .panel-title {
  margin-bottom: 8px;
  margin-top: 8px;
  font-size: 19px;
  color: #7a868c; }
  uui-nested-chart .nested-chart-header .panel-title small {
    font-size: 16;
    margin-left: 11px;
    color: #7a868c; }

uui-nested-chart .nested-chart-header .panel-body {
  padding-top: 0; }

.file-upload .form-group .control-label span {
  padding-right: 10px; }

.file-upload .k-widget.k-upload .k-upload-files {
  display: inline-block;
  line-height: 1;
  border-width: 0; }
  .file-upload .k-widget.k-upload .k-upload-files .k-file {
    border-width: 0;
    padding: 0.65em 1.1em 0 1.1em; }
    .file-upload .k-widget.k-upload .k-upload-files .k-file .k-upload-status {
      right: 0; }

.filter-item {
  font-size: 12px;
  font-weight: 400;
  margin-right: 8px;
  display: inline-block;
  margin-bottom: 2px;
  padding-top: 4px;
  height: 20px;
  background-color: #777; }
  .filter-item i {
    color: white; }

.filter-item.filter {
  background-color: #6aa2b8; }
  .filter-item.filter i {
    color: white; }

.map-container {
  height: 100%;
  width: 100%; }

.uui-gis-map-container {
  min-height: 770px;
  height: 100%;
  width: 100%; }

.mapboxgl-canvas {
  left: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }

.mapboxgl-popup .mapboxgl-popup-tip, .mapboxgl-popup .mapboxgl-popup-content {
  width: auto; }

.mapboxgl-popup .mapboxgl-popup-content {
  min-width: 240px; }

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
  border-bottom-color: black; }

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  border-top-color: black; }

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  border-right-color: black; }

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  border-left-color: black; }

.mapboxgl-popup-content {
  border: 1px solid black; }

.mapboxgl-popup-content-wrapper {
  padding: 1%; }

.mapboxgl-popup-close-button {
  right: 7px !important;
  top: 9px !important;
  color: #FFF;
  display: block;
  font-size: 20px; }

.gis-map-overlay {
  font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
  position: absolute;
  top: 10px;
  right: 15px;
  padding: 0;
  height: 36px; }
  .gis-map-overlay .btn-white {
    overflow: hidden;
    background-color: #FFF;
    background-image: linear-gradient(to bottom, #FFF 0, #FFF 100%);
    transition: 1.3s background-image, 1s background-color;
    text-shadow: 0 1px 0 #FFF;
    border-color: #ccc; }

.mapboxgl-ctrl-geocoder {
  width: 250px; }
  .mapboxgl-ctrl-geocoder .search-input {
    font: inherit;
    width: 100%;
    border: 0;
    background-color: #FFF;
    margin: 0;
    color: rgba(0, 0, 0, 0.75);
    padding: 6px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .mapboxgl-ctrl-geocoder .clear-span {
    position: absolute;
    top: 8px;
    right: 30px;
    z-index: 4;
    display: block;
    cursor: pointer; }

.gis-map-geocoder {
  position: absolute;
  z-index: 3;
  right: 15px;
  top: 10px;
  padding: 0; }

.geocoder-icon-search {
  position: absolute;
  right: 5px;
  left: auto;
  width: 20px;
  height: 20px; }

.gis-map-overlay > .input-group {
  width: 390px; }

.gis-map-overlay select[id=searchCategory] {
  width: 140px;
  height: 36px; }

.gis-map-overlay .form-control:focus, .gis-map-overlay input:focus, .gis-map-overlay input[type=submit]:focus {
  -moz-box-shadow: 0 0 5px #FFF !important;
  -webkit-box-shadow: 0 0 5px #FFF !important;
  box-shadow: 0 0 5px #FFF !important; }

.mapboxgl-ctrl-geocoder input[type="text"] {
  font: inherit;
  border: 0;
  background-color: transparent;
  margin: 0;
  color: rgba(0, 0, 0, 0.75);
  padding: 6px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 34px; }

.mapboxgl-ctrl-geocoder, .mapboxgl-ctrl-geocoder ul {
  box-shadow: 0 0 10px 2px transparent; }

.mapboxgl-ctrl-geocoder {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 1px 1px 0px;
  border-radius: 0px 4px 4px 0px; }

.mapboxgl-ctrl-top-right {
  margin-top: 45px; }
  .mapboxgl-ctrl-top-right .mapboxgl-ctrl-group > select.my-custom-control {
    width: 145px;
    font-weight: 700;
    font-size: 14px; }
  .mapboxgl-ctrl-top-right .custom-select {
    padding: 7px; }

.mapboxgl-ctrl-group.mapboxgl-ctrl.custom-home-btn {
  font-size: 18px;
  color: black; }

.map-tooltip .event-listing {
  list-style-position: inside;
  padding-left: 0; }
  .map-tooltip .event-listing li {
    color: #000;
    white-space: nowrap; }
    .map-tooltip .event-listing li.more-events-indicator {
      font-style: italic;
      font-weight: bold; }

.gis-open-event-map .gis-map-header {
  color: #FFF;
  margin-bottom: 10px;
  padding: 0 12px 8px 12px; }
  .gis-open-event-map .gis-map-header h4 {
    margin-top: 0;
    padding-top: 10px;
    padding-left: 0; }

.gis-open-event-map p strong {
  width: 40%;
  text-align: right; }

.gis-open-event-map p span {
  width: 40%; }

.gis-open-event-map p strong, .gis-open-event-map p span {
  display: inline-block;
  padding: 0 10px; }

.gis-open-event-map .inconclusive-map-tooltip-header {
  background-color: #fd8d3c; }

.gis-open-event-map .unpowered-map-tooltip-header {
  background-color: #bd0026; }

.gis-open-event-map .powered-map-tooltip-header {
  background-color: #5cb85c; }

.gis-open-event-map .display-map-tooltip-header {
  background-color: #6aa2b8; }

.gis-map-polygon-panel {
  z-index: 1000;
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 5px;
  width: 60%; }

.gis-map-tooltip-panel {
  z-index: 1000;
  position: absolute;
  width: 70%;
  top: 0;
  right: 0;
  padding: 5px; }

.gis-map-polygon-panel-body {
  min-height: 710px; }

/* ---------------------------------------*/
/* ---->>> PRIMARY OBJECT DETAILS <<<-----*/
/* ---------------------------------------*/
.primary-object-view .tabbed-section .col-md-2 {
  padding-right: 0; }

.primary-object-view .tabbed-section .col-md-10 {
  padding-left: 0; }

.labels-and-actions-section,
.return-to-parent-section {
  margin-bottom: 8px; }

.labels-and-actions-section label,
.quick-info-section label {
  margin-right: 10px; }

.labels-and-actions-section .label {
  margin-right: 4px;
  cursor: pointer; }

.action-section .btn {
  float: right; }

.action-section .btn:not(:first-child) {
  margin-right: 4px; }

.groups-section .form-control-static {
  margin-right: 6px; }

.tab-content-placeholder {
  color: #e7eaeb;
  font-size: 16px;
  font-style: italic;
  height: 400px;
  padding: 190px 0px;
  text-align: center; }

.tabbed-section-content .panel:first-child {
  border-top-left-radius: 0;
  /* the lack of border radius fixes display issues and aligns panel with tabs better. */ }

/* -----------------------------------*/
/* ------>>> VERTICAL TABS <<<--------*/
/* -----------------------------------*/
.nav-stacked {
  position: relative;
  left: 1px;
  /*allows for slight overlap of the tabs */
  z-index: 2; }

.nav-stacked > li {
  background-color: #e7eaeb;
  border: 1px solid #ccd1d3;
  border-right: none;
  margin-right: 1px;
  /*removes the overlap for inactive tabs */ }

.nav-stacked > li.active > a,
.nav-stacked > li.active > a:hover,
.nav-stacked > li.active > a:focus {
  background: none;
  color: #565f63;
  border: none; }

.nav-stacked > li.active {
  border-left: 3px solid #eb7203;
  border-right: none;
  background-color: #FFF;
  color: #565f63;
  margin-right: 0;
  /*leave the overlap for the active tab */ }

.nav-stacked > li.active a:focus {
  outline: none;
  box-shadow: none !important; }

/* -------------------------------------*/
/* ---------->>> UI Guide <<<-----------*/
/* -------------------------------------*/
/* ----------------------------------------*/
/* ------>>> SHARED CARD STYLES <<<--------*/
/* ----------------------------------------*/
.panel.callout-card, .ui-guide .persona-card {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  border: none;
  word-break: break-word; }
  .panel.callout-card .callout-value, .ui-guide .persona-card .callout-value {
    font-size: 2rem; }
  .panel.callout-card .callout-details, .ui-guide .persona-card .callout-details {
    display: inline-block;
    float: left;
    margin: 1rem 0 0 1rem;
    color: #7a868c; }
    .panel.callout-card .callout-details .callout-title, .ui-guide .persona-card .callout-details .callout-title {
      font-size: 1.3rem;
      font-weight: 400;
      margin: 0; }
  .panel.callout-card .panel-body, .ui-guide .persona-card .panel-body {
    padding: 0; }
  .panel.callout-card .panel-footer, .ui-guide .persona-card .panel-footer {
    background-color: #FFF;
    padding: 5px;
    font-size: 1.2rem;
    font-weight: 400; }
    .panel.callout-card .panel-footer .view-details, .ui-guide .persona-card .panel-footer .view-details {
      text-align: center; }
    .panel.callout-card .panel-footer a, .ui-guide .persona-card .panel-footer a {
      text-align: center; }

/* -----------------------------------*/
/* ------>>> CALLOUT CARDS <<<--------*/
/* -----------------------------------*/
.panel.callout-card .callout-img {
  max-width: 30%;
  padding-left: 1rem;
  display: inline-block;
  float: left;
  text-align: center;
  font-size: 46px;
  color: #98d1dd; }
  .panel.callout-card .callout-img img {
    font-size: 11px;
    height: 46px; }

.panel.callout-card .callout-details:not(.only-child) {
  width: 62%; }
  .panel.callout-card .callout-details:not(.only-child) .fa-question-circle {
    margin-left: 8px;
    font-size: 14px; }

.callout-card.ng-enter,
.callout-card.ng-leave {
  -webkit-transition: opacity ease-in-out 0.7s;
  -moz-transition: opacity ease-in-out 0.7s;
  -ms-transition: opacity ease-in-out 0.7s;
  -o-transition: opacity ease-in-out 0.7s;
  transition: opacity ease-in-out 0.7s; }

.callout-card.ng-enter,
.callout-card.ng-leave.ng-leave-active {
  opacity: 0; }

.callout-card.ng-leave,
.callout-card.ng-enter.ng-enter-active {
  opacity: 1; }

@media (min-width: 1400px) {
  .panel.callout-card .callout-value, .ui-guide .persona-card .callout-value {
    font-size: 2.5rem; }
  .panel.callout-card .callout-details .callout-title, .ui-guide .persona-card .callout-details .callout-title {
    font-size: 1.8rem;
    margin: 0; }
  .panel.callout-card .panel-footer, .ui-guide .persona-card .panel-footer {
    font-size: 1.4rem; } }

.ui-guide h3 {
  color: #eb7203; }

.ui-guide .persona-card {
  padding-left: 10px;
  padding-right: 10px; }
  .ui-guide .persona-card .provisional-note {
    background-color: #FCF8E3;
    color: #90794F;
    padding: 8px;
    border: 1px solid #90794F;
    border-radius: 4px; }

.ui-guide .color-containers {
  margin: 0 -5px;
  overflow: hidden; }

.ui-guide .color-container {
  float: left;
  width: 100px;
  height: 125px;
  margin: 5px;
  border-radius: 3px;
  position: relative;
  border: 1px solid #CCC;
  margin-right: 5px;
  padding: 5px;
  display: inline-block;
  width: initial;
  height: auto; }

.ui-guide .circle {
  white-space: nowrap;
  width: 150px;
  height: 70px;
  border-radius: 5px;
  vertical-align: baseline;
  font-size: .75rem;
  color: #fff;
  line-height: 64px;
  text-align: center;
  background: #000;
  display: inline-block;
  /*margin-right: 10px;*/ }

.ui-guide .color-container .desc {
  font-size: .75rem;
  margin: 0 0 3px; }

.ui-guide .color-containers .brand-primary {
  background-color: #6ba3b9; }

.ui-guide .color-containers .brand-secondary {
  background-color: #404040; }

.ui-guide .color-containers .brand-main-navi {
  background-color: #f0f1f2;
  border: 1px solid #666; }

.ui-guide .color-containers .brand-success {
  background-color: #5CB85C; }

.ui-guide .color-containers .brand-warning {
  background-color: #F0AD4E; }

.ui-guide .color-primary {
  background: #6aa2b8; }

.ui-guide .color-primary2 {
  background: #7a868c; }

.ui-guide .color-secondary {
  background: #eb7203; }

.ui-guide .color-secondary2 {
  background: #afcab7; }

.ui-guide .color-tertiary {
  background: #98d1dd; }

.ui-guide .color-tertiary2 {
  background: #eed897; }

.ui-guide .color-tertiary3 {
  background: #cd6c4d; }

.ui-guide .color-accent {
  background: #555; }

.ui-guide .color-ui-error {
  background: #A94442; }

.ui-guide .color-ui-warning {
  background: #8a6d3b; }

.ui-guide .color-ui-success {
  background: #3c763d; }

.ui-guide .color-ui-info {
  background: #31708f; }

.ui-guide .color-ui-indeterminate {
  background: #CCC; }

.ui-guide .color-success {
  background: #dff0d8; }

.ui-guide .color-warning {
  background: #fcf8e3; }

.ui-guide .color-delete {
  background: #B00000; }

.ui-guide .color-danger {
  background: #f2dede; }

.ui-guide .color-info {
  background: #d9edf7; }

.ui-guide .color-success-text {
  background: #5cb85c; }

.ui-guide .color-warning-text {
  background: #f0ad4e; }

.ui-guide .color-danger-text {
  background: #d9534f; }

.ui-guide .color-commodity-icon-gas {
  background: #6bce6b; }

.ui-guide .color-commodity-icon-electrical {
  background: sandybrown; }

.ui-guide .color-commodity-icon-water {
  background: #80b1bf; }

.ui-guide .color-commodity-bg-gas {
  background: #bfe5bf; }

.ui-guide .color-commodity-bg-electrical {
  background: blanchedalmond; }

.ui-guide .color-commodity-bg-water {
  background: #e8f1fc; }

.ui-guide .color-text-nav {
  background: #0f1111 !important; }

.ui-guide .color-text-unknown {
  background: #33383a !important; }

.ui-guide .color-text {
  background: #565f63 !important; }

.ui-guide .color-text-heading {
  background: #7a868c !important; }

.ui-guide .color-text-breadcrumbs {
  background: #a3abaf !important; }

.ui-guide .color-border,
.ui-guide .color-text-disabled {
  background: #ccd1d3 !important; }

.ui-guide .color-menu-background {
  background: #f5f6f6 !important; }

.ui-guide .color-selection {
  background: #d2e3e9; }

.ui-guide .color-focus-highlight {
  background: #fda657; }

.ui-guide .color-link {
  background: #457b91; }

.ui-guide .color-link-hover {
  background: #9ec2d1; }

.ui-guide .color-link-visited {
  background: #91457b; }

.ui-guide .color-daterange-link {
  background: #FFF;
  border: 1px solid #CCC; }

/*!
 *  Weather Icons 2.0
 *  Updated August 1, 2015
 *  Weather themed icons for Bootstrap
 *  Author - Erik Flowers - erik@helloerik.com
 *  Email: erik@helloerik.com
 *  Twitter: http://twitter.com/Erik_UX
 *  ------------------------------------------------------------------------------
 *  Maintained at http://erikflowers.github.io/weather-icons
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - Font licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - CSS, LESS and SCSS are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Inspired by and works great as a companion with Font Awesome
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 */
@font-face {
  font-family: "weathericons";
  src: url("../../../fonts/weathericons-regular-webfont.eot");
  src: url("../../../fonts/weathericons-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../../fonts/weathericons-regular-webfont.woff2") format("woff2"), url("../../../fonts/weathericons-regular-webfont.woff") format("woff"), url("../../../fonts/weathericons-regular-webfont.ttf") format("truetype"), url("../../../fonts/weathericons-regular-webfont.svg#weather_iconsregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.wi {
  display: inline-block;
  font-family: "weathericons";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.wi-fw {
  width: 1.4em;
  text-align: center; }

.wi-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.wi-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.wi-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.wi-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.wi-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

.wi-day-sunny:before {
  content: ""; }

.wi-day-cloudy:before {
  content: ""; }

.wi-day-cloudy-gusts:before {
  content: ""; }

.wi-day-cloudy-windy:before {
  content: ""; }

.wi-day-fog:before {
  content: ""; }

.wi-day-hail:before {
  content: ""; }

.wi-day-haze:before {
  content: ""; }

.wi-day-lightning:before {
  content: ""; }

.wi-day-rain:before {
  content: ""; }

.wi-day-rain-mix:before {
  content: ""; }

.wi-day-rain-wind:before {
  content: ""; }

.wi-day-showers:before {
  content: ""; }

.wi-day-sleet:before {
  content: ""; }

.wi-day-sleet-storm:before {
  content: ""; }

.wi-day-snow:before {
  content: ""; }

.wi-day-snow-thunderstorm:before {
  content: ""; }

.wi-day-snow-wind:before {
  content: ""; }

.wi-day-sprinkle:before {
  content: ""; }

.wi-day-storm-showers:before {
  content: ""; }

.wi-day-sunny-overcast:before {
  content: ""; }

.wi-day-thunderstorm:before {
  content: ""; }

.wi-day-windy:before {
  content: ""; }

.wi-solar-eclipse:before {
  content: ""; }

.wi-hot:before {
  content: ""; }

.wi-day-cloudy-high:before {
  content: ""; }

.wi-day-light-wind:before {
  content: ""; }

.wi-night-clear:before {
  content: ""; }

.wi-night-alt-cloudy:before {
  content: ""; }

.wi-night-alt-cloudy-gusts:before {
  content: ""; }

.wi-night-alt-cloudy-windy:before {
  content: ""; }

.wi-night-alt-hail:before {
  content: ""; }

.wi-night-alt-lightning:before {
  content: ""; }

.wi-night-alt-rain:before {
  content: ""; }

.wi-night-alt-rain-mix:before {
  content: ""; }

.wi-night-alt-rain-wind:before {
  content: ""; }

.wi-night-alt-showers:before {
  content: ""; }

.wi-night-alt-sleet:before {
  content: ""; }

.wi-night-alt-sleet-storm:before {
  content: ""; }

.wi-night-alt-snow:before {
  content: ""; }

.wi-night-alt-snow-thunderstorm:before {
  content: ""; }

.wi-night-alt-snow-wind:before {
  content: ""; }

.wi-night-alt-sprinkle:before {
  content: ""; }

.wi-night-alt-storm-showers:before {
  content: ""; }

.wi-night-alt-thunderstorm:before {
  content: ""; }

.wi-night-cloudy:before {
  content: ""; }

.wi-night-cloudy-gusts:before {
  content: ""; }

.wi-night-cloudy-windy:before {
  content: ""; }

.wi-night-fog:before {
  content: ""; }

.wi-night-hail:before {
  content: ""; }

.wi-night-lightning:before {
  content: ""; }

.wi-night-partly-cloudy:before {
  content: ""; }

.wi-night-rain:before {
  content: ""; }

.wi-night-rain-mix:before {
  content: ""; }

.wi-night-rain-wind:before {
  content: ""; }

.wi-night-showers:before {
  content: ""; }

.wi-night-sleet:before {
  content: ""; }

.wi-night-sleet-storm:before {
  content: ""; }

.wi-night-snow:before {
  content: ""; }

.wi-night-snow-thunderstorm:before {
  content: ""; }

.wi-night-snow-wind:before {
  content: ""; }

.wi-night-sprinkle:before {
  content: ""; }

.wi-night-storm-showers:before {
  content: ""; }

.wi-night-thunderstorm:before {
  content: ""; }

.wi-lunar-eclipse:before {
  content: ""; }

.wi-stars:before {
  content: ""; }

.wi-storm-showers:before {
  content: ""; }

.wi-thunderstorm:before {
  content: ""; }

.wi-night-alt-cloudy-high:before {
  content: ""; }

.wi-night-cloudy-high:before {
  content: ""; }

.wi-night-alt-partly-cloudy:before {
  content: ""; }

.wi-cloud:before {
  content: ""; }

.wi-cloudy:before {
  content: ""; }

.wi-cloudy-gusts:before {
  content: ""; }

.wi-cloudy-windy:before {
  content: ""; }

.wi-fog:before {
  content: ""; }

.wi-hail:before {
  content: ""; }

.wi-rain:before {
  content: ""; }

.wi-rain-mix:before {
  content: ""; }

.wi-rain-wind:before {
  content: ""; }

.wi-showers:before {
  content: ""; }

.wi-sleet:before {
  content: ""; }

.wi-snow:before {
  content: ""; }

.wi-sprinkle:before {
  content: ""; }

.wi-storm-showers:before {
  content: ""; }

.wi-thunderstorm:before {
  content: ""; }

.wi-snow-wind:before {
  content: ""; }

.wi-snow:before {
  content: ""; }

.wi-smog:before {
  content: ""; }

.wi-smoke:before {
  content: ""; }

.wi-lightning:before {
  content: ""; }

.wi-raindrops:before {
  content: ""; }

.wi-raindrop:before {
  content: ""; }

.wi-dust:before {
  content: ""; }

.wi-snowflake-cold:before {
  content: ""; }

.wi-windy:before {
  content: ""; }

.wi-strong-wind:before {
  content: ""; }

.wi-sandstorm:before {
  content: ""; }

.wi-earthquake:before {
  content: ""; }

.wi-fire:before {
  content: ""; }

.wi-flood:before {
  content: ""; }

.wi-meteor:before {
  content: ""; }

.wi-tsunami:before {
  content: ""; }

.wi-volcano:before {
  content: ""; }

.wi-hurricane:before {
  content: ""; }

.wi-tornado:before {
  content: ""; }

.wi-small-craft-advisory:before {
  content: ""; }

.wi-gale-warning:before {
  content: ""; }

.wi-storm-warning:before {
  content: ""; }

.wi-hurricane-warning:before {
  content: ""; }

.wi-wind-direction:before {
  content: ""; }

.wi-alien:before {
  content: ""; }

.wi-celsius:before {
  content: ""; }

.wi-fahrenheit:before {
  content: ""; }

.wi-degrees:before {
  content: ""; }

.wi-thermometer:before {
  content: ""; }

.wi-thermometer-exterior:before {
  content: ""; }

.wi-thermometer-internal:before {
  content: ""; }

.wi-cloud-down:before {
  content: ""; }

.wi-cloud-up:before {
  content: ""; }

.wi-cloud-refresh:before {
  content: ""; }

.wi-horizon:before {
  content: ""; }

.wi-horizon-alt:before {
  content: ""; }

.wi-sunrise:before {
  content: ""; }

.wi-sunset:before {
  content: ""; }

.wi-moonrise:before {
  content: ""; }

.wi-moonset:before {
  content: ""; }

.wi-refresh:before {
  content: ""; }

.wi-refresh-alt:before {
  content: ""; }

.wi-umbrella:before {
  content: ""; }

.wi-barometer:before {
  content: ""; }

.wi-humidity:before {
  content: ""; }

.wi-na:before {
  content: ""; }

.wi-train:before {
  content: ""; }

.wi-moon-new:before {
  content: ""; }

.wi-moon-waxing-crescent-1:before {
  content: ""; }

.wi-moon-waxing-crescent-2:before {
  content: ""; }

.wi-moon-waxing-crescent-3:before {
  content: ""; }

.wi-moon-waxing-crescent-4:before {
  content: ""; }

.wi-moon-waxing-crescent-5:before {
  content: ""; }

.wi-moon-waxing-crescent-6:before {
  content: ""; }

.wi-moon-first-quarter:before {
  content: ""; }

.wi-moon-waxing-gibbous-1:before {
  content: ""; }

.wi-moon-waxing-gibbous-2:before {
  content: ""; }

.wi-moon-waxing-gibbous-3:before {
  content: ""; }

.wi-moon-waxing-gibbous-4:before {
  content: ""; }

.wi-moon-waxing-gibbous-5:before {
  content: ""; }

.wi-moon-waxing-gibbous-6:before {
  content: ""; }

.wi-moon-full:before {
  content: ""; }

.wi-moon-waning-gibbous-1:before {
  content: ""; }

.wi-moon-waning-gibbous-2:before {
  content: ""; }

.wi-moon-waning-gibbous-3:before {
  content: ""; }

.wi-moon-waning-gibbous-4:before {
  content: ""; }

.wi-moon-waning-gibbous-5:before {
  content: ""; }

.wi-moon-waning-gibbous-6:before {
  content: ""; }

.wi-moon-third-quarter:before {
  content: ""; }

.wi-moon-waning-crescent-1:before {
  content: ""; }

.wi-moon-waning-crescent-2:before {
  content: ""; }

.wi-moon-waning-crescent-3:before {
  content: ""; }

.wi-moon-waning-crescent-4:before {
  content: ""; }

.wi-moon-waning-crescent-5:before {
  content: ""; }

.wi-moon-waning-crescent-6:before {
  content: ""; }

.wi-moon-alt-new:before {
  content: ""; }

.wi-moon-alt-waxing-crescent-1:before {
  content: ""; }

.wi-moon-alt-waxing-crescent-2:before {
  content: ""; }

.wi-moon-alt-waxing-crescent-3:before {
  content: ""; }

.wi-moon-alt-waxing-crescent-4:before {
  content: ""; }

.wi-moon-alt-waxing-crescent-5:before {
  content: ""; }

.wi-moon-alt-waxing-crescent-6:before {
  content: ""; }

.wi-moon-alt-first-quarter:before {
  content: ""; }

.wi-moon-alt-waxing-gibbous-1:before {
  content: ""; }

.wi-moon-alt-waxing-gibbous-2:before {
  content: ""; }

.wi-moon-alt-waxing-gibbous-3:before {
  content: ""; }

.wi-moon-alt-waxing-gibbous-4:before {
  content: ""; }

.wi-moon-alt-waxing-gibbous-5:before {
  content: ""; }

.wi-moon-alt-waxing-gibbous-6:before {
  content: ""; }

.wi-moon-alt-full:before {
  content: ""; }

.wi-moon-alt-waning-gibbous-1:before {
  content: ""; }

.wi-moon-alt-waning-gibbous-2:before {
  content: ""; }

.wi-moon-alt-waning-gibbous-3:before {
  content: ""; }

.wi-moon-alt-waning-gibbous-4:before {
  content: ""; }

.wi-moon-alt-waning-gibbous-5:before {
  content: ""; }

.wi-moon-alt-waning-gibbous-6:before {
  content: ""; }

.wi-moon-alt-third-quarter:before {
  content: ""; }

.wi-moon-alt-waning-crescent-1:before {
  content: ""; }

.wi-moon-alt-waning-crescent-2:before {
  content: ""; }

.wi-moon-alt-waning-crescent-3:before {
  content: ""; }

.wi-moon-alt-waning-crescent-4:before {
  content: ""; }

.wi-moon-alt-waning-crescent-5:before {
  content: ""; }

.wi-moon-alt-waning-crescent-6:before {
  content: ""; }

.wi-moon-0:before {
  content: ""; }

.wi-moon-1:before {
  content: ""; }

.wi-moon-2:before {
  content: ""; }

.wi-moon-3:before {
  content: ""; }

.wi-moon-4:before {
  content: ""; }

.wi-moon-5:before {
  content: ""; }

.wi-moon-6:before {
  content: ""; }

.wi-moon-7:before {
  content: ""; }

.wi-moon-8:before {
  content: ""; }

.wi-moon-9:before {
  content: ""; }

.wi-moon-10:before {
  content: ""; }

.wi-moon-11:before {
  content: ""; }

.wi-moon-12:before {
  content: ""; }

.wi-moon-13:before {
  content: ""; }

.wi-moon-14:before {
  content: ""; }

.wi-moon-15:before {
  content: ""; }

.wi-moon-16:before {
  content: ""; }

.wi-moon-17:before {
  content: ""; }

.wi-moon-18:before {
  content: ""; }

.wi-moon-19:before {
  content: ""; }

.wi-moon-20:before {
  content: ""; }

.wi-moon-21:before {
  content: ""; }

.wi-moon-22:before {
  content: ""; }

.wi-moon-23:before {
  content: ""; }

.wi-moon-24:before {
  content: ""; }

.wi-moon-25:before {
  content: ""; }

.wi-moon-26:before {
  content: ""; }

.wi-moon-27:before {
  content: ""; }

.wi-time-1:before {
  content: ""; }

.wi-time-2:before {
  content: ""; }

.wi-time-3:before {
  content: ""; }

.wi-time-4:before {
  content: ""; }

.wi-time-5:before {
  content: ""; }

.wi-time-6:before {
  content: ""; }

.wi-time-7:before {
  content: ""; }

.wi-time-8:before {
  content: ""; }

.wi-time-9:before {
  content: ""; }

.wi-time-10:before {
  content: ""; }

.wi-time-11:before {
  content: ""; }

.wi-time-12:before {
  content: ""; }

.wi-direction-up:before {
  content: ""; }

.wi-direction-up-right:before {
  content: ""; }

.wi-direction-right:before {
  content: ""; }

.wi-direction-down-right:before {
  content: ""; }

.wi-direction-down:before {
  content: ""; }

.wi-direction-down-left:before {
  content: ""; }

.wi-direction-left:before {
  content: ""; }

.wi-direction-up-left:before {
  content: ""; }

.wi-wind-beaufort-0:before {
  content: ""; }

.wi-wind-beaufort-1:before {
  content: ""; }

.wi-wind-beaufort-2:before {
  content: ""; }

.wi-wind-beaufort-3:before {
  content: ""; }

.wi-wind-beaufort-4:before {
  content: ""; }

.wi-wind-beaufort-5:before {
  content: ""; }

.wi-wind-beaufort-6:before {
  content: ""; }

.wi-wind-beaufort-7:before {
  content: ""; }

.wi-wind-beaufort-8:before {
  content: ""; }

.wi-wind-beaufort-9:before {
  content: ""; }

.wi-wind-beaufort-10:before {
  content: ""; }

.wi-wind-beaufort-11:before {
  content: ""; }

.wi-wind-beaufort-12:before {
  content: ""; }

.wi-yahoo-0:before {
  content: ""; }

.wi-yahoo-1:before {
  content: ""; }

.wi-yahoo-2:before {
  content: ""; }

.wi-yahoo-3:before {
  content: ""; }

.wi-yahoo-4:before {
  content: ""; }

.wi-yahoo-5:before {
  content: ""; }

.wi-yahoo-6:before {
  content: ""; }

.wi-yahoo-7:before {
  content: ""; }

.wi-yahoo-8:before {
  content: ""; }

.wi-yahoo-9:before {
  content: ""; }

.wi-yahoo-10:before {
  content: ""; }

.wi-yahoo-11:before {
  content: ""; }

.wi-yahoo-12:before {
  content: ""; }

.wi-yahoo-13:before {
  content: ""; }

.wi-yahoo-14:before {
  content: ""; }

.wi-yahoo-15:before {
  content: ""; }

.wi-yahoo-16:before {
  content: ""; }

.wi-yahoo-17:before {
  content: ""; }

.wi-yahoo-18:before {
  content: ""; }

.wi-yahoo-19:before {
  content: ""; }

.wi-yahoo-20:before {
  content: ""; }

.wi-yahoo-21:before {
  content: ""; }

.wi-yahoo-22:before {
  content: ""; }

.wi-yahoo-23:before {
  content: ""; }

.wi-yahoo-24:before {
  content: ""; }

.wi-yahoo-25:before {
  content: ""; }

.wi-yahoo-26:before {
  content: ""; }

.wi-yahoo-27:before {
  content: ""; }

.wi-yahoo-28:before {
  content: ""; }

.wi-yahoo-29:before {
  content: ""; }

.wi-yahoo-30:before {
  content: ""; }

.wi-yahoo-31:before {
  content: ""; }

.wi-yahoo-32:before {
  content: ""; }

.wi-yahoo-33:before {
  content: ""; }

.wi-yahoo-34:before {
  content: ""; }

.wi-yahoo-35:before {
  content: ""; }

.wi-yahoo-36:before {
  content: ""; }

.wi-yahoo-37:before {
  content: ""; }

.wi-yahoo-38:before {
  content: ""; }

.wi-yahoo-39:before {
  content: ""; }

.wi-yahoo-40:before {
  content: ""; }

.wi-yahoo-41:before {
  content: ""; }

.wi-yahoo-42:before {
  content: ""; }

.wi-yahoo-43:before {
  content: ""; }

.wi-yahoo-44:before {
  content: ""; }

.wi-yahoo-45:before {
  content: ""; }

.wi-yahoo-46:before {
  content: ""; }

.wi-yahoo-47:before {
  content: ""; }

.wi-yahoo-3200:before {
  content: ""; }

.wi-forecast-io-clear-day:before {
  content: ""; }

.wi-forecast-io-clear-night:before {
  content: ""; }

.wi-forecast-io-rain:before {
  content: ""; }

.wi-forecast-io-snow:before {
  content: ""; }

.wi-forecast-io-sleet:before {
  content: ""; }

.wi-forecast-io-wind:before {
  content: ""; }

.wi-forecast-io-fog:before {
  content: ""; }

.wi-forecast-io-cloudy:before {
  content: ""; }

.wi-forecast-io-partly-cloudy-day:before {
  content: ""; }

.wi-forecast-io-partly-cloudy-night:before {
  content: ""; }

.wi-forecast-io-hail:before {
  content: ""; }

.wi-forecast-io-thunderstorm:before {
  content: ""; }

.wi-forecast-io-tornado:before {
  content: ""; }

.wi-wmo4680-0:before,
.wi-wmo4680-00:before {
  content: ""; }

.wi-wmo4680-1:before,
.wi-wmo4680-01:before {
  content: ""; }

.wi-wmo4680-2:before,
.wi-wmo4680-02:before {
  content: ""; }

.wi-wmo4680-3:before,
.wi-wmo4680-03:before {
  content: ""; }

.wi-wmo4680-4:before,
.wi-wmo4680-04:before {
  content: ""; }

.wi-wmo4680-5:before,
.wi-wmo4680-05:before {
  content: ""; }

.wi-wmo4680-10:before {
  content: ""; }

.wi-wmo4680-11:before {
  content: ""; }

.wi-wmo4680-12:before {
  content: ""; }

.wi-wmo4680-18:before {
  content: ""; }

.wi-wmo4680-20:before {
  content: ""; }

.wi-wmo4680-21:before {
  content: ""; }

.wi-wmo4680-22:before {
  content: ""; }

.wi-wmo4680-23:before {
  content: ""; }

.wi-wmo4680-24:before {
  content: ""; }

.wi-wmo4680-25:before {
  content: ""; }

.wi-wmo4680-26:before {
  content: ""; }

.wi-wmo4680-27:before {
  content: ""; }

.wi-wmo4680-28:before {
  content: ""; }

.wi-wmo4680-29:before {
  content: ""; }

.wi-wmo4680-30:before {
  content: ""; }

.wi-wmo4680-31:before {
  content: ""; }

.wi-wmo4680-32:before {
  content: ""; }

.wi-wmo4680-33:before {
  content: ""; }

.wi-wmo4680-34:before {
  content: ""; }

.wi-wmo4680-35:before {
  content: ""; }

.wi-wmo4680-40:before {
  content: ""; }

.wi-wmo4680-41:before {
  content: ""; }

.wi-wmo4680-42:before {
  content: ""; }

.wi-wmo4680-43:before {
  content: ""; }

.wi-wmo4680-44:before {
  content: ""; }

.wi-wmo4680-45:before {
  content: ""; }

.wi-wmo4680-46:before {
  content: ""; }

.wi-wmo4680-47:before {
  content: ""; }

.wi-wmo4680-48:before {
  content: ""; }

.wi-wmo4680-50:before {
  content: ""; }

.wi-wmo4680-51:before {
  content: ""; }

.wi-wmo4680-52:before {
  content: ""; }

.wi-wmo4680-53:before {
  content: ""; }

.wi-wmo4680-54:before {
  content: ""; }

.wi-wmo4680-55:before {
  content: ""; }

.wi-wmo4680-56:before {
  content: ""; }

.wi-wmo4680-57:before {
  content: ""; }

.wi-wmo4680-58:before {
  content: ""; }

.wi-wmo4680-60:before {
  content: ""; }

.wi-wmo4680-61:before {
  content: ""; }

.wi-wmo4680-62:before {
  content: ""; }

.wi-wmo4680-63:before {
  content: ""; }

.wi-wmo4680-64:before {
  content: ""; }

.wi-wmo4680-65:before {
  content: ""; }

.wi-wmo4680-66:before {
  content: ""; }

.wi-wmo4680-67:before {
  content: ""; }

.wi-wmo4680-68:before {
  content: ""; }

.wi-wmo4680-70:before {
  content: ""; }

.wi-wmo4680-71:before {
  content: ""; }

.wi-wmo4680-72:before {
  content: ""; }

.wi-wmo4680-73:before {
  content: ""; }

.wi-wmo4680-74:before {
  content: ""; }

.wi-wmo4680-75:before {
  content: ""; }

.wi-wmo4680-76:before {
  content: ""; }

.wi-wmo4680-77:before {
  content: ""; }

.wi-wmo4680-78:before {
  content: ""; }

.wi-wmo4680-80:before {
  content: ""; }

.wi-wmo4680-81:before {
  content: ""; }

.wi-wmo4680-82:before {
  content: ""; }

.wi-wmo4680-83:before {
  content: ""; }

.wi-wmo4680-84:before {
  content: ""; }

.wi-wmo4680-85:before {
  content: ""; }

.wi-wmo4680-86:before {
  content: ""; }

.wi-wmo4680-87:before {
  content: ""; }

.wi-wmo4680-89:before {
  content: ""; }

.wi-wmo4680-90:before {
  content: ""; }

.wi-wmo4680-91:before {
  content: ""; }

.wi-wmo4680-92:before {
  content: ""; }

.wi-wmo4680-93:before {
  content: ""; }

.wi-wmo4680-94:before {
  content: ""; }

.wi-wmo4680-95:before {
  content: ""; }

.wi-wmo4680-96:before {
  content: ""; }

.wi-wmo4680-99:before {
  content: ""; }

.wi-owm-200:before {
  content: ""; }

.wi-owm-201:before {
  content: ""; }

.wi-owm-202:before {
  content: ""; }

.wi-owm-210:before {
  content: ""; }

.wi-owm-211:before {
  content: ""; }

.wi-owm-212:before {
  content: ""; }

.wi-owm-221:before {
  content: ""; }

.wi-owm-230:before {
  content: ""; }

.wi-owm-231:before {
  content: ""; }

.wi-owm-232:before {
  content: ""; }

.wi-owm-300:before {
  content: ""; }

.wi-owm-301:before {
  content: ""; }

.wi-owm-302:before {
  content: ""; }

.wi-owm-310:before {
  content: ""; }

.wi-owm-311:before {
  content: ""; }

.wi-owm-312:before {
  content: ""; }

.wi-owm-313:before {
  content: ""; }

.wi-owm-314:before {
  content: ""; }

.wi-owm-321:before {
  content: ""; }

.wi-owm-500:before {
  content: ""; }

.wi-owm-501:before {
  content: ""; }

.wi-owm-502:before {
  content: ""; }

.wi-owm-503:before {
  content: ""; }

.wi-owm-504:before {
  content: ""; }

.wi-owm-511:before {
  content: ""; }

.wi-owm-520:before {
  content: ""; }

.wi-owm-521:before {
  content: ""; }

.wi-owm-522:before {
  content: ""; }

.wi-owm-531:before {
  content: ""; }

.wi-owm-600:before {
  content: ""; }

.wi-owm-601:before {
  content: ""; }

.wi-owm-602:before {
  content: ""; }

.wi-owm-611:before {
  content: ""; }

.wi-owm-612:before {
  content: ""; }

.wi-owm-615:before {
  content: ""; }

.wi-owm-616:before {
  content: ""; }

.wi-owm-620:before {
  content: ""; }

.wi-owm-621:before {
  content: ""; }

.wi-owm-622:before {
  content: ""; }

.wi-owm-701:before {
  content: ""; }

.wi-owm-711:before {
  content: ""; }

.wi-owm-721:before {
  content: ""; }

.wi-owm-731:before {
  content: ""; }

.wi-owm-741:before {
  content: ""; }

.wi-owm-761:before {
  content: ""; }

.wi-owm-762:before {
  content: ""; }

.wi-owm-771:before {
  content: ""; }

.wi-owm-781:before {
  content: ""; }

.wi-owm-800:before {
  content: ""; }

.wi-owm-801:before {
  content: ""; }

.wi-owm-802:before {
  content: ""; }

.wi-owm-803:before {
  content: ""; }

.wi-owm-804:before {
  content: ""; }

.wi-owm-900:before {
  content: ""; }

.wi-owm-901:before {
  content: ""; }

.wi-owm-902:before {
  content: ""; }

.wi-owm-903:before {
  content: ""; }

.wi-owm-904:before {
  content: ""; }

.wi-owm-905:before {
  content: ""; }

.wi-owm-906:before {
  content: ""; }

.wi-owm-957:before {
  content: ""; }

.wi-owm-day-200:before {
  content: ""; }

.wi-owm-day-201:before {
  content: ""; }

.wi-owm-day-202:before {
  content: ""; }

.wi-owm-day-210:before {
  content: ""; }

.wi-owm-day-211:before {
  content: ""; }

.wi-owm-day-212:before {
  content: ""; }

.wi-owm-day-221:before {
  content: ""; }

.wi-owm-day-230:before {
  content: ""; }

.wi-owm-day-231:before {
  content: ""; }

.wi-owm-day-232:before {
  content: ""; }

.wi-owm-day-300:before {
  content: ""; }

.wi-owm-day-301:before {
  content: ""; }

.wi-owm-day-302:before {
  content: ""; }

.wi-owm-day-310:before {
  content: ""; }

.wi-owm-day-311:before {
  content: ""; }

.wi-owm-day-312:before {
  content: ""; }

.wi-owm-day-313:before {
  content: ""; }

.wi-owm-day-314:before {
  content: ""; }

.wi-owm-day-321:before {
  content: ""; }

.wi-owm-day-500:before {
  content: ""; }

.wi-owm-day-501:before {
  content: ""; }

.wi-owm-day-502:before {
  content: ""; }

.wi-owm-day-503:before {
  content: ""; }

.wi-owm-day-504:before {
  content: ""; }

.wi-owm-day-511:before {
  content: ""; }

.wi-owm-day-520:before {
  content: ""; }

.wi-owm-day-521:before {
  content: ""; }

.wi-owm-day-522:before {
  content: ""; }

.wi-owm-day-531:before {
  content: ""; }

.wi-owm-day-600:before {
  content: ""; }

.wi-owm-day-601:before {
  content: ""; }

.wi-owm-day-602:before {
  content: ""; }

.wi-owm-day-611:before {
  content: ""; }

.wi-owm-day-612:before {
  content: ""; }

.wi-owm-day-615:before {
  content: ""; }

.wi-owm-day-616:before {
  content: ""; }

.wi-owm-day-620:before {
  content: ""; }

.wi-owm-day-621:before {
  content: ""; }

.wi-owm-day-622:before {
  content: ""; }

.wi-owm-day-701:before {
  content: ""; }

.wi-owm-day-711:before {
  content: ""; }

.wi-owm-day-721:before {
  content: ""; }

.wi-owm-day-731:before {
  content: ""; }

.wi-owm-day-741:before {
  content: ""; }

.wi-owm-day-761:before {
  content: ""; }

.wi-owm-day-762:before {
  content: ""; }

.wi-owm-day-781:before {
  content: ""; }

.wi-owm-day-800:before {
  content: ""; }

.wi-owm-day-801:before {
  content: ""; }

.wi-owm-day-802:before {
  content: ""; }

.wi-owm-day-803:before {
  content: ""; }

.wi-owm-day-804:before {
  content: ""; }

.wi-owm-day-900:before {
  content: ""; }

.wi-owm-day-902:before {
  content: ""; }

.wi-owm-day-903:before {
  content: ""; }

.wi-owm-day-904:before {
  content: ""; }

.wi-owm-day-906:before {
  content: ""; }

.wi-owm-day-957:before {
  content: ""; }

.wi-owm-night-200:before {
  content: ""; }

.wi-owm-night-201:before {
  content: ""; }

.wi-owm-night-202:before {
  content: ""; }

.wi-owm-night-210:before {
  content: ""; }

.wi-owm-night-211:before {
  content: ""; }

.wi-owm-night-212:before {
  content: ""; }

.wi-owm-night-221:before {
  content: ""; }

.wi-owm-night-230:before {
  content: ""; }

.wi-owm-night-231:before {
  content: ""; }

.wi-owm-night-232:before {
  content: ""; }

.wi-owm-night-300:before {
  content: ""; }

.wi-owm-night-301:before {
  content: ""; }

.wi-owm-night-302:before {
  content: ""; }

.wi-owm-night-310:before {
  content: ""; }

.wi-owm-night-311:before {
  content: ""; }

.wi-owm-night-312:before {
  content: ""; }

.wi-owm-night-313:before {
  content: ""; }

.wi-owm-night-314:before {
  content: ""; }

.wi-owm-night-321:before {
  content: ""; }

.wi-owm-night-500:before {
  content: ""; }

.wi-owm-night-501:before {
  content: ""; }

.wi-owm-night-502:before {
  content: ""; }

.wi-owm-night-503:before {
  content: ""; }

.wi-owm-night-504:before {
  content: ""; }

.wi-owm-night-511:before {
  content: ""; }

.wi-owm-night-520:before {
  content: ""; }

.wi-owm-night-521:before {
  content: ""; }

.wi-owm-night-522:before {
  content: ""; }

.wi-owm-night-531:before {
  content: ""; }

.wi-owm-night-600:before {
  content: ""; }

.wi-owm-night-601:before {
  content: ""; }

.wi-owm-night-602:before {
  content: ""; }

.wi-owm-night-611:before {
  content: ""; }

.wi-owm-night-612:before {
  content: ""; }

.wi-owm-night-615:before {
  content: ""; }

.wi-owm-night-616:before {
  content: ""; }

.wi-owm-night-620:before {
  content: ""; }

.wi-owm-night-621:before {
  content: ""; }

.wi-owm-night-622:before {
  content: ""; }

.wi-owm-night-701:before {
  content: ""; }

.wi-owm-night-711:before {
  content: ""; }

.wi-owm-night-721:before {
  content: ""; }

.wi-owm-night-731:before {
  content: ""; }

.wi-owm-night-741:before {
  content: ""; }

.wi-owm-night-761:before {
  content: ""; }

.wi-owm-night-762:before {
  content: ""; }

.wi-owm-night-781:before {
  content: ""; }

.wi-owm-night-800:before {
  content: ""; }

.wi-owm-night-801:before {
  content: ""; }

.wi-owm-night-802:before {
  content: ""; }

.wi-owm-night-803:before {
  content: ""; }

.wi-owm-night-804:before {
  content: ""; }

.wi-owm-night-900:before {
  content: ""; }

.wi-owm-night-902:before {
  content: ""; }

.wi-owm-night-903:before {
  content: ""; }

.wi-owm-night-904:before {
  content: ""; }

.wi-owm-night-906:before {
  content: ""; }

.wi-owm-night-957:before {
  content: ""; }

.wi-wu-chanceflurries:before {
  content: ""; }

.wi-wu-chancerain:before {
  content: ""; }

.wi-wu-chancesleat:before {
  content: ""; }

.wi-wu-chancesnow:before {
  content: ""; }

.wi-wu-chancetstorms:before {
  content: ""; }

.wi-wu-clear:before {
  content: ""; }

.wi-wu-cloudy:before {
  content: ""; }

.wi-wu-flurries:before {
  content: ""; }

.wi-wu-hazy:before {
  content: ""; }

.wi-wu-mostlycloudy:before {
  content: ""; }

.wi-wu-mostlysunny:before {
  content: ""; }

.wi-wu-partlycloudy:before {
  content: ""; }

.wi-wu-partlysunny:before {
  content: ""; }

.wi-wu-rain:before {
  content: ""; }

.wi-wu-sleat:before {
  content: ""; }

.wi-wu-snow:before {
  content: ""; }

.wi-wu-sunny:before {
  content: ""; }

.wi-wu-tstorms:before {
  content: ""; }

.wi-wu-unknown:before {
  content: ""; }

.district-metering-icon:before {
  content: url(../images/MenuIcons/district-metering-icon.svg);
  position: absolute;
  margin-top: 12px;
  top: 0;
  left: 22px; }