html[data-site-style="midnight"] {
    --site-page-bg: radial-gradient(circle at top right, #19385d 0%, #0a1630 42%, #050912 100%);
    --site-surface: rgba(9, 18, 31, 0.88);
    --site-surface-strong: rgba(16, 28, 47, 0.96);
    --site-shell: linear-gradient(180deg, rgba(10, 25, 46, 0.98) 0%, rgba(6, 13, 24, 0.96) 100%);
    --site-text: #e6edf7;
    --site-muted: #9eb0c8;
    --site-heading: #ffffff;
    --site-border: rgba(139, 169, 208, 0.22);
    --site-link: #8bc7ff;
    --site-link-hover: #b8e1ff;
    --site-accent: #3aa0ff;
    --site-accent-alt: #69e2ff;
    --site-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
    --site-table-stripe: rgba(255, 255, 255, 0.03);
    --site-input-bg: rgba(7, 14, 27, 0.72);
    --site-btn-text: #f8fbff;
    --site-glow: 0 0 0 1px rgba(139, 169, 208, 0.1), 0 18px 48px rgba(0, 0, 0, 0.32);
    --site-backdrop: rgba(2, 6, 13, 0.72);
    --site-header-line: rgba(83, 128, 189, 0.35);
}

html[data-site-style="modern"] {
    --site-page-bg: linear-gradient(135deg, #f7fbff 0%, #ecf4ff 45%, #eef7f1 100%);
    --site-surface: rgba(255, 255, 255, 0.92);
    --site-surface-strong: #ffffff;
    --site-shell: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(244, 248, 255, 0.96) 100%);
    --site-text: #203040;
    --site-muted: #5c7086;
    --site-heading: #13283c;
    --site-border: rgba(36, 76, 112, 0.12);
    --site-link: #0f6ab5;
    --site-link-hover: #0a8c80;
    --site-accent: #0f766e;
    --site-accent-alt: #2563eb;
    --site-shadow: 0 22px 50px rgba(15, 48, 88, 0.12);
    --site-table-stripe: rgba(15, 118, 110, 0.05);
    --site-input-bg: rgba(255, 255, 255, 0.94);
    --site-btn-text: #ffffff;
    --site-glow: 0 1px 0 rgba(255, 255, 255, 0.7), 0 16px 40px rgba(31, 58, 99, 0.14);
    --site-backdrop: rgba(19, 40, 60, 0.25);
    --site-header-line: rgba(15, 118, 110, 0.18);
}

html[data-site-style="glass"] {
    --site-page-bg: radial-gradient(circle at top left, rgba(126, 227, 201, 0.55) 0%, rgba(200, 255, 245, 0.65) 24%, rgba(235, 251, 247, 0.96) 58%), linear-gradient(135deg, #d9f7ee 0%, #c7efe8 45%, #eefcf7 100%);
    --site-surface: rgba(255, 255, 255, 0.42);
    --site-surface-strong: rgba(255, 255, 255, 0.52);
    --site-shell: linear-gradient(180deg, rgba(255, 255, 255, 0.48) 0%, rgba(233, 251, 246, 0.42) 100%);
    --site-text: #113231;
    --site-muted: #476b69;
    --site-heading: #0c2d2c;
    --site-border: rgba(22, 94, 86, 0.18);
    --site-link: #0b7285;
    --site-link-hover: #0f766e;
    --site-accent: #0f766e;
    --site-accent-alt: #2a9d8f;
    --site-shadow: 0 24px 60px rgba(17, 67, 63, 0.14);
    --site-table-stripe: rgba(255, 255, 255, 0.22);
    --site-input-bg: rgba(255, 255, 255, 0.48);
    --site-btn-text: #f7fffd;
    --site-glow: 0 1px 0 rgba(255, 255, 255, 0.58), 0 18px 45px rgba(17, 67, 63, 0.14);
    --site-backdrop: rgba(9, 37, 34, 0.22);
    --site-header-line: rgba(15, 118, 110, 0.14);
}

html.dark-mode,
html.dark-mode img:not([src$="svg"]),
html.dark-mode video,
html.dark-mode .raampLogoImg {
    filter: none !important;
}

html[data-site-style]:not([data-site-style="original"]) {
    background: var(--site-page-bg) fixed;
}

html[data-site-style]:not([data-site-style="original"]) body {
    background: var(--site-page-bg) fixed !important;
    color: var(--site-text) !important;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

html[data-site-style]:not([data-site-style="original"]) #ribbon,
html[data-site-style]:not([data-site-style="original"]) .fixed-ribbon #ribbon,
html[data-site-style]:not([data-site-style="original"]) .TabPage,
html[data-site-style]:not([data-site-style="original"]) .TabPage > .TabPage,
html[data-site-style]:not([data-site-style="original"]) .innerTabPage,
html[data-site-style]:not([data-site-style="original"]) .tab-content,
html[data-site-style]:not([data-site-style="original"]) .topFormNavBar,
html[data-site-style]:not([data-site-style="original"]) .topFormNavBar.navbar,
html[data-site-style]:not([data-site-style="original"]) .topFormNavBar.navbar-default {
    background: var(--site-surface) !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style]:not([data-site-style="original"]) #ribbon {
    box-shadow: var(--site-glow) !important;
}

html[data-site-style]:not([data-site-style="original"]) #ribbon .breadcrumb,
html[data-site-style]:not([data-site-style="original"]) #ribbon .breadcrumb a {
    color: var(--site-muted) !important;
}

html[data-site-style]:not([data-site-style="original"]) #ribbon .breadcrumb li:last-child,
html[data-site-style]:not([data-site-style="original"]) #ribbon .breadcrumb > .active {
    color: var(--site-heading) !important;
}

html[data-site-style]:not([data-site-style="original"]) .TabPage,
html[data-site-style]:not([data-site-style="original"]) .TabPage > .TabPage,
html[data-site-style]:not([data-site-style="original"]) .innerTabPage {
    background-image: none !important;
    box-shadow: var(--site-glow) !important;
}

html[data-site-style]:not([data-site-style="original"]) .tabRibbon,
html[data-site-style]:not([data-site-style="original"]) .TenantTabRibbonContainer,
html[data-site-style]:not([data-site-style="original"]) #AccountingTabRibbon {
    background: transparent !important;
    color: var(--site-text) !important;
}

html[data-site-style]:not([data-site-style="original"]) .tabRibbon > ul > li,
html[data-site-style]:not([data-site-style="original"]) .tabRibbon > ul > li.tabRibbonLi,
html[data-site-style]:not([data-site-style="original"]) .nav-tabs > li > a,
html[data-site-style]:not([data-site-style="original"]) .jarviswidget header:first-child .nav-tabs li a {
    background: var(--site-surface) !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
    box-shadow: none !important;
}

html[data-site-style]:not([data-site-style="original"]) .tabRibbon > ul > li > a,
html[data-site-style]:not([data-site-style="original"]) .tabRibbon > ul > li > button,
html[data-site-style]:not([data-site-style="original"]) .nav-tabs > li > a,
html[data-site-style]:not([data-site-style="original"]) .tabRibbon .raamp-awesome {
    color: var(--site-text) !important;
    fill: var(--site-text) !important;
}

html[data-site-style]:not([data-site-style="original"]) .tabRibbon > ul > li:hover,
html[data-site-style]:not([data-site-style="original"]) .tabRibbon > ul > li:focus-within,
html[data-site-style]:not([data-site-style="original"]) .nav-tabs > li > a:hover,
html[data-site-style]:not([data-site-style="original"]) .nav-tabs > li > a:focus {
    background: var(--site-table-stripe) !important;
    color: var(--site-link-hover) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style]:not([data-site-style="original"]) .tabRibbon > ul > li.active,
html[data-site-style]:not([data-site-style="original"]) .tabRibbon > ul > li.active > a,
html[data-site-style]:not([data-site-style="original"]) .nav-tabs > li.active > a,
html[data-site-style]:not([data-site-style="original"]) .nav-tabs > li.active > a:hover,
html[data-site-style]:not([data-site-style="original"]) .nav-tabs > li.active > a:focus {
    background: var(--site-surface-strong) !important;
    color: var(--site-heading) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style]:not([data-site-style="original"]) .tabRibbon > ul > li.tabRibbonLi > ul.dropdown-menu,
html[data-site-style]:not([data-site-style="original"]) .tabRibbon .dropdown-menu,
html[data-site-style]:not([data-site-style="original"]) .tabRibbon .dropdown-menu > li > a {
    background: var(--site-surface-strong) !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style]:not([data-site-style="original"]) .tabRibbon .divider {
    background-color: var(--site-border) !important;
}

html[data-site-style]:not([data-site-style="original"]) .topFormNavBar > ul,
html[data-site-style]:not([data-site-style="original"]) .topFormNavBar .nav {
    background: transparent !important;
}

html[data-site-style]:not([data-site-style="original"]) .topFormNavBar > ul > li,
html[data-site-style]:not([data-site-style="original"]) .topFormNavBar .nav > li {
    background: transparent !important;
    border-color: var(--site-border) !important;
}

html[data-site-style]:not([data-site-style="original"]) .topFormNavBar > ul > li > a,
html[data-site-style]:not([data-site-style="original"]) .topFormNavBar > ul > li > button,
html[data-site-style]:not([data-site-style="original"]) .topFormNavBar .nav > li > a,
html[data-site-style]:not([data-site-style="original"]) .topFormNavBar .nav > li > button {
    color: var(--site-text) !important;
}

html[data-site-style]:not([data-site-style="original"]) .topFormNavBar > ul > li > a[disabled],
html[data-site-style]:not([data-site-style="original"]) .topFormNavBar > ul > li > button[disabled] {
    color: var(--site-muted) !important;
}

html[data-site-style]:not([data-site-style="original"]) .topFormNavBar > ul > li:not(.noHover):hover,
html[data-site-style]:not([data-site-style="original"]) .topFormNavBar .nav > li:not(.noHover):hover {
    box-shadow: inset 0 -2px 0 0 var(--site-accent) !important;
}

html[data-site-style]:not([data-site-style="original"]) .tabstyleTitle,
html[data-site-style]:not([data-site-style="original"]) #tabstyleTitleDiv:before,
html[data-site-style]:not([data-site-style="original"]) #tabstyleTitleDiv :before {
    background: var(--site-shell) !important;
    color: var(--site-heading) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style]:not([data-site-style="original"]) .masterContainer,
