html, body {
    height: 100%;
    margin: 0;
}

body {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    color: var(--atm-body-color);
    scrollbar-width: auto;
    scrollbar-color: var(--atm-sidebar-scroll-color) var(--atm-layout-bg);
}

.atm-navbar {
    height: 56px;
    flex-shrink: 0;
}

.atm-layout {
    height: calc(100vh - 56px);
    overflow: hidden;
    padding: 0;
}

.atm-main {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.atm-main-placeholder {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.atm-footer {
    padding: 1rem;
    color: var(--atm-footer-color);
    background-color: var(--atm-layout-bg);
    text-align: right;
}

#selectBuildingPanel-lg {
    display: none;
}

[data-bs-theme=atm-light] {
    --atm-body-color: #5e6773;
    --atm-footer-color: #a1a1a1;

    --atm-card-header-bg-color: #f8f9fa;
    --atm-card-header-color: #616161;

    --atm-card-body-bg-color: #fff;
    --atm-card-body-color: #6a6a6a;

    --atm-form-control-color: #5e6773;
    --atm-form-control-bg-color: #fcfcfc;
    --atm-form-control-border-color: #e1e3ea;
    --atm-form-control-hover-bg: #dddddd;

    --atm-navbar-color: #dee2e6;
    --atm-navbar-bg: linear-gradient(to right, #0bc3c3 0%, #009cff 100%);
    --atm-sidebar-color: #b8b8b8;
    --atm-sidebar-bg: #383838;
    --atm-sidebar-scroll-color: #777;
    --atm-sidebar-link-active-color: #0d6efd;
    --atm-layout-bg: #f5f6f9;
    --atm-layout-header-bg: #fff;
    --atm-layout-content-bg: #f5f6f9;
    --atm-map-color: none;
    --atm-disabled-color: #aaaaaa;

    --atm-offcanvas-sidebar-color: #c2c2c2;

    --atm-list-group-color: #b8b8b8;
    --atm-list-group-bg: inherit;
    
    --atm-address-link-bg: #252525;
    --atm-address-link-color: #b8b8b8;
    --atm-address-link-dropdown-item-color: #b8b8b8;
    --atm-address-link-dropdown-item-bg-color: #252525;
    --atm-address-link-dropdown-item-hover-color: #393939;
    --atm-address-link-bg-lg: #e7e7e7;
    --atm-address-link-color-lg: #393939;
    --atm-address-link-dropdown-item-color-lg: #393939;
    --atm-address-link-dropdown-item-bg-color-lg: #e7e7e7;
    --atm-address-link-dropdown-item-hover-color-lg: #dadada;

    --atm-map-building-popup-color: #3a3a3a;
    --atm-map-building-popup-background-color: #f5f6f9;

    --atm-page-title-color: #5e6773;
    --atm-page-subtitle-color: #a0aeba;

    --atm-table-th-color: #5e6773;
    --atm-table-th-bg-color: #fff;
    --atm-table-td-color: #5e6773;
    --atm-table-td-bg-color: #fff;
    --atm-table-danger-service-color: #fff;
    --atm-table-danger-service-bg-color: #9a2121;
    --atm-table-border-color: #515151;

    --bs-emphasis-color-rgb: --atm-navbar-color;
    --bs-tertiary-bg: #f1f1f1;
    --bs-secondary-bg: #e7e7e7;
    --bs-body-color: #454545;
    --atm-sidebar-btn-hover-color: #333333;
    --atm-navbar-btn-hover-color: rgba(255, 255, 255, 0.15);
    --atm-navbar-dropdown-item-bg: #f5f6f9;
    --atm-navbar-dropdown-item-color: #5e6773;
    --atm-navbar-dropdown-item-hover-color: #dadada;
    --atm-dropdown-item-color: #5e6773;
    --atm-dropdown-item-hover-bg-color: #dadada;
    --atm-dropdown-item-hover-color: #333333;
    --bs-border-radius: 0rem;
    --bs-link-color-rgb: #b8b8b8;

    --atm-bootbox-modal-bg: #e3e3e3;
    --atm-bootbox-modal-color: #332828;
    --atm-bootbox-button-close-color: unset;
    --atm-bootbox-footer-border-color: #6d6d6d;

    --jstree-default-hover-bg: #e7f4f9;

    --atm-hardware-connection-color: #131313;
    --atm-hardware-connection-fill-color-good: lightgreen;
    --atm-hardware-connection-fill-color-warning: orange;
    --atm-hardware-connection-fill-color-bad: coral;
    --atm-hardware-connection-fill-color-unknown: lightgray;
    --atm-hardware-connection-stroke-color-good: limegreen;
    --atm-hardware-connection-stroke-color-warning: darkorange;
    --atm-hardware-connection-stroke-color-bad: red;
    --atm-hardware-connection-stroke-color-unknown: gray;

    --atm-btn-primary-bg: #00aaff;
    --atm-btn-primary-hover-bg: #00a0f0;
    --atm-btn-success-bg: #41b314;
    --atm-btn-success-hover-bg: #3ca512;
    --atm-btn-warning-bg: #e4cb10;
    --atm-btn-warning-color: #fff;
    --atm-btn-warning-hover-bg: #d6be0f;
    --atm-btn-danger-bg: #f9354c;
    --atm-btn-danger-hover-bg: #f9263f;
    --atm-btn-info-bg: #31b0d5;
    --atm-btn-info-color: #fff;
    --atm-btn-info-hover-bg: #4ebbdb;
    --atm-btn-outline-primary-bg: transparent;
    --atm-btn-outline-primary-color: #5e6773;
    --atm-btn-outline-primary-hover-bg: #4ebbdb;
    --atm-btn-outline-color: #515151;
    --atm-btn-outline-border: #e4e4e4;
    --atm-btn-outline-hover-bg: #ededed;

    --atm-swal2-modal-bg: #e3e3e3;
    --atm-swal2-modal-color: #332828;
    --atm-btn-swal2-cancel-bg: #919191;
    --atm-btn-swal2-cancel-hover-bg: #ababab;
    --atm-btn-swal2-success-bg: #64af50;
    --atm-btn-swal2-error-bg: #ff4a4a;

    --atm-checkbox-checked-color: #208fb0;
    
    --atm-input-disabled-bg: #eee;
    --atm-input-disabled-color: none;
    --atm-input-group-text-color: #555;
    --atm-input-group-text-border-color: #e1e3ea;
    --atm-input-group-text-bg-color: #f6f6f9;
    --atm-input-group-border-radius: 5px;
    --atm-form-select-color: #5e6773;
    --atm-form-select-border-color: #e1e3ea;
    --atm-form-select-bg-color: #fcfcfc;
    --atm-form-select-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

    --atm-datatables-disabled-button-color: #c5c5c5;

    --atm-input-color: none;

    --atm-nav-link-color: #2b2727;
    --atm-nav-link-bg: #fff;
    --atm-nav-link-border: #dee2e6;
    --atm-nav-link-hover-bg: #fff;
    --atm-nav-tabs-border-color: #dee2e6;

    --atm-select-bg: #fcfcfc;
    --atm-select2-bg: #fcfcfc;
    --atm-select2-color: #7e7e7e;
    --atm-select2-border-color: #e1e3ea;
    --atm-select2-border-input-color: #e1e3ea;
    --atm-select2-selected-bg: #e5e5e5;
    --atm-select2-selected-hover-bg: #009cff;
    --atm-select2-selected-hover-color: #e1e3ea;
}

[data-bs-theme=atm-dark] {
    --atm-body-color: #a1a1a1;
    --atm-footer-color: #a1a1a1;

    --atm-card-header-bg-color:  hsl(0, 0%, 12%);
    --atm-card-header-color: #a1a1a1;

    --atm-card-body-bg-color: hsl(0, 0%, 14%);
    --atm-card-body-color: #a1a1a1;
    
    --atm-form-control-color :#a1a1a1;
    --atm-form-control-bg-color: #292b2e;
    --atm-form-control-border-color: #a1a1a1;
    --atm-form-control-hover-bg: #454545;
    
    --atm-navbar-color: #ececec;
    --atm-navbar-bg: linear-gradient(to right, #121212 0%, #363636 100%);
    --atm-sidebar-color: #cacbcc;
    --atm-sidebar-bg: #121212;
    --atm-sidebar-scroll-color: #777;
    --atm-sidebar-link-active-color: #0d6efd;
    --atm-dropdown-item-color: #cacbcf;
    --atm-dropdown-item-hover-bg-color: #4d4d4d;
    --atm-dropdown-item-hover-color: #cacbcf;
    --atm-layout-bg: hsl(0, 0%, 10%);
    --atm-layout-header-bg: hsl(0, 0%, 12%);
    --atm-layout-content-ng: hsl(0, 0%, 10%);
    --atm-map-color: invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%);
    --atm-disabled-color: #595959;

    --atm-offcanvas-sidebar-color: #c2c2c2;
    
    --atm-list-group-color: #cacbcc;
    --atm-list-group-bg: inherit;
    
    --atm-address-link-bg: #363636;
    --atm-address-link-color: #dadada;
    --atm-address-link-dropdown-item-color: #dadada;
    --atm-address-link-dropdown-item-bg-color: #363636;
    --atm-address-link-dropdown-item-hover-color: #414141;
    --atm-address-link-bg-lg: #363636;
    --atm-address-link-color-lg: #dadada;
    --atm-address-link-dropdown-item-color-lg: #dadada;
    --atm-address-link-dropdown-item-bg-color-lg: #363636;
    --atm-address-link-dropdown-item-hover-color-lg: #414141;
    
    --atm-map-building-popup-color: #000000;
    --atm-map-building-popup-background-color: #f5f6f9;

    --atm-page-title-color: #a1a1a1;
    --atm-page-subtitle-color: #858585;

    --atm-table-th-color: #bbbbbb;
    --atm-table-th-bg-color: hsl(0, 0%, 12%);
    --atm-table-td-color: #bbbbbb;
    --atm-table-td-bg-color: hsl(0, 0%, 14%);
    --atm-table-danger-service-color: #bbbbbb;
    --atm-table-danger-service-bg-color: #702d34;
    --atm-table-border-color: #515151;

    --bs-emphasis-color-rgb: --atm-navbar-color;
    --bs-tertiary-bg: #5a5a5a;
    --bs-border-color: #121212;
    --bs-border-color-translucent: #121212;
    --bs-secondary-color: #a1a1a1;
    --bs-secondary-bg: #6f6f6f;
    --bs-body-color: #cacbcf;
    --atm-sidebar-btn-hover-color: #333333;
    --atm-navbar-dropdown-item-bg: #333;
    --atm-navbar-btn-hover-color: #333333;
    --atm-navbar-dropdown-item-hover-color: #414141;
    --bs-border-radius: 0rem;
    --bs-link-color-rgb: #cacbcf;
    
    --atm-bootbox-modal-bg: #3a3a3a;
    --atm-bootbox-modal-color: #cecece;
    --atm-bootbox-button-close-color: invert(1) grayscale(100%) brightness(200%);
    --atm-bootbox-footer-border-color: #898989;
    
    --jstree-default-hover-bg: #505152;

    --atm-hardware-connection-color: #d1d1d1;
    --atm-hardware-connection-fill-color-good: #165d15;
    --atm-hardware-connection-fill-color-warning: #8f3918;
    --atm-hardware-connection-fill-color-bad: #721720;
    --atm-hardware-connection-fill-color-unknown: #494949;
    --atm-hardware-connection-stroke-color-good: none;
    --atm-hardware-connection-stroke-color-warning: none;
    --atm-hardware-connection-stroke-color-bad: none;
    --atm-hardware-connection-stroke-color-unknown: none;
    
    --atm-btn-primary-bg: #2a2f7d;
    --atm-btn-primary-hover-bg: #265a88;
    --atm-btn-success-bg: #115210;
    --atm-btn-success-hover-bg: #198217;
    --atm-btn-warning-bg: #5e590f;
    --atm-btn-warning-color: #fff;
    --atm-btn-warning-hover-bg: #8f860a;
    --atm-btn-danger-bg: #530009;
    --atm-btn-danger-hover-bg: #8a1320;
    --atm-btn-info-bg: #2a2f7d;
    --atm-btn-info-color: #fff;
    --atm-btn-info-hover-bg: #265a88;
    --atm-btn-outline-primary-bg: transparent;
    --atm-btn-outline-primary-color: #a1a1a1;
    --atm-btn-outline-primary-hover-bg: #353535;
    --atm-btn-outline-color: #d1d1d1;
    --atm-btn-outline-border: #a1a1a1;
    --atm-btn-outline-hover-bg: #1a1a1a;

    --atm-swal2-modal-bg: #3a3a3a;
    --atm-swal2-modal-color: #cecece;
    --atm-btn-swal2-cancel-bg: #414241;
    --atm-btn-swal2-cancel-hover-bg: #535353;
    --atm-btn-swal2-success-bg: #1ab524;
    --atm-btn-swal2-error-bg: #cd2727;
    
    --atm-checkbox-checked-color: #2a2f7d;

    --atm-input-disabled-bg: #3a3b3d;
    --atm-input-disabled-color: #d1d1d1;
    --atm-input-group-text-color: #a1a1a1;
    --atm-input-group-text-border-color: #a1a1a1;
    --atm-input-group-text-bg-color: #232529;
    --atm-input-group-border-radius: 5px;
    --atm-form-select-color: #a1a1a1;
    --atm-form-select-border-color: #a1a1a1;
    --atm-form-select-bg-color: #292b2e;
    --atm-form-select-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

    --atm-datatables-disabled-button-color: #000000;

    --atm-input-color: dark;

    --atm-amcharts-graph-color: #f1f1f1;

    --atm-nav-link-color: #bdbdbd;
    --atm-nav-link-bg: hsl(0, 0%, 14%);
    --atm-nav-link-border: #565656;
    --atm-nav-link-hover-bg: hsl(0, 0%, 14%);
    --atm-nav-tabs-border-color: #565656;

    --atm-select-bg: hsl(0, 0%, 14%);
    --atm-select2-bg: #3b3b3b;
    --atm-select2-color: #c1c7cc;
    --atm-select2-border-color: #3b3b3b;
    --atm-select2-border-input-color: #e4eaec;
    --atm-select2-selected-bg: #5e5e5e;
    --atm-select2-selected-hover-bg: #2a2f7d;
    --atm-select2-selected-hover-color: #c1c7cc;
}

.atm-layout,
.atm-main {
    background-color: var(--atm-layout-bg) !important;
}

.atm-main-header {
    background-color: var(--atm-layout-header-bg) !important;
}

.atm-main-content {
    background: var(--atm-layout-content-bg) !important;
}

.atm-main-header {
    padding: 20px 25px;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
}

.page-title {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 3px;
    color: var(--atm-page-title-color);
}

.page-subtitle {
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    color: var(--atm-page-subtitle-color);
}

.atm-navbar {
    color: var(--atm-navbar-color) !important;
    background: var(--atm-navbar-bg) !important;
}

.atm-sidebar {
    background-color: var(--atm-sidebar-bg) !important;
}

.offcanvas-lg {
    --bs-offcanvas-bg: var(--atm-sidebar-bg) !important;
    --bs-offcanvas-color: var(--atm-offcanvas-sidebar-color) !important;
}

.offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing {
    width: 330px !important;
}

#map {
    filter: var(--atm-map-color);
}

.btn-toggle .bi {
    transition: transform 0.35s ease;
    transform: rotate(180deg);
}

.btn-toggle:not(.collapsed) .bi {
    transform: rotate(90deg);
}

a {
    color: #00aaff;
    text-decoration: none;
}

a:hover {
    color: #0087ff;
}

.dropdown-menu {
    --bs-dropdown-font-size: 0.9rem;
}

.atm-sidebar .dropdown-menu, .atm-navbar .dropdown-menu {
    --bs-dropdown-bg: var(--atm-navbar-dropdown-item-bg) !important;
    border-radius: .5rem;
    --bs-dropdown-padding-x: .25rem;
    --bs-dropdown-padding-y: .25rem;
}

.atm-sidebar .dropdown-menu .dropdown-item, .atm-navbar .dropdown-menu .dropdown-item {
    border-radius: .25rem;
}

.atm-sidebar .dropdown-menu li+li, .atm-navbar .dropdown-menu li+li {
    margin-top: .125rem;
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: var(--atm-disabled-color) !important;
    pointer-events: none;
    background-color: transparent;
}

.atm-navbar a:hover, .atm-navbar .btn:first-child:active, .atm-navbar .btn:hover {
    color: var(--atm-navbar-color);
}

.fs-custom-1 {
    font-size: 14px;
}

.atm-sidebar {
    scrollbar-width: auto;
    scrollbar-color: var(--atm-sidebar-scroll-color) var(--atm-sidebar-bg);
}

.atm-sidebar .list-group-item {
    padding: 0;
    border: none;
    background-color: var(--atm-sidebar-bg) !important;
}

.atm-sidebar .list-group-item a.active {
    background-color: var(--atm-sidebar-link-active-color);
    color: #cacbcf;
}

.atm-sidebar a {
    color: var(--atm-sidebar-color);
}

.atm-sidebar-link-1 {
    display: block;
    padding: 0.5rem 1rem;
}

.atm-sidebar-link-2 {
    display: block;
    padding: 0.5rem 1rem 0.5rem 3rem;
}

.atm-sidebar-link-3 {
    display: block;
    padding: 0.5rem 1rem 0.5rem 5rem;
}

#atm-sidebar-toggle {
    display: none;
    background: inherit;
    border: none;
    color: var(--atm-navbar-color);
}

