/* LateNight 2.3 // Classic theme

* containers
  * colors, borders, background tiles
  * layout spacing

* colors & icons
  * font colors
  * button styles
  * button icons

* library
* menu & special widget styles


/**********************************************************************
************** Colors & borders of GUI containers ********************/
#MainMenu,
#MainMenu::item,
#MainMenu QMenu,
#MainMenu QMenu::item,
#MainMenu QMenu QCheckBox,
#ToolBar,
#WaveformsContainer,
#Deck1, #DeckCompact1, #DeckMini1,
#Deck2, #DeckCompact2, #DeckMini2,
#Deck3, #DeckCompact3, #DeckMini3,
#Deck4, #DeckCompact4, #DeckMini4,
#VuMeterDeck1_Compact,
#VuMeterDeck2_Compact,
#VuMeterDeck3_Compact,
#VuMeterDeck4_Compact,
#VuMeterMain_Compact,
#FxUnit1, #FxUnit2, #FxUnit3, #FxUnit4,
#FxUnitControlsExpanded, #FxUnitControlsCollapsed,
#FxSlotsExpanded, #FxSlotsCollapsed,
#MixerContainer,
#MicDuckingContainer, #MicAuxUnit, #MicAuxAddFrame,
#Sampler, #SamplerMini,
WEffectSelector::checked,
WEffectChainPresetSelector,
#fadeModeCombobox::checked,
WLibrary,
#SidebarCoverSplitter,
#SidebarBox,
#PreviewDeck,
#LibExpandBox,
#SearchLineBox,
QAbstractScrollArea::corner,
/* Prevent cut-off or shifted stars on macOS */
WStarRating {
  background-color: #1e1e1e;
}

/* borders of elevated containers */
#WaveformsContainer,
#Deck1, #DeckCompact1, #DeckMini1,
#Deck2, #DeckCompact2, #DeckMini2,
#Deck3, #DeckCompact3, #DeckMini3,
#Deck4, #DeckCompact4, #DeckMini4,
#MixerContainer,
#VuMeterDeck1_Compact,
#VuMeterDeck2_Compact,
#VuMeterDeck3_Compact,
#VuMeterDeck4_Compact,
#VuMeterMain_Compact,
#FxUnit1, #FxUnit2, #FxUnit3, #FxUnit4,
#MicDuckingContainer, #MicAuxUnit, #MicAuxAddFrame,
#Sampler, #SamplerMini,
WLibrary,
#SidebarBox,
#PreviewDeck,
#LibExpandBox,
#LibrarySplitter::handle,
#SearchLineBox {
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-bottom: 1px solid #0a0a0a;
  border-right: 1px solid #0a0a0a;
  border-radius: 2px;
  }
  #WaveformsContainer {
    border-width: 1px 0px;
    border-radius: 0px;
  }


#BpmTapContainer:hover {
  background-color: #151517;
  border-radius: 1px;
  }
  #BpmTap[pressed="true"] {
   border: 1px solid #7d350d;
  }

/* borders of embedded regions like deck buttons & Main mixer */
#WaveformBox1,
#WaveformBox2,
#WaveformBox3,
#WaveformBox4,
#DeckRow_5_LoopCuesTransport,
#DeckRow_5_LoopCuesTransportCompact,
#MainControls, #HeadphoneControls,
#FxParametersBg,
#SamplerHotcues,
WSearchLineEdit,
#OverviewBox, #OverviewBoxMini {
  border-top: 1px solid #0a0a0a;
  border-left: 1px solid #0a0a0a;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  border-bottom-left-radius: 1px;
  border-top-right-radius: 1px;
  background-color: #151515;
  }
  #KeyText {
    border-top: 1px solid #0c0c0c;
    border-bottom: 1px solid #0c0c0c;
  }
  #WaveformBox1,
  #WaveformBox2,
  #WaveformBox3,
  #WaveformBox4 {
    border-radius: 0px;
  }
  /* some get a background image */
  #DeckRow_5_LoopCuesTransport,
  #DeckRow_5_LoopCuesTransportCompact,
  #MainControls, #HeadphoneControls,
  #FxParametersBg,
  #SamplerHotcues {
    background-image: url(skins:LateNight/classic/style/background_tile.png);
  }

#FxParametersFocusBg {
  border: 1px solid #d08e00;
  background-color: rgba(0,0,0,50);
}

#OverviewBox[highlight="1"],
#OverviewBoxMini[highlight="1"] {
  background-color: #080808;
}

/* Some tweaks to create a frameless library table */
#LibrarySplitter {
  border-width: 0px;
  }
  #LibrarySplitter::handle {
    border-width: 1px 0px 0px 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  #PreviewDeckRightSpacer,
  #SearchTreeSpacer {
    border-right: 1px solid #333;
    background-color: transparent;
    }
    #PreviewDeckRightSpacer {
      min-width: 4px;
      max-width: 4px;
    }
    #SearchTreeSpacer {
      min-height: 3px;
      max-height: 3px;
    }

/* background of fillers */
#FxRackFillerL,
#FxRackFillerR,
#SamplerExpandBox,
#MicAuxRackFiller {
  border-top: 1px solid #222;
  border-left: 1px solid #222;
  border-bottom: 1px solid #111;
  border-right: 1px solid #111;
  border-radius: 2px;
  background-color: #171717;
  }

#VuMeterBox,
#VuMeterBoxMain,
#VuMeterBoxMainSingle,
#LatencyMeterBox {
  background-color: #040404;
  }
  #LatencyMeterBox[highlight="0"] {
    border: 1px solid #040404;
  }
  #LatencyMeterBox[highlight="1"] {
    border: 1px solid red;
  }

#VuMainCover {
  background-color: rgba(21, 21, 21, 150);
}

#SkinSettings {
  padding: 3px;
  border-top: 1px solid #585858;
  border-bottom: 1px solid #585858;
  border-left: 1px solid #585858;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

#SubmenuCover {
  background-color: rgba(15, 15, 15, 180);
}
#SkinSettingsMixerToggle {
  background-color: rgba(15, 15, 15, 255);
}

/**** ToolBar *******************************/
#ToolBar, #ToolBarSection {
  qproperty-layoutSpacing: 2;
}
#ToolBar {
  padding: 0px 2px 0px 2px;
  }
  #ToolBarSeparator {}
  #BatteryBox {
    margin-bottom: 1px;
  }
  #ClockWidget {
    margin-bottom: 2px;
  }
  #LatencyLabel {
    margin-top: 1px;
  }

#DeckRateSeparator,
#DeckRateSeparatorCompact,
#MainMixerSeparator,
#SkinSettingsSeparator {
  /* needs a background color to paint the borders */
  background-color: transparent;
  }
  #DeckRateSeparator,
  #DeckRateSeparatorCompact,
  #MainMixerSeparator {
    min-width: 0px;
    max-width: 0px;
  }
  #SkinSettingsSeparator {
    min-height: 0px;
    max-height: 0px;
  }

  #FxFlowIndicatorCollapsed,
  #FxMixerSeparatorCollapsed {
    min-width: 1px;
    max-width: 1px;
    margin: 2px 1px;
    image: url(skins:LateNight/classic/style/fx_separator.svg) no-repeat center center;
  }
  #FxSlotSeparatorH {
    min-height: 2px;
    max-height: 2px;
  }
  #SkinSettingsSeparator {
    margin: 1px 4px 3px 4px;
  }

WBeatSpinBox,
#spinBoxTransition  {
  selection-color: #000;
  selection-background-color: #d2d2d2;
  }
  WBeatSpinBox:focus  {
    selection-color: #000;
    selection-background-color: #d2d2d2;
  }
  WBeatSpinBox:focus,
  #spinBoxTransition:focus {
    background-color: #000;
  }


WLibrary {
  border-top-left-radius: 0px;
  }
  #SearchLineBox {
  padding-right: 2px;
  }

#LibExpandBox {
  border-width: 1px 0px 1px 1px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 0px 0px 2px 0px;
  margin-left: 4px;
}

#SidebarBox {
  border-right: 0px;
  border-top-right-radius: 0px;
}


/************ separator lines & borders within containers ***********/
#DeckRows2345,
#DeckRows234, #TitleRow,
#DeckRow_2_3_ArtistTitleTime,
#DeckRow_5_Compact,
#DeckSettingsContainer, #DeckSettingsContainerCompact,
#DeckRateSeparator,
#DeckRateSeparatorCompact,
#ExpandingBottomBorder,
#PreviewPlayBox,
#SamplerTitle, #SamplerPlay, #SamplerSettings,
#SamplerGain, #SamplerVU, #SamplerPfl {
  border-style: solid;
  border-color: #0c0c0c;
}

/**********************************************************************
************** Colors & borders of GUI containers ********************/




/******************* Container layouts, margins etc. ******************
**********************************************************************/

#ToolbarDeckSpacer {
  min-height: 4px;
  max-height: 4px;
}

#MiniDecksTopSpacer {
  min-height: 4px;
  max-height: 4px;
}

#CompactDecksCenterSpacer {
  min-width: 4px;
  max-width: 4px;
}

#DeckRateSpacer {
  min-width: 2px;
  max-width: 2px;
}

#Deck1, #DeckCompact1, #DeckMini1,
#Deck2, #DeckCompact2, #DeckMini2,
#Deck3, #DeckCompact3, #DeckMini3,
#Deck4, #DeckCompact4, #DeckMini4,
#MixerContainer,
#VuMeterDeck1_Compact,
#VuMeterDeck2_Compact,
#VuMeterDeck3_Compact,
#VuMeterDeck4_Compact,
#VuMeterMain_Compact,
#FxUnit1, #FxUnit3,
#FxUnit2, #FxUnit4,
#FxRackFillerR,
#FxRackFillerL,
#MicAuxRack,
#SamplerRow,
#PreviewDeck {
  margin-bottom: 4px;
}

#Deck1, #DeckMini1,
#Deck3, #DeckMini3,
#MixerContainer,
#FxUnit1,
#FxUnit3,
#FxRackFillerL,
#FxRackFillerR,
#MicRack, #AuxRack {
  margin-right: 2px;
}

#Deck2, #DeckMini2,
#Deck4, #DeckMini4,
#MixerContainer,
#FxUnit2,
#FxUnit4,
#FxRackFillerL,
#FxRackFillerR,
#MicRack, #AuxRack {
  margin-left: 2px;
}
/* gap in between compact decks is managed
  by #CompactDecksCenterSpacer in order to have VU meters
  directly attached to each deck.
  A highlight connection to [LateNight],show_vumeters_compact
  can be used for the borders but screws up the margin: contents
  are rendered beyond the parent border */

#SamplerRow {
  qproperty-layoutSpacing: 4;
}

#MicRack, #AuxRack {
  qproperty-layoutSpacing: 3;
}

#SkinSettingsContainer {
  margin-left: 3px;
}


/************** Waveforms *****************************************************/

#WaveformsContainer {
  padding-bottom: 1px;
}

#WaveformBox1,
#WaveformBox2,
#WaveformBox3,
#WaveformBox4 {
  border-left: 0px;
  }
  #WaveformBox1,
  #WaveformBox3 {
    border-bottom: 0px;
  }
  #WaveformBox2,
  #WaveformBox4 {
    border-top: 0px;
  }
  /* Hide some borders when 4 decks are visible */
  #WaveformBox1[highlight="1"] {
    border-top: 0px;
  }
  #WaveformBox2[highlight="1"] {
    border-bottom: 0px;
  }


