body.theme-light {
    background: linear-gradient(181deg, #e9e9e9 0%, #ffffff 100%);
    color: #17212b;
    scrollbar-color: #8a8f94 #e2e5e8;
}

.theme-light #header,
.theme-light #top-menu .row,
.theme-light #footer {
    background-color: #d7e6f2;
}

body.theme-light::-webkit-scrollbar,
.theme-light ::-webkit-scrollbar {
    background: #e2e5e8;
}

body.theme-light::-webkit-scrollbar-thumb,
.theme-light ::-webkit-scrollbar-thumb {
    background: #8a8f94;
}

body.theme-light::-webkit-scrollbar-corner,
.theme-light ::-webkit-scrollbar-corner {
    background: #e2e5e8;
}

.theme-light #top-brand-container {
    background-color: #f8fbfd;
}

.theme-light #left-sidebar,
.theme-light #top-menu .row,
.theme-light #all-zones.visible {
    background-color: #fff;
}

.theme-light #left-sidebar {
    border-right: 1px solid #dedede;
}

@media only screen and (max-width: 767px) {
    .theme-light #all-zones #top-menu {
        border-top: 1px solid #dedede;
        background: #fff;
    }

    .theme-light #all-zones #left-sidebar {
        background: linear-gradient(181deg, #e9e9e9 0%, #ffffff 100%);
    }
}

.theme-light #all-zones.visible {
    box-shadow: inset -1px 0 0 #dedede;
}

.theme-light .mobile-controls-toggle {
    background-color: #fff;
    border-color: #dedede;
    color: #6a8fae;
}

.theme-light .left-panel-power-button {
    background-color: #fff;
    border: 1px solid #dedede;
box-shadow: 0 2px 6px #00000017;
    color: #3e7aab;
}

.theme-light .left-panel-power-button:hover,
.theme-light .left-panel-power-button:focus {
    background-color: #f8fbfd;
    color: #2f6f9f;
}

.theme-light .left-panel-power-button:active {
    background-color: #edf3f7;
}

.theme-light .left-panel-power-on:before {
    background-color: #3e7aab;
}

.theme-light .left-panel-power-off:before {
    border: 2px solid #3e7aab;
}

.theme-light #left-sidebar .left-panel-mode .btn-group {
    background-color: #ffffff;
    box-shadow: 0 2px 6px #00000014;
    border: 1px solid #dedede;
}

.theme-light #left-sidebar .left-panel-mode .gbl-hvac-btn {
    background-color: #ffffff;
    border-left: 1px solid #e1e8ef;
    color: #3e7aab;
}

.theme-light #left-sidebar .left-panel-mode .gbl-hvac-btn:first-child {
    border-left: 0;
}

.theme-light #left-sidebar .left-panel-mode .gbl-hvac-btn:hover,
.theme-light #left-sidebar .left-panel-mode .gbl-hvac-btn:focus {
    background-color: #f8fbfd;
    color: #2f6f9f;
}

.theme-light #left-sidebar .left-panel-mode .gbl-hvac-btn.active,
.theme-light #left-sidebar .left-panel-mode #btn-nav-heat.active {
    background-color: #ffffff !important;
    color: #3e7aab;
}

.theme-light #left-sidebar .left-panel-mode .gbl-hvac-auto.active {
    background-color: #def8e6 !important;
}

.theme-light #left-sidebar .left-panel-mode #btn-nav-cool.active {
    background-color: #dceef9 !important;
    color: #3e7aab;
}

.theme-light #left-sidebar .left-panel-mode #btn-nav-heat.active {
    background-color: #fde6e8 !important;
}

.theme-light #left-sidebar .left-panel-mode .gbl-hvac-vent.active {
    background-color: #f1e4fb !important;
}

.theme-light .left-panel-status {
    background-color: #f8fbfd;
    border-color: #dedede;
    color: #3e7aab;
}

.theme-light .left-panel-status:hover,
.theme-light .left-panel-status:focus {
    background-color: #e9f1f7;
    border-color: #bfd4e6;
}