.atm-sidebar a:hover {
    --bs-link-color-rgb: --atm-list-group-color;
    background-color: var(--atm-sidebar-btn-hover-color);
}

.atm-sidebar .btn:hover {
    color: var(--atm-list-group-color);
    background-color: var(--atm-sidebar-btn-hover-color);
}

.atm-navbar .dropdown-item.active:hover {
    color: var(--bs-dropdown-link-active-color);
    background-color: var(--bs-dropdown-link-active-bg);
}

.atm-navbar a.dropdown-item:not(.active),
.atm-navbar button.dropdown-item:not(.active) {
    color: var(--atm-navbar-dropdown-item-color);
}

.atm-navbar a.dropdown-item:not(.active):hover,
.atm-navbar button.dropdown-item:not(.active):hover {
    background-color: var(--atm-navbar-dropdown-item-hover-color);
}

.active-address {
    color: var(--atm-address-link-color);
    background-color: var(--atm-address-link-bg)
}

.active-address a:hover {
    color: var(--atm-address-link-color);
    background-color: var(--atm-address-link-bg)
}

.active-address .dropdown-menu {
    background-color: var(--atm-address-link-dropdown-item-bg-color);
}

.active-address a.dropdown-item:not(.active) {
    color: var(--atm-address-link-dropdown-item-color);
}

