@CHARSET "UTF-8";

.ek-device-gwaddr {
  font-size: 1rem;
}

/**
 * Meter status section
 */
.ek-mtrr-reading {
  color: #d83030;
  font-size: 1.1rem;
  padding-right: .1rem;
}
#ek_mtrr_badconn {
  display: none;
  color: #d06060;
}

/**
 * Controls for data view
 */
.ek-devicedata-ctl {
  margin-bottom: .5rem;
  color: #4c555a;
}
.ek-device-view-legend {
  display: inline-block;
  font-size: .9rem;
  padding-left: .2rem;
  padding-bottom: 4px;
}
.ek-device-view-icon {
  display: inline-block;
  vertical-align: bottom;
  font-size: 30px;
}
#ek_data_pause_btn {
  padding-left: 1rem;
  width: 8rem;
  text-align: left;
}

.ek-data-view-header {
  font-size: .9rem;
  line-height: 32px;
}

/** 
 * Meter data plot view
 */
#ek_device_data_chart {
  width: 100%;
  height: 350px;
}
.ek-plot-view-controls {
  margin-left: 20px;
}
.ek-plot-view {
  display: none;
  padding-right: 3.5em;
}
.js-plotly-plot .plotly svg {
	overflow: visible !important;
}
.ek-plot-view select {
  font-size: .7rem;
}

#ek_data_numrows {
  font-size: .7rem;
  width: 4rem;
}
#ek_data_update_interval {
  width: auto;
}


/**
 * Meter settings styles
 */
div.ek-tou-settings select {
  color: #4c555a;
}

div.ek-tou-save input {
  display: inline-block;
  vertical-align: middle;
}

div.ek-tou-save div.ek-progress-spinner {
  display: inline-block;
  vertical-align: middle;
}

div.ek-schedule-set {
  display: inline-block;
}
input.ek-schedule-tariff-time {
  width: 4rem;
}

div.ek-schedule-sets {
  display: inline-block;
}

.ek-schedule-visbox {
  display: inline-block;
}

.ek-schedule-visbox-t {
  display: inline-block;
  font: monospace;
  font-size: .75rem;
}

.ek-schedule-vis {
  display: inline-block;
  vertical-align: bottom;
  border: 1px solid #d9e1e6;
}

div.ek-holiday-list {
  margin-top: 1rem;
  margin-bottom: .75rem;
}
div.ek-holiday-date-group {
  padding-top: .2rem;
  padding-bottom: .2rem;
}
div.ek-holiday-date-group div.ek-holiday-date {
  display: inline-block;
  font-size: 18px;
}
div.ek-holiday-date-group i.ek-tou-holiday-icon {
  display: inline-block;
  vertical-align: bottom;
  color: #eb8477;
  font-size: 18px;
  padding-bottom: 5px;
  padding-left: .5rem;
  cursor: default;
}
div.ek-holiday-date-group i.ek-tou-holiday-icon:hover {
  color: #f82408;
}

/**
 * Meter data display icon buttons etc
 */
div.ek-icon-button {
  display: inline-flex;
  cursor: default;
  padding: 6px;
}
div.ek-icon-button:hover {
  background-color: #d9f3d9;
  border-radius: 5px;
}
div.ek-icon-button i.ek-tou-holiday-icon {
  display: inline-block;
  vertical-align: bottom;
  color: #80aa80;
  font-size: 24px;
}
div.ek-icon-button div.ek-icon-legend {
  display: inline-block;
  font-size: 18px;
  padding-left: .5rem;
}


/**
 * Summary pane styles
 */

.ek-summary-row {
  margin-bottom: 2rem;
}

.ek-summary-row-data {
  width: auto;
  overflow-x: scroll;
}

.ek-summary-row-hdr {
  font-size: 1.2rem;
  /*
  font-weight: normal;
  margin-bottom: .5rem;
  border-bottom: 1px solid var(--ek-hdr-border-color);
  */
  color: #306030;
}

.ek-summary-hdr-start {
  display: inline-block;
}

.ek-summary-hdr-sep {
  /*
  padding-left: 1rem;
  padding-right: 1rem;
  */
  display: inline-block;
  color: #808080;
  /*
  background-color: #c0c0c0;
  height: 2px;
  width: 1rem;
  vertical-align: middle;
  */
  margin: 0px 1rem;
}

.ek-summary-hdr-end {
  display: inline-block;
}

.ek-summary-table {
  border-bottom: 1px solid var(--ek-hdr-border-color);
}
/*
.ek-summary-table th {
  padding-left: 5px;
  padding-bottom: 2px;
  padding-right: 6px;
  font-weight: normal;
  color: #4c555a;
  text-align: left;
}

.ek-summary-table td {
  padding-left: .2rem;
}
*/
.ek-summary-table tr {
  border: none;
}
.ek-summary-table td {
  border: none;
}

.ek-summary-subfield {
  font-weight: normal;
  color: #4c555a;
}
.ek-summary-shortname {
  display: inline-block;
  padding-left: .2rem;
  color: #606060;
}

.ek-summary-value {
  display: inline-block;
  min-width: 4rem;
  text-align: right;
  font-weight: 400;
}

.ek-summary-timeval {
  display: inline-block;
  font-weight: 400;
  padding-left: .2rem;
}

.ek-device-summary-footer {
    margin-top: .5rem;
}

.ek-success {
    color: #008000;
}

.ek-failure {
    color: #800000;
}