/************** Decks *********************************************************/

#DeckMini1,
#DeckMini2,
#DeckMini3,
#DeckMini4 {
  padding: 0px 4px 0px 1px;
}

/* All rows in FULL deck */
#DeckRows12345,
#DeckRows2345 {
  margin: 2px 0px 2px 2px;
  background-color: transparent;
}
  /* All rows in compact deck */
#DeckRows2345 {
}
#DeckRows234 {
}

#DeckRow_1_KeyVinylFx {
  margin-bottom: 1px;
  }
  #ExpandingBottomBorder {
    border-width: 0px 0px 1px 0px;
  }
  #KeyTextSmall {
    padding: 0px 1px 0px 0px;
  }


#SpinnyCoverContainer_Small {
  min-width: 63px;
  max-width: 63px;
  min-height: 63px;
  max-height: 63px;
  margin: 0px 2px 1px 0px;
  }
  #SpinnyCoverContainer_SmallCompact {
    min-width: 63px;
    max-width: 63px;
    min-height: 63px;
    max-height: 63px;
    margin: 0px 2px 1px 0px;
  }
#SpinnyCoverContainer_Big {
  min-width: 114px;
  max-width: 114px;
  min-height: 114px;
  max-height: 114px;
  margin: 1px 2px 1px 0px;
  }
  #SpinnyCoverContainer_BigCompact {
    min-width: 109px;
    max-width: 109px;
    min-height: 109px;
    max-height: 109px;
    margin: 0px 2px 1px 0px;
  }
#SpinnyCoverContainer_MiniDeck {
  min-width: 53px;
  max-width: 53px;
  min-height: 53px;
  max-height: 53px;
  /* for some reason margin-right is only halve the value set here... */
  margin: 0px 0px 1px 4px;
}

#DeckRow_2_3_ArtistTitleTime {
  padding-left: 1px;
  margin: 0px;
  }
  #DeckRow_2_3_ArtistTitleTime[highlight="0"] {
    border-width: 0px 0px 0px 0px;
    }
    #DeckRow_2_3_ArtistTitleTime[highlight="1"] {
      border-width: 0px 1px 0px 0px;
    }
  #ArtistRow, #TitleRow {
    padding-right: 2px;
    }
    #ArtistText,
    #TitleText {
      /* for some reason the padding/margin is doubled in the skin... */
      padding: 0px 2px 1px 0px;
    }
    #PlayPositionText,
    #DurationText {
      /* for some reason the padding/margin is doubled in the skin... */
      padding: 0px 1px 1px 1px;
    }

    #TitleTextSmall {
      padding: 1px 3px 1px 1px;
    }
    #ArtistTextSmall {
      margin: 0px 0px 0px 1px;
      padding: 0px 1px 0px 0px;
    }
    #PlayPositionTextSmall {
      padding: 0px 0px 2px 2px;
    }

 #OverviewBoxMini {
    margin: 1px 0px;
  }

#DeckSettingsContainer[highlight="0"] {
  border-width: 1px 0px 0px 0px;
  }
  #DeckSettingsContainer[highlight="1"] {
    border-width: 1px 1px 0px 0px;
  }
#DeckSettingsContainerCompact[highlight="0"] {
  border-width: 1px 0px 1px 0px;
  }
  #DeckSettingsContainerCompact[highlight="1"] {
    border-width: 1px 1px 1px 0px;
  }

#DeckRow_5_Compact {
  padding-top: 2px;
  }
  #DeckRow_5_Compact[highlight="0"] {
    border-width: 0px 0px 0px 0px;
    }
    #DeckRow_5_Compact[highlight="1"] {
      border-width: 0px 1px 0px 0px;
    }

  #DeckRow_5_LoopCuesTransport,
  #DeckRow_5_LoopCuesTransportCompact {
    padding: 1px 1px 2px 1px;
    }
  #DeckRow_5_LoopCuesTransport {
    margin: 2px 0px 0px 0px;
    }
    #PlayCueMini {
      margin: 1px 1px 1px 0px;
    }



/************** RateControls ********************************************/

#RateContainer {
  padding: 4px 0px 0px 0px;
  }

  #RateText {
    padding: 0px;
    margin: 0px;
  }

  #SyncBox {
    margin: 2px 1px 1px 2px;
  }

  #RateControls {
    margin: 0px 2px;
    }
    #RateButtons {
      margin-right: 3px;
    }



/********************** Loop Controls / AutoDJ spinbox ************************/

  WBeatSpinBox {
    border-width: 2px 19px 2px 2px;
    border-image: url(skins:LateNight/classic/buttons/spinbox_elevated_border.svg) 2 19 2 2;
    margin: 1px 0px 0px 1px;
    padding: 0px -17px 2px 1px;
    background-color: #0f0f0f;
    }
    WBeatSpinBox:focus {
      border-image: url(skins:LateNight/classic/buttons/spinbox_elevated_border_focus.svg) 2 19 2 2;
    }

  #spinBoxTransition {
    border-width: 3px 19px 2px 3px;
    border-image: url(skins:LateNight/classic/buttons/spinbox_embedded_border.svg) 3 19 2 3;
    width: 24px;
    height: 19px;
    padding: 0px -15px 0px 0px;
    margin: 0px 2px 3px 5px;
    background-color: #0f0f0f;
    }
    #spinBoxTransition:focus {
      border-image: url(skins:LateNight/classic/buttons/spinbox_embedded_border_focus_orange.svg) 3 19 2 3;
    }

  WBeatSpinBox::up-button,
  WBeatSpinBox::down-button,
  #spinBoxTransition::up-button,
  #spinBoxTransition::down-button {
    subcontrol-origin: content;
    position: relative;
    /* as with spinbox: border is added to size. */
    width: 17px;
    padding: 0px;
    }
    WBeatSpinBox::up-button,
    #spinBoxTransition::up-button {
      height: 11px;
      subcontrol-position: top right;
      image: url(skins:LateNight/classic/buttons/spinbox_up.svg) no-repeat;
      }
      WBeatSpinBox::up-button:pressed,
      #spinBoxTransition::up-button:pressed {
        image: url(skins:LateNight/classic/buttons/spinbox_up_pressed.svg) no-repeat;
      }
      WBeatSpinBox::up-button {
        margin: -1px 0px 0px 0px;
        }
      #spinBoxTransition::up-button {
        margin: -2px -3px 0px 0px;
        }
    WBeatSpinBox::down-button,
    #spinBoxTransition::down-button {
      height: 11px;
      subcontrol-position: bottom right;
      image: url(skins:LateNight/classic/buttons/spinbox_down.svg) no-repeat;
      }
      WBeatSpinBox::down-button:pressed,
      #spinBoxTransition::down-button:pressed {
        image: url(skins:LateNight/classic/buttons/spinbox_down_pressed.svg) no-repeat;
      }
      WBeatSpinBox::down-button {
        margin: 0px 0px -2px 0px;
        }
      #spinBoxTransition::down-button {
        margin: 0px -3px -1px 0px;
        }



/************** Mixer *********************************************************/

#CrossfaderContainer[highlight="1"] {
  border:  1px solid #cf9200;
}

#MixerDecks {
  padding: 2px 6px 2px 6px;
  }
  #MixerChannel_2Decks_Left {
    margin: 0px 2px;
  }
  #MixerChannel_2Decks_Right {
    margin: 0px 2px;
  }
  #VolumeGain2Decks {
    margin: 0px 2px;
  }
  #VuAndSlider_4Decks {
    margin-right: 1px;
  }

  #PflBox_4Decks {
    margin: 3px 0px 0px 20px;
  }

  #CrossfaderSwitch_4Decks {
    margin: 0px 3px 3px 0px;
  }
  #Crossfader {
    padding: 0px 0px 0px 1px;
  }

  #CrossfaderButtonContainer_Deck,
  #CrossfaderButtonContainer_Aux {
    padding: 1px;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom-right-radius: 1px;
    }
  #CrossfaderButtonContainer_Aux {
    margin-left: 4px;
    }
    #CrossfaderButton[value="1"] {
      background-color: #262626;
    }

#MixerMainHeadphone {
  margin: 2px 2px 2px 0px;
  }
  #MainControls {
    padding: 2px;
    margin-bottom: 2px;
  }
  #MainHeadphoneSeparator {
    min-height: 0px;
    max-height: 0px;
    }
    #BoothLabelBox {
      padding: 0px 0px 2px 2px;
    }
  #HeadphoneControls {
    padding: 2px;
  }

/* All VU meter instances */
#VuMeterChannel_2Decks {
  margin: 0px 9px 2px 9px;
}
#VuMeterChannel_4Decks {
  margin: 6px 0px 6px 11px;
}
#VuMeterMain_2Decks {
  margin: 0px 0px 2px 0px;
}
#VuMeterMain_4Decks {
  margin: 5px 0px;
}

#VuMeterMain_Compact {
  margin-right: 4px;
  margin-left: 4px;
  padding: 0px 5px;
}
#VuMeterDeck1_Compact,
#VuMeterDeck3_Compact {
  padding: 0px 4px 0px 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 1px;
}
#VuMeterDeck2_Compact,
#VuMeterDeck4_Compact {
  padding: 0px 5px 0px 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 1px;
}

/************** Fx *********************************************************/

#FxUnitHeaderCollapsed[highlight="0"],
#FxUnitHeaderCollapsed[highlight="1"] {
  border-left: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  }
  #FxUnitHeaderExpanded[highlight="0"],
  #FxUnitHeaderExpanded[highlight="1"] {
    border-bottom-left-radius: 0px;
  }
  #FxUnitHeader {
    padding: 0px 2px 0px 2px;
  }
#FxUnitHeaderCollapsed[highlight="1"],
#FxUnitHeaderExpanded[highlight="1"] {
  border-top: 1px solid #d09300;
  border-right: 1px solid #d09300;
}

#FxUnitControlsExpanded,
#FxUnitControlsCollapsed {
  padding: 0px 0px 0px 3px;
  }
  #FxUnitControlsCollapsed {
    margin: 2px 2px 2px 0px;
  }
  #FxUnitControlsExpanded {
    margin-right: 2px;
  }

WEffectChainPresetButton::menu-indicator {
  image: url(skins:LateNight/classic/buttons/btn__fx_settings.svg) no-repeat center center;
  width: 18px;
  height: 18px;
}

#DryWetKnob,
#SuperKnob {
  margin: 0px 1px;
}

#FxSlotsCollapsed #FxSlotContainer {
  margin: 2px 7px 1px 5px;
}

#FxSlotsExpanded #FxSlotControls {
  margin: 1px 5px 1px 4px;
}

#FxMetaKnob {
  padding: 1px 4px 2px 4px;
}

#FxSlotsExpanded {
  margin: 2px 0px 2px 3px;
}
#FxSlotsCollapsed {
  margin: 2px 0px 2px 0px;
  }
  #FxSlot1,
  #FxSlot2,
  #FxSlot3 {
    padding: 2px 4px 1px 2px;
  }
  #FxSlotsExpanded #FxSlot1,
  #FxSlotsExpanded #FxSlot2,
  #FxSlotsExpanded #FxSlot3 {
    padding-right: 7px;
  }

#FxParametersContainer {
  padding: 2px 1px 1px 1px;
  margin: 2px 1px;
}

#FxFocusButtonBox {
  margin-right: 3px;
}

WPushButton#FxSuperLinkButton,
WPushButton#FxSuperLinkInvertButton {
  border-radius: 3px;
  margin: 1px 1px 0px 0px;
}

