:root.theme-sinani {
  --bs-bg-opacity: 0.5;
  --bs-body-bg-rgb: 244, 251, 248;
  --bs-body-bg: #fff;
  --bs-body-color: #000;
  --bs-body-color-rgb: 0, 0, 0;
  --bs-link-color: rgba(26, 101, 143, 0.9);
  --bs-link-hover: rgba(26, 101, 143, 0.6);
  --s-alt-row-bg: #f4f8fb;
  --s-bright-rgb: 11,15,12;
  --s-card-bg: #fff;
  --s-card-border: #e8eae9;
  --s-card-shadow: 0 2px 4px 0 rgba(53, 76, 65, 0.03);
  --s-card-title: #2d4235;
  --s-category-title: #39b9a7;
  --s-deleted: #999;
  --s-disabled: #607065;
  --s-inactive: #999;
  --s-input-bg: #fff;
  --s-input-border: rgba(0, 0, 0, 0.1);
  --s-input-border-error: #e83d3d;
  --s-input-clear: #b3323f;
  --s-input-dirty-bg: #ffe0e0;
  --s-input-outline: #c6ddf1;
  --s-input-outline-error: rgba(203, 48, 48, 0.25);
  --s-input-readonly-bg: #f3f3f3;
  --s-modal-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.10);
  --s-no-results: #98bd80;
  --s-placeholder: #777;
  --s-pager-icon: #000;
  --s-pager-text: #555;
  --s-scroll-thumb: #c9dad0;
  --s-scroll-thumb-hover: #c3d5cb;
  --s-scroll-track: #e2eee8;
  --s-sidebar-band-bg: #6d6e72;
  --s-sidebar-band-link: #fff;
  --s-sidebar-band-link-active: #82C343;
  --s-sidebar-icon: #2d4235;
  --s-sidebar-icon-active: #82C343;
  --s-sidebar-link: #2d4235;
  --s-sidebar-link-active: #82C343;
  --s-cell-border: rgba(53, 78, 68, 0.1);
  --s-cell-input-border: rgba(221, 221, 221, 0.5);
  --s-column-header: #016fce;
  --s-column-header-hover-bg: #c8e8f8;
  --s-column-header-border: #ebf2ef;
  --s-column-footer: #3cbfac;
  --s-tabs-border: rgba(0, 0, 0, 0.1);
  --s-tabs-border-active: #95cdec;
  --s-tabs-text: #95cdec;
  --s-tabs-text-active: #1a658f;
  --s-tool-icon: #4a8e4a;
  --s-tool-border: rgba(0, 0, 0, 0.1);
}

.s-sidebar-band-logo {
    width: 40px !important;
    height: 40px !important;
}

.s-sidebar-band-title {
    color: #fff;
}

.s-mobile-header-logo {
    width: 30px !important;
    height: 30px;
}

.s-PnpScada-MeterAccountGroupDialog .s-PnpScada-MeterAccountGroupListEditor > .grid-container {
    min-height: 400px;
}

input, select, textarea, .form-control {
    border-color: var(--s-input-border);
}

a {
    color: var(--bs-link-color);
}

.panel-titlebar {
    background-color: var(--s-sidebar-band-bg) !important;
    color: #fff !important;
    padding: 3px 15px 3px 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.panel-titlebar > .panel-titlebar-close {
    color: #fff;
}

.modal-header {
    background-color: var(--s-sidebar-band-bg) !important;
    color: #fff !important;
}

.modal-header .btn-close {
    background: transparent var(--bs-btn-close-bg) center / 1em no-repeat;
    filter: invert(1);
}