html {
  font-size: 100%;
}

body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, tr, th, td {
  font-family: "Lato", sans-serif !important;
}

body {
  font-family: "Lato", sans-serif !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fafafa;
}

.body-color-wrapper {
  background-color: #f6f8fa;
  min-height: 100%;
  padding-bottom: 20px;
}

body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, tr, th, td {
  margin: 0;
  padding: 0;
}

.visibly-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}

@media screen and (min-width: 0px) and (max-width: 500px) {
  .non-mobile {
    display: none !important;
  } /* hide it on small screens */
}
/*
BODY AND
SIDEBAR
*/
body.pushable {
  background-color: #f6f8fa !important;
  background: #f6f8fa !important;
}

body.pushable > .pusher {
  background-color: #f6f8fa !important;
  background: #f6f8fa !important;
}

.nonCurrentMonthDate {
  color: lightgray;
}

.lp-sidebar {
  background: #3A3A3C;
  color: #FFFFFF;
  padding: 30px;
}

.lp-secondary-sidebar {
  background: #151F32;
  font-weight: 900;
  width: 300px;
  float: left;
  min-height: 1600px;
  height: 100%;
  padding: 10px;
  margin-right: 20px;
  border-radius: 0px;
}

.lp-sidebar-hide {
  width: 50px;
  padding: 10px;
}

/*
TREE
GRID
*/
.ui.checkbox.checkbox-filter {
  display: block;
  padding-top: 5px;
}

.ui.checkbox.checkbox-filter.primary-true {
  font-weight: bold;
}

.checkbox-list-item {
  padding-top: 4px;
  max-width: 180px;
}

.checkbox-list-accordion {
  padding: 10px 0px;
  border-bottom: 1px solid #606668;
}

.nested-checkbox-list {
  padding: 5px 0px;
  white-space: nowrap;
  /* overflow: hidden; */
  text-overflow: ellipsis;
}

.accordion-list > .nested-checkbox-list {
  border-bottom: 1px solid #606668;
  padding-bottom: 5px;
}

.treegrid-checkbox-label {
  font-size: 12px !important;
  color: #FFFFFF !important;
}

.title-label {
  display: inline;
  padding: 0 !important;
}

.startdate-column {
  padding-right: 2px !important;
}

.enddate-column {
  padding-left: 2px !important;
}

/*
FACILITY
SEARCH
MODAL
*/
.lp-form-input, .lp-form-input-secondary {
  display: block !important;
}

.lp-search-param {
  margin-top: 5px !important;
  width: 100% !important;
}

.lp-search-param-labels,
.lp-search-params {
  margin: 10px 0px;
}

.lp-search-param-labels .label,
.lp-search-params .label {
  margin: 0.14285714em !important;
  width: 100%;
}

.lp-search-param-labels .label:first-child,
.lp-search-params .label:first-child {
  margin: 0.14285714em !important;
}

.lp-search-param-labels .label:last-child,
.lp-search-params .label:last-child {
  margin: 0.14285714em !important;
}

.lp-search-params .label .detail {
  display: inline;
}

.lp-search-form-group {
  height: 400px;
  border: 1px solid lightgray;
  border-radius: 8px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.facility-search-modal .action-buttons {
  position: absolute !important;
  bottom: 0;
  right: 0;
  text-align: right;
}

.lp-search-form-group-title {
  margin-top: 10px;
  margin-left: 20px;
}

.saved-search-list-wrapper {
  max-height: 600px;
  overflow-y: scroll;
}

/*
CHART
*/
.disabled-button {
  color: #ededed;
}

.disabled-button:hover {
  color: #ededed;
}

.lp-chart-placeholder-message {
  text-align: center;
  padding-top: 130px;
}

#rateSlider {
  width: 260px;
  margin-right: 50px;
  /* height: 20px; */
  margin: 0;
  transform-origin: 125px 140px;
  transform: rotate(-90deg);
  position: absolute;
  z-index: 1000;
}

.highcharts-plot-line {
  stroke: red;
  stroke-width: 2px;
}

.highcharts-plot-line.rateLine {
  stroke: red;
  stroke-width: 1px;
}

.highcharts-plot-line.rateLine2 {
  stroke: white;
  stroke-width: 0px;
}