WEffectSelector,
#fadeModeCombobox {
  /* The 3D frame on the combo box becomes flat when you give it a border
  border-radius: 3px; */
  }
  WEffectSelector:!editable,
  WEffectSelector:!editable:on {
    /* If you use margin top/bottom 0, the combo box shrinks in width (go figure) and
        names start getting cut off. Adding explicit padding improves this. */
    padding: 0px 0px 2px 5px;
    margin: 0px;
  }
  #fadeModeCombobox:!editable,
  #fadeModeCombobox:!editable:on {
    height: 19px;
    padding: 0px 0px 1px 5px;
    margin: 0px 1px 2px 1px;
  }
  WEffectSelector::down-arrow,
  WEffectChainPresetSelector::down-arrow,
  #fadeModeCombobox::down-arrow,
  /* Arrow size is set in C++ to match the library font size */
  WSearchLineEdit::down-arrow {
    image: url(skins:LateNight/classic/buttons/btn__fx_selector_down.svg);
    width: 16px;
    height: 24px;
    }
    WEffectSelector::down-arrow:hover,
    WEffectChainPresetSelector::down-arrow:hover,
    #fadeModeCombobox::down-arrow:hover,
    WSearchLineEdit::down-arrow:hover {
      image: url(skins:LateNight/classic/buttons/btn__fx_selector_down_pressed.svg);
    }


/************** Sampler ****************************************************/

#SamplerExpandBox {
  padding: 0px 1px 0px 1px;
}

#SamplerMini {
  padding: 1px;
  }
  #SamplerTitleBoxMini {
    padding: 0px 0px 0px 2px;
  }
  #SamplerPlayBoxMini {
    padding: 1px;
  }
  #SamplerBpmMini {
    margin-left: 1px;
  }

#Sampler {
  padding: 1px 0px 2px 2px;
  }
  #SamplerTitleRow {
    margin: 0px 1px 0px 0px;
    }
    #SamplerTitle {
      padding: 1px 3px 1px 0px;
    }
    #SamplerBpm {
      margin-right: 2px;
    }

  #SamplerRows23 {
    }
    #SamplerPlayRow {
    }
    #SamplerPlayBox {
      padding: 0px 2px 1px 0px;
    }
    #SamplerSettings {
      border-width: 1px 1px 0px 0px;
    }

  #SamplerButtons {
    }
    #SamplerHotcues {
      padding: 1px 1px 2px 1px;
    }

  #SamplerGainPflVu_Container {
    }
    #SamplerGainPflVu {
      }
      #SamplerGain {
        padding: 3px 0px 0px 3px;
        border-width: 1px 0px 0px 0px;
      }
      #SamplerPfl {
        padding: 0px 4px 2px 4px;
        border-width: 0px;
      }
      #SamplerVU {
        padding: 2px 3px 0px 3px;
        border-width: 1px 1px 0px 0px;
      }

  #SamplerRateControls {
    padding: 0px 1px 1px 0px;
    }
    #SamplerPitchSlider {
      padding: 0px 0px 1px 0px;
    }


/************** MicAux *****************************************************/

#MicDuckingContainer {
  }
  #MicDuckingModeBox {
    padding: 2px 2px 0px 2px;
  }
  #MicDuckingStrengthBox {
    padding: 2px 0px;
  }

#MicAuxMainControls {
  border-radius: 2px;
  padding: 0px 1px 0px 2px;
  border-bottom-left-radius: 1px;
  border-top-right-radius: 1px;
  }
  #MicAuxLabel {
    padding: 3px 0px 3px 1px;
  }

  #AuxPlayBox,
  #MicTalkBox {
    padding: 0px 0px 2px 1px;
  }

  #MicAuxAddBox {
    margin: 1px 0px 1px 1px;
  }

  #MicAuxVUMeter {
    padding: 2px 1px 3px 0px;
    margin-left: 2px;
  }

#MicAuxSubControls {
  border-width: 0px;
  padding: 0px 3px 3px 3px;
  }
  #MicAuxFxButtons {
    padding: 2px 0px;
  }

#MicAuxAddFrame {
  padding: 2px 4px 4px 4px;
}


/************** PreviewDeck ***************************************************/

#PreviewDeck {
  padding: 2px 1px;
  }

  #PreviewDeckTextBox {
    }
    #PreviewLabel { /* Placeholder when no track is loaded */
      padding-left: 2px;
    }
    #PreviewTitle {
      margin: 0px 2px 0px 0px;
    }
    #PreviewBPM {
      padding-left: 2px;
    }
    #PreviewEjectBox {
      padding-bottom: 2px;
    }

  #PreviewDeck #OverviewBox {
    margin: 1px 2px 0px 2px;
  }



/************** SkinSettings **************************************************/

#DeckSizeSettings {
  margin: 2px 0px 0px 0px;
  }
  #DeckSizeToggleContainer {
    padding: 0px 0px 0px 0px;
    }
    #SkinSettingsNumToggle {
      margin-left: 1px;
    }

#SkinSettingsCategory {
  padding: 2px 5px 7px 3px;
  }
  #SkinSettingsSubMenu {
    padding: 0px 0px 0px 13px;
  }
  #CategoryLabel {
    padding: 3px 0px 2px 0px;
  }
  #SkinSettingsLabelButton {
    padding: 0px 0px 0px 3px;
  }

  #SamplerLoadSaveBox {
    padding-left: 18px;
  }


/******************************************************************************
******************** Container layouts, margins etc. *************************/




/************** font colors ***************************************************
******************************************************************************/
WEffectSelector,
WEffectSelector QAbstractScrollArea,
WEffectChainPresetSelector,
WEffectChainPresetSelector QAbstractScrollArea,
WSearchLineEdit,
WSearchLineEdit QAbstractScrollArea,
#fadeModeCombobox,
#fadeModeCombobox QAbstractScrollArea {
  font-family: "Open Sans";
  font-weight: bold;
}
/* yellow */
#Deck1 WLabel, #DeckCompact1 WLabel, #DeckMini1 WLabel,
  #Deck1 WStarRating, #DeckCompact1 WStarRating,
#Deck2 WLabel, #DeckCompact2 WLabel, #DeckMini2 WLabel,
  #Deck2 WStarRating, #DeckCompact2 WStarRating,
#MicAuxLabel,
#SamplerTitle, #SamplerTitleMini,
#SamplerBpm, #SamplerBpmMini,
#PreviewDeckTextBox, #PreviewTitle, #PreviewBPM,
#CategoryLabel,
#SkinSettingsLabelButton,
#SkinSettingsNumToggleHeader[displayValue="1"],
WSearchLineEdit,
#LibraryBPMSpinBox,
#LibraryBPMButton::item,
WTrackTableView,
WTrackTableView::indicator,
WLibraryTextBrowser,
WLibrarySidebar,
#LibraryFeatureControls QLabel,
#LibraryFeatureControls QRadioButton,
QToolTip,
WLibrarySidebar QMenu,
WTrackTableViewHeader QMenu,
WTrackTableViewHeader QMenu QCheckBox,
WLibraryTextBrowser QMenu,
WTrackMenu,
WTrackMenu QMenu,
WTrackMenu QMenu QCheckBox,
QLineEdit QMenu,
QPlainTextEdit QMenu,
WEffectChainPresetButton QMenu,
WEffectChainPresetButton QMenu QCheckBox,
WCoverArtMenu,
WCueMenuPopup,
WCueMenuPopup QLabel,
#CueLabelEdit,
#LatencyLabel, WTime {
  color: #f0bb2b;
  }
  #SkinSettingsNumToggleHeader[displayValue="0"] {
    color: #b9901f;
  }

/* light blue */
#Deck3 WLabel, #DeckCompact3 WLabel, #DeckMini3 WLabel,
  #Deck3 WStarRating, #DeckCompact3 WStarRating,
#Deck4 WLabel, #DeckCompact4 WLabel, #DeckMini4 WLabel,
  #Deck4 WStarRating, #DeckCompact4 WStarRating,
#AuxSubTitle {
  color: #0bd9d1;
}

/* green for Fx 1/2 */
#FxUnit1 #FxUnitLabel[highlight="1"],
#FxUnit2 #FxUnitLabel[highlight="1"] {
  color: #73b508;
}

/* blue for Fx 3/4 */
#FxUnit3 #FxUnitLabel[highlight="1"],
#FxUnit4 #FxUnitLabel[highlight="1"] {
  color: #0795b5;
  }
  #FxUnitControllerInputIndicator {
    margin: 2px 0px;
  }
  #FxUnit1 #FxUnitControllerInputIndicator[highlight="1"],
  #FxUnit2 #FxUnitControllerInputIndicator[highlight="1"] {
    background-color: #73b508;
    color: #73b508;
  }
  #FxUnit3 #FxUnitControllerInputIndicator[highlight="1"],
  #FxUnit4 #FxUnitControllerInputIndicator[highlight="1"] {
    background-color: #0795b5;
    color: #0795b5;
  }

/* Grey */
#PreviewLabel,
WEffectSelector:!editable,
WEffectSelector:!editable:on,
WEffectSelector QAbstractScrollArea,
WEffectChainPresetSelector,
WEffectChainPresetSelector QAbstractScrollArea,
WSearchLineEdit QAbstractScrollArea,
#fadeModeCombobox:!editable,
#fadeModeCombobox:!editable:on,
#fadeModeCombobox QAbstractScrollArea,
WBeatSpinBox, #spinBoxTransition,
#LibraryFeatureControls QLabel,
#LibraryFeatureControls QRadioButton {
  color: #888;
}

/* Darker grey for knob labels & inactive decks/units */
#KnobLabel,
#FxKnobLabel,
#FxButtonLabel,
#FxUnitLabel[highlight="0"],
#MicAuxLabelUnconfigured,
#LibraryFeatureControls QPushButton:!enabled {
  color: #666;
}

#MainMenu::item,
#MainMenu QMenu::item,
#MainMenu QMenu QCheckBox,
#VinylButton[displayValue="0"],
#VinylModeButton,
#PassthroughButton[displayValue="0"],
#FxAssignButtons WPushButton[displayValue="0"],
#GuiToggleButton[displayValue="0"],
#BroadcastButton[displayValue="0"],
#SkinSettingsToggle[displayValue="0"],
#RecDuration[highlight="0"] {
  color: #d2d2d1;
  }

#VinylButton[displayValue="1"],
#PassthroughButton[displayValue="1"],
#VinylCueButton[displayValue="1"],
#VinylCueButton[displayValue="2"],
#FxAssignButtons WPushButton[displayValue="1"],
#GuiToggleButton[displayValue="1"],
#GuiToggleButton[displayValue="2"],
#BroadcastButton[displayValue="1"],
#BroadcastButton[displayValue="2"],
#BroadcastButton[displayValue="3"],
#BroadcastButton[displayValue="4"],
#RecDuration[highlight="1"],
#RecDuration[highlight="2"],
#SkinSettingsToggle[displayValue="1"],
QPushButton#pushButtonAutoDJ:checked,
QPushButton#pushButtonRepeatPlaylist:checked,
QPushButton#pushButtonAnalyze:checked,
QPushButton#pushButtonRecording:checked {
  color: #000;
}

#LibraryFeatureControls QPushButton:pressed {
  color: #999;
}