html[data-site-style]:not([data-site-style="original"]) .masterRow,
html[data-site-style]:not([data-site-style="original"]) .leftMain,
html[data-site-style]:not([data-site-style="original"]) .rightMain,
html[data-site-style]:not([data-site-style="original"]) .mainRow,
html[data-site-style]:not([data-site-style="original"]) .renderBodyColumn {
    background: transparent !important;
}

/* Match legacy v2 shell selectors so custom themes can override the nav rail cleanly. */
html[data-site-style]:not([data-site-style="original"]) body:not(.clean) .masterRow .leftMain,
html[data-site-style]:not([data-site-style="original"]) body:not(.clean) .masterRow .leftMain #asideBorder:not(.debug-mode) {
    background: transparent !important;
}

html[data-site-style]:not([data-site-style="original"]) body:not(.clean) .masterRow .leftMain #asideBorder .navbar-default:not(.debug-mode),
html[data-site-style]:not([data-site-style="original"]) body:not(.clean) .masterRow .leftMain #asideBorder .raampLogoRow,
html[data-site-style]:not([data-site-style="original"]) body:not(.clean) .masterRow .leftMain #asideBorder #subcompanyID,
html[data-site-style]:not([data-site-style="original"]) body:not(.clean) .masterRow .leftMain #asideBorder nav ul li:not(.separator) .dropdown-menu2,
html[data-site-style]:not([data-site-style="original"]) body:not(.clean) #subcompanyIDtopMenu {
    background: var(--site-shell) !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
    box-shadow: var(--site-glow) !important;
}

html[data-site-style]:not([data-site-style="original"]) body:not(.clean) .masterRow .leftMain #asideBorder .raampLogoImg {
    background-color: transparent !important;
}

html[data-site-style]:not([data-site-style="original"]) body:not(.clean) .masterRow .leftMain #asideBorder nav ul li:not(.separator) > a,
html[data-site-style]:not([data-site-style="original"]) body:not(.clean) .masterRow .leftMain #asideBorder nav ul li:not(.separator) > a > .link-text,
html[data-site-style]:not([data-site-style="original"]) body:not(.clean) #subcompanyIDtopMenu {
    color: var(--site-text) !important;
}

html[data-site-style]:not([data-site-style="original"]) body:not(.clean) .masterRow .leftMain #asideBorder nav ul li:not(.separator).activeParent > a:not(.addEntryLink):not([aria-expanded="true"]),
html[data-site-style]:not([data-site-style="original"]) body:not(.clean) .masterRow .leftMain #asideBorder nav ul li:not(.separator) > a:hover,
html[data-site-style]:not([data-site-style="original"]) body:not(.clean) .masterRow .leftMain #asideBorder nav ul li:not(.separator) > a:focus,
html[data-site-style]:not([data-site-style="original"]) body:not(.clean) .masterRow .leftMain #asideBorder nav ul li:not(.separator) .dropdown-menu2 > li > a:hover,
html[data-site-style]:not([data-site-style="original"]) body:not(.clean) .masterRow .leftMain #asideBorder nav ul li:not(.separator) .dropdown-menu2 > li > a:focus {
    background: var(--site-table-stripe) !important;
    color: var(--site-link-hover) !important;
}

html[data-site-style="midnight"] body:not(.clean) .masterRow .leftMain #asideBorder nav ul li.active a,
html[data-site-style="midnight"] .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li.active a {
    color: var(--site-link-hover) !important;
    text-shadow: none !important;
}

html[data-site-style="midnight"] body:not(.clean) .masterRow .leftMain #asideBorder nav ul li.active > a,
html[data-site-style="midnight"] body:not(.clean) .masterRow .leftMain #asideBorder nav ul li.open > a,
html[data-site-style="midnight"] body:not(.clean) .masterRow .leftMain #asideBorder nav ul li.active ul li.active > a,
html[data-site-style="midnight"] .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li.active > a,
html[data-site-style="midnight"] .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li.open > a,
html[data-site-style="midnight"] .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li.active ul li.active > a {
    background: linear-gradient(135deg, rgba(58, 160, 255, 0.18), rgba(20, 37, 63, 0.92)) !important;
    color: var(--site-heading) !important;
    border-color: rgba(121, 180, 242, 0.24) !important;
    text-shadow: none !important;
    box-shadow: inset 3px 0 0 rgba(121, 180, 242, 0.65) !important;
}

html[data-site-style]:not([data-site-style="original"]) #asideBorder,
html[data-site-style]:not([data-site-style="original"]) .navbar-default,
html[data-site-style]:not([data-site-style="original"]) .raampLogoRow,
html[data-site-style]:not([data-site-style="original"]) .headerRow,
html[data-site-style]:not([data-site-style="original"]) #subcompanyID,
html[data-site-style]:not([data-site-style="original"]) #subcompanyIDtopMenu,
html[data-site-style]:not([data-site-style="original"]) .subcompanyID,
html[data-site-style]:not([data-site-style="original"]) .titleBox,
html[data-site-style]:not([data-site-style="original"]) .titleBoxBlankSpace,
html[data-site-style]:not([data-site-style="original"]) .panel,
html[data-site-style]:not([data-site-style="original"]) .panel-heading,
html[data-site-style]:not([data-site-style="original"]) .well,
html[data-site-style]:not([data-site-style="original"]) .modal-content,
html[data-site-style]:not([data-site-style="original"]) .dropdown-menu,
html[data-site-style]:not([data-site-style="original"]) .dropdown-menu2,
html[data-site-style]:not([data-site-style="original"]) .navTable .dropdown-menu,
html[data-site-style]:not([data-site-style="original"]) .selectize-input,
html[data-site-style]:not([data-site-style="original"]) .selectize-dropdown,
html[data-site-style]:not([data-site-style="original"]) .ui-widget-content,
html[data-site-style]:not([data-site-style="original"]) .ui-state-default,
html[data-site-style]:not([data-site-style="original"]) .ui-igcombo-list,
html[data-site-style]:not([data-site-style="original"]) .ui-iggrid-pager.ui-iggrid-footer,
html[data-site-style]:not([data-site-style="original"]) .ui-iggrid-pagesizedropdowncontainerabove,
html[data-site-style]:not([data-site-style="original"]) #LeaseOptions > div,
html[data-site-style]:not([data-site-style="original"]) .raamp-title,
html[data-site-style]:not([data-site-style="original"]) .companySelectorDropdown,
html[data-site-style]:not([data-site-style="original"]) .countrySelectListDropdown {
    background: var(--site-surface) !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
    box-shadow: var(--site-glow) !important;
}

html[data-site-style]:not([data-site-style="original"]) .headerRow,
html[data-site-style]:not([data-site-style="original"]) .raampLogoRow,
html[data-site-style]:not([data-site-style="original"]) #asideBorder,
html[data-site-style]:not([data-site-style="original"]) .titleBox {
    background: var(--site-shell) !important;
    border-color: var(--site-header-line) !important;
}

html[data-site-style]:not([data-site-style="original"]) .titleBoxBlankSpace {
    background: transparent !important;
    color: var(--site-muted) !important;
    box-shadow: none !important;
}

html[data-site-style]:not([data-site-style="original"]) .panel-heading,
html[data-site-style]:not([data-site-style="original"]) .dropdown-header,
html[data-site-style]:not([data-site-style="original"]) .title-text,
html[data-site-style]:not([data-site-style="original"]) .titleBox,
html[data-site-style]:not([data-site-style="original"]) h1,
html[data-site-style]:not([data-site-style="original"]) h2,
html[data-site-style]:not([data-site-style="original"]) h3,
html[data-site-style]:not([data-site-style="original"]) h4,
html[data-site-style]:not([data-site-style="original"]) h5,
html[data-site-style]:not([data-site-style="original"]) h6 {
    color: var(--site-heading) !important;
}

html[data-site-style]:not([data-site-style="original"]) a,
html[data-site-style]:not([data-site-style="original"]) .navLink,
html[data-site-style]:not([data-site-style="original"]) .dropdown-menu > li > a,
html[data-site-style]:not([data-site-style="original"]) .dropdown-menu2 > li > a,
html[data-site-style]:not([data-site-style="original"]) .submitLink {
    color: var(--site-link);
}

html[data-site-style]:not([data-site-style="original"]) a:hover,
html[data-site-style]:not([data-site-style="original"]) .navLink:hover,
html[data-site-style]:not([data-site-style="original"]) .dropdown-menu > li > a:hover,
html[data-site-style]:not([data-site-style="original"]) .dropdown-menu2 > li > a:hover,
html[data-site-style]:not([data-site-style="original"]) .submitLink:hover {
    color: var(--site-link-hover);
}

html[data-site-style]:not([data-site-style="original"]) .link-text,
html[data-site-style]:not([data-site-style="original"]) .phone-number,
html[data-site-style]:not([data-site-style="original"]) .help-block,
html[data-site-style]:not([data-site-style="original"]) small,
html[data-site-style]:not([data-site-style="original"]) label,
html[data-site-style]:not([data-site-style="original"]) span,
html[data-site-style]:not([data-site-style="original"]) p,
html[data-site-style]:not([data-site-style="original"]) li,
html[data-site-style]:not([data-site-style="original"]) td,
html[data-site-style]:not([data-site-style="original"]) th {
    color: var(--site-text);
}

html[data-site-style]:not([data-site-style="original"]) .text-muted,
html[data-site-style]:not([data-site-style="original"]) .titleBoxBlankSpace small {
    color: var(--site-muted) !important;
}

html[data-site-style]:not([data-site-style="original"]) .form-control,
html[data-site-style]:not([data-site-style="original"]) textarea,
html[data-site-style]:not([data-site-style="original"]) select,
html[data-site-style]:not([data-site-style="original"]) .input-group-addon,
html[data-site-style]:not([data-site-style="original"]) .selectize-input,
html[data-site-style]:not([data-site-style="original"]) .selectize-dropdown,
html[data-site-style]:not([data-site-style="original"]) .smart-form .input input {
    background: var(--site-input-bg) !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style]:not([data-site-style="original"]) .form-control::placeholder,
html[data-site-style]:not([data-site-style="original"]) textarea::placeholder {
    color: var(--site-muted);
}