.highcharts-plot-line.coinPeakLine {
  stroke: green;
  stroke-width: 2px;
}

.highcharts-point {
  stroke-width: 0 !important;
}

.highcharts-button.highcharts-reset-zoom {
  background-color: #e0e1e2 !important;
  fill: #e0e1e2 !important;
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  margin: 0 0.25em 0 0;
  color: rgba(0, 0, 0, 0.6) !important;
  font-weight: 700 !important;
  border-radius: 0.28571429rem;
  stroke-width: 0;
  border: none;
}

.highcharts-button.highcharts-reset-zoom text {
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  margin: 0 0.25em 0 0;
  color: rgba(0, 0, 0, 0.6) !important;
  font-weight: 700 !important;
}

.highcharts-button.highcharts-reset-zoom text:hover {
  background-color: #cacbcd !important;
}

.highcharts-button.highcharts-reset-zoom:hover {
  background-color: #cacbcd !important;
  fill: #cacbcd !important;
  color: rgba(0, 0, 0, 0.8);
}

.highcharts-xaxis .highcharts-axis-line {
  stroke: none !important;
}

.highcharts-yaxis .highcharts-axis-line {
  stroke-width: 1;
}

.weatherGridLine .highcharts-grid-line {
  stroke: none;
}

/*
STATISTICS
*/
#date_range {
  font-size: 13px;
  font-weight: bolder;
  color: #70d7ff;
}

#colorLegend {
  text-align: left;
}

#locationDetails {
  border-radius: 6px;
}

/* GENERAL COMPONENT-
USED TO CONTAIN SCROLLING CONTENT */
.scrolling-list-box-small {
  padding: 5px 10px;
  border: 1px solid lightgray;
  overflow-y: scroll;
  max-height: 200px;
  min-height: 200px;
}

.scrolling-list-box-large {
  overflow: auto;
  min-height: 200px;
  max-height: 480px;
}

.scrolling-list-wrapper {
  max-height: 600px;
  overflow-y: scroll;
}

svg {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.coinPeakLine {
  fill: green !important;
  fill-opacity: 0.7;
}

.coin-peak-label {
  background-color: rgba(255, 255, 255, 0.5) !important;
  fill: green !important;
}

.react-grid-item.cssTransforms {
  transition-property: none !important;
}

.animated .react-grid-item.cssTransforms {
  transition-property: transform !important;
}

.login-page {
  background-color: rgba(150, 160, 175, 0.5) !important;
  color: #FFFFFF;
  min-width: 360px;
  min-height: 480px;
  max-width: 400px !important;
  margin: 100px auto 0 !important;
  padding: 45px;
  border-radius: 10px;
  box-shadow: 0 2px 4px 0 rgba(121, 123, 124, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  position: relative;
  z-index: 1;
}
.login-page input {
  background: #FFFFFF !important;
  font-size: 14px !important;
  outline: 0 !important;
  width: 100% !important;
  border: 0 !important;
  margin: 0 0 15px !important;
  padding: 15px !important;
  box-sizing: border-box !important;
}
.login-page .message {
  color: #FFFFFF;
  font-size: 14px;
  text-align: center;
  margin: 15px 0 0;
}
.login-page .message a {
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
}

.bump-right-5 {
  margin-left: 5px;
}

.bump-right-10 {
  margin-left: 10px;
}

.bump-left-10 {
  margin-right: 10px !important;
}

.bump-down-10 {
  margin-top: 10px !important;
}

.bump-down-20 {
  margin-top: 20px !important;
}

.bump-up-10 {
  margin-bottom: 10px;
}

.center-text {
  text-align: center;
  display: block;
  position: relative;
}

.center-item {
  width: 50%;
  margin-left: 25% !important;
}

.pulse {
  cursor: pointer;
  display: block;
  border-radius: 50%;
  box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
  animation: pulse 2s infinite;
}

.pulse:hover {
  animation: none;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
.ui.accordion .title:not(.ui) {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #b5bcc2;
}

.ui.breadcrumb a {
  color: #0065CA !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}
.ui.breadcrumb .active.section {
  font-size: 14px !important;
}

.time-increment-button,
.chart-type-button,
.stats-tab-button {
  padding: 0.7em 1em 0.7em !important;
}

.stats-tab {
  margin-top: 10px;
}

.time-increment-button,
.chart-type-button,
.stats-tab-button {
  color: #8E8E93;
  background: #FFFFFF;
  border: 0;
  cursor: pointer !important;
  margin-left: 5px;
  padding-bottom: 15px !important;
  border-bottom: 3px solid #FFFFFF; /* Safari */
  transition: border-bottom 0.2s, color 0.2s;
  font-size: 0.9em;
}

.time-increment-button:hover,
.chart-type-button:hover,
.stats-tab-button:hover,
.stats-tab-button.active {
  border-bottom: 3px solid #8E8E93;
  color: #2C2C2E;
}

.time-increment-button:focus,
.chart-type-button:focus,
.stats-tab-button.active {
  color: #2C2C2E;
  outline: none !important;
}

.time-increment-selected,
.chart-type-selected {
  color: #2C2C2E;
  border-bottom: 3px solid #0A4396;
}

button.ui.button.bump-down-10 {
  margin-top: 10px;
}

.button-cluster {
  padding: 10px;
  margin-top: 10px;
}

.editEventButton, #refreshButton {
  background: #0a84ff;
  color: #FFFFFF;
}

#saveSearchModalButton {
  background: #FFFFFF;
  color: #0a84ff;
}

#selectAllMains, #toggleOpenAccordions {
  background: #4AC089;
  color: #E5E5EA;
}

#searchForFacilitiesButton2 {
  width: 280px;
  text-align: left;
  background: #193040;
  color: #E5E5EA;
}