#MixerMainHeadphone WLabel,
#FxKnobLabel,
#FxButtonLabel {
  padding: 0px;
  background-color: #151515;
}

  #SkinSettingsButton,
  #SkinSettingsNumToggle,
  #SkinSettingsText {
    color: #d2d2d2;
  }
  #SkinSettingsNumToggle[value="1"] {
    color: #fff;
  }
  #SkinSettingsNumToggle[value="1"],
  #SkinSettingsNumToggleHeader[displayValue="1"] {
    text-decoration: underline;
  }


/* Library controls in AutoDJ etc. */
#LibraryFeatureControls QPushButton {
  color: #bbb;
  }

/*****************************************************************************/
/************** font colors **************************************************/



/************** Button styles *************************************************
*************** Button borders ************************************************/
/* crop shadow on the left border for all buttons in Fx assign and vinyl control grid
  (except leftmost button in each grid > overwritten in the block below) */
#VinylModeButton,
#VinylCueButton[displayValue="0"],
#PassthroughButton[displayValue="0"],
#SyncLeader[value="0"],
#FxAssignButtons WPushButton[displayValue="0"] {
  outline: none;
  border-width: 2px 2px 2px 1px;
  border-image: url(skins:LateNight/classic/buttons/btn_embedded_grid.svg) 2 2 2 1;
  }
  /* Active */
  #VinylCueButton[displayValue="1"],
  #VinylCueButton[displayValue="2"],
  #PassthroughButton[displayValue="1"],
  #SyncLeader[value="1"],
  #SyncLeader[value="2"],
  #FxAssignButtons WPushButton[displayValue="1"] {
    outline: none;
    border-width: 2px 2px 2px 1px;
    border-image: url(skins:LateNight/classic/buttons/btn_embedded_grid_active.svg) 2 2 2 1;
  }
WPushButton#FxAssignButton1[displayValue="0"],
#VinylButton[displayValue="0"],
#KeyMatchReset[displayValue="0"],
#GuiToggleButton[displayValue="0"],
#SyncDeck[displayValue="0"],
#RecFeedback[displayValue="0"],
#BroadcastButton[displayValue="0"],
#SkinSettingsToggle[displayValue="0"],
#LibraryFeatureControls QPushButton,
WEffectSelector:!editable,
#fadeModeCombobox:!editable {
  border-width: 2px;
  border-image: url(skins:LateNight/classic/buttons/btn_embedded_library.svg) 2 2 2 2;
  }
WPushButton#VinylButton[displayValue="1"],
WPushButton#FxAssignButton1[displayValue="1"],
#KeyMatchReset[pressed="true"],
#GuiToggleButton[displayValue="1"],
#SyncDeck[displayValue="1"],
#RecFeedback[displayValue="1"],
#RecFeedback[displayValue="2"],
#BroadcastButton[displayValue="1"],
#BroadcastButton[displayValue="2"],
#BroadcastButton[displayValue="3"],
#BroadcastButton[displayValue="4"],
#SkinSettingsToggle[displayValue="1"],
#LibraryFeatureControls QPushButton:pressed,
QPushButton#pushButtonAutoDJ:checked,
QPushButton#pushButtonRepeatPlaylist:checked,
QPushButton#pushButtonAnalyze:checked,
QPushButton#pushButtonRecording:checked,
WEffectSelector:!editable:on,
#fadeModeCombobox:!editable:on {
  border-width: 2px;
  border-image: url(skins:LateNight/classic/buttons/btn_embedded_library_active.svg) 2 2 2 2;
  }
  #KeyUp {
    border-width: 1px 2px 0px 2px;
    border-image: url(skins:LateNight/classic/buttons/btn_embedded_library.svg) 1 2 12 2;
    }
  #KeyDown {
    border-width: 0px 2px 1px 2px;
    border-image: url(skins:LateNight/classic/buttons/btn_embedded_library.svg) 12 2 1 2;
    }

/* Library controls in AutoDJ etc. */
  #LibraryFeatureControls QPushButton:focus {
    outline: none;
  }

/* Highlight WEffectSelector when effect is active */
WEffectSelector[highlight="1"] {  /*
  background-color: #6AAF04;
  color: #000;
  border-image: url(skins:LateNight/classic/buttons/btn_embedded_effectselector_active.svg) 2 2 2 2;  */
}

#BeatgridControls WPushButton, WPushButton#BeatgridControlsToggle,
#DeckRow_5_LoopCuesTransport WPushButton,
WPushButton#PlayDeck,
WPushButton#PreviewIndicator,
WPushButton#PlayIndicator,
WPushButton#CueDeck,
#PlayCueMini WPushButton,
WPushButton#LoopActivate,
WPushButton#RateControls WPushButton,
WPushButton#SyncSampler,
#MixerContainer WPushButton,
#FxUnitContainer WPushButton,
#Sampler WPushButton,
#SamplerMini WPushButton,
#MicAuxRack WPushButton,
WPushButton#PlayPreview {
  /* Limit background-color area to button area designed in SVG backpath. */
  margin: 1px;
  /* just to be sure the colored background doesn't overlap the rounded SVG border */
  border-radius: 2px;
}

WPushButton#FxExpand,
WPushButton#SamplerExpand,
#FxAssignButtons WPushButton,
#VinylControls WPushButton,
#KeyControls WPushButton,
WPushButton#SyncDeck,
WPushButton#SyncLeader,
#SamplerSettings WPushButton,
#SamplerSettingsMini WPushButton,
WPushButton#CrossfaderButton,
WPushButton#FxExpandOverlay,
WPushButton#LibExpand,
#ToolBar WPushButton {
  margin: 0px;
  border-radius: 0px;
}



/************** button background colors **************************************/

/* top-level buttons in transport, fx, micaux and others */
#BeatgridControls WPushButton[displayValue="0"],
#DeckRow_5_LoopCuesTransport WPushButton[displayValue="0"],
#PlayCueMini WPushButton[displayValue="0"],
WPushButton#CueDeck[displayValue="0"],
WPushButton#PlayIndicator[value="0"],
WPushButton#LoopActivate[displayValue="0"],
#FxAssignButtons WPushButton[displayValue="0"],
#VinylControls WPushButton[displayValue="0"],
#KeyControls WPushButton[displayValue="0"],
WPushButton#VinylModeButton[displayValue="1"],
WPushButton#VinylModeButton[displayValue="2"],
WPushButton#MixModeButton[displayValue="1"],
#RateControls WPushButton[displayValue="0"],
WPushButton#SyncDeck[value="0"],
WPushButton#SyncLeader[value="0"],
#MixerContainer WPushButton[displayValue="0"],
#FxUnitContainer WPushButton[displayValue="0"],
#Sampler WPushButton[displayValue="0"],
#MicAuxRack WPushButton[displayValue="0"],
/* library buttons */
QPushButton#pushButtonAutoDJ:enabled:!checked,
#LibraryFeatureControls QPushButton:enabled,
WPushButton#GuiToggleButton[displayValue="0"],
#RecFeedback[displayValue="0"],
WPushButton#BroadcastButton[displayValue="0"],
WPushButton#SkinSettingsToggle[displayValue="0"] {
  background-color: #262626;
}

/* Orange for 'partially active' status */
#SyncLeader[value="1"] {
  background-color: #db7700;
}

/* Red for 'active' status */
#BeatgridControls WPushButton[value="1"],
#RateControls WPushButton[value="1"],
#SyncDeck[value="1"],
#SyncLeader[value="2"],
#SyncSampler[displayValue="1"],
WPushButton#PlayDeck[displayValue="1"],
WPushButton#PlayDeckMini[displayValue="1"],
WPushButton#PlaySampler[displayValue="1"],
WPushButton#PlayPreview[displayValue="1"],
WPushButton#PlayIndicator[displayValue="1"],
#LibraryPreviewButton:checked,
#CueDeck[displayValue="1"],
WPushButton#Reverse[pressed="true"],
#KeyControls WPushButton[pressed="true"],
#LoopControls WPushButton[value="1"],
#LoopActivate[displayValue="1"],
#BeatjumpControls WPushButton[value="1"],
#EQKillButtonBox WPushButton[displayValue="1"],
#PflButton[value="1"],
#MicTalk[value="1"], #AuxPlay[value="1"],
#MicDucking[value="1"], #MicDucking[value="2"],
#RecFeedback[displayValue="2"],
QPushButton#pushButtonRecording:checked {
  background-color: #db0000;
  }
  /* Red border for Play buttons when previewing from
    Cue or Hotcue */
  WPushButton#PreviewIndicator[value="1"] {
    border: 3px solid #db0000;
    /* work around round borders being painted outside the actual border area */
    border-radius: 0px;
  }

/* Green for Fx buttons: QuickEffect + Fx 1/2 */
#FxUnit1 #FxToggleButton[displayValue="1"],
#FxUnit2 #FxToggleButton[displayValue="1"],
WPushButton#QuickEffectButton[displayValue="1"],
#FxAssignButton1[displayValue="1"],
#FxAssignButton2[displayValue="1"],
#BroadcastButton[displayValue="2"] {
  background-color: #659f08;
}
/* Blue for Fx buttons 3/4 */
#FxUnit3 #FxToggleButton[displayValue="1"],
#FxUnit4 #FxToggleButton[displayValue="1"],
#FxAssignButton3[displayValue="1"],
#FxAssignButton4[displayValue="1"] {
  background-color: #0895bc;
}

/* Emphasize Fx parameter buttons on dark background
    because they don't have bright icons */
WPushButton#FxParameterButton[displayValue="0"] {
  background-color: #333;
}

/* Grey for Pfl, Fx parameters & SplitCue */
#VinylCueButton[displayValue="1"],
#VinylCueButton[displayValue="2"],
#FxParameterButton[displayValue="1"],
#SplitCue[value="1"],
QPushButton#pushButtonRepeatPlaylist:checked {
  background-color: #888;
}

#BroadcastButton[displayValue="3"],
#BroadcastButton[displayValue="4"] {
  /* pink */
  background-color: #f856e7;
}

/* Golden */
#VinylButton[displayValue="1"],
#PassthroughButton[displayValue="1"],
#GuiToggleButton[displayValue="1"],
#GuiToggleButton[displayValue="2"],
#BroadcastButton[displayValue="1"],   /* connecting: yellow */
#RecFeedback[displayValue="1"],   /* initialize recording */
#SkinSettingsToggle[displayValue="1"],
QPushButton#pushButtonAutoDJ:checked,
QPushButton#pushButtonAnalyze:checked {
  background-color: #d09300;
}

#SpecialCueButton[value="1"] {
  background-color: #0044ff;
}

#FxSuperLinkButton[value="0"],
#FxSuperLinkInvertButton[displayValue="0"] {
  background-color: #4b4b4b;
}
#FxSuperLinkInvertButton[displayValue="1"] {
  background-color: #9C0900;
  }

/* Green for Fx1 / Fx2 */
#FxUnit1 #FxSuperLinkButton[value="1"],
#FxUnit2 #FxSuperLinkButton[value="1"] {
  background-color: #426b00;
  }
#FxUnit1 #FxSuperLinkButton[value="2"],
#FxUnit2 #FxSuperLinkButton[value="2"] {  /*
  a simple way to achieve a partitioning in thirds  */
  background-color: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0,
    stop: 0 #426b00,
    stop: 0.33 #426b00,
    stop: 0.34 #333,
    stop: 1 #333);
  }
#FxUnit1 #FxSuperLinkButton[value="3"],
#FxUnit2 #FxSuperLinkButton[value="3"] {
  background-color: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0,
    stop: 0 #333,
    stop: 0.66 #333,
    stop: 0.67 #426b00,
    stop: 1 #426b00);
  }