html[data-site-style]:not([data-site-style="original"]) .e-grid,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-gridcontent,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-content,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-content-area,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-gridfooter,
html[data-site-style]:not([data-site-style="original"]) .e-gridfooter,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-groupdroparea,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-groupcaption,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-groupcaptionsummary,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-groupheadercell,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-indentcell,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-recordpluscollapse,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-recordplusexpand,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-summaryrow,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-grid-filterstatusbar,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-grid-filterstatusbarbottom,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-inlineform-titlebar,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-form-titlebar,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-gridpopup .e-content,
html[data-site-style]:not([data-site-style="original"]) .e-gridtoolbar,
html[data-site-style]:not([data-site-style="original"]) .e-treegridtoolbar,
html[data-site-style]:not([data-site-style="original"]) .e-toolbar,
html[data-site-style]:not([data-site-style="original"]) .e-pager,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-pager,
html[data-site-style]:not([data-site-style="original"]) .e-pager .e-pagercontainer {
    background: var(--site-surface) !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style]:not([data-site-style="original"]) .e-grid .e-gridheader,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-headercell,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-grouptopleftcell,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-filterbarcell,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-filterbarcelldisabled,
html[data-site-style]:not([data-site-style="original"]) .e-pager .e-currentitem,
html[data-site-style]:not([data-site-style="original"]) .e-toolbar > .e-horizontal > .e-active,
html[data-site-style]:not([data-site-style="original"]) .e-toolbar > .e-vertical > .e-active {
    background: var(--site-surface-strong) !important;
    color: var(--site-heading) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style]:not([data-site-style="original"]) .e-grid .e-rowcell,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-tabletd,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-detailcell,
html[data-site-style]:not([data-site-style="original"]) .e-grid tr.e-editedrow td.e-rowcell {
    background: transparent !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style]:not([data-site-style="original"]) .e-grid tr.e-alt_row > td.e-rowcell,
html[data-site-style]:not([data-site-style="original"]) .e-grid tr.e-alt_row > td.e-tabletd,
html[data-site-style]:not([data-site-style="original"]) .e-grid tr.e-alt_row > td.e-detailcell,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-gridcontent table.e-table > tbody > tr:nth-child(odd) > td.e-rowcell,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-gridcontent table.e-table > tbody > tr:nth-child(odd) > td.e-tabletd,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-gridcontent table.e-table > tbody > tr:nth-child(odd) > td.e-detailcell {
    background: var(--site-table-stripe) !important;
}

html[data-site-style="midnight"] .e-grid .e-alt_row,
html[data-site-style="midnight"] .e-grid .e-gridcontent table.e-table > tbody > tr.e-alt_row {
    background: transparent !important;
}

html[data-site-style]:not([data-site-style="original"]) .e-grid tr.e-hover,
html[data-site-style]:not([data-site-style="original"]) .e-grid tr.e-traverse,
html[data-site-style]:not([data-site-style="original"]) .e-grid td.e-active,
html[data-site-style]:not([data-site-style="original"]) .e-grid td.e-cellselectionbackground,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-headercell-hover,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-groupdroparea.e-hover,
html[data-site-style]:not([data-site-style="original"]) .e-pager .e-numericitem.e-hover,
html[data-site-style]:not([data-site-style="original"]) .e-pager .e-currentitem.e-hover,
html[data-site-style]:not([data-site-style="original"]) .e-pager .e-nextpage.e-hover,
html[data-site-style]:not([data-site-style="original"]) .e-pager .e-lastpage.e-hover,
html[data-site-style]:not([data-site-style="original"]) .e-pager .e-firstpage.e-hover,
html[data-site-style]:not([data-site-style="original"]) .e-pager .e-prevpage.e-hover,
html[data-site-style]:not([data-site-style="original"]) .e-toolbar > .e-horizontal .e-hover,
html[data-site-style]:not([data-site-style="original"]) .e-toolbar > .e-vertical > .e-hover {
    background: var(--site-table-stripe) !important;
    color: var(--site-link-hover) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style]:not([data-site-style="original"]) .e-grid,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-icon,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-gridheader .e-icon,
html[data-site-style]:not([data-site-style="original"]) .e-toolbar .e-icon,
html[data-site-style]:not([data-site-style="original"]) .e-pager .e-icon,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-gridSummaryRows,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-summaryrow,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-groupdroparea,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-groupcaption,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-groupcaptionsummary,
html[data-site-style]:not([data-site-style="original"]) .e-pager .e-spacing,
html[data-site-style]:not([data-site-style="original"]) .e-pager .e-default {
    color: var(--site-text) !important;
}

html[data-site-style]:not([data-site-style="original"]) .e-grid .e-gridsearchbar,
html[data-site-style]:not([data-site-style="original"]) .e-treegridtoolbar .e-searchinput,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-searchfind,
html[data-site-style]:not([data-site-style="original"]) .e-grid .e-ejinputtext,
html[data-site-style]:not([data-site-style="original"]) .e-pager .e-drpdwn,
html[data-site-style]:not([data-site-style="original"]) .e-pager div.e-drpdwndiv,
html[data-site-style]:not([data-site-style="original"]) .e-ddl .e-in-wrap,
html[data-site-style]:not([data-site-style="original"]) .e-ddl .e-input,
html[data-site-style]:not([data-site-style="original"]) .e-ddl-popup,
html[data-site-style]:not([data-site-style="original"]) .e-ddl .e-options {
    background: var(--site-input-bg) !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style="midnight"] option {
    background: #0d1728;
    color: #e6edf7;
}

html[data-site-style]:not([data-site-style="original"]) .btn {
    border-radius: 12px;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

html[data-site-style]:not([data-site-style="original"]) .btn:hover {
    transform: translateY(-1px);
}

html[data-site-style]:not([data-site-style="original"]) .btn-primary,
html[data-site-style]:not([data-site-style="original"]) .btn-success,
html[data-site-style]:not([data-site-style="original"]) .btn-info {
    background: linear-gradient(135deg, var(--site-accent-alt), var(--site-accent)) !important;
    border-color: transparent !important;
    color: var(--site-btn-text) !important;
    box-shadow: 0 12px 25px rgba(15, 118, 110, 0.16);
}

html[data-site-style]:not([data-site-style="original"]) .btn-default,
html[data-site-style]:not([data-site-style="original"]) .btn-link,
html[data-site-style]:not([data-site-style="original"]) button.navLink {
    background: var(--site-surface) !important;
    border-color: var(--site-border) !important;
    color: var(--site-link) !important;
}

html[data-site-style]:not([data-site-style="original"]) .btn-warning {
    background: linear-gradient(135deg, #ffca66, #ff9f45) !important;
    border-color: transparent !important;
    color: #472400 !important;
}

html[data-site-style]:not([data-site-style="original"]) .btn-danger {
    background: linear-gradient(135deg, #ff8a7a, #e3485d) !important;
    border-color: transparent !important;
    color: #fff7f7 !important;
}

html[data-site-style]:not([data-site-style="original"]) .table,
html[data-site-style]:not([data-site-style="original"]) .table-bordered,
html[data-site-style]:not([data-site-style="original"]) .table-responsive,
html[data-site-style]:not([data-site-style="original"]) .ui-iggrid-table,
html[data-site-style]:not([data-site-style="original"]) .dataTable {
    background: transparent !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style]:not([data-site-style="original"]) .table > thead > tr > th,
html[data-site-style]:not([data-site-style="original"]) .table-bordered > thead > tr > th,
html[data-site-style]:not([data-site-style="original"]) .ui-iggrid th,
html[data-site-style]:not([data-site-style="original"]) .ui-iggrid .ui-widget-header,
html[data-site-style]:not([data-site-style="original"]) .ui-state-default,
html[data-site-style]:not([data-site-style="original"]) .ui-widget-header {
    background: var(--site-surface-strong) !important;
    color: var(--site-heading) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style]:not([data-site-style="original"]) .table > tbody > tr > td,
html[data-site-style]:not([data-site-style="original"]) .table > tbody > tr > th,
html[data-site-style]:not([data-site-style="original"]) .table-bordered > tbody > tr > td,
html[data-site-style]:not([data-site-style="original"]) .ui-iggrid .ui-iggrid-table > tbody > tr > td {
    border-color: var(--site-border) !important;
}

html[data-site-style]:not([data-site-style="original"]) .table-striped > tbody > tr:nth-of-type(odd),
html[data-site-style]:not([data-site-style="original"]) .ui-iggrid .ui-iggrid-table > tbody > tr:nth-child(odd) {
    background: var(--site-table-stripe) !important;
}

html[data-site-style="midnight"] .table-striped > tbody > tr:nth-of-type(odd),
html[data-site-style="midnight"] .table-striped > tbody > tr:nth-of-type(odd) > td,
html[data-site-style="midnight"] .table-striped > tbody > tr:nth-of-type(odd) > th {
    background: var(--site-table-stripe) !important;
}

html[data-site-style="midnight"] .table-striped > tbody > tr:nth-of-type(even),
html[data-site-style="midnight"] .table-striped > tbody > tr:nth-of-type(even) > td,
html[data-site-style="midnight"] .table-striped > tbody > tr:nth-of-type(even) > th {
    background: transparent !important;
}

html[data-site-style]:not([data-site-style="original"]) .table-hover > tbody > tr:hover,
html[data-site-style]:not([data-site-style="original"]) tbody tr:hover {
    background: rgba(58, 160, 255, 0.08) !important;
}

html[data-site-style]:not([data-site-style="original"]) .badge,
html[data-site-style]:not([data-site-style="original"]) .label {
    background: linear-gradient(135deg, var(--site-accent-alt), var(--site-accent)) !important;
}

html[data-site-style]:not([data-site-style="original"]) .modal-backdrop.in {
    opacity: 0.82 !important;
    background-color: var(--site-backdrop) !important;
}

html[data-site-style]:not([data-site-style="original"]) .modal-dialog,
html[data-site-style]:not([data-site-style="original"]) .modal {
    cursor: url('/content/img/cursor-close.png'), auto;
}

html[data-site-style]:not([data-site-style="original"]) .user-circle {
    box-shadow: 0 10px 30px rgba(15, 118, 110, 0.18);
}

html[data-site-style="modern"] .panel,
html[data-site-style="modern"] .well,
html[data-site-style="modern"] .modal-content,
html[data-site-style="modern"] .dropdown-menu,
html[data-site-style="modern"] .form-control,
html[data-site-style="modern"] .selectize-input,
html[data-site-style="modern"] .btn {
    border-radius: 16px !important;
}

html[data-site-style="modern"] .titleBox,
html[data-site-style="modern"] #asideBorder,
html[data-site-style="modern"] .headerRow {
    border-radius: 18px !important;
}

html[data-site-style="modern"] .titleRow,
html[data-site-style="modern"] .titleRow .titleBox,
html[data-site-style="modern"] .titleRow .titleBoxBlankSpace {
    border-radius: 0 !important;
}

html[data-site-style="modern"] .headerRow,
html[data-site-style="modern"] .raampLogoRow,
html[data-site-style="glass"] .headerRow,
html[data-site-style="glass"] .raampLogoRow {
    border-radius: 0 !important;
}

html[data-site-style="modern"] .raampLogoImg,
html[data-site-style="glass"] .raampLogoImg {
    filter: none !important;
}

html[data-site-style="glass"] #asideBorder,
html[data-site-style="glass"] .headerRow,
html[data-site-style="glass"] .raampLogoRow,
html[data-site-style="glass"] .panel,
html[data-site-style="glass"] .well,
html[data-site-style="glass"] .modal-content,
html[data-site-style="glass"] .dropdown-menu,
html[data-site-style="glass"] .dropdown-menu2,
html[data-site-style="glass"] .form-control,
html[data-site-style="glass"] .selectize-input,
html[data-site-style="glass"] .selectize-dropdown,
html[data-site-style="glass"] .titleBox {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

html[data-site-style="glass"] .panel,
html[data-site-style="glass"] .well,
html[data-site-style="glass"] .modal-content,
html[data-site-style="glass"] .dropdown-menu,
html[data-site-style="glass"] .form-control,
html[data-site-style="glass"] .selectize-input,
html[data-site-style="glass"] .btn {
    border-radius: 18px !important;
}

html[data-site-style="glass"] .headerRow,
html[data-site-style="glass"] #asideBorder,
html[data-site-style="glass"] .titleBox {
   
}

html[data-site-style="glass"] .titleRow,
html[data-site-style="glass"] .titleRow .titleBox,
html[data-site-style="glass"] .titleRow .titleBoxBlankSpace {
    border-radius: 0 !important;
}

html[data-site-style="glass"] body:not(.clean) .masterRow .leftMain #asideBorder {
    overflow: visible !important;
}

html[data-site-style="glass"] body:not(.clean) .masterRow .leftMain #asideBorder .raampLogoRow,
html[data-site-style="glass"] body:not(.clean) .masterRow .leftMain #asideBorder .raampLogoImg {
    position: relative !important;
    z-index: 12 !important;
    box-shadow: none !important;
}

html[data-site-style="glass"] body:not(.clean) .masterRow .rightMain .headerRow {
    position: relative;
    z-index: 1;
}

html[data-site-style="glass"] #RemoveDebugGreenButton,
html[data-site-style="glass"] .RemoveDebugGreenButton {
    position: relative;
    z-index: 14;
}

html[data-site-style="glass"] #RemoveDebugGreenButton .btn,
html[data-site-style="glass"] .RemoveDebugGreenButton .btn {
    background: linear-gradient(135deg, rgba(15, 118, 110, 0.92), rgba(42, 157, 143, 0.96)) !important;
    color: #f4fffd !important;
    border: 1px solid rgba(15, 118, 110, 0.42) !important;
    box-shadow: 0 14px 28px rgba(17, 67, 63, 0.2) !important;
}

html[data-site-style="midnight"] .modal-content,
html[data-site-style="midnight"] .modal-header,
html[data-site-style="midnight"] .modal-footer,
html[data-site-style="midnight"] .modal-footer-center,
html[data-site-style="midnight"] .e-dialog.e-dialog-wrap,
html[data-site-style="midnight"] .e-dialog > .e-header,
html[data-site-style="midnight"] .e-dialog > .e-footerbar {
    background: var(--site-surface-strong) !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style="midnight"] .modal-header,
html[data-site-style="midnight"] .e-dialog > .e-header {
    background: var(--site-shell) !important;
    box-shadow: inset 0 -1px 0 rgba(139, 169, 208, 0.12) !important;
}

html[data-site-style="midnight"] .modal-header .close,
html[data-site-style="midnight"] .modal-header .modal-title,
html[data-site-style="midnight"] .e-dialog > .e-header,
html[data-site-style="midnight"] .e-dialog .e-dialog-icon:before {
    color: var(--site-heading) !important;
}

html[data-site-style="midnight"] #StyledAlert .alert-popup,
html[data-site-style="midnight"] #StyledAlertMessageText {
    background: rgba(10, 20, 36, 0.98) !important;
    color: var(--site-text) !important;
    border-color: rgba(104, 154, 229, 0.24) !important;
}

html[data-site-style="midnight"] #StyledAlertMessageText a {
    color: var(--site-link-hover) !important;
}

