/*
span.ml-off{
  margin-left:2px;
}
*/
.form-check.form-switch{
  line-height:2rem;
}
.form-check.form-switch input{
width:60px;
height:30px;
margin-right: 15px;
}
.form-range-wrapper{
  margin-top: 3rem;
  padding-bottom: 10rem !important;
  border-bottom:1px solid var(--bs-gray-300);
}
.blb,
.hmd,
.trm {
  color: var(--bs-gray-700);
}

.bi.bi-sun::before,
.bi.bi-sun-fill::before {
  vertical-align: 1em;
}

.bi.bi-sun-fill,
.bi.bi-lightbulb-fill {
  color: #adb5bd;
}
.bi.bi-sun {
  color: #eec305;
}
.bi.bi-lightbulb {
  color: #b64afd;
}
.hmd .bi {
  color: var(--bs-blue);
}
.trm .bi {
  color: var(--bs-orange);
}

.blb .bi,
.hmd .bi,
.trm .bi {
  font-size: 2rem;
}
.blb .label,
.hmd .label,
.trm .label {
  font-size: 1rem;
}
.navbar .navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-y);
}
nav.navbar {
  border-bottom: 1px solid var(--bs-gray-300);
  border-top: 1px solid var(--bs-gray-300);
}
.charts-list {
  padding: 2px 2px 0 2px;
}
.card.chart-container {
  margin-bottom: 2px;
}
.card.chart-container.last {
  margin-bottom: 0px;
}
.chart-container canvas {
  height: 285px !important;
}
@media (max-width: 320px) {
  /* iphone 5/se 320x568 */
  .blb .label,
  .hmd .label,
  .trm .label {
    font-size: 0.9rem;
  }
  .blb .bi,
  .hmd .bi,
  .trm .bi {
    font-size: 1.75rem;
  }
  .chart-container canvas {
    height: 239px !important;
  }
}
@media (max-width: 375px) {
  /* iphone 6/7/8 375x667 */
}

