html .black-theme {
  font-family: 'Open Sans', sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-weight: 400;
  font-size: 14px;
}
html .black-theme .font-special {
  font-family: 'Oxygen', sans-serif;
}
html .black-theme iron-header-panel {
  height: 100%;
}
html .black-theme iron-header-panel[mode=cover] #mainContainer {
  left: 70px;
}
html .black-theme .iron-header {
  height: 60px;
  font-size: 18px;
/* Brian: removed: padding: 0 10px; */
  transition: height 0.2s;
  background-color: #191919;
  color: #fff;
}
html .black-theme .iron-header a {
  color: #fff;
}
html .black-theme .iron-header paper-item {
  font-size: 18px;
}
html .black-theme .iron-header.tall {
  height: 180px;
}
html .black-theme .iron-header.medium-tall {
  height: 120px;
}
html .black-theme .iron-header iron-menu-button a {
  color: #444;
}
html .black-theme .wrapper {
  text-align: center;
}
html .black-theme section {
  text-align: left;  /* Brian: padding and alignment causes problems for many non-paper components */
  padding: 0px 0px;
}
html .black-theme .ti-banner {
  background-color: black;
}
html .black-theme section[hero] {
  background-color: #f1f1f1;
}
html .black-theme h1,
html .black-theme h2,
html .black-theme h3,
html .black-theme h4,
html .black-theme h5,
html .black-theme h6 {
  font-weight: 400;
  margin: 0px;
  padding: 0px;
}
html .black-theme h1,
html .black-theme h3,
html .black-theme h5 {
  font-family: 'Oxygen', sans-serif;
}
html .black-theme h1 {
  color: #333;
  font-size: 2em;
  margin: 5px 0px;
}
html .black-theme h2 {
  color: #191919;
  font-size: 1.6em;
  margin: 3px 0px;
}
html .black-theme h3 {
  color: #333;
  font-size: 1.4em;
  margin: 2px 0px;
}
html .black-theme h4 {
  color: #333;
  font-size: 1.2em;
}
html .black-theme h5 {
  color: #333;	
}
html .black-theme h6 {
  color: #333;	
}
html .black-theme a {
  color: #191919;
}
html .black-theme [autofocus] {
  color: #191919;
}
html .black-theme ti-tile-title #titleDiv,
html .black-theme ti-tile-title #containerDiv {
  background-color: #191919 !important;
  color: #fff !important;
}
html .black-theme ti-widget-button:not(.idunno),
html .black-theme paper-button {
  margin: 2px;
  color: #191919;
}
html .black-theme ti-widget-button[disabled]:not(#idunno),
html .black-theme paper-button[disabled]:not(#idunno) {
  color: #545660 !important;
  background-color: #afb1b9 !important;
}
html .black-theme ti-widget-button[raised]:not(.idunno),
html .black-theme paper-button[raised] {
  background-color: #1e88e5;
  color: #fff;
}
html .black-theme ti-widget-button[primary],
html .black-theme paper-button[primary] {
  color: #191919 !important;
}
html .black-theme ti-widget-button[primary][raised],
html .black-theme paper-button[primary][raised] {
  background-color: #191919 !important;
  color: #fff !important;
}
html .black-theme ti-widget-button[secondary],
html .black-theme paper-button[secondary] {
  color: #1e88e5 !important;
}
html .black-theme ti-widget-button[secondary][raised],
html .black-theme paper-button[secondary][raised] {
  background-color: #1e88e5 !important;
  color: #fff !important;
}
html .black-theme ti-widget-button[success],
html .black-theme paper-button[success] {
  color: #8bc34a !important;
}
html .black-theme ti-widget-button[success][raised],
html .black-theme paper-button[success][raised] {
  background-color: #8bc34a !important;
  color: #3a5718 !important;
}
html .black-theme ti-widget-button[info],
html .black-theme paper-button[info] {
  color: #fadd60 !important;
}
html .black-theme ti-widget-button[info][raised],
html .black-theme paper-button[info][raised] {
  background-color: #fadd60 !important;
  color: #776413 !important;
}
html .black-theme ti-widget-button[warning],
html .black-theme paper-button[warning] {
  color: #ffb74d !important;
}
html .black-theme ti-widget-button[warning][raised],
html .black-theme paper-button[warning][raised] {
  background-color: #ffb74d !important;
  color: #fff !important;
}
html .black-theme ti-widget-button[error],
html .black-theme paper-button[error] {
  color: #ef5350 !important;
}
html .black-theme ti-widget-button[error][raised],
html .black-theme paper-button[error][raised] {
  background-color: #ef5350 !important;
  color: #fff !important;
}
html .black-theme ti-widget-button[link],
html .black-theme paper-button[link] {
  color: #000 !important;
}
html .black-theme ti-widget-button[link][raised],
html .black-theme paper-button[link][raised] {
  background-color: #fff !important;
  color: #000 !important;
}
html .black-theme design-frame,
html .black-theme ti-widget-checkbox,
html .black-theme paper-checkbox {
  --paper-checkbox-checked-color: #191919;
  --paper-checkbox-checked-ink-color: #191919;
  --paper-checkbox-unchecked-color: #ccc;
  --paper-checkbox-unchecked-ink-color: #ccc;
  --paper-checkbox-label-color: #222;
}
html .black-theme ti-widget-textbox[disabled],
html .black-theme ti-widget-checkbox[disabled],
html .black-theme paper-checkbox[disabled] {
  color: #aaa !important;
}
html .black-theme design-frame,
html .black-theme paper-menu,
html .black-theme paper-fab {
  --iron-icon-fill-color: currentColor;	
  --paper-fab-background: #191919;
  --paper-fab-iron-icon: {
    fill: #fff;
  }
}
html .black-theme design-frame,
html .black-theme ti-widget-floating-action-button {
  --ti-widget-floating-action-button-background: #191919;
  --ti-widget-floating-action-button-color: #fff;
}
html .black-theme design-frame,
html .black-theme ti-widget-icon-button {
  --ti-widget-icon-button-color: #191919;

}
html .black-theme iron-toolbar paper-tabs-vertical,
html .black-theme iron-toolbar paper-tabs {
  -webkit-box-shadow: none;
  box-shadow: none;
}
html .black-theme design-frame,
html .black-theme ti-widget-tabcontainer,
html .black-theme ti-widget-vtabcontainer,
html .black-theme paper-tabs-vertical,
html .black-theme paper-tabs {
  --paper-tabs-selection-bar-color: #80cbc4;
}
html .black-theme design-frame,
html .black-theme ti-widget-tabcontainer,
html .black-theme ti-widget-vtabcontainer,
html .black-theme paper-tab-vertical,
html .black-theme paper-tab {
  --paper-tab-ink: #80cbc4;
}
html .black-theme paper-tabs-vertical,
html .black-theme paper-tabs,
html .black-theme iron-toolbar {
  background-color: #191919; /* this controls the background color of the unselected tabs */
  color: #fff;
  -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}
html .black-theme paper-tabs-vertical.transparent-teal.
html .black-theme paper-tabs.transparent-teal {
  background-color: transparent;
  color: #191919;
  -webkit-box-shadow: none;
  box-shadow: none;
}
html .black-theme paper-tabs-vertical.transparent-teal,
html .black-theme paper-tabs.transparent-teal {
  --paper-tabs-selection-bar-color: #191919; 
}
html .black-theme paper-tabs-vertical[no-bar] paper-tab-vertical.iron-selected,
html .black-theme paper-tabs[no-bar] paper-tab.iron-selected {
  color: #80cbc4;
  background-color: #191919;  /* this controls the background color of the selected tab */
  border-bottom: 1px solid #191919;
}
html .black-theme paper-toast *,
html .black-theme paper-tabs-vertical *,
html .black-theme paper-tabs * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
}
html .black-theme design-frame,
html .black-theme paper-toast {
  --paper-toast-background-color: #323232;
  --paper-toast-color: #f1f1f1;
}
html .black-theme paper-toast {
  text-align: left;
}
html .black-theme design-frame,
html .black-theme ti-widget-toast {
  --ti-widget-toast-background-color: #323232;
  --ti-widget-toast-color: #f1f1f1;
} 
html .black-theme design-frame,
html .black-theme paper-dropdown-menu,
html .black-theme ti-widget-input,
html .black-theme paper-input {
  --paper-input-container-color: #757575;
  --paper-input-container-focus-color: #191919;
  --paper-input-container-invalid-color: #ef5350;
  --paper-input-container-input-color: #191919;
}
html .black-theme .toolbar {
  color: #fff;
  background-color: #191919;
}
html .black-theme .card {
  background-color: #fff;
}
html .black-theme paper-item {
  background-color: #3b3b3b;
  color: #fff;
}
html .black-theme paper-item:hover {
  background-color: #191919;
}
html .black-theme paper-item.iron-selected {
  background-color: #626262;
}
html .black-theme .small {
  font-size: 12px;
}
html .black-theme .logo {
  font-size: 21px;
}
html .black-theme .logo a {
  font-weight: 700;
  color: #fff;
}
html .black-theme .inverse {
  background-color: #191919;
  color: #fff;
}
html .black-theme design-frame,
html .black-theme paper-progress {
  --paper-progress-active-color: #1E88E5;
  --paper-progress-secondary-color: #191919;
}
html .black-theme design-frame,
html .black-theme ti-widget-radio-button,
html .black-theme paper-radio-button {
  --paper-radio-button-unchecked-background-color: #fff; 
  --paper-radio-button-checked-color: #191919;
  --paper-radio-button-unchecked-ink-color: #a3a3a3;
  --paper-radio-button-checked-ink-color: #a3a3a3;
}
html .black-theme design-frame,
html .black-theme ti-tile-toggleswitch,
html .black-theme ti-widget-toggle-button,
html .black-theme paper-toggle-button {
  --paper-toggle-button-unchecked-bar-color: #191919;
  --paper-toggle-button-checked-bar-color: #191919;
  --paper-toggle-button-unchecked-button-color: #fff;
  --paper-toggle-button-checked-button-color: #191919;
  --paper-toggle-button-unchecked-ink-color: #a3a3a3;
  --paper-toggle-button-checked-ink-color: #a3a3a3;
}
html .black-theme design-frame,
html .black-theme paper-slider {
  --paper-slider-active-color: #1E88E5;
  --paper-slider-secondary-color: #191919;
  --paper-slider-knob-color: #1E88E5;
  --paper-slider-pin-color: #1E88E5;
}
html .black-theme design-frame,
html .black-theme ti-tile-slider,
html .black-theme ti-tile-verticalslider,
html .black-theme ti-widget-slider {
  --ti-widget-slider-progress-color: #1E88E5;
  --ti-widget-slider-tick-color: #1E88E5;
  --ti-widget-ruler-font-color: #222;
}
html .black-theme paper-icon-button[disabled] iron-icon {
  color: #afb1b9 !important;
}
html .black-theme design-frame,
html .black-theme paper-spinner:not([default-spinner]) {
  --paper-spinner-layer-1-color: #191919;
  --paper-spinner-layer-2-color: #191919;
  --paper-spinner-layer-3-color: #191919;
  --paper-spinner-layer-4-color: #191919;
}
html .black-theme ti-widget-menuseparator #menuSeparator {
  background-color: #888;
}
html .black-theme ti-widget-menubar {
  background-color: #191919;
  color: #fff;
}
html .black-theme ti-widget-menubar .logoImage {
  background-color: #191919;
  color: #fff;
}
html .black-theme ti-widget-menuitem .navIcon {
  color: #fff;
}
html .black-theme ti-widget-menuitem .hovering .navIcon {
  color: #fff;
}
html .black-theme ti-widget-menuitem .hoverMenu {
  background-color: #3b3b3b;
  color: #fff;
  border-color: #3b3b3b;
}
html .black-theme ti-widget-menuitem .hovering {
  background-color: #3b3b3b;
  color: #fff;
  border-color: #3b3b3b;
}
html .black-theme ti-widget-menuaction li {
  color: #fff;
  background-color: #3b3b3b;
  border-color: #3b3b3b;
}
html .black-theme ti-widget-menuitem.subMenuItem .hovering,
html .black-theme ti-widget-menuaction li:hover {
  background-color: black;
  color: #fff;
}
html .black-theme ti-widget-menuaction .unenabled {
  color: #888;
  background-color: #3b3b3b;
  border-color: #3b3b3b;
}
html .black-theme ti-widget-menuaction .unenabled:hover {
  color: #888;
  background-color: black;
}
html .black-theme design-frame,
html .black-theme ti-widget-statusbar {
  --paper-progress-active-color: #1E88E5;
  --paper-progress-secondary-color: #191919;
}
html .black-theme design-frame,
html .black-theme ti-widget-progressbar {
  --ti-widget-progressbar-color: #1E88E5;
}
html .black-theme ti-widget-statusbar .container {
  background-color: #191919;
  color: #fff;
}
html .black-theme ti-widget-statusbar .icons {
  background-color: #191919;
  color: #fff;
}
html .black-theme ti-widget-statusbar .statusinfo {
  background-color: transparent;
  color: #fff;
  border-style: none;
  border-width: 0;
  border-color: transparent;
}
html .black-theme ti-widget-statusbar .poweredby {
  color: #fff;
}
html .black-theme ti-widget-analoggauge .needle {
  color: #1E88E5;
}
html .black-theme ti-widget-analoggauge .face {
  background-color: #fff;
  color: #000;
}
html .black-theme ti-widget-analoggauge .frame {
  color: #191919;
}
html .black-theme ti-widget-dial .pointer {
  color: #1E88E5;
}
html .black-theme ti-widget-dial .knob {
  background-color: #fff;
}
html .black-theme ti-widget-dial .frame {
  background-color: #191919;
  color: #fff;
}
html .black-theme label,
html .black-theme ti-widget-label,
html .black-theme ti-widget-bitfield-header,
html .black-theme ti-widget-droplist,
html .black-theme ti-widget-numberbox,
html .black-theme ti-widget-spinner, 
html .black-theme ti-widget-textbox {
font-family: 'Open Sans', sans-serif;
background-color: transparent;
color: #222;
}
html .black-theme label[disabled],
html .black-theme ti-widget-label[disabled],
html .black-theme ti-widget-bitfield-header[disabled],
html .black-theme ti-widget-droplist[disabled],
html .black-theme ti-widget-numberbox[disabled],
html .black-theme ti-widget-spinner[disabled], 
html .black-theme ti-widget-textbox[disabled] {
  color: #aaa !important;
}
html .black-theme select {
  border-radius: 0px;
  font-family: 'Open Sans', sans-serif;
  border: 1px solid #ccc;
  font-size: inherit;
}
html .black-theme input {
  font-family: 'Open Sans', sans-serif;
  font-size: inherit;
}