:root {
  /*--bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #303D8B;
    --bs-secondary: #1DA8E1;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;*/
  --primary-color: #ec661a;
  --secondary-color: #f6b42f;
  --corporate-color: #16243e;
}

body {
  background: url(../img/ireport-background-01.jpg);
  color: #666;
  font-family: "Lato";
}

h1,
h2,
h3,
h4,
h5,
h5,
h6,
strong {
  color: var(--corporate-color);
  font-weight: bold;
}
.ireport_logo {
  margin-bottom: 30px;
  max-width: 260px;
}
#login_form {
  margin: auto;
}
.login_form {
  align-items: center;
  box-shadow: 0px 0px 20px #cbcbcb;
  margin: auto;
  max-width: 400px;
  padding: 40px;
}

/********************GENERAL****************************/

.btn-primary,
.btn-primary:focus,
.btn-primary.disabled,
.btn-primary:disabled {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.btn-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}

a {
  color: var(--primary-color);
}

a:hover {
  color: var(--secondary-color);
}

.nav-link {
  color: var(--corporate-color);
}

.nav-tabs .nav-link.active {
  color: var(--primary-color);
}

/************** HOME PAGE ***********************/
.home_main {
  width: 100%;
}
.dashboards_content {
  align-items: center;
  margin: auto;
  text-align: center;
  width: 100%;
  /* min-height: 70vh; */
}
.dashboards_content .ireport_logo {
  max-width: 350px;
  margin-bottom: 40px;
}
.dashboards_content a {
  text-decoration: none;
}
.dashboards_content a:hover .col_container {
  box-shadow: 0px 0px 12px 0px #c3c3c3;
  transform: scale(1.02);
}
.dashboards_content a.disabled:hover .col_container {
  box-shadow: none;
  transform: none;
  cursor: default;
}
.dashboards_content a.disabled .col_container {
  opacity: 0.5;
}
.dashboards_content a:hover i,
.dashboards_content a:hover h3 {
  color: var(--primary-color);
}

.dashboards_content a.disabled:hover i,
.dashboards_content a.disabled:hover h3 {
  color: var(--corporate-color);
}

.home_main .dashboards_content .col_container {
  align-items: center;
  background: #ededed;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  text-align: left;
  transition: all 0.3s ease-in-out;
}

.dashboards_content .col_container i,
.dashboards_content .col_container h3 {
  color: var(--corporate-color);
  font-size: 24px;
  margin-right: 20px;
}

.dashboards_content .col_container h3 {
  font-size: 20px;
  margin-bottom: 10px;
}
.dashboards_content .col_container p {
  color: #666;
  font-size: 14px;
}

.dashboard_info {
  align-items: center;
  padding: 2em;
}
.dashboard_preview {
  align-items: center;
  background-color: #fff;
  border-radius: 0px 5px 5px 0px;
}

.dashboard_preview img {
  border-radius: 0px 5px 5px 0px;
}

/************** DASHBOARD PAGE ***********************/

.blurry_container_first_load {
  background: url(../img/ireport-background-01.jpg);
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 999;
}

.blurry_container_first_load div.blurry_container_content {
  align-items: center;
  background: #fff;
  border-radius: 5px;
  bottom: 0;
  display: flex;
  flex-direction: column;
  font-size: 18px;
  height: 250px;
  justify-content: center;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  margin: auto;
  max-width: 400px;
  padding: 30px;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
}

.blurry_container_first_load div.blurry_container_content img {
  margin-bottom: 20px;
  max-width: 64px;
}