.theme-light .left-panel-status-arrow {
    filter: brightness(0) saturate(100%) invert(49%) sepia(30%) saturate(784%) hue-rotate(165deg) brightness(88%) contrast(88%);
}

.theme-light .quick-set-title {
    color: #6a8fae;
}

.theme-light .quick-set-icon img {
    filter: brightness(0) saturate(100%) invert(50%) sepia(23%) saturate(767%) hue-rotate(165deg) brightness(88%) contrast(88%);
}

.theme-light .quick-set-button {
    background-color: #fff;
    box-shadow: 0 2px 6px #00000017;
    color: #3e7aab;
    border: 1px solid #dedede;
}

.theme-light .quick-set-button:hover,
.theme-light .quick-set-button:focus {
    background-color: #f8fbfd;
    color: #2f6f9f;
}

.theme-light .quick-set-button:active {
    background-color: #edf3f7;
}

.theme-light .menu-nav {
    background-color: #f1f1f1;
    border: 1px solid #e2e6ea;
    box-shadow: 0 1px 2px #0000000d;
}

.theme-light .menu-nav-item {
    color: #5d88ad;
}

.theme-light .menu-nav-icon img {
    filter: invert(51%) sepia(20%) saturate(1035%) hue-rotate(166deg) brightness(92%) contrast(89%);
}

.theme-light .menu-nav-indicator {
    background-color: #ffffff;
    box-shadow: 0 2px 5px #00000014;
}

.theme-light .menu-nav-input:checked + .menu-nav-item {
    color: #4e4e4e;
}

.theme-light .menu-nav-input:checked + .menu-nav-item .menu-nav-icon img {
    filter: brightness(0) saturate(100%) invert(29%) sepia(0%) saturate(0%) hue-rotate(180deg) brightness(97%) contrast(91%);
}

.theme-light .zone-range-step {
    background-color: #ffffff;
    border: 1px solid #dedede;
}

.theme-light .zone-range-step:hover {
    background-color: #eef5f9;
}

.theme-light .zone-range-step img {
    filter: brightness(0) saturate(100%) invert(41%) sepia(46%) saturate(759%) hue-rotate(165deg) brightness(87%) contrast(92%);
}

.theme-light .zone-detail-action-row .btn {
    background: #ffffff;
    border: 1px solid #c6d8e6;
    box-shadow: 0 1px 2px #0000000d;
    color: #3674a8;
}

.theme-light .zone-detail-action-row .btn:hover,
.theme-light .zone-detail-action-row .btn:focus {
    background: #eef5f9;
    color: #2f6f9f;
}

.theme-light .menu-nav-mobile {
    color: #3674a8;
}

.theme-light .menu-nav-mobile-button,
.theme-light .menu-nav-mobile-list {
    border: 1px solid #e2e6ea;
    box-shadow: 0 2px 5px #00000014;
}

.theme-light .menu-nav-mobile-button {
    background-color: #ffffff;
}

.theme-light .menu-nav-mobile-list {
    background-color: #f1f1f1;
}

.theme-light .menu-nav-mobile-icon img,
.theme-light .menu-nav-mobile-option-icon img {
    filter: invert(51%) sepia(20%) saturate(1035%) hue-rotate(166deg) brightness(92%) contrast(89%);
}

.theme-light .menu-nav-mobile-button,
.theme-light .menu-nav-mobile-option {
    color: #3674a8;
}

.theme-light .menu-nav-mobile-option:hover,
.theme-light .menu-nav-mobile-option.active {
    background-color: #ffffff;
}

.theme-light .menu-nav-mobile-option.active {
    color: #000000;
}

.theme-light .menu-nav-mobile-option.active .menu-nav-mobile-option-icon img {
    filter: brightness(0) saturate(100%);
}

.theme-light #main-row {
    border-top: 1px solid #dedede;
}

.theme-light #zone-list {
    background-color: #e8edf1;
    box-shadow: none;
}

.theme-light #zone-list .zone-item,
.theme-light #zone-list .summary-row {
    background-color: #ffffff;
    border-color: #e8edf1;
    color: #3674a8;
}