.active-address a.dropdown-item:not(.active):hover {
    background-color: var(--atm-address-link-dropdown-item-hover-color);
}

.pace .pace-progress {
    background: rgba(255, 255, 255, 0.7);
    height: 4px;
}

#buildingFlagDetailsContainer.ol-popup {
    background-color: var(--atm-map-building-popup-background-color) !important;
    color: var(--atm-map-building-popup-color) !important;
}

.list-group {
    --bs-list-group-color: var(--atm-list-group-color);
}

.category-list-group .list-group-item {
    border: none;
    background-color: var(--atm-list-group-bg);
    border-bottom: 1px solid grey;
}

.category-list-group .list-group-item:last-child {
    border: none;
}

.atm-sidebar .btn {
    --bs-btn-color: var(--atm-list-group-color);
}


.card {
    border-radius: 3px;
}

.card-title {
    font-size: 14px;
    margin-bottom: 0;
}

.card-subtitle {
    font-size: 13px;
    margin-top: 10px;
    color: #a0aeba;
}

.card-header {
    color: var(--atm-card-header-color);
    background-color: var(--atm-card-header-bg-color);
    padding: 12px 20px 12px 20px;
}

.card-body {
    color: var(--atm-card-body-color);
    background-color: var(--atm-card-body-bg-color);
}