#FxUnit1 #FxSuperLinkButton[value="4"],
#FxUnit2 #FxSuperLinkButton[value="4"] {
  background-color: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0,
    stop: 0 #426b00,
    stop: 0.330000 #426b00,
    stop: 0.340000 #333,
    stop: 0.660000 #333,
    stop: 0.670000 #426b00,
    stop: 1 #426b00);
  }

/* Blue for Fx3 / Fx4 */
#FxUnit3 #FxSuperLinkButton[value="1"],
#FxUnit4 #FxSuperLinkButton[value="1"] {
  background-color: #00696b;
  }
#FxUnit3 #FxSuperLinkButton[value="2"],
#FxUnit4 #FxSuperLinkButton[value="2"] {  /*
  a simple way to achieve a partitioning in thirds  */
  background-color: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0,
    stop: 0 #00696b,
    stop: 0.33 #00696b,
    stop: 0.34 #333,
    stop: 1 #333);
  }
#FxUnit3 #FxSuperLinkButton[value="3"],
#FxUnit4 #FxSuperLinkButton[value="3"] {
  background-color: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0,
    stop: 0 #333,
    stop: 0.66 #333,
    stop: 0.67 #00696b,
    stop: 1 #00696b);
  }
#FxUnit3 #FxSuperLinkButton[value="4"],
#FxUnit4 #FxSuperLinkButton[value="4"] {
  background-color: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0,
    stop: 0 #00696b,
    stop: 0.330000 #00696b,
    stop: 0.340000 #333,
    stop: 0.660000 #333,
    stop: 0.670000 #00696b,
    stop: 1 #00696b);
  }

/* Special flat buttons */
WPushButton#PlayDeck[displayValue="0"],
WPushButton#PlayDeckMini[displayValue="0"],
WPushButton#PlaySampler[displayValue="0"],
WPushButton#BpmTap[displayValue="0"],
WPushButton#FxFocusButton[displayValue="0"],
#SamplerSettings WPushButton[displayValue="0"],
#SamplerSettingsMini WPushButton[displayValue="0"],
WPushButton#FxExpand[displayValue="0"],
WPushButton#FxExpandOverlay[displayValue="0"],
WPushButton#SamplerExpand[displayValue="0"],
#BeatgridControlsToggle,
#SamplerControlsMini WPushButton,
#RecDot {
  background-color: transparent;
}

/************** Button icons **************************************************/

#PlayDeck {
  image: url(skins:LateNight/classic/buttons/btn__play_deck.svg) no-repeat center center;
}

#PlayDeckMini[value="0"] {
  image: url(skins:LateNight/classic/buttons/btn__play_deck_mini.svg) no-repeat center center;
  }
  #PlayDeckMini[value="1"] {
    image: url(skins:LateNight/classic/buttons/btn__pause_deck_mini.svg) no-repeat center center;
  }
#PlaySampler[value="0"],
#PlayPreview[displayValue="0"] {
  image: url(skins:LateNight/classic/buttons/btn__play_sampler.svg) no-repeat center center;
  }
  #PlaySampler[value="1"],
  #PlayPreview[displayValue="1"] {
    image: url(skins:LateNight/classic/buttons/btn__pause_sampler.svg) no-repeat center center;
  }

#CueDeck {
  image: url(skins:LateNight/classic/buttons/btn__cue_deck.svg) no-repeat center center;
}

#Reverse {
  image: url(skins:LateNight/classic/buttons/btn__reverse.svg) no-repeat center center;
}

#Hotcue1 WPushButton {
  image: url(skins:LateNight/classic/buttons/btn__1.svg) no-repeat center center;
  }
  #Hotcue1 WPushButton[type="loop"] {
    image: url(skins:LateNight/classic/buttons/btn__1_loop.svg) no-repeat center center;
  }
#Hotcue2 WPushButton {
  image: url(skins:LateNight/classic/buttons/btn__2.svg) no-repeat center center;
  }
  #Hotcue2 WPushButton[type="loop"] {
    image: url(skins:LateNight/classic/buttons/btn__2_loop.svg) no-repeat center center;
  }
#Hotcue3 WPushButton {
  image: url(skins:LateNight/classic/buttons/btn__3.svg) no-repeat center center;
  }
  #Hotcue3 WPushButton[type="loop"] {
    image: url(skins:LateNight/classic/buttons/btn__3_loop.svg) no-repeat center center;
  }
#Hotcue4 WPushButton {
  image: url(skins:LateNight/classic/buttons/btn__4.svg) no-repeat center center;
  }
  #Hotcue4 WPushButton[type="loop"] {
    image: url(skins:LateNight/classic/buttons/btn__4_loop.svg) no-repeat center center;
  }
#Hotcue5 WPushButton {
  image: url(skins:LateNight/classic/buttons/btn__5.svg) no-repeat center center;
  }
  #Hotcue5 WPushButton[type="loop"] {
    image: url(skins:LateNight/classic/buttons/btn__5_loop.svg) no-repeat center center;
  }
#Hotcue6 WPushButton {
  image: url(skins:LateNight/classic/buttons/btn__6.svg) no-repeat center center;
  }
  #Hotcue6 WPushButton[type="loop"] {
    image: url(skins:LateNight/classic/buttons/btn__6_loop.svg) no-repeat center center;
  }
#Hotcue7 WPushButton {
  image: url(skins:LateNight/classic/buttons/btn__7.svg) no-repeat center center;
  }
  #Hotcue7 WPushButton[type="loop"] {
    image: url(skins:LateNight/classic/buttons/btn__7_loop.svg) no-repeat center center;
  }
#Hotcue8 WPushButton {
  image: url(skins:LateNight/classic/buttons/btn__8.svg) no-repeat center center;
  }
  #Hotcue8 WPushButton[type="loop"] {
    image: url(skins:LateNight/classic/buttons/btn__8_loop.svg) no-repeat center center;
  }

#SpecialCueButton_intro_start WPushButton {
  image: url(skins:LateNight/classic/buttons/btn__intro_start.svg) no-repeat center center;
  }
  #SpecialCueButton_intro_end WPushButton {
    image: url(skins:LateNight/classic/buttons/btn__intro_end.svg) no-repeat center center;
  }
  #SpecialCueButton_outro_start WPushButton {
    image: url(skins:LateNight/classic/buttons/btn__outro_start.svg) no-repeat center center;
  }
  #SpecialCueButton_outro_end WPushButton {
    image: url(skins:LateNight/classic/buttons/btn__outro_end.svg) no-repeat center center;
  }

#LoopActivate {
  image: url(skins:LateNight/classic/buttons/btn__loop.svg) no-repeat center center;
}
#Reloop {
  image: url(skins:LateNight/classic/buttons/btn__reloop.svg) no-repeat center center;
}

#LoopIn {
  image: url(skins:LateNight/classic/buttons/btn__loop_in.svg) no-repeat center center;
}
#LoopOut {
  image: url(skins:LateNight/classic/buttons/btn__loop_out.svg) no-repeat center center;
}

#JumpForward {
  image: url(skins:LateNight/classic/buttons/btn__beatjump_right.svg) no-repeat center center;
}
#JumpBack {
  image: url(skins:LateNight/classic/buttons/btn__beatjump_left.svg) no-repeat center center;
}

/* Key buttons */
#KeyMatchReset {
  image: url(skins:LateNight/classic/buttons/btn__key_match.svg) no-repeat center center;
}

#KeyUp {
  image: url(skins:LateNight/classic/buttons/btn__key_up.svg) no-repeat center center;
}

#KeyDown {
  image: url(skins:LateNight/classic/buttons/btn__key_down.svg) no-repeat center center;
}

/* Rate buttons */
#SyncDeck {
  image: url(skins:LateNight/classic/buttons/btn__sync_deck.svg) no-repeat center center;
  }

#SyncLeader[value="0"] {
  image: url(skins:LateNight/classic/buttons/btn__sync_leader.svg) no-repeat center center;
  }
  #SyncLeader[value="1"],
  #SyncLeader[value="2"] {
    image: url(skins:LateNight/classic/buttons/btn__sync_leader_active.svg) no-repeat center center;
  }

  #SyncSampler {
    image: url(skins:LateNight/classic/buttons/btn__sync_sampler.svg) no-repeat center center;
    }

  #RatePermUp {
    image: url(skins:LateNight/classic/buttons/btn__plus.svg) no-repeat center center;
  }

  #RatePermDown {
    image: url(skins:LateNight/classic/buttons/btn__minus.svg) no-repeat center center;
  }

  #RateTempUp {
    image: url(skins:LateNight/classic/buttons/btn__arrow_right_up.svg) no-repeat center center;
  }
  #RateTempDown {
    image: url(skins:LateNight/classic/buttons/btn__arrow_left_down.svg) no-repeat center center;
  }

  #RateTempUpRev {
    image: url(skins:LateNight/classic/buttons/btn__arrow_right_down.svg) no-repeat center center;
  }

  #RateTempDownRev {
    image: url(skins:LateNight/classic/buttons/btn__arrow_left_up.svg) no-repeat center center;
  }

/* Mixer buttons */
#PflButton {
  image: url(skins:LateNight/classic/buttons/btn__pfl.svg) no-repeat center center;
}

#QuickEffectButton[displayValue="0"] {
  image: url(skins:LateNight/classic/buttons/btn__star.svg) no-repeat center center;
}

/* EQ Kill button icons H / M / L */
#EQKillButton_High[displayValue="0"] {
  image: url(skins:LateNight/classic/buttons/btn__eq_kill_high.svg) no-repeat center center;
}
#EQKillButton_Mid[displayValue="0"] {
  image: url(skins:LateNight/classic/buttons/btn__eq_kill_mid.svg) no-repeat center center;
}
#EQKillButton_Low[displayValue="0"] {
  image: url(skins:LateNight/classic/buttons/btn__eq_kill_low.svg) no-repeat center center;
}

#SplitCue[displayValue="0"] {
  image: url(skins:LateNight/classic/buttons/btn__split.svg) no-repeat center center;
  }
  #SplitCue[displayValue="1"] {
    image: url(skins:LateNight/classic/buttons/btn__split_active.svg) no-repeat center center;
  }

#FxExpand[value="0"],
#LibExpand[value="0"] {
  image: url(skins:LateNight/classic/buttons/btn__expand.svg) no-repeat left center;
  }
  #FxExpand[value="1"],
  #LibExpand[value="1"] {
    image: url(skins:LateNight/classic/buttons/btn__collapse.svg) no-repeat left center;
  }
#SamplerExpand[value="0"] {
  image: url(skins:LateNight/classic/buttons/btn__expand_dim.svg) no-repeat left center;
  }
  #SamplerExpand[value="1"] {
    image: url(skins:LateNight/classic/buttons/btn__collapse_dim.svg) no-repeat left center;
  }

#MixModeButton[value="0"] {
  image: url(skins:LateNight/classic/buttons/btn__fx_mixmode_d-w.svg) no-repeat center center;
  }
  #MixModeButton[value="1"] {
    image: url(skins:LateNight/classic/buttons/btn__fx_mixmode_d+w.svg) no-repeat center center;
  }

#FxToggleButton[value="0"] {
  image: url(skins:LateNight/classic/buttons/btn__fx_toggle.svg) no-repeat center center;
  }
  #FxToggleButton[value="1"] {
    image: url(skins:LateNight/classic/buttons/btn__fx_toggle_active.svg) no-repeat center center;
  }