html[data-site-style="midnight"] .alert-warning,
html[data-site-style="midnight"] .alert.alert-warning {
    background: linear-gradient(135deg, rgba(91, 63, 8, 0.88), rgba(39, 26, 6, 0.96)) !important;
    color: #ffe8ad !important;
    border: 1px solid rgba(233, 180, 72, 0.26) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18) !important;
}

html[data-site-style="midnight"] .alert-warning a,
html[data-site-style="midnight"] .alert.alert-warning a,
html[data-site-style="midnight"] .alert-warning .close,
html[data-site-style="midnight"] .alert.alert-warning .close {
    color: #ffd37a !important;
}

html[data-site-style="midnight"] .selectize-dropdown .optgroup-header,
html[data-site-style="midnight"] .selectize-dropdown-content .optgroup-header {
    background: rgba(18, 34, 58, 0.96) !important;
    color: var(--site-link-hover) !important;
    border-bottom: 1px solid var(--site-border) !important;
    text-shadow: none !important;
}

html[data-site-style="midnight"] .selectize-dropdown .option,
html[data-site-style="midnight"] .selectize-dropdown-content .option {
    color: var(--site-text) !important;
}

html[data-site-style="midnight"] .selectize-dropdown .option.active,
html[data-site-style="midnight"] .selectize-dropdown .option.selected,
html[data-site-style="midnight"] .selectize-dropdown .active,
html[data-site-style="midnight"] .selectize-dropdown-content .option.active,
html[data-site-style="midnight"] .selectize-dropdown-content .option.selected,
html[data-site-style="midnight"] .selectize-dropdown-content .active {
    background: rgba(58, 160, 255, 0.16) !important;
    color: var(--site-heading) !important;
}

html[data-site-style="midnight"] .selectize-dropdown .highlight,
html[data-site-style="midnight"] .selectize-dropdown-content .highlight {
    background: rgba(139, 199, 255, 0.18) !important;
    color: #ffffff !important;
    border-radius: 3px !important;
}

html[data-site-style="midnight"] .dateIconYear {
    background: rgba(10, 20, 36, 0.98) !important;
    border-color: var(--site-border) !important;
    color: var(--site-text) !important;
    box-shadow: var(--site-glow) !important;
}

html[data-site-style="midnight"] .dateIconYear .dateIconYearDateIcon {
    background: rgba(15, 28, 48, 0.98) !important;
    border-color: var(--site-border) !important;
    box-shadow: none !important;
}

html[data-site-style="midnight"] .dateIconYear .date__day {
    color: var(--site-heading) !important;
}

html[data-site-style="midnight"] .dateIconYear .date__time {
    background: rgba(10, 20, 36, 0.98) !important;
    color: var(--site-link-hover) !important;
}

html[data-site-style="midnight"] .btn.btn-ribbon,
html[data-site-style="midnight"] .button-small,
html[data-site-style="midnight"] .datatableOptionsDropDown > button {
    background: linear-gradient(135deg, rgba(70, 130, 220, 0.22), rgba(34, 63, 112, 0.85)) !important;
    color: var(--site-heading) !important;
    border: 1px solid rgba(104, 154, 229, 0.35) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2) !important;
}

html[data-site-style="midnight"] .titleBox a,
html[data-site-style="midnight"] .titleBox small a,
html[data-site-style="midnight"] .titleBox .navLink {
    color: var(--site-link-hover) !important;
}

html[data-site-style="midnight"] .titleBox a:hover,
html[data-site-style="midnight"] .titleBox small a:hover,
html[data-site-style="midnight"] .titleBox .navLink:hover {
    color: #d8eeff !important;
}

html[data-site-style="midnight"] .raamp-layer,
html[data-site-style="midnight"] .raamp-layer-center {
    background: rgba(10, 20, 36, 0.94) !important;
    color: var(--site-text) !important;
    border: 1px solid var(--site-border) !important;
    box-shadow: var(--site-glow) !important;
    border-radius: 18px !important;
}

html[data-site-style="midnight"] .navTable,
html[data-site-style="midnight"] .navTable td,
html[data-site-style="midnight"] .navTable .dropdown-menu {
    background: transparent !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style="midnight"] .navTable .dropdown-menu,
html[data-site-style="midnight"] .navTable .dropdown-menu.dropdown-submenu,
html[data-site-style="midnight"] .navTable .dropdown-menu > li,
html[data-site-style="midnight"] .navTable .dropdown-menu > li > ul,
html[data-site-style="midnight"] .navTable .dropdown-menu > li > ul > li {
    background: rgba(10, 20, 36, 0.98) !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style="midnight"] .navTable .dropdown-menu > li > a,
html[data-site-style="midnight"] .navTable .dropdown-menu .submenuOpen,
html[data-site-style="midnight"] .navTable .dropdown-menu.dropdown-submenu > li > a {
    background: transparent !important;
    color: var(--site-text) !important;
    text-shadow: none !important;
}

html[data-site-style="midnight"] .navTable .dropdown-menu > li:hover,
html[data-site-style="midnight"] .navTable .dropdown-menu > li:focus,
html[data-site-style="midnight"] .navTable .dropdown-menu.dropdown-submenu > li:hover,
html[data-site-style="midnight"] .navTable .dropdown-menu.dropdown-submenu > li:focus {
    background: rgba(58, 160, 255, 0.16) !important;
    color: var(--site-heading) !important;
}

