:root {
  --light-blue-foreground: #23272C;
  --dark-blue-background: #1b1f22;
  --light-gray-background: #eff3f9;
  --dark-gray-header-text: #898f96;
}

html {
  width: 100%;
  height: 100%;
}

body {
  background-color: var(--light-gray-background);
  width: 100%;
  height: 100%;
}

.mypv-content {
   /* the height of the navbar is 66px */
  margin-top: 66px;
  margin-bottom: 1.5rem;
}


.acu-subnav {
   margin-top: 10px;
   border-bottom: 1px solid var(--dark-gray-header-text);
   min-height: 35px;
   background-color: #f7f7f7;
}

#acuity_content .acu-subnav {
  margin-top: 0px;
}

.acu-subnav-header {
  display: block;
  margin: auto;
  margin-left: 1rem;
  color: var(--dark-blue-background);
  font-size: 20px;
}

.acu-subnav-link {
  display: block;
  padding: 5px;
  padding-right: 15px;
  color: var(--dark-gray-header-text);
  text-align: center;
  text-decoration: none;
}

.mypv_subnav_link_active,
.acu-subnav-link.active {
  color: black;
}


/* JH 2023-06-17
  Reset to bootstrap default, someone globally overrode these...
*/
.form-control {
  font-size: 1rem;
  height: calc(2.25rem + 2px);
}
.input-group-prepend {
  font-size: inherit;
  height: auto;
}

/* JH 2023-06-17
  Need to raise the specificity of 'form-control-sm' to override
  'form-control' above.
*/
.form-control-sm {
  height: calc(1.8125rem + 2px);
  font-size: .875rem;
}

/* JH 2023-06-17 - need to raise specificity to override above rule */
.small-form-controls .form-control,
.small-form-controls .input-group .input-group-text {
  padding: .25rem .5rem;
  border-radius: .2rem;
  height: calc(1.8125rem + 2px);
  font-size: .875rem;
  line-height: 1.5;
}

/* JH 2023-06-17 - need to raise specificity to override above rule */
.input-group > .input-group-append > :is(.btn, .input-group-text),
.input-group > .input-group-prepend:first-child > :is(.btn, .input-group-text):not(:first-child),
.input-group > .input-group-prepend:not(:first-child) > :is(.btn, .input-group-text) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}


.filter-option { font-size: 14px; }

.config-group:not(:last-child) { margin-bottom: 2rem; }

.live_data_td {
  color: black;
}

.mypv-config-table {
  font-size: 12px;
}

.mypv-partial-settings-spacer-row {
  background: white !important;
}

.system-card {
  margin-bottom: 1rem;
}

.card-table-item {
  padding-bottom: 0.75rem;
}

.table_header_border {
  background: white;
  border-top: 0px !important;
  border-bottom: 2px solid #1b1f22 !important;
  color: black;
}

.table_param_bold {
  text-align: right;
  font-weight: bold;
}

.barChartContainer {
  margin-bottom: 1rem;
  position: relative;
}


.mypv_help_popover:before {
  content: url(../static/icons/mypv_help_popover.svg);
  color: blue;
  vertical-align: top;
  width: 8px;
  height: 8px;
}

.mypv_refresh_btn_text:before {
  content: url(../static/icons/mypv_refresh.svg);
  width: 15px;
  height: 15px;
  float: left;
  margin-right: 15px;
  margin-top: -2px;
}

.mypv_edit_btn_text:before {
  content: url(../static/icons/mypv_edit.svg);
  width: 15px;
  height: 15px;
  float: left;
  margin-right: 15px;
  margin-top: -2px;
}

.mypv_create_btn:before {
  content: url(../static/icons/add_circle-24px.svg);
  width: 15px;
  height: 22px;
  float: left;
  margin-right: 10px;
  margin-top: -2px;
}

.mypv_create_btn_text:before {
  content: url(../static/icons/mypv_add.svg);
  width: 15px;
  height: 15px;
  float: left;
  margin-right: 15px;
  margin-top: -2px;
}

.mypv_save_btn_text:before {
  content: url(../static/icons/mypv_save.svg);
  width: 15px;
  height: 15px;
  float: left;
  margin-right: 15px;
  margin-top: -2px;
}

.mypv_delete_btn:before {
  content: url(../static/icons/mypv_delete.svg);
  width: 15px;
  height: 22px;
  float: left;
  margin-right: 10px;
  margin-top: -2px;
}

.mypv_delete_btn:before {
  content: url(../static/icons/mypv_delete.svg);
  width: 15px;
  height: 22px;
  float: left;
  margin-right: 10px;
  margin-top: -2px;
}

.mypv_save_btn:before {
  content: url(../static/icons/mypv_save.svg);
  width: 15px;
  height: 22px;
  float: left;
  margin-right: 10px;
  margin-top: -2px;
}

.mypv_view_btn:before {
  content: url(../static/icons/mypv_view.svg);
  width: 14px;
  height: 20px;
  float: left;
  margin-right: 10px;
  margin-top: -2px;
}

.mypv_edit_btn:before {
  content: url(../static/icons/mypv_edit.svg);
  width: 15px;
  height: 22px;
  float: left;
  margin-right: 10px;
  margin-top: -2px;
}

.mypv_download_btn:before {
  content: url(/static/icons/mypv_download_cloud.svg);
  width: 15px;
  height: 22px;
  float: left;
  margin-right: 10px;
  margin-top: -2px;
}