body, html { font-family: Arial, Tahoma, sans-serif !important; font-size: 12px; background: #e6edf6 url("/images/background.png") center / cover fixed !important; color: #b5b5bd; }
body *, input, button, select { font-family: Arial, Tahoma, sans-serif !important; }
a { color: #7fc0d1; }
.nav-bar, .nav-list, .nav-wrap, nav, .navbar, .app-title, .panel-heading { background: #16181f !important; color: #8c8c98 !important; border-color: #343945 !important; }
.nav-bar a, .nav-list a, .nav-list li a, .nav-wrap a, nav a { color: #7fc0d1 !important; }
.nav-list a:hover, .nav-list a.active, .nav-list li.active a { color: #e4e4ea !important; background: #262a34 !important; }
.wrap, .panel, .panel-body, .row, .col-8, .col-4, .col-12, table, thead, tbody, tr, td, th, .container, .page-header, .chart-wrap, .panel-content { background-color: #16181f !important; color: #b5b5bd !important; border-color: #343945 !important; }
.panel-title, h2, h3, h4, .panel h2, .panel-heading h2 { background: #1b1e26 !important; color: #8c8c98 !important; border-left: 3px solid #3f7f8c; padding: 5px 8px; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; }
.panel-desc, .panel-title small, .panel-desc *, small { color: #8c8c98 !important; }
th, thead th { color: #8c8c98 !important; font-weight: normal; }
.bar, .bar-fill, rect, .bars rect { fill: #3f7f8c; background-color: #3f7f8c !important; }
.r-bar, .bars { background: #3f7f8c !important; }
.panel-actions a, .panel-actions i, .icon { color: #8c8c98 !important; }
.btn, button { background: #1b1e26 !important; color: #7fc0d1 !important; border: 1px solid #343945 !important; border-radius: 4px !important; }
.fa, svg text { fill: #b5b5bd; }
.app-loading-status, .loading-container { background: #16181f !important; color: #b5b5bd !important; }
.back-to-status { position: fixed; right: 12px; bottom: 10px; z-index: 999; background: #16181f; padding: 3px 10px; border: 1px solid #343945; }