#openSaveSearchSidebarButton {
  width: 280px;
  text-align: left;
  background: #4AC089;
  color: #E5E5EA;
}

#eventsButton, #eventsDropdown, #showWeatherToggle, #degreeDaysToggle, #compareMode, #aggregateMode, #historicalModeToggle, #sliderBarButton, #sliderBarInfo {
  border: 1px solid #b5bcc2 !important;
}

#compareMode, #sliderBarButton {
  border-left: 1px solid #b5bcc2 !important;
}

.unitTypeButton {
  border: 1px solid #b5bcc2 !important;
}

#mvp-toggle-container {
  margin-left: 15px;
}

#mvp-toggle-label:before {
  border: 1px solid #D4D4D5 !important;
}

#mvp-toggle-label:after {
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset !important;
}

.ui.button { /* Chrome 10+, Saf5.1+ */ /* FF3.6+ */
  background: linear-gradient(360deg, #E5E5EA 10%, #fafafa 360%); /* W3C */
  color: #3A3A3C;
}

.ui.primary.button {
  background: #636366;
  color: #E5E5EA;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.ui.primary.button:hover {
  background: #3A3A3C;
  color: #f6f8fa;
}
.ui.primary.button:focus {
  background: #3A3A3C;
  color: #f6f8fa;
}
.ui.primary.button:active {
  background: #3A3A3C;
  color: #f6f8fa;
}

.ui.primary.basic.button {
  color: #3A3A3C !important;
  border-color: #3A3A3C !important;
  margin: 5px;
}

.ui.primary.buttons .button {
  background: #636366;
  color: #E5E5EA;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.ui.primary.buttons .button:hover {
  background: #3A3A3C;
  color: #f6f8fa;
}
.ui.primary.buttons .button:focus {
  background: #3A3A3C;
  color: #f6f8fa;
}
.ui.primary.buttons .button:active {
  background: #3A3A3C;
  color: #f6f8fa;
}

.ui.secondary.button {
  background: #5d5b58 !important;
  color: #fff !important;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.ui.secondary.buttons .button {
  background: #5d5b58 !important;
  color: #fff !important;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.ui.red.button {
  background: #FF3B30;
}

.ui.red.button:hover {
  background: #FF453A;
}
.ui.red.button:focus {
  background: #FF453A;
}
.ui.red.button:active {
  background: #FF453A;
}

.ui.basic.red.button {
  background: #FFFFFF !important;
  color: #FF3B30 !important;
  font-weight: 700 !important;
  border: 1px solid #FF3B30 !important;
}

.ui.basic.red.button:hover {
  background: #FFFFFF !important;
  color: #FF3B30 !important;
}
.ui.basic.red.button:focus {
  background: #FFFFFF !important;
  color: #FF3B30 !important;
}
.ui.basic.red.button:active {
  background: #FFFFFF !important;
  color: #FF3B30 !important;
}

.ui.yellow.button {
  background: #FCBC3F;
}

.ui.yellow.button:hover {
  background: #FFD60A;
}
.ui.yellow.button:focus {
  background: #FFD60A;
}
.ui.yellow.button:active {
  background: #FFD60A;
}

.ui.orange.button {
  background: #FF9500;
}

.ui.orange.button:hover {
  background: #FF9F0A;
}
.ui.orange.button:focus {
  background: #FF9F0A;
}
.ui.orange.button:active {
  background: #FF9F0A;
}

.ui.blue.button {
  background: #3D95FA;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.ui.blue.button:hover {
  background: #24A0FF;
}
.ui.blue.button:focus {
  background: #24A0FF;
}
.ui.blue.button:active {
  background: #24A0FF;
}

.ui.basic.blue.button {
  background: #FFFFFF !important;
  color: #3D95FA !important;
  font-weight: 700 !important;
  border: 1px solid #3D95FA !important;
}

.ui.basic.blue.button:hover {
  background: #FFFFFF !important;
  color: #3D95FA !important;
}
.ui.basic.blue.button:focus {
  background: #FFFFFF !important;
  color: #3D95FA !important;
}
.ui.basic.blue.button:active {
  background: #FFFFFF !important;
  color: #3D95FA !important;
}

.ui.green.button {
  background: #00B074;
}

.ui.green.button:hover {
  background: #2DCD85;
}
.ui.green.button:focus {
  background: #2DCD85;
}
.ui.green.button:active {
  background: #2DCD85;
}

.ui.basic.green.button {
  background: #FFFFFF !important;
  color: #00B074 !important;
  font-weight: 700 !important;
  border: 1px solid #00B074 !important;
}

.ui.basic.green.button:hover {
  background: #FFFFFF !important;
  color: #00B074 !important;
}
.ui.basic.green.button:focus {
  background: #FFFFFF !important;
  color: #00B074 !important;
}
.ui.basic.green.button:active {
  background: #FFFFFF !important;
  color: #00B074 !important;
}

.ui.teal.button {
  background: #4CB69F;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.ui.teal.button:hover {
  background: #4CB69F;
}
.ui.teal.button:focus {
  background: #4CB69F;
}
.ui.teal.button:active {
  background: #4CB69F;
}

.ui.basic.teal.button {
  background: #FFFFFF !important;
  color: #4CB69F !important;
  font-weight: 700 !important;
  border: 1px solid #4CB69F !important;
}

.ui.basic.teal.button:hover {
  background: #FFFFFF !important;
  color: #4CB69F !important;
}
.ui.basic.teal.button:focus {
  background: #FFFFFF !important;
  color: #4CB69F !important;
}
.ui.basic.teal.button:active {
  background: #FFFFFF !important;
  color: #4CB69F !important;
}

.ui.grey.button {
  background: #586C7A;
}

.ui.grey.button:hover {
  background: #40536F;
}
.ui.grey.button:focus {
  background: #40536F;
}
.ui.grey.button:active {
  background: #40536F;
}

.ui.basic.grey.button {
  background: #FFFFFF !important;
  color: #373E47 !important;
  font-weight: 700 !important;
  border: 1px solid #8E8E93 !important;
}

.ui.basic.grey.button:hover {
  background: #FFFFFF !important;
  color: #373E47 !important;
}
.ui.basic.grey.button:focus {
  background: #FFFFFF !important;
  color: #373E47 !important;
}
.ui.basic.grey.button:active {
  background: #FFFFFF !important;
  color: #373E47 !important;
}

.ui.buttons .disabled.button, .ui.disabled.button, .ui.button:disabled, .ui.disabled.button:hover, .ui.disabled.active.button {
  border: 1px solid #b5bcc2;
}

#dashboard-customizer .bp3-control {
  margin-bottom: 5px !important;
}