#FxFocusButton[value="0"] {
  image: url(skins:LateNight/classic/buttons/btn__fx_focus.svg) no-repeat center center;
  }
  #FxFocusButton[value="1"] {
    image: url(skins:LateNight/classic/buttons/btn__fx_focus_active.svg) no-repeat center center;
  }

/* deck controls for decks 1-4 and samplers */
#CurposButton12[displayValue="0"], #CurposButton34[displayValue="0"] {
  image: url(skins:LateNight/classic/buttons/btn__beat_curpos.svg) no-repeat center center;
  }
  #CurposButton12[value="1"] {
    image: url(skins:LateNight/classic/buttons/btn__beat_curpos_active_12.svg) no-repeat center center;
  }
  #CurposButton34[value="1"] {
    image: url(skins:LateNight/classic/buttons/btn__beat_curpos_active_34.svg) no-repeat center center;
  }

  #EjectButton12[displayValue="0"], #EjectButton34[displayValue="0"] {
    image: url(skins:LateNight/classic/buttons/btn__eject.svg) no-repeat center center;
    }
    #EjectButton12[value="1"] {
      image: url(skins:LateNight/classic/buttons/btn__eject_active_12.svg) no-repeat center center;
    }
    #EjectButton34[value="1"] {
      image: url(skins:LateNight/classic/buttons/btn__eject_active_34.svg) no-repeat center center;
    }

  #RepeatButton12[displayValue="0"], #RepeatButton34[displayValue="0"] {
    image: url(skins:LateNight/classic/buttons/btn__repeat.svg) no-repeat center center;
    }
    #RepeatButton12[displayValue="1"] {
      image: url(skins:LateNight/classic/buttons/btn__repeat_active_12.svg) no-repeat center center;
    }
    #RepeatButton34[displayValue="1"] {
      image: url(skins:LateNight/classic/buttons/btn__repeat_active_34.svg) no-repeat center center;
    }

  #QuantizeButton12[displayValue="0"], #QuantizeButton34[displayValue="0"] {
    image: url(skins:LateNight/classic/buttons/btn__quantize.svg) no-repeat center center;
    }
    #QuantizeButton12[displayValue="1"] {
      image: url(skins:LateNight/classic/buttons/btn__quantize_active_12.svg) no-repeat center center;
    }
    #QuantizeButton34[displayValue="1"] {
      image: url(skins:LateNight/classic/buttons/btn__quantize_active_34.svg) no-repeat center center;
    }

  #SlipmodeButton12[displayValue="0"], #SlipmodeButton34[displayValue="0"] {
    image: url(skins:LateNight/classic/buttons/btn__slip.svg) no-repeat center center;
    }
    #SlipmodeButton12[displayValue="1"] {
      image: url(skins:LateNight/classic/buttons/btn__slip_active_12.svg) no-repeat center center;
    }
    #SlipmodeButton34[displayValue="1"] {
      image: url(skins:LateNight/classic/buttons/btn__slip_active_34.svg) no-repeat center center;
    }

  #KeylockButton12[displayValue="0"], #KeylockButton34[displayValue="0"] {
    image: url(skins:LateNight/classic/buttons/btn__keylock.svg) no-repeat center center;
    }
    #KeylockButton12[displayValue="1"] {
      image: url(skins:LateNight/classic/buttons/btn__keylock_active_12.svg) no-repeat center center;
    }
    #KeylockButton34[displayValue="1"] {
      image: url(skins:LateNight/classic/buttons/btn__keylock_active_34.svg) no-repeat center center;
    }

#BeatgridControlsToggle[displayValue="0"] {
  image: url(skins:LateNight/classic/buttons/btn__beatgrid_controls_expand.svg) no-repeat center center;
  }
  #BeatgridControlsToggle[displayValue="1"] {
    image: url(skins:LateNight/classic/buttons/btn__beatgrid_controls_collapse.svg) no-repeat center center;
  }
  #BeatCurposLarge {
    image: url(skins:LateNight/classic/buttons/btn__beat_curpos_large.svg) no-repeat center center;
    }
    #BeatsEarlier {
      image: url(skins:LateNight/classic/buttons/btn__beats_earlier.svg) no-repeat center center;
    }
    #BeatsLater {
      image: url(skins:LateNight/classic/buttons/btn__beats_later.svg) no-repeat center center;
    }
    #BeatsSlower {
      image: url(skins:LateNight/classic/buttons/btn__beats_slower.svg) no-repeat center center;
    }
    #BeatsFaster {
      image: url(skins:LateNight/classic/buttons/btn__beats_faster.svg) no-repeat center center;
    }
    #HotcuesEarlier {
      image: url(skins:LateNight/classic/buttons/btn__beats_hotcues_earlier.svg) no-repeat center center;
    }
    #HotcuesLater {
      image: url(skins:LateNight/classic/buttons/btn__beats_hotcues_later.svg) no-repeat center center;
    }

#MicTalk {
  image: url(skins:LateNight/classic/buttons/btn__mic_talk.svg) no-repeat center center;
}

#AuxPlay {
  image: url(skins:LateNight/classic/buttons/btn__aux_play.svg) no-repeat center center;
}

#MicAuxAdd {
  image: url(skins:LateNight/classic/buttons/btn__plus_flat.svg) no-repeat center center;
}

#MicDucking[value="0"] {
  image: url(skins:LateNight/classic/buttons/btn__mic_duck_off.svg) no-repeat center center;
  }
  #MicDucking[value="1"] {
    image: url(skins:LateNight/classic/buttons/btn__mic_duck_auto.svg) no-repeat center center;
  }
  #MicDucking[value="2"] {
    image: url(skins:LateNight/classic/buttons/btn__mic_duck_manual.svg) no-repeat center center;
  }

#RecDot[highlight="0"] {
  image: url(skins:LateNight/classic/buttons/btn__rec_dot.svg) no-repeat center center;
  }
  #RecDot[highlight="1"],
  #RecDot[highlight="2"] {
    image: url(skins:LateNight/classic/buttons/btn__rec_dot_active.svg) no-repeat center center;
  }

#BroadcastButton[displayValue="0"] {
  /* for some reason the alignment isn't rescpected, so the icons
    have to be sized like available area (button size - margin) */
  image: url(skins:LateNight/classic/buttons/btn__broadcast_off.svg) no-repeat left top;
  }
  #BroadcastButton[displayValue="1"],
  #BroadcastButton[displayValue="2"],
  #BroadcastButton[displayValue="3"],
  #BroadcastButton[displayValue="4"] {
    image: url(skins:LateNight/classic/buttons/btn__broadcast_on.svg) no-repeat left top;
  }

#SkinSettingsToggle[displayValue="0"] {
  image: url(skins:LateNight/classic/buttons/btn__settings_off.svg) no-repeat left top;
  }
  #SkinSettingsToggle[displayValue="1"] {
    image: url(skins:LateNight/classic/buttons/btn__settings_on.svg) no-repeat left top;
  }

#ToolbarLogo {
  image: url(skins:LateNight/classic/style/mixxx_logo_small.svg) no-repeat center center;
}
#ToolbarSeparator {
  image: url(skins:LateNight/classic/style/toolbar_separator.svg) no-repeat center center;
  margin: 0px 3px;
}

/* Search bar Clear button */
WSearchLineEdit QToolButton:!focus {
  image: url(skins:LateNight/classic/buttons/btn__lib_clear_search.svg);
  }
  WSearchLineEdit QToolButton:focus {
    image: url(skins:LateNight/classic/buttons/btn__lib_clear_search_focus.svg);
  }

/* AutoDJ button icons */
QPushButton#pushButtonAutoDJ:!checked {
  image: url(skins:LateNight/classic/buttons/btn__autodj_enable_off.svg) no-repeat center center;
  }
  QPushButton#pushButtonAutoDJ:checked {
    image: url(skins:LateNight/classic/buttons/btn__autodj_enable_on.svg) no-repeat center center;
  }

QPushButton#pushButtonFadeNow:!enabled {
  image: url(skins:LateNight/classic/buttons/btn__autodj_fade_disabled.svg) no-repeat center center;
  }
  QPushButton#pushButtonFadeNow:enabled {
    image: url(skins:LateNight/classic/buttons/btn__autodj_fade.svg) no-repeat center center;
  }

QPushButton#pushButtonSkipNext:!enabled {
  image: url(skins:LateNight/classic/buttons/btn__autodj_skip_disabled.svg) no-repeat center center;
  }
  QPushButton#pushButtonSkipNext:enabled {
    image: url(skins:LateNight/classic/buttons/btn__autodj_skip.svg) no-repeat center center;
  }

QPushButton#pushButtonShuffle:enabled {
  image: url(skins:LateNight/classic/buttons/btn__autodj_shuffle.svg) no-repeat center center;
  }

QPushButton#pushButtonAddRandomTrack:enabled {
  image: url(skins:LateNight/classic/buttons/btn__autodj_addrandom.svg) no-repeat center center;
  }

QPushButton#pushButtonRepeatPlaylist:!checked {
  image: url(skins:LateNight/classic/buttons/btn__autodj_repeat_playlist_off.svg) no-repeat center center;
  }
  QPushButton#pushButtonRepeatPlaylist:checked {
    image: url(skins:LateNight/classic/buttons/btn__autodj_repeat_playlist_on.svg) no-repeat center center;
  }

/* widgets in cue popup menu */
#CueDeleteButton {  /*
  padding: 3px 6px; */
  qproperty-icon: url(skins:LateNight/classic/buttons/btn__delete.svg);
  /* color buttons are 42x24 px.
  To get the final size for the Delete button consider border width.
  It's a tall button, about the same height as cue number + label edit box */
  width: 24px;
  height: 42px;
  border-width: 2px;
  border-image: url(skins:LateNight/classic/buttons/btn_embedded_library.svg) 2 2 2 2;
  /* make the icon slightly larger than default 16px */
  qproperty-iconSize: 20px;
  /* has no effect
  padding: 0px; */
}

#CueLabelEdit {
  border: 1px solid #f0bb2b;
  border-radius: 0px;
  background-color: #000;
  selection-color: #000;
  selection-background-color: #ccc;
  padding: 2px;
}
/************** Button icons **************************************************/
/************** Button styles *************************************************/



/************** Library *******************************************************/

#LibraryContainer {
}

WLibrary,
#SidebarBox {
  padding: 2px 0px 0px 2px;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}

WTrackTableView,
WLibraryTextBrowser,
WLibrarySidebar {
  border-top: 1px solid #0a0a0a;
  border-right: 1px solid qlineargradient(x1:0, y1:0, x2:0, y2:1,
    stop:0 #333,
    stop:1 #444);
  border-bottom: 1px solid #444;
  border-left: 1px solid #0a0a0a;
  background-color: #0f0f0f;
  alternate-background-color: #1a1a1a;
/* In selected library rows this sets the color of
  * shapes in star rating delegate
  * focus border of Cover Art and Color delegates
   > See src/library/coverartdelegate.cpp: "option.palette.highlightedText().color();" */
  selection-color: #fff;
  /* background of Color delegate in selected row */
  selection-background-color: #5e4507;
}
WTrackTableView:focus,
WLibrarySidebar:focus,
WLibraryTextBrowser:focus {
  border: 1px solid #d09300;
}

/* Selected rows in Tree and Tracks table */
WLibrarySidebar::item:selected,
WTrackTableView::item:selected,
#LibraryBPMButton::item:selected {
  color: #fff;
  background-color: #5e4507;
}
WLibrarySidebar::item:selected:focus {
  outline: none;
}
WLibrarySidebar::item:!selected:focus {
  outline: none;
  border: 1px solid white;
}