.flex-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form-control, .form-control:focus {
    font-size: 14px;
    border-color: var(--atm-form-control-border-color);
    background-color: var(--atm-form-control-bg-color);
    color: var(--atm-form-control-color);
    box-shadow: none;
}

.form-label {
    color: #a4a4a4;;
}

.form-text {
    color: #afafaf;
}

table#summary th {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.table > thead > tr > th.main-section {
    font-size: 18px;
}

.table > thead > tr > th {
    color: var(--atm-table-th-color);
    background-color: var(--atm-table-th-bg-color);
}

.table > tbody > tr > td {
    color: var(--atm-table-td-color);
    background-color: var(--atm-table-td-bg-color);
}

.table > tbody > tr.danger > td {
    color: var(--atm-table-danger-service-color);
    background-color: var(--atm-table-danger-service-bg-color);
}

.table-bordered {
    border: none;
}

.table-bordered tr {
    border: none;
    border-bottom: 1px solid var(--atm-table-border-color);
}

.table-bordered th,
.table-bordered td {
    border: 1px solid var(--atm-table-border-color);
}

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align: left !important;
}

tr.dtrg-group th {
    text-align: center !important;
    color: var(--atm-table-th-color);
}

.jstree-default .jstree-wholerow-clicked, .jstree-default .jstree-wholerow-hovered {
    background: var(--jstree-default-hover-bg) !important;
}