.theme-light #zone-list .zone-item:hover,
.theme-light #zone-list .zone-selected .zone-item {
    background-color: #eef5f9;
}

.theme-light #zone-list .zone-name,
.theme-light #zone-list .summary-title,
.theme-light #zone-list .summary-count {
    color: #3674a8;
}

.theme-light #zone-list .zone-temp {
    background-color: #4e4e4e;
    color: #ffffff;
}

.theme-light .btn-toggle,
.theme-light .btn-toggle.btn-secondary {
    background: #b5b5b5;
    color: #ffffff;
}

.theme-light .btn-toggle.active,
.theme-light .btn-toggle.btn-secondary.active {
    background-color: #4e4e4e;
}

.theme-light .btn-toggle:before,
.theme-light .btn-toggle:after,
.theme-light .btn-toggle.btn-secondary:before,
.theme-light .btn-toggle.btn-secondary:after {
    color: #ffffff;
}

.theme-light .btn-toggle > .handle {
    background: #ffffff;
}

.theme-light .card,
.theme-light .row-zone-name,
.theme-light .row-zone-stats,
.theme-light .row-zone-data {
    background-color: #ffffff;
    color: #17212b;
}

.theme-light .card,
.theme-light .row-zone-name,
.theme-light .row-zone-stats,
.theme-light .row-zone-data,
.theme-light .row-schedule,
.theme-light .table td,
.theme-light .table th {
    border-color: #c6d8e6;
}

.theme-light .form-control {
    background-color: #ffffff;
    border-color: #9eb8cc;
    color: #17212b;
}

.theme-light .btn-group .btn,
.theme-light .schedule-time-button {
    background-color: #ffffff;
    border-color: #9eb8cc;
    color: #17212b;
}

.theme-light .btn-group label:hover {
    background: #e6eef5;
}

.theme-light .btn-group .active,
.theme-light .schedule-time-button.active {
    background-color: #2b72a4;
    color: #ffffff;
}

.theme-light .modal-content {
    background-color: #ffffff;
    color: #17212b;
}

.theme-light #settings .systems-list,
.theme-light #other-systems .systems-list,
.theme-light .summary-bg,
.theme-light .diagnostics-details,
.theme-light .table-diagnostics,
.theme-light .table-min-max,
.theme-light .card-schedule,
.theme-light .split-details {
    background-color: #ffffff;
    color: #17212b;
}

.theme-light #settings .systems-list,
.theme-light #other-systems .systems-list,
.theme-light .summary-bg,
.theme-light .diagnostics-details,
.theme-light .table-diagnostics,
.theme-light .table-min-max,
.theme-light .card-schedule,
.theme-light .split-details,
.theme-light .row-schedule-select select,
.theme-light .chk-dow {
    box-sizing: border-box;
}

.theme-light #settings .systems-list,
.theme-light #other-systems .systems-list,
.theme-light .summary-bg,
.theme-light .diagnostics-details,
.theme-light .table-diagnostics,
.theme-light .table-min-max,
.theme-light .card-schedule,
.theme-light .split-details {
    border: 1px solid #c6d8e6;
    box-shadow: 0 2px 6px #0000000d;
}

.theme-light .summary-bg {
    border-radius: 5px;
}

.theme-light .schedule-card .card-schedule {
    background-color: transparent;
    border: 0;
    box-shadow: none;
}

.theme-light .summary-row,
.theme-light .acsystem {
    background-color: #ffffff;
    border-bottom-color: #dce7ef;
    color: #17212b;
}

.theme-light .summary-row:hover,
.theme-light .acsystem:hover,
.theme-light .acsystem.active {
    background-color: #eef5f9;
}

.theme-light .acsystem a,
.theme-light .summary-row,
.theme-light .summary-title,
.theme-light .summary-count {
    color: #3674a8;
}

.theme-light .table-min-max thead tr {
    background-color: #d7e6f2;
    color: #17212b;
}