/* Use the native focus decoration */
/* This is for all cells including Played and Location */
WTrackTableView,
/* This is for the BPM cell */
WTrackTableView QCheckBox:focus {
  outline: 1px solid #fff;
}
/* This uses a custom qproperty to set the focus border
  for Color and Cover Art cells, 1px solid, sharp corners.
  See src/library/tableitemdelegate.cpp */
WTrackTableView {
  qproperty-focusBorderColor: #fff;
}

WLibrarySidebar {
  show-decoration-selected: 0;
  outline: none;
}

/* Table cell in edit mode */
WLibrary QLineEdit,
WLibrary QPlainTextEdit,
#LibraryBPMSpinBox {
  color: #ddd;
  background-color: #0f0f0f;
  selection-color: #000;
  selection-background-color: #ccc;
  border: 1px solid #5E4507;
}

/* Entire BPM cell */
/* Lock icon at the left */
#LibraryBPMButton::indicator:checked {
  image: url(skins:LateNight/classic/buttons/btn__lib_bpm_locked_orange.svg);
}
#LibraryBPMButton::indicator:unchecked {
  image: url(skins:LateNight/classic/buttons/btn__lib_bpm_unlocked_grey.svg);
}
/* BPM value */
#LibraryBPMButton::item {
}
/* BPM spinbox in edit mode */
#LibraryBPMSpinBox {
  border-left: 0px;
  }
  /* When activated, the left border of the spinbox shows an
    artefact of the inactive BPM value. */
  #LibraryBPMSpinBox::up-button,
  #LibraryBPMSpinBox::down-button {
    margin-right: 3px;
    background-color: #382904;
    }
    #LibraryBPMSpinBox::up-button {
      image: url(skins:LateNight/classic/buttons/btn__lib_bpm_up.svg) no-repeat;
    }
    #LibraryBPMSpinBox::down-button {
      image: url(skins:LateNight/classic/buttons/btn__lib_bpm_down.svg) no-repeat;
    }

WCueMenuPopup QPushButton:focus {
  outline: none;
}

/* Button in library "Preview" column */
#LibraryPreviewButton {
  margin: 0px;
  padding: 0px;
  border-radius: 2px;
  border: 1px solid transparent;
  }
  #LibraryPreviewButton:!checked {
    image: url(skins:LateNight/classic/buttons/btn__lib_preview_play.svg);
    }
  #LibraryPreviewButton:checked {
    image: url(skins:LateNight/classic/buttons/btn__lib_preview_pause.svg);
    }


/*********** table header styles *********************************/

WTrackTableViewHeader {
  color: #bbb;
  border-bottom: 1px solid #000;
  }
  WTrackTableViewHeader,
  WTrackTableViewHeader::section,
  WTrackTableViewHeader::up-arrow,
  WTrackTableViewHeader::down-arrow {
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1,
      stop:0 #222,
      stop:1 #111);
  }
  WTrackTableViewHeader::section {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  WTrackTableViewHeader::up-arrow,
  WTrackTableViewHeader::down-arrow {
    border-right: 1px solid #000;
    /* gradient colors should match those of QHeaderView gradient,
      with a little transparency added to not cut off the header label */
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1,
      stop:0 rgba(34,34,34,190),
      stop:1 rgba(17,17,17,190));
    }
    WTrackTableViewHeader::up-arrow {
      image: url(skins:LateNight/classic/buttons/btn__lib_sort_up.svg);
      }
    WTrackTableViewHeader::down-arrow {
      image: url(skins:LateNight/classic/buttons/btn__lib_sort_down.svg);
    }



/*********** scrollbars *********************************/
#LibraryContainer QScrollBar,
WEffectSelector QAbstractScrollArea QScrollBar,
WEffectChainPresetSelector QAbstractScrollArea QScrollBar,
WEffectChainPresetSelector QAbstractScrollArea QScrollBar,
WSearchLineEdit QAbstractScrollArea QScrollBar {
  border: 0px solid #585858;
  background: #000;
  border-radius: 2px;
  padding: 1px;
  color: #999999;
  }
  #LibraryContainer QScrollBar:horizontal,
  WEffectSelector QAbstractScrollArea QScrollBar:horizontal,
  WEffectChainPresetSelector QAbstractScrollArea QScrollBar:horizontal,
  WEffectChainPresetButton QMenu QAbstractScrollArea QScrollBar:horizontal,
  WSearchLineEdit QAbstractScrollArea QScrollBar:horizontal {
    min-width: 12px;
    height: 15px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background-color: #000;
  }
  #LibraryContainer QScrollBar:vertical,
  WEffectSelector QAbstractScrollArea QScrollBar:vertical,
  WEffectChainPresetSelector QAbstractScrollArea QScrollBar:vertical,
  WEffectChainPresetButton QMenu QAbstractScrollArea QScrollBar:vertical,
  WSearchLineEdit QAbstractScrollArea QScrollBar:vertical {
    min-height: 12px;
    width: 15px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    color: #b3b3b3;
    background-color: #000;
  }
  /* catch scroll bar of focused treeview like this:
  WLibrarySidebar:focus QScrollBar:vertical {
  }*/
#LibraryContainer QScrollBar::handle:horizontal,
WEffectSelector QAbstractScrollArea QScrollBar::handle:horizontal,
WEffectChainPresetSelector QAbstractScrollArea QScrollBar::handle:horizontal,
WEffectChainPresetButton QMenu QAbstractScrollArea QScrollBar::handle:horizontal,
WSearchLineEdit QAbstractScrollArea QScrollBar::handle:horizontal {
  min-width: 25px;
  border-radius: 2px;
  background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
    stop:0 #725309,
    stop:1 #412f05);
}
#LibraryContainer QScrollBar::handle:vertical,
WEffectSelector QAbstractScrollArea QScrollBar::handle:vertical,
WEffectChainPresetSelector QAbstractScrollArea QScrollBar::handle:vertical,
WEffectChainPresetButton QMenu QAbstractScrollArea QScrollBar::handle:vertical,
WSearchLineEdit QAbstractScrollArea QScrollBar::handle:vertical {
  min-height: 25px;
  border-radius: 2px;
  background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
    stop:0 #725309,
    stop:1 #412f05);
}

/* "add-page" and "sub-page" are the gutter of the scrollbar */
#LibraryContainer QScrollBar::add-page,
#LibraryContainer QScrollBar::sub-page,
WEffectSelector QAbstractScrollArea QScrollBar::add-page,
WEffectSelector QAbstractScrollArea QScrollBar::sub-page,
WEffectChainPresetSelector QAbstractScrollArea QScrollBar::add-page,
WEffectChainPresetSelector QAbstractScrollArea QScrollBar::sub-page,
WEffectChainPresetButton QMenu QAbstractScrollArea QScrollBar::add-page,
WEffectChainPresetButton QMenu QAbstractScrollArea QScrollBar::sub-page,
WSearchLineEdit QAbstractScrollArea QScrollBar::add-page,
WSearchLineEdit QAbstractScrollArea QScrollBar::sub-page {
  min-width: 15px;
  min-height: 15px;
  background-color: #000;
  border-radius: 2px;
}
/* Turn off buttons */
#LibraryContainer QScrollBar::add-line,
#LibraryContainer QScrollBar::sub-line,
WEffectSelector QAbstractScrollArea QScrollBar::add-line,
WEffectSelector QAbstractScrollArea QScrollBar::sub-line,
WEffectChainPresetSelector QAbstractScrollArea QScrollBar::add-line,
WEffectChainPresetSelector QAbstractScrollArea QScrollBar::sub-line,
WEffectChainPresetButton QMenu QAbstractScrollArea QScrollBar::add-line,
WEffectChainPresetButton QMenu QAbstractScrollArea QScrollBar::sub-line,
WSearchLineEdit QAbstractScrollArea QScrollBar::add-line,
WSearchLineEdit QAbstractScrollArea QScrollBar::sub-line {
  width: 0px;
  height: 0px;
  border: 0px;
}

/* Corner in between two scrollbars */
#LibraryContainer QAbstractScrollArea::corner,
WEffectSelector QAbstractScrollArea QScrollBar::corner,
WEffectChainPresetSelector QAbstractScrollArea QScrollBar::corner,
WEffectChainPresetButton QMenu QAbstractScrollArea QScrollBar:corner,
WSearchLineEdit QAbstractScrollArea QScrollBar::corner {
  background-color: #1e1e1e;
}
/*********** scrollbars *********************************/


/*********** library search bar *********************************/
WSearchLineEdit {
  padding: 2px;
  background-color: #0f0f0f;
  selection-color: #000;
  selection-background-color: #ccc;
  }
  WSearchLineEdit:focus {
    padding: 1px;
    border: 2px solid #d08e00;
    border-radius: 0px;
  }
  WSearchLineEdit:disabled {
    color: #191919;
    /* hide '---' placeholder text */
    background-color: #191919;
  }
  /* Clear button: see /skins/default.qss */

/************ splitters ***********************/
/* HorizontalSplitter
  (the splitter itself is horizontal)
  Used to split
  - Waveforms & Decks/FX/etc
  - Library feature & Coverart */
#WaveformSplitter,
#SidebarCoverSplitter {
  padding: 0px;
  margin: 0px;
}

#WaveformSplitter::handle,
#SidebarCoverSplitter::handle {
    image: url(skins:LateNight/classic/style/splitter_handle_horizontal.png);
  }
  #WaveformSplitter::handle:pressed,
  #SidebarCoverSplitter::handle:pressed {
    image: url(skins:LateNight/classic/style/splitter_handle_horizontal_pressed.png);
  }
  #WaveformSplitter::handle:vertical,
  #SidebarCoverSplitter::handle:vertical {
    height: 9px;
  }

/* LibrarySplitter
  (the splitter itself is vertical)
  Used to split Library sidebar & Tracks table */
#LibrarySplitter::handle {
  /* 'height' works although it's actually the width of the handle */
  height: 6px;
  image: url(skins:LateNight/classic/style/splitter_handle_vertical.png);
  background-color: #1e1e1e;
  }
  #LibrarySplitter::handle:pressed {
    image: url(skins:LateNight/classic/style/splitter_handle_vertical_pressed.png);
  }
/************ splitters ***********************/


/************ Library feature controls / tree view / table view *************/

/* Additional space */
#LibraryFeatureControls QRadioButton {
  margin: 2px 3px 2px 3px;
  }
  #LibraryFeatureControls QRadioButton::indicator:checked {
    image: url(skins:LateNight/classic/buttons/btn__lib_radio_button_on_yellow.svg) center center;
  }
  #LibraryFeatureControls QRadioButton::indicator:unchecked {
    image: url(skins:LateNight/classic/buttons/btn__lib_radio_button_off.svg) center center;
  }

/* triangle for closed/opened branches in treeview */
/* closed */
WLibrarySidebar::branch:closed:has-children:!has-siblings:!selected,
WLibrarySidebar::branch:closed:has-children:has-siblings:!selected {
/*  Suppresses that selected sidebar items branch indicator shows wrong color when out of focus ; #6040 */
  border-image: none;
  image: url(skins:LateNight/classic/style/library_branch_closed.svg);
  }
  /* closed, selected */
  WLibrarySidebar::branch:closed:has-children:!has-siblings:selected,
  WLibrarySidebar::branch:closed:has-children:has-siblings:selected {
    border-image: none;
    image: url(skins:LateNight/classic/style/library_branch_closed_selected.svg);
    background-color: #5e4507;
  }