.loading_bar_total {
  background-color: #efefef;
  border-radius: 2px;
  display: block;
  height: 3px;
  margin-bottom: 20px;
  width: 200px;
}
.loading_bar_partial {
  background: linear-gradient(90deg, rgba(235, 98, 25, 1) 0%, rgba(251, 219, 26, 1) 100%);
  background: rgb(235, 98, 25);
  display: block;
  height: 100%;
  transition: width 0.5s;
  width: 0%;
}
.loading_text {
  font-size: 14px;
}
.login_info {
  background: #ebebeb;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  margin-bottom: 20px;
  font-size: 12px;
}
.left_bar_ra {
  -moz-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  -webkit-transition: width 1s ease-in-out;
  height: 100vh;
  max-width: 350px;
  padding: 0;
  position: fixed;
  transition: width 1s ease-in-out;
  z-index: 3;
}
.bottom_left_bar {
  bottom: 15px;
  color: #2a3888;
  font-size: 24px;
  position: absolute;
  right: 15px;
}
.collapse_left_bar i {
  background: #e7e7e7;
  border: 1px solid #cfcfcf;
  padding: 5px;
}
.main_content_ra {
  /* padding-left: 350px; */
  padding-right: 0 !important;
  padding-left: 0 !important;
  padding-top: 0 !important;
  position: relative;
  width: 100%;
  /* height: 100vh; */
  height: 100%;
}
.navbar-toggler {
  /* border: none; */
  background: #e9ecef;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  font-size: 13px !important;
  margin-left: 20px;
}
.drawer {
  width: 350px;
}
.drawer-content {
  font-size: 12px;
}
.main_overlay {
  backdrop-filter: blur(10px);
  background: rgb(0 0 0 / 80%);
  height: 95%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
  /* max-height: 100vh;
  min-height: 70vh; */
}

.main_overlay i {
  color: var(--primary-color);
  font-size: 30px;
  margin-bottom: 15px;
}
.main_overlay div {
  align-items: center;
  background: #fff;
  border-radius: 5px;
  bottom: 0;
  display: flex;
  flex-direction: column;
  font-size: 18px;
  height: 200px;
  justify-content: center;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  margin: auto;
  max-width: 400px;
  padding: 30px;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
}
/* .main_tab_content {
  min-height: 80vh;
} */
.hierarchy_filters,
.main_results_container,
.filters_container {
  background-color: #ffffff;
  box-shadow: -5px 0px 20px #a1a0a0;
  font-size: 12px;
}
.hierarchy_filters {
  background: #f6f6f6;
  position: relative;
}
.hierarchy_filters_container {
  position: relative;

  /*padding-top:10px;*/
}
.hierarchy_filters_overlay {
  background-color: #ffffffd9;
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
  border-radius: 5px;
}
.hierarchy_filters_overlay div {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
}

.hierarchy_table_filters .form-check.form-check-inline {
  margin-right: 10px;
}
.hierarchy_table_filters .form-check .form-check-input {
  margin-left: -1.3em;
}
/* .meter_type_VM {
  display: none;
} */
#return_to_alerts_list {
  background: var(--bs-green);
  display: none;
}
.alerts_container {
  /*background-color: #fff;*/
  align-items: center;
  box-shadow: none;
}
.alerts_container h6 {
  font-size: 14px;
}
.alerts_container .btn {
  font-size: 12px;
}
.confirmation_modal {
  background: #fff;
  border-radius: 5px;
  bottom: 0;
  box-shadow: 0px 0px 9px #adacac;
  display: none;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 2em;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  width: 300px;
  z-index: 9999;
}
.confirmation_modal span {
  text-align: center;
  width: 100%;
}
.confirmation_modal div {
  padding-bottom: 15px;
  padding-top: 15px;
}
a.confirm_action {
  background-color: var(--bs-success);
  color: #fff;
  font-size: 14px;
  margin-right: 15px;
  width: 80px;
}
a.reject_action {
  background-color: var(--bs-danger);
  color: #fff;
  font-size: 14px;
  margin-right: 15px;
  width: 80px;
}
.main_results_container {
  /*height: 80vh;*/
  box-shadow: none;
  position: relative;
}
.filters_container {
  background: #f6f6f6;
  border-bottom: 1px solid #dee2e6;
  box-shadow: none;
  margin: 0;
  z-index: 2;
}
#vizContainer,
#vizContainerStats,
#vizContainerCompAn,
#vizContainerTimeLine,
#vizContainerEnergyManager,
#vizContainerStatsCompAn,
#vizContainerCalendar,
#batteries-health-embed-current,
#batteries-health-embed-voltage,
#batteries-health-embed-temperature,
#batteries-health-embed-soc,
#batteries-health-embed-ir,
#batteries_discharge_ratio,
#temperature-timeline-dashboard,
#humidity-timeline-dashboard,
#heat-index-dashboard,
#ac_dc_consumption_analysis_chart,
#ac_dc_comparison_analysis_chart,
#ac_dc_load_analysis_chart,
#ac_dc_minmax_chart,
#ac_dc_minmax_chart_voltage,
#ac_dc_minmax_chart_current,
#ac_dc_minmax_chart_power,
#ac_dc_minmax_chart_energy {
  height: 100%;
  /*padding:20px;*/
}