.node text {
    fill: var(--atm-hardware-connection-color);
}

.node rect.Good {
    stroke: var(--atm-hardware-connection-stroke-color-good) !important;
    fill: var(--atm-hardware-connection-fill-color-good) !important;
}

.node rect.Warning {
    stroke: var(--atm-hardware-connection-stroke-color-warning) !important;
    fill: var(--atm-hardware-connection-fill-color-warning) !important;
}

.node rect.Bad {
    stroke: var(--atm-hardware-connection-stroke-color-bad) !important;
    fill: var(--atm-hardware-connection-fill-color-bad) !important;
}

.node rect.Unknown {
    stroke: var(--atm-hardware-connection-stroke-color-unknown) !important;
    fill: var(--atm-hardware-connection-fill-color-unknown) !important;
}

.btn {
    font-size: 14px;
}

.right-panel .btn {
    font-size: 11px;
    border-radius: 5px;
}

.btn {
    border-radius: 5px;
}

.btn-primary {
    background-color: var(--atm-btn-primary-bg);
    border-color: var(--atm-btn-primary-bg);
}

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

.btn-success, .btn-building.active {
    background-color: var(--atm-btn-success-bg);
    border-color: var(--atm-btn-success-bg);
}

.btn-success:focus, .btn-success:hover, .btn-building.active:focus, .btn-building.active:hover {
    background-color: var(--atm-btn-success-hover-bg);
    border-color: var(--atm-btn-success-hover-bg);
}