.ui.checkbox label {
  font-size: 12px !important;
  font-weight: 700 !important;
}
.ui.checkbox + label {
  font-size: 12px !important;
  font-weight: 700 !important;
}

.ui.dimmer {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.ui.search.dropdown.selection {
  font-size: 12px;
  padding-top: 8px;
}

.ui.search.dropdown > .text {
  font-weight: 700 !important;
  color: #8E8E93 !important;
}

input, select {
  font-family: "Lato", sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #373E47 !important;
}

#startDate, #endDate, #MVPStartDate, #MVPEndDate {
  background: #193040;
  color: #E9F2FF !important;
  font-size: 12px !important;
}

.ui.table {
  border-radius: 8px !important;
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em !important;
  -webkit-box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em !important;
}
.ui.table thead th {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #123269 !important;
}
.ui.table tbody {
  font-size: 12px !important;
  color: #606668 !important;
  font-weight: 700 !important;
}

.ui table td.table-actions {
  text-align: right;
}

table.dataTable.table thead th.sorting:after,
table.dataTable.table thead td.sorting:after {
  color: #373E47 !important;
}

table.dataTable.table thead th.hide-sorting.sorting:after,
table.dataTable.table thead td.hide-sorting.sorting:after {
  display: none;
}

#lp-table {
  height: 480px;
  overflow: auto;
  border-radius: 7px;
}