iframe {
  width: 100%;
}

tableau-viz {
  display: block !important;
  width: 100% !important;
}

tableau-viz iframe {
  display: block !important;
  width: 100% !important;
}

.custom-tab-panel.hideElement {
  position: absolute;
  left: -1000000px;
}

.custom-tab-panel.showElement {
  position: static;
  left: auto;
}

.tableau_views_content {
  /* height: 75vh; */
  padding-top: 30px;
  position: relative;
}
.box_header {
  background-color: #27ace2;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  text-align: center;
}
.box_header h6 {
  color: #fff;
  display: inline;
}
.box_content {
  background: #fff;
  border-radius: 5px;
  border: 1px solid #dee2e6;
  justify-content: center;
  padding: 10px;
}

/*#view_alerts{
    margin-bottom:7px;
}*/
iframe {
  width: 100% !important;
}

#vizContainer iframe,
#vizContainerStats iframe,
#vizContainerCompAn iframe,
#vizContainerTimeLine iframe,
#vizContainerEnergyManager iframe,
#vizContainerStatsCompAn iframe,
#vizContainerCalendar iframe,
#batteries-health-embed-current iframe,
#batteries-health-embed-voltage iframe,
#batteries-health-embed-temperature iframe,
#batteries-health-embed-soc iframe,
#batteries-health-embed-ir iframe,
#batteries_discharge_ratio iframe,
#temperature-timeline-dashboard iframe,
#humidity-timeline-dashboard iframe,
#heat-index-dashboard iframe,
#ac_dc_consumption_analysis_chart iframe,
#ac_dc_load_analysis_chart iframe,
#ac_dc_minmax_chart iframe,
#ac_dc_minmax_chart_voltage iframe,
#ac_dc_minmax_chart_current iframe,
#ac_dc_minmax_chart_power iframe,
#ac_dc_minmax_chart_energy iframe,
.tab-pane iframe {
  width: 100% !important;
  /* height: 70vh;
  min-height: 400px;
  max-height: 600px; */
  aspect-ratio: 16/5;
  min-height: 350px;
}
/* .tab-pane #vizContainerEnergyManager iframe {
  min-height: 70vh;
} */

/*.viz_actions_bar {
    background: #efefef;
    padding: 5px 10px 5px 10px;
    border-bottom: 1px solid #dbdbdb;
    box-shadow: 0px 0px 20px #d7d5d5;
}*/
.viz_actions_bar a {
  color: #27ace2;
  font-size: 22px;
  margin-right: 10px;
}
.viz_actions_bar a.disabled {
  cursor: default;
  opacity: 0.3;
}
.tab-content {
  border-bottom: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
  height: 100%;
}
.tab-pane {
  height: 100%;
}
.view_type {
  justify-content: center;
}
#views_type_tabs,
#charts_tabs_acdc {
  border: none;
  padding-top: 20px;
}
.view_type .nav-link {
  background-color: #efefef;
  color: #666;
  margin-left: 5px;
  margin-right: 5px;
}
.view_type .nav-link:hover {
  background-color: var(--secondary-color);
  color: #fff;
}
.view_type .nav-link.active {
  background-color: var(--primary-color);
  color: #fff;
}
.exporting_options {
  align-items: center;
  background: #efefef;
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
  border-top: 1px solid #dee2e6;
  padding: 0px 15px;
  position: absolute;
  right: 0;
  top: 2px;
}
.exporting_options span {
  font-weight: bold;
}
.export_to_pdf,
.export_to_data {
  font-size: 22px;
  margin-left: 10px;
}
.closed {
  display: none;
}
.open {
  display: block;
}
.hierarchy_table {
  border: 1px solid #d9d9d9;
  border-radius: 5px;
}

.hierarchy_table_header {
  border-bottom: 1px solid #d9d9d9;
  /* border-radius: 5px; */
  padding: 10px;
  background: #ebebeb;
  /* color: #fff; */
  border-radius: 5px 5px 0 0;
  /*margin-bottom: 10px;*/
}