.color-blue {
  color: var(--bs-blue);
}
.color-indigo {
  color: var(--bs-indigo);
}
.color-purple {
  color: var(--bs-purple);
}
.color-pink {
  color: var(--bs-pink);
}
.color-red {
  color: var(--bs-red);
}
.color-orange {
  color: var(--bs-orange);
}
.color-yellow {
  color: var(--bs-yellow);
}
.color-green {
  color: var(--bs-green);
}
.color-teal {
  color: var(--bs-teal);
}
.color-cyan {
  color: var(--bs-cyan);
}
.color-black {
  color: var(--bs-black);
}
.color-white {
  color: var(--bs-white);
}
.color-gray {
  color: var(--bs-gray);
}
.color-gray-dark {
  color: var(--bs-gray-dark);
}
.color-gray-100 {
  color: var(--bs-gray-100);
}
.color-gray-200 {
  color: var(--bs-gray-200);
}
.color-gray-300 {
  color: var(--bs-gray-300);
}
.color-gray-400 {
  color: var(--bs-gray-400);
}
.color-gray-500 {
  color: var(--bs-gray-500);
}
.color-gray-600 {
  color: var(--bs-gray-600);
}
.color-gray-700 {
  color: var(--bs-gray-700);
}
.color-gray-800 {
  color: var(--bs-gray-800);
}
.color-gray-900 {
  color: var(--bs-gray-900);
}
.color-primary {
  color: var(--bs-primary);
}
.color-secondary {
  color: var(--bs-secondary);
}
.color-success {
  color: var(--bs-success);
}
.color-info {
  color: var(--bs-info);
}
.color-warning {
  color: var(--bs-warning);
}
.color-danger {
  color: var(--bs-danger);
}
.color-light {
  color: var(--bs-light);
}
.color-dark {
  color: var(--bs-dark);
}
.color-primary-rgb {
  color: var(--bs-primary-rgb);
}
.color-secondary-rgb {
  color: var(--bs-secondary-rgb);
}
.color-success-rgb {
  color: var(--bs-success-rgb);
}
.color-info-rgb {
  color: var(--bs-info-rgb);
}
.color-warning-rgb {
  color: var(--bs-warning-rgb);
}
.color-danger-rgb {
  color: var(--bs-danger-rgb);
}
.color-light-rgb {
  color: var(--bs-light-rgb);
}
.color-dark-rgb {
  color: var(--bs-dark-rgb);
}
.color-primary-text-emphasis {
  color: var(--bs-primary-text-emphasis);
}
.color-secondary-text-emphasis {
  color: var(--bs-secondary-text-emphasis);
}
.color-success-text-emphasis {
  color: var(--bs-success-text-emphasis);
}
.color-info-text-emphasis {
  color: var(--bs-info-text-emphasis);
}
.color-warning-text-emphasis {
  color: var(--bs-warning-text-emphasis);
}
.color-danger-text-emphasis {
  color: var(--bs-danger-text-emphasis);
}
.color-light-text-emphasis {
  color: var(--bs-light-text-emphasis);
}
.color-dark-text-emphasis {
  color: var(--bs-dark-text-emphasis);
}
.color-primary-bg-subtle {
  color: var(--bs-primary-bg-subtle);
}
.color-secondary-bg-subtle {
  color: var(--bs-secondary-bg-subtle);
}
.color-success-bg-subtle {
  color: var(--bs-success-bg-subtle);
}
.color-info-bg-subtle {
  color: var(--bs-info-bg-subtle);
}
.color-warning-bg-subtle {
  color: var(--bs-warning-bg-subtle);
}
.color-danger-bg-subtle {
  color: var(--bs-danger-bg-subtle);
}
.color-light-bg-subtle {
  color: var(--bs-light-bg-subtle);
}
.color-dark-bg-subtle {
  color: var(--bs-dark-bg-subtle);
}
.color-primary-border-subtle {
  color: var(--bs-primary-border-subtle);
}
.color-secondary-border-subtle {
  color: var(--bs-secondary-border-subtle);
}
.color-success-border-subtle {
  color: var(--bs-success-border-subtle);
}
.color-info-border-subtle {
  color: var(--bs-info-border-subtle);
}
.color-warning-border-subtle {
  color: var(--bs-warning-border-subtle);
}
.color-danger-border-subtle {
  color: var(--bs-danger-border-subtle);
}
.color-light-border-subtle {
  color: var(--bs-light-border-subtle);
}
.color-dark-border-subtle {
  color: var(--bs-dark-border-subtle);
}
.color-white-rgb {
  color: var(--bs-white-rgb);
}
.color-black-rgb {
  color: var(--bs-black-rgb);
}
.color-gradient {
  color: var(--bs-gradient);
}
.color-body-color {
  color: var(--bs-body-color);
}
.color-body-color-rgb {
  color: var(--bs-body-color-rgb);
}
.color-body-bg {
  color: var(--bs-body-bg);
}
.color-body-bg-rgb {
  color: var(--bs-body-bg-rgb);
}
.color-emphasis-color {
  color: var(--bs-emphasis-color);
}
.color-emphasis-color-rgb {
  color: var(--bs-emphasis-color-rgb);
}
.color-secondary-color {
  color: var(--bs-secondary-color);
}
.color-secondary-color-rgb {
  color: var(--bs-secondary-color-rgb);
}
.color-secondary-bg {
  color: var(--bs-secondary-bg);
}
.color-secondary-bg-rgb {
  color: var(--bs-secondary-bg-rgb);
}
.color-tertiary-color {
  color: var(--bs-tertiary-color);
}
.color-tertiary-color-rgb {
  color: var(--bs-tertiary-color-rgb);
}
.color-tertiary-bg {
  color: var(--bs-tertiary-bg);
}
.color-tertiary-bg-rgb {
  color: var(--bs-tertiary-bg-rgb);
}
.color-heading-color {
  color: var(--bs-heading-color);
}
.color-link-color {
  color: var(--bs-link-color);
}
.color-link-color-rgb {
  color: var(--bs-link-color-rgb);
}
.color-link-decoration {
  color: var(--bs-link-decoration);
}
.color-link-hover-color {
  color: var(--bs-link-hover-color);
}
.color-link-hover-color-rgb {
  color: var(--bs-link-hover-color-rgb);
}
.color-code-color {
  color: var(--bs-code-color);
}
.color-highlight-color {
  color: var(--bs-highlight-color);
}
.color-highlight-bg {
  color: var(--bs-highlight-bg);
}
.color-border-width {
  color: var(--bs-border-width);
}
.color-border-style {
  color: var(--bs-border-style);
}
.color-border-color {
  color: var(--bs-border-color);
}
.color-border-color-translucent {
  color: var(--bs-border-color-translucent);
}
.color-focus-ring-color {
  color: var(--bs-focus-ring-color);
}
.color-form-valid-color {
  color: var(--bs-form-valid-color);
}
.color-form-valid-border-color {
  color: var(--bs-form-valid-border-color);
}
.color-form-invalid-color {
  color: var(--bs-form-invalid-color);
}
.color-form-invalid-border-color {
  color: var(--bs-form-invalid-border-color);
}