#readingsTable {
  border: none;
}
#readingsTable td {
  min-width: 100px;
  font-weight: 700;
  padding-right: 5px;
  max-width: 120px;
  font-size: 12px;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
}

#headerRow td {
  position: sticky;
  top: 0;
}

.navbar {
  background-color: #0043E9 !important;
  color: #FFFFFF !important;
  font-size: 0.95em !important;
  margin-bottom: 0 !important;
  border-radius: 0 !important;
}
.navbar .item, .navbar .ui.inverted.menu .item > a:not(.ui) {
  color: #FFFFFF !important;
  font-size: 0.95em !important;
  line-height: 16px !important;
}

.ui.menu .ui.dropdown .menu > .item {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #373E47 !important;
}
.ui.menu .dropdown.item .menu {
  border-radius: 6px !important;
}

.ui.dropdown .menu > .item {
  font-size: 13px !important;
  font-weight: 700 !important;
}
.ui.dropdown .menu > .header {
  color: #586C7A;
  font-size: 0.9em;
}

.ui.selection.dropdown .menu > .item {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #373E47 !important;
}

.ui.secondary.pointing.menu {
  border-bottom: 2px solid rgba(99, 99, 102, 0.15) !important;
}
.ui.secondary.pointing.menu .active.item {
  border-color: #f66a0a !important;
}

.rate-report-menu {
  margin-left: 6px !important;
  border: 2px solid #E5E5EA !important;
}
.rate-report-menu .dropdown.item .menu {
  padding-top: 4px !important;
}
.rate-report-menu:hover {
  background: #fafafa !important;
}
.rate-report-menu:focus {
  background: #fafafa !important;
}
.rate-report-menu:active {
  background: #fafafa !important;
}

.lp-report-menu {
  border: 2px solid #c8e1ff !important;
}
.lp-report-menu:hover {
  background: #fafafa !important;
}
.lp-report-menu:focus {
  background: #fafafa !important;
}
.lp-report-menu:active {
  background: #fafafa !important;
}

#locationDetails {
  border: 2px solid #40A1D9 !important;
}

.data-anomaly-badge {
  position: absolute;
  top: 2px;
  right: -8px;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  min-width: 1.5em;
  text-align: center;
}
.data-anomaly-badge.new {
  background-color: #f97583;
  color: #24292e;
}
.data-anomaly-badge.existing {
  background-color: #79b8ff;
  color: #24292e;
}

.ui.message {
  color: #0A4396;
  background: #F7F6F9;
  border-radius: 10px;
  box-shadow: 1px 10px 14px 0px #b5bbc1, -9px -9px 16px #ffffff;
}

.ui.success.message {
  background: #00B074;
  color: #FFFFFF;
  border-radius: 4px;
}
.ui.success.message .header {
  color: #FFFFFF;
}