.theme-light .table-min-max th,
.theme-light .table-min-max td,
.theme-light .table-diagnostics tr td {
    border-color: #c6d8e6;
    color: #17212b;
}

.theme-light .table-min-max tbody tr:nth-child(even) {
    background-color: #f8fbfd;
}

.theme-light .table-diagnostics tr td span,
.theme-light #diagnostics-airflow p,
.theme-light .diagnostics-arrow-left span,
.theme-light .diagnostics-arrow-right span {
    color: #17212b;
}

.theme-light .table-diagnostics tr td span {
    background-color: #e6eef5;
    border: 1px solid #c6d8e6;
}

.theme-light .row-schedule-select select {
    background-color: #ffffff;
    border: 1px solid #9eb8cc;
    color: #17212b;
}

.theme-light .row-schedule-select select:focus {
    border-color: #3674a8;
    outline: 1px solid #3674a8;
}

.theme-light .chk-dow {
    background-color: #ffffff;
    border-color: #9eb8cc;
    color: #3674a8;
}

.theme-light .chk-dow-on {
    background-color: #2b72a4;
    border-color: #2b72a4;
    box-shadow: inset 2px 2px 5px #00000033;
    color: #ffffff;
}

.theme-light .zone-big-number {
    color: #2b72a4;
}

.theme-light .zwave-value {
    color: #496777;
}

.theme-light #zone-details .zone-view {
    background-color: transparent;
    color: #17212b;
}

.theme-light #zone-details .row-zone-name,
.theme-light #zone-schedules .row-zone-name {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}

.theme-light .header-help:hover,
.theme-light .header-help:focus {
    background-color: #e8f1f7;
    outline-color: #3674a8;
}

.theme-light .cc-help-popover {
    background-color: #ffffff;
    border-color: #b8cad8;
    box-shadow: 0 4px 18px #17212b33;
    color: #17212b;
}

.theme-light .cc-help-popover .driver-popover-footer button {
    background-color: #3674a8;
    border-color: #3674a8;
    color: #ffffff;
    text-shadow: none;
}

.theme-light .cc-help-popover .driver-popover-footer button:hover,
.theme-light .cc-help-popover .driver-popover-footer button:focus {
    background-color: #285f8c;
    border-color: #285f8c;
    outline: 2px solid #17212b;
}

.theme-light .cc-help-popover .driver-popover-btn-disabled {
    background-color: #d9e1e7;
    border-color: #c3cdd5;
    color: #6c7881;
}

.theme-light .cc-help-popover .driver-popover-close-btn {
    color: #62717c;
}

.theme-light .cc-help-popover .driver-popover-close-btn:hover,
.theme-light .cc-help-popover .driver-popover-close-btn:focus {
    color: #17212b;
    outline: 2px solid #3674a8;
}

.theme-light .cc-help-popover .driver-popover-progress-text {
    color: #62717c;
}

.theme-light .cc-help-popover .driver-popover-arrow {
    border-color: #ffffff;
}

.theme-light .cc-help-popover .driver-popover-arrow-side-left {
    border-bottom-color: transparent;
    -webkit-filter: drop-shadow(1px 0 0 #b8cad8);
    filter: drop-shadow(1px 0 0 #b8cad8);
    border-right-color: transparent;
    border-top-color: transparent;
}

.theme-light .cc-help-popover .driver-popover-arrow-side-right {
    border-bottom-color: transparent;
    -webkit-filter: drop-shadow(-1px 0 0 #b8cad8);
    filter: drop-shadow(-1px 0 0 #b8cad8);
    border-left-color: transparent;
    border-top-color: transparent;
}

.theme-light .cc-help-popover .driver-popover-arrow-side-top {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    -webkit-filter: drop-shadow(0 1px 0 #b8cad8);
    filter: drop-shadow(0 1px 0 #b8cad8);
}

.theme-light .cc-help-popover .driver-popover-arrow-side-bottom {
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    -webkit-filter: drop-shadow(0 -1px 0 #b8cad8);
    filter: drop-shadow(0 -1px 0 #b8cad8);
}