html[data-site-style="midnight"] .navTable .dropdown-menu > li > a:hover,
html[data-site-style="midnight"] .navTable .dropdown-menu > li > a:focus,
html[data-site-style="midnight"] .navTable .dropdown-menu > li:hover > a,
html[data-site-style="midnight"] .navTable .dropdown-menu > li.active > a,
html[data-site-style="midnight"] .navTable .dropdown-menu > li.active > a:hover,
html[data-site-style="midnight"] .navTable .dropdown-menu > li.active > a:focus,
html[data-site-style="midnight"] .navTable .dropdown-menu .submenuOpen:hover,
html[data-site-style="midnight"] .navTable .dropdown-menu .submenuOpen:focus,
html[data-site-style="midnight"] .navTable .dropdown-menu .submenuOpen.open,
html[data-site-style="midnight"] .navTable .dropdown-menu.dropdown-submenu > li > a:hover,
html[data-site-style="midnight"] .navTable .dropdown-menu.dropdown-submenu > li > a:focus,
html[data-site-style="midnight"] .navTable .dropdown-menu.dropdown-submenu > li:hover > a {
    background: rgba(58, 160, 255, 0.16) !important;
    color: var(--site-heading) !important;
}

html[data-site-style="midnight"] .navTable button,
html[data-site-style="midnight"] .navTable a {
    color: var(--site-link-hover) !important;
}

html[data-site-style="midnight"] .navTable button:hover,
html[data-site-style="midnight"] .navTable a:hover {
    color: #d8eeff !important;
}

html[data-site-style="midnight"] .e-grid .e-templatecell,
html[data-site-style="midnight"] .e-grid .e-rowcell .navTable,
html[data-site-style="midnight"] .e-grid .e-rowcell .navTable tbody,
html[data-site-style="midnight"] .e-grid .e-rowcell .navTable tr,
html[data-site-style="midnight"] .e-grid .e-rowcell .navTable td,
html[data-site-style="midnight"] .e-grid .e-rowcell .navTable div,
html[data-site-style="midnight"] .e-grid .e-rowcell .navTable span,
html[data-site-style="midnight"] .e-grid .e-rowcell .navTable .dropdown,
html[data-site-style="midnight"] .e-grid .e-rowcell .navTable .dropdown-toggle {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

html[data-site-style="midnight"] .e-grid .e-pager,
html[data-site-style="midnight"] .e-pager,
html[data-site-style="midnight"] .e-pager .e-pagercontainer,
html[data-site-style="midnight"] .e-pager .e-numericitem,
html[data-site-style="midnight"] .e-pager .e-firstpage,
html[data-site-style="midnight"] .e-pager .e-lastpage,
html[data-site-style="midnight"] .e-pager .e-nextpage,
html[data-site-style="midnight"] .e-pager .e-prevpage,
html[data-site-style="midnight"] .e-pager .e-drpdwn,
html[data-site-style="midnight"] .e-pager .e-drpdwn li,
html[data-site-style="midnight"] .e-pager div.e-drpdwndiv {
    background: rgba(16, 28, 47, 0.96) !important;
    color: var(--site-link-hover) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style="midnight"] .e-pager .e-link,
html[data-site-style="midnight"] .e-pager .e-default,
html[data-site-style="midnight"] .e-pager .e-spacing,
html[data-site-style="midnight"] .e-pager .e-spacing.e-NP,
html[data-site-style="midnight"] .e-pager .e-icon,
html[data-site-style="midnight"] .e-pager .e-numericitem {
    color: var(--site-link-hover) !important;
}

html[data-site-style="midnight"] .e-pager .e-currentitem,
html[data-site-style="midnight"] .e-pager .e-currentitem.e-hover {
    background: linear-gradient(135deg, rgba(78, 164, 255, 0.34), rgba(39, 74, 132, 0.95)) !important;
    color: #ffffff !important;
    border-color: rgba(121, 180, 242, 0.4) !important;
}

html[data-site-style="midnight"] .e-pager .e-numericitem.e-hover,
html[data-site-style="midnight"] .e-pager .e-firstpage.e-hover,
html[data-site-style="midnight"] .e-pager .e-lastpage.e-hover,
html[data-site-style="midnight"] .e-pager .e-nextpage.e-hover,
html[data-site-style="midnight"] .e-pager .e-prevpage.e-hover {
    background: rgba(58, 160, 255, 0.14) !important;
    color: #ffffff !important;
}

html[data-site-style="midnight"] .e-gridtoolbar,
html[data-site-style="midnight"] .e-treegridtoolbar,
html[data-site-style="midnight"] .e-toolbar {
    background: rgba(13, 24, 41, 0.94) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style="midnight"] .e-gridtoolbar [data-content="Excel Export"],
html[data-site-style="midnight"] .e-gridtoolbar [data-content="Word Export"],
html[data-site-style="midnight"] .e-gridtoolbar [data-content="PDF Export"],
html[data-site-style="midnight"] .e-toolbar [data-content="Excel Export"],
html[data-site-style="midnight"] .e-toolbar [data-content="Word Export"],
html[data-site-style="midnight"] .e-toolbar [data-content="PDF Export"] {
    background: transparent !important;
    border-color: var(--site-border) !important;
    box-shadow: none !important;
}

html[data-site-style="midnight"] .e-gridtoolbar [data-content="Excel Export"] a,
html[data-site-style="midnight"] .e-toolbar [data-content="Excel Export"] a,
html[data-site-style="midnight"] .e-gridtoolbar [data-content="Word Export"] a,
html[data-site-style="midnight"] .e-toolbar [data-content="Word Export"] a,
html[data-site-style="midnight"] .e-gridtoolbar [data-content="PDF Export"] a,
html[data-site-style="midnight"] .e-toolbar [data-content="PDF Export"] a {
    background: transparent !important;
    color: var(--site-text) !important;
}

html[data-site-style="midnight"] .e-gridtoolbar .e-excelIcon,
html[data-site-style="midnight"] .e-gridtoolbar .e-excelIcon:before,
html[data-site-style="midnight"] .e-toolbar .e-excelIcon,
html[data-site-style="midnight"] .e-toolbar .e-excelIcon:before {
    color: #67d48f !important;
}

html[data-site-style="midnight"] .e-gridtoolbar .e-wordIcon,
html[data-site-style="midnight"] .e-gridtoolbar .e-wordIcon:before,
html[data-site-style="midnight"] .e-toolbar .e-wordIcon,
html[data-site-style="midnight"] .e-toolbar .e-wordIcon:before {
    color: #8bc7ff !important;
}

html[data-site-style="midnight"] .e-gridtoolbar .e-pdfIcon,
html[data-site-style="midnight"] .e-gridtoolbar .e-pdfIcon:before,
html[data-site-style="midnight"] .e-toolbar .e-pdfIcon,
html[data-site-style="midnight"] .e-toolbar .e-pdfIcon:before {
    color: #ff8a93 !important;
}

html[data-site-style="midnight"] .e-grid .fa.fa-trash,
html[data-site-style="midnight"] .e-grid .faru.fa-trash,
html[data-site-style="midnight"] .ui-iggrid .fa.fa-trash,
html[data-site-style="midnight"] .ui-iggrid .faru.fa-trash {
    color: #ff6b77 !important;
}

html[data-site-style="midnight"] .addRowDataTableAbove,
html[data-site-style="midnight"] .addRowDataTable,
html[data-site-style="midnight"] .addRowDataTable.odd {
    background: rgba(15, 28, 48, 0.96) !important;
    color: var(--site-text) !important;
}

html[data-site-style="midnight"] .addRowDataTableAbove a,
html[data-site-style="midnight"] .addRowDataTableAbove button {
    background: linear-gradient(135deg, rgba(74, 143, 235, 0.22), rgba(33, 61, 108, 0.92)) !important;
    color: var(--site-heading) !important;
    border: 1px solid rgba(104, 154, 229, 0.35) !important;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.2) !important;
}

html[data-site-style="midnight"] .addRowDataTableAbove:hover a,
html[data-site-style="midnight"] .addRowDataTableAbove:hover button,
html[data-site-style="midnight"] .addRowDataTableAbove a:hover,
html[data-site-style="midnight"] .addRowDataTableAbove button:hover {
    background: linear-gradient(135deg, rgba(95, 173, 255, 0.28), rgba(40, 76, 133, 0.96)) !important;
    color: #ffffff !important;
}

html[data-site-style="midnight"] .dt-toolbar-footer,
html[data-site-style="midnight"] .dataTables_wrapper .dt-toolbar-footer {
    background: rgba(12, 23, 40, 0.96) !important;
    color: var(--site-text) !important;
    border-top: 1px solid var(--site-border) !important;
    box-shadow: inset 0 1px 0 rgba(139, 169, 208, 0.08) !important;
}

html[data-site-style="midnight"] .dt-toolbar-footer .pagination > li > a,
html[data-site-style="midnight"] .dt-toolbar-footer .pagination > li > span,
html[data-site-style="midnight"] .dt-toolbar-footer .dataTables_info,
html[data-site-style="midnight"] .dt-toolbar-footer label,
html[data-site-style="midnight"] .dt-toolbar-footer select {
    background: transparent !important;
    color: var(--site-link-hover) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style="midnight"] .ui-iggrid .ui-widget-content,
html[data-site-style="midnight"] .ui-iggrid .ui-widget-content.ui-dialog,
html[data-site-style="midnight"] .ui-iggrid .ui-state-default,
html[data-site-style="midnight"] .ui-iggrid .ui-state-hover,
html[data-site-style="midnight"] .ui-iggrid .ui-widget-header,
html[data-site-style="midnight"] .ui-iggrid .ui-iggrid-footer,
html[data-site-style="midnight"] .ui-iggrid .ui-iggrid-addrow,
html[data-site-style="midnight"] .ui-igcombo-list,
html[data-site-style="midnight"] .ui-igedit-container,
html[data-site-style="midnight"] .ui-igedit-input,
html[data-site-style="midnight"] .ui-iggrid-editingcell {
    background: rgba(14, 25, 42, 0.96) !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style="midnight"] .ui-iggrid-editingcell *,
html[data-site-style="midnight"] .ui-igedit-input,
html[data-site-style="midnight"] .ui-igcombo-list li,
html[data-site-style="midnight"] .ui-iggrid .ui-state-default a {
    color: var(--site-text) !important;
}

html[data-site-style="midnight"] .ui-igcombo-list li,
html[data-site-style="midnight"] .ui-igcombo-list .ui-state-default,
html[data-site-style="midnight"] .ui-igcombo-list .option,
html[data-site-style="midnight"] #AccountingBillOrCredit .selectize-dropdown .option,
html[data-site-style="midnight"] #AccountingBillOrCredit .selectize-dropdown-content .option {
    background: transparent !important;
    border-color: rgba(104, 154, 229, 0.18) !important;
}