.btn-warning {
    background-color: var(--atm-btn-warning-bg);
    border-color: var(--atm-btn-warning-bg);
    color: var(--atm-btn-warning-color);
}

.btn-warning:focus, .btn-warning:hover {
    background-color: var(--atm-btn-warning-hover-bg);
    border-color: var(--atm-btn-warning-hover-bg);
    color: var(--atm-btn-warning-color);
}

.btn-danger, .btn-building {
    background-color: var(--atm-btn-danger-bg);
    border-color: var(--atm-btn-danger-bg);
}

.btn-danger:focus, .btn-danger:hover, .btn-building:focus, .btn-building:hover {
    background-color: var(--atm-btn-danger-hover-bg);
    border-color: var(--atm-btn-danger-hover-bg);
}

.btn-info {
    background-color: var(--atm-btn-info-bg);
    border-color: var(--atm-btn-info-bg);
    color: var(--atm-btn-info-color);
}

.btn-info:hover, .btn-info:focus {
    background-color: var(--atm-btn-info-hover-bg);
    border-color: var(--atm-btn-info-hover-bg);
    color: var(--atm-btn-info-color);
}

.btn-outline-primary {
    background-color: var(--atm-btn-outline-primary-bg) !important;
    border-color: var(--atm-btn-outline-primary-bg) !important;
    color: var(--atm-btn-outline-primary-color) !important;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    background-color: var(--atm-btn-outline-primary-hover-bg) !important;
    border-color: var(--atm-btn-outline-primary-hover-bg) !important;
    color: var(--atm-btn-info-color) !important;
}

.btn-outline {
    border-color: var(--atm-btn-outline-border);
    color: var(--atm-btn-outline-color);
}

.btn-outline:hover, .btn-outline:focus {
    color: var(--atm-btn-outline-color);
    border-color: var(--atm-btn-outline-border);
    background-color: var(--atm-btn-outline-hover-bg);
}