.hierarchy_table_header h6 {
  /* color: #fff; */
  /* border-bottom: 1px solid #d9d9d9; */
  /* padding-bottom: 10px; */
}

.selected_items_source_name {
  margin: 5px 10px;
  border: 1px solid #d9d9d9;
  padding: 10px;
  border-radius: 5px;
  background: #ebebeb;
}

.hierarchy_selection_item {
  background: #d3d3d3;
  /* color: #fff; */
  border-radius: 5px;
  padding: 0 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 11px;
  display: inline-block;
}
#resetForm {
  margin-left: 10px;
  margin-bottom: 10px;
}
/* .parent_row.level_1 {
  max-height: 60vh;
  overflow-y: auto;
} */
.hideNode {
  display: none;
}
.structure_row {
  /*padding-left: 15px;*/
  position: relative;
  /*padding-top: 5px;
    padding-bottom: 5px;
    margin-top:3px;
    margin-bottom:3px;  */
}
.row_wrapper {
  padding-bottom: 0px;
  padding-left: 10px;
  padding-top: 6px;
}
.row_wrapper:hover {
  background-color: #f1f1f1;
}
.structure_row.level_1 {
  border-bottom: 1px solid #d9d9d9;
  padding-left: 0;
}
.structure_row.open {
  margin-left: 10px;
}
.structure_row a {
  color: var(--primary-color);
  font-size: 10px;
  text-decoration: none;
}
.structure_row a i {
  left: 5px;
  line-height: 18px;
  position: absolute;
}
.level_1 {
  display: block;
}
.structure_row input {
  margin-left: 5px;
}
#check_session {
  display: none;
}
#check_session {
  display: none;
}
input.hierarchy_checks,
input.hierarchy_checks_ac_dc {
  display: none;
}
.structure_row label {
  background: #d9d9d9;
  border-radius: 50%;
  cursor: pointer;
  margin-left: 4px;
  padding: 2px;
  position: relative;
  top: 1px;
}

.structure_row label i {
  -webkit-mask-repeat: no-repeat;
  background-color: #333;
  display: block;
  height: 13px;
  margin: 2px;
  mask-repeat: no-repeat;
  width: 13px;
}

label.meter_type_VM i,
label.meter_type_VM_DC i,
label.meter_type_VM_AC i,
label.meter_type_VM_AC_DC i {
  -webkit-mask-image: url(../img/virtual-meter.svg);
  mask-image: url(../img/virtual-meter.svg);
  -webkit-mask-position: center;
}
label.meter_type_RM i {
  -webkit-mask-image: url(../img/real-meter.svg);
  mask-image: url(../img/real-meter.svg);
  -webkit-mask-position: center;
}

label.meter_type_AC i {
  -webkit-mask-image: url(../img/ac.svg);
  mask-image: url(../img/ac.svg);
  -webkit-mask-position: center;
  /* background: url(../img/ac.svg);
    background-repeat: no-repeat;
    background-position: center; */
}
label.meter_type_DC i {
  -webkit-mask-image: url(../img/dc.svg);
  mask-image: url(../img/dc.svg);
  -webkit-mask-position: center;
  /* background: url(../img/dc.svg);
    background-repeat: no-repeat;
    background-position: center; */
}

label.temp_meter i {
  -webkit-mask-image: url(../img/temperature.svg);
  mask-image: url(../img/temperature.svg);
  -webkit-mask-position: center;
}

label.battery_sensor i {
  -webkit-mask-image: url(../img/battery.svg);
  mask-image: url(../img/battery.svg);
}
.structure_row label.checked {
  background: var(--primary-color);
}
label.meter_type_VM.checked i,
label.meter_type_VM_DC.checked i,
label.meter_type_RM.checked i,
label.temp_meter.checked i,
label.battery_sensor.checked i,
label.meter_type_AC.checked i,
label.meter_type_DC.checked i,
label.meter_type_VM_AC.checked i,
label.meter_type_VM_AC_DC.checked i {
  background-color: #fff;
}