html[data-site-style="midnight"] .ui-igcombo-list .parent-account,
html[data-site-style="midnight"] .ui-igcombo-list li .parent-account,
html[data-site-style="midnight"] #AccountingBillOrCredit .selectize-dropdown .optgroup-header,
html[data-site-style="midnight"] #AccountingBillOrCredit .selectize-dropdown-content .optgroup-header {
    background: rgba(18, 34, 58, 0.96) !important;
    color: var(--site-link-hover) !important;
    border-bottom: 1px solid var(--site-border) !important;
    text-shadow: none !important;
}

html[data-site-style="midnight"] .ui-igcombo-list .AccountTypeSpan,
html[data-site-style="midnight"] #AccountingBillOrCredit .selectize-dropdown .optgroup,
html[data-site-style="midnight"] #AccountingBillOrCredit .selectize-dropdown-content .optgroup {
    color: var(--site-muted) !important;
}

html[data-site-style="midnight"] .ui-iggrid .ui-state-hover,
html[data-site-style="midnight"] .ui-igcombo-list .ui-state-hover,
html[data-site-style="midnight"] .ui-iggrid .ui-iggrid-tablebody td.ui-state-hover {
    background: rgba(58, 160, 255, 0.12) !important;
    color: #ffffff !important;
}

html[data-site-style="midnight"] #AccountingJournalEntry .ui-iggrid .ui-iggrid-footer,
html[data-site-style="midnight"] #AccountingJournalEntry .ui-iggrid .ui-iggrid-footer table,
html[data-site-style="midnight"] #AccountingJournalEntry .ui-iggrid .ui-iggrid-footer td,
html[data-site-style="midnight"] #AccountingJournalEntry tr[data-role="summaryrow"] td,
html[data-site-style="midnight"] #AccountingJournalEntry tr[data-role="summaryrow"] td div {
    background: rgba(10, 20, 36, 0.96) !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style="midnight"] #AccountingJournalEntry #DifferenceContainer,
html[data-site-style="midnight"] #AccountingJournalEntry #DifferenceContainer label,
html[data-site-style="midnight"] #AccountingJournalEntry #DifferenceContainer span,
html[data-site-style="midnight"] #AccountingJournalEntry #DifferenceContainer #lblTotalDifference,
html[data-site-style="midnight"] #AccountingJournalEntry #lblDebitAmount,
html[data-site-style="midnight"] #AccountingJournalEntry #lblCreditAmount {
    color: var(--site-heading) !important;
}

html[data-site-style="midnight"] #ReportButtonBar .selectize-control,
html[data-site-style="midnight"] #ReportDivContainer .selectize-control,
html[data-site-style="midnight"] #OtherReportsDiv .selectize-control,
html[data-site-style="midnight"] #reportsSetup .selectize-control,
html[data-site-style="midnight"] #ReportModal .selectize-control {
    opacity: 1 !important;
}

html[data-site-style="midnight"] #ReportButtonBar .selectize-input,
html[data-site-style="midnight"] #ReportDivContainer .selectize-input,
html[data-site-style="midnight"] #OtherReportsDiv .selectize-input,
html[data-site-style="midnight"] #reportsSetup .selectize-input,
html[data-site-style="midnight"] #ReportModal .selectize-input,
html[data-site-style="midnight"] #ReportButtonBar .selectize-control.single .selectize-input,
html[data-site-style="midnight"] #ReportDivContainer .selectize-control.single .selectize-input,
html[data-site-style="midnight"] #OtherReportsDiv .selectize-control.single .selectize-input,
html[data-site-style="midnight"] #reportsSetup .selectize-control.single .selectize-input,
html[data-site-style="midnight"] #ReportModal .selectize-control.single .selectize-input,
html[data-site-style="midnight"] #ReportButtonBar .selectize-control.links .selectize-input,
html[data-site-style="midnight"] #ReportDivContainer .selectize-control.links .selectize-input,
html[data-site-style="midnight"] #OtherReportsDiv .selectize-control.links .selectize-input,
html[data-site-style="midnight"] #reportsSetup .selectize-control.links .selectize-input,
html[data-site-style="midnight"] #ReportModal .selectize-control.links .selectize-input,
html[data-site-style="midnight"] #ReportButtonBar .selectize-dropdown,
html[data-site-style="midnight"] #ReportDivContainer .selectize-dropdown,
html[data-site-style="midnight"] #OtherReportsDiv .selectize-dropdown,
html[data-site-style="midnight"] #reportsSetup .selectize-dropdown,
html[data-site-style="midnight"] #ReportModal .selectize-dropdown,
html[data-site-style="midnight"] #ReportButtonBar .selectize-dropdown.form-control,
html[data-site-style="midnight"] #ReportDivContainer .selectize-dropdown.form-control,
html[data-site-style="midnight"] #OtherReportsDiv .selectize-dropdown.form-control,
html[data-site-style="midnight"] #reportsSetup .selectize-dropdown.form-control,
html[data-site-style="midnight"] #ReportModal .selectize-dropdown.form-control,
html[data-site-style="midnight"] #ReportButtonBar .selectize-dropdown-content,
html[data-site-style="midnight"] #ReportDivContainer .selectize-dropdown-content,
html[data-site-style="midnight"] #OtherReportsDiv .selectize-dropdown-content,
html[data-site-style="midnight"] #reportsSetup .selectize-dropdown-content,
html[data-site-style="midnight"] #ReportModal .selectize-dropdown-content {
    background: rgba(10, 20, 36, 0.96) !important;
    background-color: rgba(10, 20, 36, 0.96) !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
    box-shadow: var(--site-glow) !important;
    opacity: 1 !important;
}

html[data-site-style="midnight"] #ReportButtonBar .selectize-input > input,
html[data-site-style="midnight"] #ReportDivContainer .selectize-input > input,
html[data-site-style="midnight"] #OtherReportsDiv .selectize-input > input,
html[data-site-style="midnight"] #reportsSetup .selectize-input > input,
html[data-site-style="midnight"] #ReportModal .selectize-input > input,
html[data-site-style="midnight"] #ReportButtonBar .selectize-input .item,
html[data-site-style="midnight"] #ReportDivContainer .selectize-input .item,
html[data-site-style="midnight"] #OtherReportsDiv .selectize-input .item,
html[data-site-style="midnight"] #reportsSetup .selectize-input .item,
html[data-site-style="midnight"] #ReportModal .selectize-input .item,
html[data-site-style="midnight"] #ReportButtonBar .selectize-dropdown .option,
html[data-site-style="midnight"] #ReportDivContainer .selectize-dropdown .option,
html[data-site-style="midnight"] #OtherReportsDiv .selectize-dropdown .option,
html[data-site-style="midnight"] #reportsSetup .selectize-dropdown .option,
html[data-site-style="midnight"] #ReportModal .selectize-dropdown .option,
html[data-site-style="midnight"] #ReportButtonBar .selectize-dropdown-content .option,
html[data-site-style="midnight"] #ReportDivContainer .selectize-dropdown-content .option,
html[data-site-style="midnight"] #OtherReportsDiv .selectize-dropdown-content .option,
html[data-site-style="midnight"] #reportsSetup .selectize-dropdown-content .option,
html[data-site-style="midnight"] #ReportModal .selectize-dropdown-content .option,
html[data-site-style="midnight"] #ReportButtonBar .selectize-dropdown [data-selectable],
html[data-site-style="midnight"] #ReportDivContainer .selectize-dropdown [data-selectable],
html[data-site-style="midnight"] #OtherReportsDiv .selectize-dropdown [data-selectable],
html[data-site-style="midnight"] #reportsSetup .selectize-dropdown [data-selectable],
html[data-site-style="midnight"] #ReportModal .selectize-dropdown [data-selectable] {
    color: var(--site-text) !important;
    background: transparent !important;
    opacity: 1 !important;
}

html[data-site-style="midnight"] #ReportButtonBar .selectize-dropdown .optgroup-header,
html[data-site-style="midnight"] #ReportDivContainer .selectize-dropdown .optgroup-header,
html[data-site-style="midnight"] #OtherReportsDiv .selectize-dropdown .optgroup-header,
html[data-site-style="midnight"] #reportsSetup .selectize-dropdown .optgroup-header,
html[data-site-style="midnight"] #ReportModal .selectize-dropdown .optgroup-header,
html[data-site-style="midnight"] #ReportButtonBar .selectize-dropdown-content .optgroup-header,
html[data-site-style="midnight"] #ReportDivContainer .selectize-dropdown-content .optgroup-header,
html[data-site-style="midnight"] #OtherReportsDiv .selectize-dropdown-content .optgroup-header,
html[data-site-style="midnight"] #reportsSetup .selectize-dropdown-content .optgroup-header,
html[data-site-style="midnight"] #ReportModal .selectize-dropdown-content .optgroup-header {
    background: rgba(18, 34, 58, 0.96) !important;
    color: var(--site-link-hover) !important;
    border-bottom: 1px solid var(--site-border) !important;
    text-shadow: none !important;
}

html[data-site-style="midnight"] #ReportButtonBar .selectize-dropdown .active,
html[data-site-style="midnight"] #ReportDivContainer .selectize-dropdown .active,
html[data-site-style="midnight"] #OtherReportsDiv .selectize-dropdown .active,
html[data-site-style="midnight"] #reportsSetup .selectize-dropdown .active,
html[data-site-style="midnight"] #ReportModal .selectize-dropdown .active,
html[data-site-style="midnight"] #ReportButtonBar .selectize-dropdown .selected,
html[data-site-style="midnight"] #ReportDivContainer .selectize-dropdown .selected,
html[data-site-style="midnight"] #OtherReportsDiv .selectize-dropdown .selected,
html[data-site-style="midnight"] #reportsSetup .selectize-dropdown .selected,
html[data-site-style="midnight"] #ReportModal .selectize-dropdown .selected,
html[data-site-style="midnight"] #ReportButtonBar .selectize-dropdown-content .active,
html[data-site-style="midnight"] #ReportDivContainer .selectize-dropdown-content .active,
html[data-site-style="midnight"] #OtherReportsDiv .selectize-dropdown-content .active,
html[data-site-style="midnight"] #reportsSetup .selectize-dropdown-content .active,
html[data-site-style="midnight"] #ReportModal .selectize-dropdown-content .active,
html[data-site-style="midnight"] #ReportButtonBar .selectize-dropdown-content .selected,
html[data-site-style="midnight"] #ReportDivContainer .selectize-dropdown-content .selected,
html[data-site-style="midnight"] #OtherReportsDiv .selectize-dropdown-content .selected,
html[data-site-style="midnight"] #reportsSetup .selectize-dropdown-content .selected,
html[data-site-style="midnight"] #ReportModal .selectize-dropdown-content .selected {
    background: rgba(27, 58, 96, 0.98) !important;
    background-color: rgba(27, 58, 96, 0.98) !important;
    color: #ffffff !important;
}