.ui.info.message {
  background: #E9F2FF;
  color: #2C2C2E;
  border-radius: 6px;
  font-size: 14px;
  font-weight: bold;
}
.ui.info.message .header {
  color: #373E47;
}

.ui.error.message {
  background: #FF3B30;
  color: #FFFFFF;
  border-radius: 4px;
}
.ui.error.message .header {
  color: #FFFFFF;
}

.ui.warning.message {
  border-radius: 4px;
}

#chart-warning-message {
  font-size: 14px;
}

.login-message {
  background: #fffdef !important;
  color: #2C2C2E !important;
  border-radius: 10px !important;
  font-size: 0.95em !important;
  font-weight: 500 !important;
}

.ui.modal {
  background-color: #FFFFFF;
  color: #373E47;
  border-radius: 0;
}
.ui.modal .ui.segments {
  border: none;
}

.dark-info-modal {
  background: #3A3A3C !important;
  border-radius: 8px !important;
  color: #fff !important;
}

.ar-modal {
  border-radius: 8px !important;
}

i.blue.icon {
  color: #2188ff !important;
}

i.circular.inverted.blue.icon {
  background-color: #2188ff !important;
  color: #f1f8ff !important;
}

i.yellow.icon {
  color: #ffdf5d !important;
}

i.circular.inverted.yellow.icon {
  background-color: #ffdf5d !important;
  color: #586069 !important;
}

i.purple.icon {
  color: #8a63d2 !important;
}

i.circular.inverted.purple.icon {
  background-color: #8a63d2 !important;
  color: #f5f0ff !important;
}

i.green.icon {
  color: #00B074 !important;
}

i.circular.inverted.green.icon {
  background-color: #00B074 !important;
  color: #f0fff4 !important;
}

i.grey.icon {
  color: #48484A !important;
}

i.circular.inverted.grey.icon {
  background-color: #48484A !important;
  color: #fafafa !important;
}

i.orange.icon {
  color: #fb8532 !important;
}

i.circular.inverted.orange.icon {
  background-color: #fb8532 !important;
  color: #fff8f2 !important;
}

i.red.icon {
  color: #ff3b30 !important;
}

i.circular.inverted.red.icon {
  background-color: #ff3b30 !important;
  color: #f1efef !important;
}

i.yellow.icon {
  color: #f9c513 !important;
}

i.circular.inverted.yellow.icon {
  background-color: #f9c513 !important;
  color: #fffdef !important;
}

.lp-statistics-card .ui.yellow.statistic > .value {
  color: #f9c513 !important;
}

.ui.blue.label {
  background-color: #f1f8ff !important;
  color: #0366d6 !important;
  border: 1px solid !important;
}

.ui.blue.inverted.label {
  background-color: #0366d6 !important;
  color: #fff !important;
  border: 1px solid !important;
}

.ui.red.label {
  background-color: #f1efef !important;
  color: #ff3b30 !important;
  border: 1px solid !important;
}

.ui.red.inverted.label {
  background-color: #ff3b30 !important;
  color: #fff !important;
  border: 1px solid !important;
}

.ui.orange.label {
  background-color: #fff8f2 !important;
  color: #ffab70 !important;
  border: 1px solid !important;
}

.ui.orange.inverted.label {
  background-color: #ffab70 !important;
  color: #fff !important;
  border: 1px solid !important;
}

.ui.yellow.label {
  background-color: #fffdef !important;
  color: #5d5b58 !important;
  border: 1px solid #f9c513 !important;
}

.ui.green.label {
  background-color: #f0fff4 !important;
  color: #00B074 !important;
  border: 1px solid !important;
}

.ui.green.inverted.label {
  background-color: #00B074 !important;
  color: #fff !important;
  border: 1px solid !important;
}

.ui.teal.label {
  background-color: #DCEFED !important;
  color: rgb(45.1904761905, 110.8095238095, 96.5714285714) !important;
  border: 1px solid !important;
}

.ui.teal.inverted.label {
  background-color: #4CB69F !important;
  color: #fff !important;
  border: 1px solid !important;
}

.ui.grey.label {
  background-color: #fff !important;
  color: #48484A !important;
  border: 1px solid !important;
}