/* open */
WLibrarySidebar::branch:open:has-children:!has-siblings,
WLibrarySidebar::branch:open:has-children:has-siblings {
  border-image: none;
  image: url(skins:LateNight/classic/style/library_branch_open.svg);
  }
  /* open, selected */
  WLibrarySidebar::branch:open:has-children:!has-siblings:selected,
  WLibrarySidebar::branch:open:has-children:has-siblings:selected {
    border-image: none;
    image: url(skins:LateNight/classic/style/library_branch_open_selected.svg);
    background-color: #5e4507;
    }
  /* space left of selected child item */
  WLibrarySidebar::branch:closed:!has-children:!has-siblings:selected,
  WLibrarySidebar::branch:closed:!has-children:has-siblings:selected,
  WLibrarySidebar::branch:open:!has-children:!has-siblings:selected,
  WLibrarySidebar::branch:open:!has-children:has-siblings:selected {
    border-image: none;
    background-color: #0f0f0f;
  }
/************** Library *******************************************************/



/************** common styles for WEffectSelector ******************************
*************** QSpinBox, QMenu, QToolTip *************************************/
QToolTip,
#MainMenu QMenu,
WLibrarySidebar QMenu,
WTrackTableViewHeader QMenu,
WLibraryTextBrowser QMenu,
WTrackMenu,
WTrackMenu QMenu,
QLineEdit QMenu,
QPlainTextEdit QMenu,
WCueMenuPopup,
WCoverArtMenu,
WEffectSelector QAbstractScrollArea,
WEffectChainPresetSelector QAbstractScrollArea,
WEffectChainPresetButton QMenu,
WSearchLineEdit QAbstractScrollArea,
#fadeModeCombobox QAbstractScrollArea {
  border: 1px solid #888;
  border-radius: 2px;
}

#SkinContainer,
#CrossfaderButtonContainer_Deck,
#CrossfaderButtonContainer_Aux,
WPushButton#CrossfaderButton[value="0"],
QToolTip,
#MainMenu QMenu,
#MainMenu QMenu::item,
#MainMenu QMenu QCheckBox,
WLibrarySidebar QMenu,
WLibrarySidebar QMenu::item,
WTrackTableViewHeader QMenu,
WTrackTableViewHeader QMenu QCheckBox,
WLibraryTextBrowser QMenu,
WLibraryTextBrowser QMenu::item,
WTrackMenu,
WTrackMenu::item,
WTrackMenu QMenu,
WTrackMenu QMenu::item,
WTrackMenu QMenu QCheckBox,
QLineEdit QMenu,
QLineEdit QMenu::item,
QPlainTextEdit QMenu,
QPlainTextEdit QMenu::item,
WCoverArtMenu,
WCoverArtMenu::item,
WCueMenuPopup,
WCueMenuPopup QLabel,
WEffectSelector QAbstractScrollArea,
WEffectSelector::item,
WEffectChainPresetSelector QAbstractScrollArea,
WEffectChainPresetSelector::item,
WEffectChainPresetButton QMenu,
WEffectChainPresetButton::item,
WEffectChainPresetButton QMenu QCheckBox,
WSearchLineEdit QAbstractScrollArea,
WSearchLineEdit::item,
#fadeModeCombobox QAbstractScrollArea,
#fadeModeCombobox::item {
  background-color: #0f0f0f;
}
WEffectSelector,
#fadeModeCombobox {
  background-color: #161616;
}
/* hovered items */
#MainMenu::item:selected,
#MainMenu QMenu::item:selected,
#MainMenu QMenu::item:focus,
#MainMenu QMenu::item:hover,
#MainMenu QMenu::indicator:checked:selected,
/* ::indicator:!checked won't work. use 'unchecked' */
#MainMenu QMenu::indicator:unchecked:selected,
WLibrarySidebar QMenu::item:selected,
WTrackTableViewHeader QMenu::item:selected,
WTrackTableViewHeader QMenu QCheckBox:selected,
WTrackTableViewHeader QMenu QCheckBox:focus,
WTrackTableViewHeader QMenu QCheckBox:hover,
WTrackMenu::item:selected,
WTrackMenu QMenu::item:selected,
WTrackMenu QMenu QCheckBox:selected,
WTrackMenu QMenu QCheckBox:focus,
WTrackMenu QMenu QCheckBox:hover,
QLineEdit QMenu::item:selected,
QPlainTextEdit QMenu::item:selected,
WCoverArtMenu::item:selected,
WEffectSelector::item:selected,
WEffectChainPresetSelector:item:selected,
WEffectChainPresetButton QMenu::item:selected,
WEffectChainPresetButton QMenu QCheckBox:selected,
WEffectChainPresetButton QMenu QCheckBox:focus,
WEffectChainPresetButton QMenu QCheckBox:hover,
#fadeModeCombobox::item:selected,
WSearchLineEdit::item:selected,
#SkinSettingsButton[hover="true"],
#SkinSettingsNumToggle[hover="true"],
#SkinSettingsNumToggleHeader[hover="true"],
#SkinSettingsMixerToggle[hover="true"],
#SkinSettingsLabelButton[hover="true"] {
  background-color: #5E4507;
  color: #fff;
  /* remove OS focus indicator */
  outline: none;
  }
  /* required on Windows since the QAbstractItemViews don't inherit styles from
     the respective QComboBoxes */
  WEffectSelector QAbstractItemView,
  WEffectChainPresetSelector QAbstractItemView,
  WSearchLineEdit QAbstractItemView {
    selection-color: #fff;
    selection-background-color: #5E4507;
    border-radius: 1px;
    border: 0px;
    outline: none;
  }
  /* checked item */
  WEffectSelector::item:checked,
  WEffectChainPresetSelector::item:checked,
  #fadeModeCombobox::item:checked,
  WSearchLineEdit::item:checked {
    color: #fff;
  }
  /* hover over checked effect */
  WEffectSelector::item:checked:selected,
  WEffectChainPresetSelector::item:checked:selected,
  #fadeModeCombobox::item:checked:selected,
  WSearchLineEdit::item:checked:selected {
    background-color: #2a1e03;
    color: #fff;
    }
/* disabled menu items and checkboxes */
#MainMenu::item:disabled,
#MainMenu QMenu::item:disabled,
WLibrarySidebar QMenu::item:disabled,
WTrackMenu::item:disabled,
WTrackMenu QMenu::item:disabled,
WTrackMenu QMenu QCheckBox:disabled,
QLineEdit QMenu::item:disabled,
QPlainTextEdit QMenu::item:disabled {
  color: #494949;
}

#MainMenu QMenu::indicator:checked,
#MainMenu QMenu::indicator:checked:selected {
  image: url(skins:LateNight/classic/buttons/btn__menu_checkbox_checked.svg);
  }
  #MainMenu QMenu::indicator:unchecked,
  #MainMenu QMenu::indicator:unchecked:selected {
    image: url(skins:LateNight/classic/buttons/btn__menu_checkbox.svg);
  }

  WLibrarySidebar QMenu::indicator:checked,
  WTrackTableViewHeader QMenu QCheckBox::indicator:checked,
  WTrackMenu QMenu QCheckBox::indicator:checked,
  WEffectSelector::indicator:checked,
  WEffectChainPresetSelector::indicator:checked,
  WEffectChainPresetButton QMenu QCheckBox::indicator:checked,
  #fadeModeCombobox::indicator:checked {
    image: url(skins:LateNight/classic/buttons/btn__lib_checkmark_orange.svg);
    }
    WEffectSelector::indicator:checked,
    WEffectChainPresetSelector::indicator:checked,
    #fadeModeCombobox::indicator:checked {
      width: 13px;
      height: 13px;
      margin-left: 8px;
    }
  /* disabled menu item and checkbox */
  WTrackMenu QMenu QCheckBox::indicator:disabled:unchecked,
  WTrackMenu QMenu QCheckBox::indicator:disabled:checked,
  WTrackMenu QMenu QCheckBox::indicator:indeterminate {
    background-color: #222;
  }
  WTrackMenu QMenu QCheckBox::indicator:disabled:checked {
    image: url(skins:LateNight/classic/buttons/btn__lib_checkmark_grey.svg);
  }
  WTrackMenu QMenu QCheckBox::indicator:indeterminate {
    image: url(skins:LateNight/classic/buttons/btn__lib_checkmark_indeterminate_orange.svg);
  }
  WTrackMenu QMenu QCheckBox::indicator:disabled:indeterminate {
    image: url(skins:LateNight/classic/buttons/btn__lib_checkmark_indeterminate_grey.svg);
  }
  WTrackMenu QMenu QCheckBox::indicator:disabled:checked,
  WTrackMenu QMenu QCheckBox::indicator:disabled:unchecked {
    border: 1px solid #222;
  }

  #MainMenu QMenu::right-arrow,
  WTrackMenu::right-arrow,
  WTrackMenu QMenu::right-arrow {
    image: url(skins:LateNight/classic/style/menu_arrow_yellow.svg);
    }
  #MainMenu QMenu::right-arrow:selected,
  WTrackMenu::right-arrow:selected,
  WTrackMenu QMenu::right-arrow:selected {
    image: url(skins:LateNight/classic/style/menu_arrow_white.svg);
  }

/* This is the only way to select the 'Played' checkbox.
  Note that this also selects the BPM lock. */
  WTrackTableView::indicator:checked {
    image: url(skins:LateNight/classic/buttons/btn__lib_checkbox_checked.svg);
    }
  WTrackTableView::indicator:unchecked {
    image: url(skins:LateNight/classic/buttons/btn__lib_checkbox.svg);
    }

  #MainMenu QMenu::separator,
  WLibrarySidebar QMenu::separator,
  WTrackTableViewHeader QMenu::separator,
  WTrackMenu::separator,
  WTrackMenu QMenu::separator,
  WLibraryTextBrowser QMenu::separator,
  QLineEdit QMenu::separator,
  QPlainTextEdit QMenu::separator,
  WEffectChainPresetButton QMenu::separator,
  #SkinSettingsSeparator {
    border-top: 1px solid #000;
    border-bottom: 1px solid #222;
    }

/* explicitly remove icons from unchecked items otherwise
  selected, unchecked items would have a checkmark */
WLibrarySidebar QMenu::indicator:unchecked,
WLibrarySidebar QMenu::indicator:unchecked:selected,
WTrackTableViewHeader QMenu QCheckBox::indicator:unchecked,
WTrackTableViewHeader QMenu QCheckBox::indicator:unchecked:selected,
WEffectSelector::indicator:unchecked,
WEffectSelector::indicator:unchecked:selected,
WEffectChainPresetSelector::indicator:unchecked,
WEffectChainPresetSelector::indicator:unchecked:selected,
WEffectChainPresetButton QMenu QCheckBox::indicator:unchecked,
WEffectChainPresetButton QMenu QCheckBox::indicator:unchecked:selected,
#fadeModeCombobox::indicator:unchecked,
#fadeModeCombobox::indicator:unchecked:selected,
WSearchLineEdit::indicator:unchecked,
WSearchLineEdit::indicator:unchecked:selected {
  image: none;
}
/************** common styles for WEffectSelector ******************************
*************** QSpinBox, QMenu, QToolTip *************************************/