.meter_name {
  display: inline-block;
  padding-left: 5px;
  width: 60%;
  word-break: break-word;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.meter_actions {
  /*display: inline-block; */
  display: flex;
  margin-right: 8px;
  position: absolute;
  right: 0;
  top: 3px;
}
.meter_actions .meter_button {
  width: 24px;
}

a.battery-string-data {
  display: block;
  text-decoration: none;
  margin: 5px;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 5px;
}

.hide {
  display: none;
}
.perdiod_filter_dates {
  margin-top: 0;
  position: absolute;
  background: #fff;
  box-shadow: 4px 4px 7px 0px #b1b1b1;
  border-radius: 0.375rem;
}
.perdiod_filter_dates label {
  align-items: center;
  display: inline-flex;
  margin-right: 10px;
}
.perdiod_filter_dates input {
  font-size: 12px;
  max-width: 100px;
}
.blurry_container {
  background: #000;
  height: 100%;
  opacity: 0.7;
  position: fixed;
  width: 100%;
  z-index: 99;
}

/* BATTERIES CSS */

.batteries_content {
  padding: 30px;
  /* position: relative; */
}

.batteries_summary_status {
  background-color: #54af44;
  border-radius: 5px;
  color: #fff;
  justify-content: center;
  margin: 5px auto;
  padding: 5px;
}

.batteries_summary_status div {
  border-right: 1px solid #fff;
  margin-right: 10px;
  padding-right: 10px;
}
.batteries_summary_status div:last-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}

.batteries_summary_status svg {
  fill: #fff;
  height: 21px;
  margin: 0;
  padding: 2px 10px;
  stroke-width: 3px;
}

.battery-string-header .batteries_summary_status span {
  font-size: 14px;
  margin: 0;
  padding: 0;
}

.batteries_content h4 {
  background: #16243e;
  border-radius: 5px 5px 0px 0px;
  color: #fff;
  font-size: 20px;
  margin: 0 auto;
  max-width: 800px;
  padding: 7px;
  text-align: center;
}

.battery_string_temp,
.battery_string_current,
.battery_string_voltage {
  text-align: center;
}

.battery_string_temp i,
.battery_string_current i,
.battery_string_voltage i {
  font-size: 48px;
}

.battery-string-header {
  background: #efefef;
  border-radius: 0px 0px 5px 5px;
  color: #16243e;
  margin: 0 auto;
  max-width: 800px;
  padding: 20px;
  text-align: center;
}

.battery-string-header span {
  /* margin-top: 15px; */
  background: #54af44;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin: 5px auto;
  max-width: 120px;
  padding: 2px 10px;
}

.battery-string-header svg {
  max-height: 64px;
}

.battery-string-header svg path {
  transition: 1s;
  fill: var(--corporate-color);
}

.battery-string-header svg rect {
  transition: 1s;
}
.battery-string-header svg .battery_volt_icon {
  animation: fade 0.75s infinite 100ms;
}

.battery-string-header svg circle {
  fill: var(--corporate-color);
}

.exclamation_voltage {
  animation: fade 0.75s infinite 100ms;
}

.battery_string_message {
  padding: 20px;
}

.battery-string-content {
  /* padding: 20px; */
  margin-top: 20px;
}

.exclamation_voltage {
  display: none;
}

/* .batteries_content .tab-content {
  padding: 20px;
} */

#batteries-data-table {
  border: 1px solid #d9d9d9;
  height: 100%;
}

#batteries-data-table tbody {
  max-height: 65vh;
  display: block;
  width: 100%;
  overflow: auto;
}
#batteries-data-table tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

#batteries-data-table i {
  font-size: 18px;
}
#batteries-data-table td,
#batteries-data-table th {
  text-align: center;
}
.batteries_filter {
  width: 100%;
  text-align: right;
}

.batteries_filter .form-check {
  min-height: auto;
}
.battery-live-container {
  padding: 20px;
  border: 1px solid #d9d9d9;
}

.battery-live-container h5 {
  text-align: center;
}

.battery-live-data-tabs {
  display: none;
  padding: 20px;
}

.battery_charge_container {
  border: 1px solid #cfcfcf;
  height: 17px;
  width: 30px;
  font-size: 12px;
  position: relative;
}

.battery_charge_container span {
  position: absolute;
  font-size: 10px;
  top: 0;
  bottom: 0;
  /* margin: auto; */
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1;
}

.battery_charge {
  transition: 1s;
  height: 100%;
}

.legend_square {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  border: 1px solid #cfcfcf;
}

/* TEMPERATURE LIVE DATA CSS*/