html[data-site-style="midnight"] #ReportDivContainer [class^="ReportTitleDiv-"],
html[data-site-style="midnight"] #ReportDivContainer [class*=" ReportTitleDiv-"] {
    background: rgba(10, 20, 36, 0.96) !important;
    color: var(--site-heading) !important;
    border: 1px solid var(--site-border) !important;
    box-shadow: var(--site-glow) !important;
}

html[data-site-style="midnight"] #LoadingWorkBook {
    background: rgba(10, 20, 36, 0.96) !important;
    color: var(--site-link-hover) !important;
    border-color: rgba(104, 154, 229, 0.28) !important;
}

html[data-site-style="midnight"] #LoadingWorkBook:before {
    background: rgba(2, 6, 13, 0.78) !important;
}

html[data-site-style="midnight"] #LeaseAbstractInfo,
html[data-site-style="midnight"] #LeaseSummaryInfo {
    background: rgba(15, 28, 48, 0.94) !important;
    color: var(--site-text) !important;
    border: 1px solid var(--site-border) !important;
    box-shadow: none !important;
}

html[data-site-style="midnight"] #LeaseAbstractInfo small,
html[data-site-style="midnight"] #LeaseSummaryInfo small {
    color: var(--site-muted) !important;
}

html[data-site-style="midnight"] #spreadsheet,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet {
    background: rgba(9, 18, 32, 0.96) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style="midnight"] #TenantAbstractPage #spreadsheet,
html[data-site-style="midnight"] #TenantAbstractPage #spreadsheet .ui-igspreadsheet,
html[data-site-style="midnight"] #TenantAbstractPage #spreadsheet .ui-widget-content,
html[data-site-style="midnight"] #TenantAbstractPage #spreadsheet .ui-state-default {
    color: #111111 !important;
}

html[data-site-style="midnight"] #TenantAbstractPage #spreadsheet .link-text,
html[data-site-style="midnight"] #TenantAbstractPage #spreadsheet .phone-number,
html[data-site-style="midnight"] #TenantAbstractPage #spreadsheet .help-block,
html[data-site-style="midnight"] #TenantAbstractPage #spreadsheet small,
html[data-site-style="midnight"] #TenantAbstractPage #spreadsheet label,
html[data-site-style="midnight"] #TenantAbstractPage #spreadsheet span,
html[data-site-style="midnight"] #TenantAbstractPage #spreadsheet p,
html[data-site-style="midnight"] #TenantAbstractPage #spreadsheet li,
html[data-site-style="midnight"] #TenantAbstractPage #spreadsheet td,
html[data-site-style="midnight"] #TenantAbstractPage #spreadsheet th {
    color: #111111 !important;
}

html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-tabareabackground,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-formulabar,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-nameboxcontainer,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-formulabartextareacontainer,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-formulabarbuttoncontainer,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-inputmessage,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-tooltip {
    background: rgba(10, 20, 36, 0.96) !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-columnheader,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-rowheader,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-selectall,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-tabitem,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-addnewworksheet,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-activateprevioushiddentab,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-activatenexthiddentab,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-scrollfirsttab,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-scrolllasttab,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-scrollprevioustab,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-scrollnexttab,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-scrollbar-button-left,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-scrollbar-button-right,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-scrollbar-button-up,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-scrollbar-button-down,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-scrollbar-track-left,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-scrollbar-track-right,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-scrollbar-track-up,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-scrollbar-track-down,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-scrollbar-thumb-vertical,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-scrollbar-thumb-horizontal {
    background: rgba(15, 28, 48, 0.98) !important;
    color: var(--site-link-hover) !important;
    border-color: rgba(104, 154, 229, 0.22) !important;
}

html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-columnheader-selected,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-rowheader-selected,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-columnheader-selectedcells,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-rowheader-selectedcells,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-columnheader-hover,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-rowheader-hover,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-tabitem-active,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-tabitem-active.ui-state-hover {
    background: rgba(58, 160, 255, 0.18) !important;
    color: #ffffff !important;
    border-color: rgba(104, 154, 229, 0.34) !important;
}

html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-tabitem-light > .ui-igspreadsheet-tabitemcontent > span,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-tabitem-dark > .ui-igspreadsheet-tabitemcontent > span,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-tabitem-selected.ui-igspreadsheet-tabitem-dark > .ui-igspreadsheet-tabitemcontent > span,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-tabitem-selected.ui-igspreadsheet-tabitem-light > .ui-igspreadsheet-tabitemcontent > span,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-tabitem-active.ui-igspreadsheet-tabitem-dark > .ui-igspreadsheet-tabitemcontent > span,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-tabitem-active.ui-igspreadsheet-tabitem-light > .ui-igspreadsheet-tabitemcontent > span,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-formulabarenterbutton,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-formulabarcancelbutton {
    color: inherit !important;
}

html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-cellselection {
    background-color: rgba(58, 160, 255, 0.16) !important;
    border-color: rgba(139, 199, 255, 0.9) !important;
    outline-color: rgba(58, 160, 255, 0.4) !important;
}

html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-cellselectionhandle,
html[data-site-style="midnight"] #spreadsheet .ui-igspreadsheet-header-resizeline {
    background-color: #69e2ff !important;
    border-color: rgba(104, 154, 229, 0.32) !important;
}

html[data-site-style="midnight"] .folder-navigation-button-bar,
html[data-site-style="midnight"] .file-extra-data-pane,
html[data-site-style="midnight"] .no-action-panel {
    background: rgba(12, 22, 39, 0.94) !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style="midnight"] .folder-navigation-button-bar .input-group-addon,
html[data-site-style="midnight"] .folder-navigation-button-bar a,
html[data-site-style="midnight"] .folder-navigation-button-bar button,
html[data-site-style="midnight"] .folder-navigation-ul li,
html[data-site-style="midnight"] .folder-navigation-ul li a {
    background: transparent !important;
    color: var(--site-link-hover) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style="midnight"] #filesPreviews,
html[data-site-style="midnight"] #filesPreviewTitle,
html[data-site-style="midnight"] #filesPreviewProgress,
html[data-site-style="midnight"] #filesPreviewMessage,
html[data-site-style="midnight"] #filesPreviewList,
html[data-site-style="midnight"] #fileExtraDataPane,
html[data-site-style="midnight"] #fileExtraDataPane > div,
html[data-site-style="midnight"] .file-extra-data-pane > div {
    background: rgba(10, 20, 36, 0.94) !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
    box-shadow: var(--site-glow) !important;
}

html[data-site-style="midnight"] #filesPreviewTitle,
html[data-site-style="midnight"] #filesPreviewProgress,
html[data-site-style="midnight"] #filesPreviewMessage {
    border-bottom: 1px solid rgba(104, 154, 229, 0.2) !important;
}

html[data-site-style="midnight"] #FileUploadInfoContainer,
html[data-site-style="midnight"] #FileProgressUploadingProgress,
html[data-site-style="midnight"] #FileProgressUploadingProgressInner {
    background: rgba(10, 20, 36, 0.94) !important;
    color: var(--site-text) !important;
    border-color: rgba(104, 154, 229, 0.24) !important;
}

html[data-site-style="midnight"] #FileProgressUploadingProgressBar {
    background: rgba(24, 40, 66, 0.96) !important;
}

html[data-site-style="midnight"] #FileProgressUploadingProgressBarSlider,
html[data-site-style="midnight"] #FileProgressUploadingProgressInner .totalProgressBar,
html[data-site-style="midnight"] #FileProgressUploadingProgressInner .dz-upload-raamp,
html[data-site-style="midnight"] #FileProgressUploadingProgressInner .dz-upload-raamp-backer {
    background: linear-gradient(90deg, #50a8ff, #76d3ff) !important;
}

html[data-site-style="midnight"] #FileProgressUploadingProgressInner #TotalUploadStatusTitle,
html[data-site-style="midnight"] #FileProgressUploadingProgressInner #CompletedTime,
html[data-site-style="midnight"] #FileProgressUploadingProgressInner #RemainingTime,
html[data-site-style="midnight"] #FileProgressUploadingProgressInner #TimeRemaining,
html[data-site-style="midnight"] #FileProgressUploadingProgressInner #TransferPerSecond {
    color: var(--site-text) !important;
}

html[data-site-style="midnight"] .dropzone,
html[data-site-style="midnight"] .dropzone-previews,
html[data-site-style="midnight"] .dropzone .dz-message {
    background: rgba(10, 20, 36, 0.92) !important;
    color: var(--site-text) !important;
    border-color: rgba(104, 154, 229, 0.22) !important;
}

html[data-site-style="midnight"] .dropzone .dz-preview,
html[data-site-style="midnight"] .dropzone-previews .dz-preview {
    background: rgba(15, 28, 48, 0.94) !important;
    color: var(--site-text) !important;
    border-color: rgba(104, 154, 229, 0.28) !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.26) !important;
}

html[data-site-style="midnight"] .dropzone .dz-preview .dz-details,
html[data-site-style="midnight"] .dropzone-previews .dz-preview .dz-details,
html[data-site-style="midnight"] .dropzone .dz-preview .dz-error-message,
html[data-site-style="midnight"] .dropzone-previews .dz-preview .dz-error-message {
    background: rgba(10, 20, 36, 0.96) !important;
    color: var(--site-text) !important;
}

html[data-site-style="midnight"] .dropzone .dz-preview .dz-details .dz-filename,
html[data-site-style="midnight"] .dropzone .dz-preview .dz-details .dz-size,
html[data-site-style="midnight"] .dropzone-previews .dz-preview .dz-details .dz-filename,
html[data-site-style="midnight"] .dropzone-previews .dz-preview .dz-details .dz-size {
    color: var(--site-text) !important;
}

html[data-site-style="midnight"] .dropzone .dz-preview .dz-progress,
html[data-site-style="midnight"] .dropzone-previews .dz-preview .dz-progress {
    background: rgba(26, 41, 67, 0.95) !important;
}