.btn-sm {
    font-size: 12px;
}

.btn-building {
    color: #fff !important;
}

.btn-xs {
    padding: 2px 8px;
    font-size: 11px;
}

.btn-info:disabled {
    cursor: not-allowed;
    background-color: var(--atm-btn-info-bg);
    border-color: var(--atm-btn-info-bg);
    color: var(--atm-btn-info-color);
    opacity: 0.4;
}

.btn-danger:disabled {
    background-color: var(--atm-btn-danger-bg);
    border-color: var(--atm-btn-danger-bg);
    opacity: 0.4;
}

.btn-link {
    --bs-btn-color: #00aaff;
}

.btn-link:hover {
    color: #0087ff;
}

.input-group {
    --bs-border-radius: var(--atm-input-group-border-radius);
}

.input-group-text {
    border: 1px solid var(--atm-input-group-text-border-color);
    background-color: var(--atm-input-group-text-bg-color);
    color: var(--atm-input-group-text-color);
    font-size: 14px;
}

.form-select {
    border: 1px solid var(--atm-form-select-border-color);
    background-color: var(--atm-form-select-bg-color);
    color: var(--atm-form-select-color);
    --bs-form-select-bg-img: var(--atm-form-select-img);
    font-size: 14px;
}

div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
    color: var(--atm-datatables-disabled-button-color) !important;
}

input {
    color-scheme: var(--atm-input-color);
}

input:not([type="text"]) {
    cursor: pointer;
}

.form-select {
    cursor: pointer;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--atm-select2-color) !important;
}

.select2-dropdown {
    background-color: var(--atm-select2-bg) !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--atm-select2-selected-bg) !important;
    color: var(--atm-select2-color) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: var(--atm-select2-selected-hover-color) !important;
    background-color: var(--atm-select2-selected-hover-bg) !important;
}

.select2-container--default .select2-dropdown {
    border-color: var(--atm-select2-border-color) !important;
}

.select2-container--default .select2-selection {
    background-color: var(--atm-select2-bg) !important;
    color: var(--atm-select2-color) !important;
    border: 1px solid var(--atm-select2-border-color) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: var(--atm-select2-bg) !important;
    color: var(--atm-select2-color) !important;
    border: 1px solid var(--atm-select2-border-input-color) !important;
}

select.dt-input {
    background-color: var(--atm-select-bg) !important;
}

.modal-content {
    color: var(--atm-bootbox-modal-color);
    background-color: var(--atm-bootbox-modal-bg);
}

.modal {
    --bs-modal-footer-border-color: var(--atm-bootbox-footer-border-color);
}

.swal2-modal {
    color: var(--atm-swal2-modal-color) !important;
    background-color: var(--atm-swal2-modal-bg) !important;
}

.swal2-title {
    color: var(--atm-swal2-modal-color) !important;
}

.swal2-confirm {
    background-color: var(--atm-btn-primary-bg) !important;
    border-color: var(--atm-btn-primary-bg) !important;
}

.swal2-content {
    color: var(--atm-bootbox-modal-color) !important;
}

.swal2-confirm:hover, .swal2-confirm:focus {
    background-color: var(--atm-btn-primary-hover-bg) !important;
    border-color: var(--atm-btn-primary-hover-bg) !important;
}

.swal2-cancel {
    background-color: var(--atm-btn-swal2-cancel-bg) !important;
}

.swal2-cancel:focus, .swal2-cancel:hover {
    background-color: var(--atm-btn-swal2-cancel-hover-bg) !important;
}

.swal2-success-circular-line-left, .swal2-success-circular-line-right, .swal2-success-fix {
    background: var(--atm-swal2-modal-bg) !important;
}

.swal2-success-ring {
    border: 4px solid var(--atm-btn-swal2-success-bg) !important;
}

.swal2-icon.swal2-success [class^='swal2-success-line'] {
    background-color: var(--atm-btn-swal2-success-bg) !important;
}

.swal2-icon.swal2-error {
    border-color: var(--atm-btn-swal2-error-bg) !important;
}

.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
    background-color: var(--atm-btn-swal2-error-bg) !important;
}

.btn-close {
    --bs-btn-close-filter: var(--atm-bootbox-button-close-color);
}