#temperatures-data-table {
  border: 1px solid #d9d9d9;
  height: 100%;
}
#temperatures-data-table i {
  font-size: 18px;
}
.temperatures-live-container {
  padding: 20px;
  border: 1px solid #d9d9d9;
}
.temperatures-live-container h5 {
  text-align: center;
}
.temp_col {
  border: 1px solid #d9d9d9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
}

.temperature_dashboard {
  padding: 30px;
  min-height: 70vh;
  position: relative;
}

.ac_dc_meters_dashboard {
  padding: 30px;
  min-height: 70vh;
  position: relative;
}

/* #ac_dc_analysis_tabs .tab-pane {
  padding: 30px;
  min-height: 80vh;
} */

/* #ac_dc_consumption_analysis_chart iframe,
#ac_dc_load_analysis_chart iframe,
#ac_dc_stats_analysis_chart iframe,
#timeline_acdc_chart iframe,
#calendar_acdc_chart iframe,
#ac_dc_comparison_analysis_chart iframe {
  min-height: 70vh;
  width: 100%;
} */

.ac_dc_meters_dashboard .tab-content {
  /* max-width:1000px;
    margin:auto; */
  width: 100%;
}
.ac-dc-live-data-tabs {
  max-width: 1000px;
  margin: auto;
}

.acdc_period_filter {
  max-width: 250px;
  justify-content: center;
  align-items: center;
}

.acdc_period_filter label {
  font-size: 14px;
  min-width: 100px;
  margin-right: 10px;
}

.confirmation_dialog,
.loading_dialog,
.error_dialog {
  background: #fff;
  border: 1px solid #c9c9c9;
  display: none;
  left: 50%;
  max-width: 400px;
  min-width: 350px;
  padding: 30px;
  position: fixed;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.dialog_actions {
  padding: 10px;
}
.dialog_actions a:first-child {
  margin-right: 10px;
}

/*LIVE DATA*/

/* canvas {
  width: 100% !important;
  height: 300px !important;
} */
.live_chart_container {
  min-height: 500px !important;
}

@-webkit-keyframes fade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* SELECT2 ADJUSTMENTS*/

.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #ced4da !important;
  height: 38px !important;
  padding: 5px !important;
}

.was-validated
  select.select2:invalid
  + .select2.select2-container.select2-container--default
  span.select2-selection,
select.select2.is-invalid + .select2.select2-container.select2-container--default span.select2-selection {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fa5c7c' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fa5c7c' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-position: right calc(0.375em + 0.1875rem) center;
  background-repeat: no-repeat;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  border-color: #fa5c7c;
  padding-right: 2.25rem;
}
.was-validated
  select.select2:invalid
  + .select2.select2-container.select2-container--default
  .select2-selection__arrow,
select.select2.is-invalid + .select2.select2-container.select2-container--default .select2-selection__arrow {
  right: 25px !important;
}
.was-validated
  select.select2:valid
  + .select2.select2-container.select2-container--default
  span.select2-selection,
select.select2.is-valid + .select2.select2-container.select2-container--default span.select2-selection {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%230acf97' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right calc(0.375em + 0.1875rem) center;
  background-repeat: no-repeat;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  border-color: #0acf97;
  padding-right: 2.25rem;
}
.was-validated
  select.select2:valid
  + .select2.select2-container.select2-container--default
  .select2-selection__arrow,
select.select2.is-valid + .select2.select2-container.select2-container--default .select2-selection__arrow {
  right: 25px !important;
}

/*FOOTER*/

.footer {
  /*background: rgb(235,98,25);
    background: linear-gradient(90deg, rgba(235,98,25,1) 0%, rgba(251,219,26,1) 100%);*/
  background-color: var(--corporate-color);
  color: #fff;
  margin-top: 30px;
  padding: 2em;
  text-align: center;
}

/*MEDIA QUERIES*/
/* @media screen and (min-width: 768px) and (max-width: 1280px) {
  .main_content_ra {
    padding-left: 30% !important;
  }
} */

/*.level_2{
    margin-left:1rem;
}
.level_3{
    margin-left:1.5rem;
}
.level_4{
    margin-left:2rem;
}
.level_5{
    margin-left:2.5rem;
}
.level_6{
    margin-left:3rem;
}*/