html[data-site-style="midnight"] .dropzone a.dz-remove,
html[data-site-style="midnight"] .dropzone-previews a.dz-remove {
    background: linear-gradient(135deg, rgba(58, 160, 255, 0.18), rgba(20, 37, 63, 0.92)) !important;
    border-color: rgba(104, 154, 229, 0.32) !important;
    color: var(--site-heading) !important;
}

html[data-site-style="midnight"] #fileExtraDataPane iframe,
html[data-site-style="midnight"] #fileExtraDataPane embed,
html[data-site-style="midnight"] #fileExtraDataPane object,
html[data-site-style="midnight"] #fileExtraDataPane img,
html[data-site-style="midnight"] #fileExtraDataPane .well,
html[data-site-style="midnight"] #fileExtraDataPane .panel,
html[data-site-style="midnight"] #fileExtraDataPane .modal-content {
    background: rgba(12, 22, 39, 0.96) !important;
    color: var(--site-text) !important;
    border-color: rgba(104, 154, 229, 0.24) !important;
    box-shadow: none !important;
}

html[data-site-style="midnight"] .detailsPane > td,
html[data-site-style="midnight"] table > tbody > tr.detailsPane > td,
html[data-site-style="midnight"] table.has-columns-hidden > tbody > tr.row-detail > td {
    background: rgba(10, 20, 36, 0.98) !important;
    color: var(--site-text) !important;
    border-top: 1px solid var(--site-border) !important;
}

html[data-site-style="midnight"] tr.detailsPane table tr:nth-child(odd) td,
html[data-site-style="midnight"] tr.detailsPane table tr:nth-child(even) td,
html[data-site-style="midnight"] .detailsPane .table-bordered td,
html[data-site-style="midnight"] .detailsPane .table-bordered th {
    background: transparent !important;
    color: var(--site-text) !important;
    border-color: rgba(104, 154, 229, 0.22) !important;
}

html[data-site-style="midnight"] .detailsPane a,
html[data-site-style="midnight"] .file-extra-data-pane a {
    color: var(--site-link-hover) !important;
}

html[data-site-style="midnight"] body.minified nav.mainNav > ul > li > ul,
html[data-site-style="midnight"] body.minified nav.mainNav > ul > li > ul > li,
html[data-site-style="midnight"] body.minified nav.mainNav > ul > li > ul > li > ul,
html[data-site-style="midnight"] body.minified nav.mainNav > ul > li > ul > li > ul > li,
html[data-site-style="midnight"] body.minified #left-panel .dropdown-menu,
html[data-site-style="midnight"] body.minified #left-panel .dropdown-menu2 {
    background: rgba(9, 18, 32, 0.97) !important;
    color: var(--site-text) !important;
    border-color: var(--site-border) !important;
    box-shadow: 0 18px 32px rgba(0, 0, 0, 0.28) !important;
}

html[data-site-style="midnight"] body.minified nav.mainNav > ul > li > ul li > a,
html[data-site-style="midnight"] body.minified nav.mainNav > ul > li > ul li > a b,
html[data-site-style="midnight"] body.minified #left-panel .dropdown-menu > li > a,
html[data-site-style="midnight"] body.minified #left-panel .dropdown-menu2 > li > a {
    background: transparent !important;
    color: var(--site-text) !important;
    text-shadow: none !important;
}

html[data-site-style="midnight"] body.minified .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) .dropdown-menu2,
html[data-site-style="midnight"] body.minified .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) .dropdown-menu2 > li {
    background: rgba(9, 18, 32, 0.97) !important;
    border-color: var(--site-border) !important;
}

html[data-site-style="midnight"] body.minified .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) .dropdown-menu2 > li > a,
html[data-site-style="midnight"] body.minified .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) .dropdown-menu2 > li > a .navLink,
html[data-site-style="midnight"] body.minified .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) .dropdown-menu2 > li > .navMenuSpan,
html[data-site-style="midnight"] body.minified .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) .dropdown-menu2 > li > .navMenuSpan .navLink {
    background: transparent !important;
    color: var(--site-text) !important;
    text-shadow: none !important;
}

html[data-site-style="midnight"] body.minified .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) .dropdown-menu2 > li:hover > a,
html[data-site-style="midnight"] body.minified .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) .dropdown-menu2 > li > a:hover,
html[data-site-style="midnight"] body.minified .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) .dropdown-menu2 > li.active > a,
html[data-site-style="midnight"] body.minified .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) .dropdown-menu2 > li:hover > .navMenuSpan,
html[data-site-style="midnight"] body.minified .container-fluid.masterContainer .masterRow .leftMain #asideBorder nav ul li:not(.separator) .dropdown-menu2 > li.active > .navMenuSpan {
    background: rgba(58, 160, 255, 0.16) !important;
    color: var(--site-heading) !important;
}

html[data-site-style="midnight"] body.minified nav.mainNav > ul > li > ul li:hover > a,
html[data-site-style="midnight"] body.minified nav.mainNav > ul > li > ul li > a:hover,
html[data-site-style="midnight"] body.minified nav.mainNav > ul > li > ul li > a:focus,
html[data-site-style="midnight"] body.minified nav.mainNav > ul > li > ul li.active > a,
html[data-site-style="midnight"] body.minified #left-panel .dropdown-menu > li:hover > a,
html[data-site-style="midnight"] body.minified #left-panel .dropdown-menu > li > a:hover,
html[data-site-style="midnight"] body.minified #left-panel .dropdown-menu > li > a:focus,
html[data-site-style="midnight"] body.minified #left-panel .dropdown-menu > .active > a,
html[data-site-style="midnight"] body.minified #left-panel .dropdown-menu > .active > a:hover,
html[data-site-style="midnight"] body.minified #left-panel .dropdown-menu2 > li:hover > a,
html[data-site-style="midnight"] body.minified #left-panel .dropdown-menu2 > li > a:hover,
html[data-site-style="midnight"] body.minified #left-panel .dropdown-menu2 > li > a:focus,
html[data-site-style="midnight"] body.minified #left-panel .dropdown-menu2 > .active > a,
html[data-site-style="midnight"] body.minified #left-panel .dropdown-menu2 > .active > a:hover {
    background: rgba(58, 160, 255, 0.16) !important;
    color: var(--site-heading) !important;
    text-shadow: none !important;
}

html[data-site-style="midnight"] #AccountingCheck {
    background-image: linear-gradient(rgba(9, 18, 32, 0.72), rgba(9, 18, 32, 0.72)), url(/Content/img/Accounting/CheckBackground.png) !important;
    background-color: rgba(9, 18, 32, 0.92) !important;
    background-repeat: repeat !important;
    background-blend-mode: multiply !important;
    border-color: rgba(104, 154, 229, 0.34) !important;
    box-shadow: var(--site-glow) !important;
}

html[data-site-style="midnight"] #AccountingCheck.AccountingCheckCredit {
    background-image: linear-gradient(rgba(14, 16, 30, 0.74), rgba(14, 16, 30, 0.74)), url(/Content/img/Accounting/CreditBackground.png) !important;
    border-color: rgba(182, 102, 210, 0.46) !important;
}

html[data-site-style="midnight"] #CheckForm {
    background: rgba(11, 19, 33, 0.68) !important;
    border-color: rgba(104, 154, 229, 0.34) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.24) !important;
}

@media (max-width: 767px) {
    html[data-site-style="midnight"] body:not(.clean) .masterRow .leftMain #asideBorder,
    html[data-site-style="glass"] body:not(.clean) .masterRow .leftMain #asideBorder {
        background: var(--site-shell) !important;
    }

    html[data-site-style="midnight"] body:not(.clean) .masterRow .leftMain #asideBorder .navbar-default:not(.debug-mode),
    html[data-site-style="glass"] body:not(.clean) .masterRow .leftMain #asideBorder .navbar-default:not(.debug-mode) {
        background: var(--site-shell) !important;
        border-color: var(--site-border) !important;
        box-shadow: none !important;
    }

    html[data-site-style="midnight"] body:not(.clean) .masterRow .leftMain #asideBorder #MainNavBar,
    html[data-site-style="glass"] body:not(.clean) .masterRow .leftMain #asideBorder #MainNavBar {
        background: var(--site-shell) !important;
        background-color: var(--site-surface-strong) !important;
        border-top: 1px solid var(--site-border) !important;
        box-shadow: var(--site-glow) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        z-index: 1040 !important;
    }

    html[data-site-style="midnight"] body:not(.clean) .masterRow .leftMain #asideBorder #MainNavBar > ul > li > a,
    html[data-site-style="glass"] body:not(.clean) .masterRow .leftMain #asideBorder #MainNavBar > ul > li > a,
    html[data-site-style="midnight"] body:not(.clean) .masterRow .leftMain #asideBorder #MainNavBar > ul > li > a .link-text,
    html[data-site-style="glass"] body:not(.clean) .masterRow .leftMain #asideBorder #MainNavBar > ul > li > a .link-text {
        background: transparent !important;
        color: var(--site-text) !important;
    }

    html[data-site-style="midnight"] body:not(.clean) .masterRow .leftMain #asideBorder #MainNavBar .dropdown-menu2,
    html[data-site-style="glass"] body:not(.clean) .masterRow .leftMain #asideBorder #MainNavBar .dropdown-menu2 {
        background: var(--site-surface) !important;
        border-color: var(--site-border) !important;
        box-shadow: none !important;
    }

    html[data-site-style="glass"] body:not(.clean) .masterRow .leftMain #asideBorder #MainNavBar {
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }

    html[data-site-style="midnight"] body:not(.clean) .masterRow .leftMain #asideBorder #MainNavBar.collapse.in,
    html[data-site-style="midnight"] body:not(.clean) .masterRow .leftMain #asideBorder #MainNavBar.collapsing,
    html[data-site-style="glass"] body:not(.clean) .masterRow .leftMain #asideBorder #MainNavBar.collapse.in,
    html[data-site-style="glass"] body:not(.clean) .masterRow .leftMain #asideBorder #MainNavBar.collapsing {
        display: block !important;
        height: calc(100vh - 120px) !important;
    }

    html[data-site-style="midnight"] body:not(.clean) .masterRow .leftMain #asideBorder #MainNavBar.collapsing,
    html[data-site-style="glass"] body:not(.clean) .masterRow .leftMain #asideBorder #MainNavBar.collapsing {
        transition: none !important;
        overflow: hidden auto !important;
    }
}