.nav-tabs {
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--atm-nav-tabs-border-color);
}

.nav-tabs .nav-item .nav-link {
    color: var(--atm-nav-link-color);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--atm-nav-link-color);
    background-color: var(--atm-nav-link-bg);
    border-color: var(--atm-nav-link-border);
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover
{
    color: var(--atm-nav-link-color);
    background-color: var(--atm-nav-link-hover-bg);
    border-color: var(--atm-nav-link-border);
}

.nav-tabs-borderless {
    border-bottom: none;
}

.bi-ruble::before {
    content: "\20BD";
}

.dropdown-menu {
    --bs-dropdown-bg: var(--atm-navbar-dropdown-item-bg) !important;
    border-radius: .5rem;
    --bs-dropdown-padding-x: .25rem;
    --bs-dropdown-padding-y: .25rem;
}

.dropdown-item {
    color: var(--atm-dropdown-item-color);
}

.dropdown-item:hover {
    color: var(--atm-dropdown-item-hover-color);
    background-color: var(--atm-dropdown-item-hover-bg-color);
}

.dropdown-item.building-active-switch.active, .dropdown-item.building-on-service-switch.active {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
    background-color: transparent;
}

.dropdown-item.building-active-switch, .dropdown-item.building-on-service-switch {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

g > text {
    fill: var(--atm-amcharts-graph-color) !important;
}

a[title='JavaScript charts'] {
    color: var(--atm-amcharts-graph-color) !important;
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
    font-weight: normal;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.label-default {
    background-color: #777;
}

.label-success {
    background-color: #41b314;
}

.label-warning {
    background-color: #e4cb10;
}

.label-danger {
    background-color: #F9354C;
}

.label-info {
    background-color: #5bc0de;
}

[type=checkbox]:checked {
    accent-color: var(--atm-checkbox-checked-color);
}
[type=radio]:checked {
    accent-color: var(--atm-checkbox-checked-color);
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: var(--atm-input-disabled-bg);
    color: var(--atm-input-disabled-color);
}

.suggestions-suggestions {
    background: var(--atm-form-control-bg-color) !important;
    color: var(--atm-form-control-color) !important;
}

.suggestions-suggestion:hover {
    background: var(--atm-form-control-hover-bg) !important;
}

.parsley-errors-list li {
    color: #F9354C;
    font-size: 0.9em;
    margin-top: 3px;
    margin-bottom: 3px;
}

.alert-danger {
    --bs-alert-color: #ffd0d5;
    --bs-alert-bg: #ff3648;
}

@media (min-width: 992px) {
    .atm-layout {
        display: grid;
        grid-template-columns: 240px 1fr;
        transition: grid-template-columns 0.3s ease;
    }

    .atm-layout.sidebar-collapsed {
        grid-template-columns: 0 1fr;
    }

    .atm-sidebar {
        position: sticky;
        overflow-y: auto;
        top: 0;
        height: calc(100vh - 56px);
    }

    #atm-sidebar-toggle {
        display: block !important;
    }

    .atm-navbar a:hover, .atm-navbar .btn:first-child:active, .atm-navbar .btn:hover {
        --bs-link-color-rgb: --atm-list-group-color;
        color: var(--atm-navbar-color);
        background-color: var(--atm-navbar-btn-hover-color);
    }

    #selectBuildingPanel {
        display: none;
    }

    #selectBuildingPanel-lg {
        display: block;
        min-width: 250px;
    }

    #selectBuildingPanel-lg .dropdown-menu {
        min-width: 250px;
        border-radius: .5rem;
    }

    .active-address {
        color: var(--atm-address-link-color-lg);
        background-color: var(--atm-address-link-bg-lg)
    }

    .active-address a:hover {
        color: var(--atm-address-link-color-lg);
        background-color: var(--atm-address-link-bg-lg)
    }

    .active-address .dropdown-menu {
        background-color: var(--atm-address-link-dropdown-item-bg-color-lg);
    }

    .active-address a.dropdown-item:not(.active) {
        color: var(--atm-address-link-dropdown-item-color-lg);
    }

    .active-address a.dropdown-item:not(.active):hover {
        background-color: var(--atm-address-link-dropdown-item-hover-color-lg);
    }
}