.ui.grey.inverted.label {
  background: linear-gradient(360deg, #3A3A3C 40%, #8E8E93 360%) !important;
  color: #fff !important;
  border: 1px solid !important;
}

.ui.purple.label {
  background-color: #f5f0ff !important;
  color: #8a63d2 !important;
  border: 1px solid !important;
}

.ui.purple.inverted.label {
  background-color: #8a63d2 !important;
  color: #f5f0ff !important;
  border: 1px solid !important;
}

.ui.red.statistics .statistic > .value, .ui.statistics .red.statistic > .value, .ui.red.statistic > .value {
  color: #FF3B30 !important;
}

.ui.orange.statistics .statistic > .value, .ui.statistics .orange.statistic > .value, .ui.orange.statistic > .value {
  color: #FF9500 !important;
}

.ui.blue.statistics .statistic > .value, .ui.statistics .blue.statistic > .value, .ui.blue.statistic > .value {
  color: #3D95FA !important;
}

.ui.purple.statistics .statistic > .value, .ui.statistics .purple.statistic > .value, .ui.purple.statistic > .value {
  color: #866DD5 !important;
}

.ui.green.statistics .statistic > .value, .ui.statistics .green.statistic > .value, .ui.green.statistic > .value {
  color: #00B074 !important;
}

.ui.statistics .statistic > .label, .ui.statistic > .label {
  text-transform: none !important;
}

.ui.segment.main-segment {
  padding: 3em;
  margin-top: 1em;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px !important;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px !important;
}
.ui.segment.main-segment:last-child {
  margin-bottom: 5em;
}
.ui.segment.main-segment .lp-sidebar .ui.segment {
  padding: 1em;
}

.ui.secondary.segment {
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em !important;
  -webkit-box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em !important;
}

.ui.inverted.grey.segment {
  background-color: #373E47 !important;
  color: #FFFFFF !important;
  border-radius: 0 !important;
}

.small-segment {
  max-width: 480px !important;
}
.small-segment input {
  width: 100% !important;
}

.info-segment {
  color: #3A3A3C !important;
  background: #dbedff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
}

.report-segment {
  background: #fff !important;
  border-bottom-color: #fff !important;
  padding: 10px !important;
}

.chart-control-segment {
  border-top-color: #fff !important;
  background: #f1efef !important;
}

.chart-segment {
  border-top-color: #fff !important;
}

.dark-info-modal-segment {
  background: #48484A !important;
  border-radius: 4px !important;
  border: 1px solid #5d5b58 !important;
  font-size: 0.84em !important;
  font-weight: 700 !important;
}

#reading-table-segment {
  padding: 10px 4px 25px;
}

@media screen and (min-width: 0px) and (max-width: 500px) {
  .ui.segment.main-segment {
    padding: 1em;
  }
}
.ui.header .sub.header {
  font-weight: 700;
  color: #5d5b58;
  font-size: 0.8em !important;
}

.lp-content-header {
  color: #3A3A3C !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  max-width: 720px !important;
  padding-bottom: 10px !important;
}

.lp-card-header {
  color: #05264c !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  max-width: 720px !important;
  padding-bottom: 12px !important;
}

.lp-primary-header {
  color: #3A3A3C !important;
  padding-bottom: 10px !important;
}

.sub-header {
  color: #3D95FA !important;
  font-size: 13px !important;
}

.lp-huge-header {
  text-align: center;
  font-size: -webkit-xxx-large;
  font-size: xxx-large;
  color: #0065CA !important;
}

.lp-huge-subheader {
  text-align: center;
  font-size: x-large;
  color: #48484A !important;
}

.lp-help-text {
  color: #3A3A3C !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 10px 0 10px !important;
}

.lp-bold-text {
  color: #3A3A3C !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.lp-bold-light-text {
  color: #8E8E93 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.lp-content-text {
  color: #48484A !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.lp-chart-instruction-text {
  color: #044289 !important;
  font-size: 0.69em !important;
  font-weight: 500 !important;
}

.stat-card-dark-text-1 {
  color: #48484A !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.stat-card-light-text-1 {
  color: #f1f8ff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.stat-card-light-text-2 {
  color: #8E8E93 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.stat-card-light-text-3 {
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.current_weather_text {
  font-size: 20px;
  font-weight: 700;
  margin-top: 15px;
}

.today_high_low_text {
  margin-top: 15px;
  margin-right: -55px;
}

.notification-modal-header-text {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.notification-modal-list-text {
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

a {
  color: #0065CA;
  font-weight: 700;
}

a:hover {
  color: #3D95FA;
}

span.ui.blue.text {
  color: #0065CA !important;
}

span.ui.red.text {
  color: #cb2431 !important;
}

span.ui.purple.text {
  color: #5a32a3 !important;
}

span.ui.green.text {
  color: #22863a !important;
}

span.ui.orange.text {
  color: #e36209 !important;
}

span.ui.grey.text {
  color: #48484A !important;
}

span.ui.white.text {
  color: #fff !important;
}

.ui.list > .item {
  font-size: 1em !important;
}
.ui.list > .item .header {
  color: #373E47 !important;
  padding-bottom: 5px !important;
}
.ui.list > .item .description {
  color: #8E8E93 !important;
  font-weight: 700 !important;
}

.bill-estimate-text {
  transition: padding-left 0.25s ease-in-out !important;
}

#billing-period-list .bill-estimate-option:hover .bill-estimate-text {
  padding-left: 2.5em;
}

#treeGridList, #MVPTreeGridList {
  background: #193040;
  color: #FFFFFF !important;
  border-color: #606668;
  padding: 4px 0 4px 6px;
}

.ui.raised.card {
  background: #FFFFFF;
  border-radius: 8px;
  box-shadow: 1px 10px 14px 0px #b5bbc1, -9px -9px 16px #ffffff;
}

.lp-card {
  border-radius: 7px !important;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px !important;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px !important;
}

.lp-importer-card {
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px !important;
}

.lp-server-card {
  background: #0A4396 !important;
  color: #FFFFFF !important;
  border-radius: 10px !important;
  padding: 12px !important;
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px !important;
}

.lp-stat-data-card {
  background: #0a2540 !important;
  color: #f1f8ff !important;
  border-radius: 10px !important;
  padding: 10px !important;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px !important;
  -webkit-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px !important;
}

.lp-stat-facility-card {
  background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%) !important;
  border-radius: 10px !important;
  padding: 10px !important;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px !important;
  -webkit-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px !important;
}

.lp-stat-weather-card {
  background-color: #40A1D9 !important;
  background-image: linear-gradient(to top, #00c6fb 0%, #005bea 100%) !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 10px !important;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px !important;
  -webkit-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px !important;
}

.lp-statistics-card {
  background: #DCEFED !important;
  border-radius: 8px !important;
  box-shadow: 3px 3px 8px #c1c5ca, -10px -10px 20px #ffffff !important;
}

.lp-importer-card-header {
  background: #E9F2FF !important;
}

.lp-card-header-content {
  background: #DCEFED !important;
}

.ui.feed > .event > .content {
  font-weight: 700;
  font-size: 0.9em;
}
.ui.feed > .event > .content .date {
  color: #48484A;
}
.ui.feed > .event > .content .summary {
  color: #48484A;
  font-size: 0.97em;
}

.ui.form input:not([type]) {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #8E8E93 !important;
}
.ui.form input[type=date] {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #8E8E93 !important;
}
.ui.form input[type=datetime-local] {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #8E8E93 !important;
}
.ui.form input[type=email] {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #8E8E93 !important;
}
.ui.form input[type=number] {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #8E8E93 !important;
}
.ui.form input[type=password] {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #8E8E93 !important;
}
.ui.form input[type=search] {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #8E8E93 !important;
}
.ui.form input[type=tel] {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #8E8E93 !important;
}
.ui.form input[type=time] {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #8E8E93 !important;
}
.ui.form input[type=text] {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #8E8E93 !important;
}
.ui.form input[type=file] {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #8E8E93 !important;
}
.ui.form input[type=url] {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #8E8E93 !important;
}
.ui.form textarea {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #8E8E93 !important;
}
.ui.form .field > label {
  color: #586C7A !important;
  font-size: 14px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  height: auto;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  font-size: 13px !important;
  font-weight: 700 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-radius: 20px !important;
  background: #dbedff !important;
  border: 1px solid #636366 !important;
}