ADS--DockContainerWidget {
    background: creatorTheme.DSdockContainerBackground;
}

ADS--DockContainerWidget QSplitter::handle {
    background: creatorTheme.DSdockContainerSplitter;
}

ADS--DockAreaWidget {
    background: creatorTheme.DSdockAreaBackground;
}

ADS--DockAreaWidget #tabsMenuButton::menu-indicator {
    image: none;
}

ADS--DockSplitter::handle:horizontal {
    width: 1px;
    background: creatorTheme.DSdockWidgetSplitter;
}

ADS--DockSplitter::handle:vertical {
    height: 1px;
    background: creatorTheme.DSdockWidgetSplitter;
}

ADS--DockWidgetTab {
    background-color: creatorTheme.DStabInactiveBackground;
    border-color: creatorTheme.DStabSplitter;
    border-style: solid;
    border-width: 0 1px 0 0;
    padding-left: 16px;
}

ADS--DockWidgetTab QLabel {
    color: creatorTheme.DStabInactiveText;
}

ADS--DockWidgetTab[activeTab="true"] {
    background: creatorTheme.DStabActiveBackground;
}

ADS--DockWidgetTab[activeTab="true"] QLabel {
    color: creatorTheme.DStabActiveText;
}

ADS--DockWidgetTab[activeTab="true"] > #tabCloseButton:hover {
    background: creatorTheme.DStabActiveBackground;
}

ADS--DockWidgetTab[activeTab="true"] > #tabCloseButton:pressed {
    background: creatorTheme.DStabActiveButtonPress;
}

ADS--DockWidget {
    background: creatorTheme.DSdockWidgetBackground;
    border: none;
}

QWidget#tabsContainerWidget {
    background: creatorTheme.DStabContainerBackground;
}

ADS--TitleBarButton {
    margin: 1px;
    background: none;
    border: none;
}

ADS--TitleBarButton:hover {
    background-color: creatorTheme.DStitleBarButtonHover;
}

ADS--TitleBarButton:press {
    background-color: creatorTheme.DStitleBarButtonPress;
}

#floatingTitleLabel {
    color: creatorTheme.DStitleBarText;
}

#floatingTitleCloseButton {
    margin: 1px;
    background: none;
    border: none;
}

#floatingTitleCloseButton:hover {
    background: creatorTheme.DStitleBarButtonHover;
}

#floatingTitleCloseButton:pressed {
    background: creatorTheme.DStitleBarButtonPress;
}

#floatingTitleMaxButton {
    margin: 1px;
    background: none;
    border: none;
}

#floatingTitleMaxButton:hover {
    background: creatorTheme.DStitleBarButtonHover;
}

#floatingTitleMaxButton:pressed {
    background: creatorTheme.DStitleBarButtonPress;
}

QScrollArea#dockWidgetScrollArea {
    background-color: creatorTheme.DSpanelBackground;
    padding: 0px;
    border: none;
}

#tabCloseButton {
    margin: 1px;
    background: none;
    border: none;
}

#tabCloseButton:hover {
    background: creatorTheme.DStabActiveBackground;
}

#tabCloseButton:pressed {
    background: creatorTheme.DStabInactiveButtonPress;
}

/* Focus related styling */
ADS--DockWidgetTab[focused="true"] {
    background: creatorTheme.DStabFocusBackground;
}

ADS--DockWidgetTab[focused="true"] > #tabCloseButton:hover {
    background: creatorTheme.DStabFocusButtonHover;
}

ADS--DockWidgetTab[focused="true"] > #tabCloseButton:pressed {
    background: creatorTheme.DStabFocusButtonPress;
}

ADS--DockWidgetTab[focused="true"] QLabel {
    color: creatorTheme.DStabFocusText;
}

ADS--DockAreaTitleBar {
    background: creatorTheme.DSdockWidgetTitleBar;
    border-bottom: 2px solid creatorTheme.DStabActiveBackground;
    padding-bottom: 0px;
}

ADS--DockAreaWidget[focused="true"] ADS--DockAreaTitleBar {
    border-bottom-color: creatorTheme.DStabFocusBackground;
}

ADS--AutoHideTab {
    qproperty-iconSize: 16px 16px; /* this is optional in case you would like to change icon size */
    background: none;
    border: none;
    padding-left: 2px;
    padding-right: 0px;
    text-align: center;
    min-height: 20px;
    padding-bottom: 2px;
}

ADS--AutoHideTab:hover {
    color: creatorTheme.DSinteraction;
}

ADS--AutoHideTab[iconOnly="false"][sideBarLocation="0"],
ADS--AutoHideTab[iconOnly="false"][sideBarLocation="2"] {
    border-top: 6px solid rgba(0, 0, 0, 48);
}

ADS--AutoHideTab[iconOnly="false"][sideBarLocation="1"],
ADS--AutoHideTab[iconOnly="false"][sideBarLocation="3"] {
    border-bottom: 6px solid rgba(0, 0, 0, 48);
}

ADS--AutoHideTab:hover[iconOnly="false"][sideBarLocation="0"],
ADS--AutoHideTab:hover[iconOnly="false"][sideBarLocation="2"],
ADS--AutoHideTab[iconOnly="false"][sideBarLocation="0"][activeTab="true"],
ADS--AutoHideTab[iconOnly="false"][sideBarLocation="2"][activeTab="true"] {
    border-top: 6px solid creatorTheme.DSinteraction;
}

ADS--AutoHideTab:hover[iconOnly="false"][sideBarLocation="1"],
ADS--AutoHideTab:hover[iconOnly="false"][sideBarLocation="3"],
ADS--AutoHideTab[iconOnly="false"][sideBarLocation="1"][activeTab="true"],
ADS--AutoHideTab[iconOnly="false"][sideBarLocation="3"][activeTab="true"] {
    border-bottom: 6px solid creatorTheme.DSinteraction;
}

/* Auto hide tabs with icon only */
ADS--AutoHideTab[iconOnly="true"][sideBarLocation="0"] {
    border-top: 6px solid rgba(0, 0, 0, 48);
}

ADS--AutoHideTab[iconOnly="true"][sideBarLocation="1"] {
    border-left: 6px solid rgba(0, 0, 0, 48);
}

ADS--AutoHideTab[iconOnly="true"][sideBarLocation="2"] {
    border-right: 6px solid rgba(0, 0, 0, 48);
}

ADS--AutoHideTab[iconOnly="true"][sideBarLocation="3"] {
    border-bottom: 6px solid rgba(0, 0, 0, 48);
}

/* Auto hide tabs with icon only hover */
ADS--AutoHideTab:hover[iconOnly="true"][sideBarLocation="0"],
ADS--AutoHideTab[iconOnly="true"][sideBarLocation="0"][activeTab="true"] {
    border-top: 6px solid creatorTheme.DSinteraction;
}

ADS--AutoHideTab:hover[iconOnly="true"][sideBarLocation="1"],
ADS--AutoHideTab[iconOnly="true"][sideBarLocation="1"][activeTab="true"] {
    border-left: 6px solid creatorTheme.DSinteraction;
}

ADS--AutoHideTab:hover[iconOnly="true"][sideBarLocation="2"],
ADS--AutoHideTab[iconOnly="true"][sideBarLocation="2"][activeTab="true"] {
    border-right: 6px solid creatorTheme.DSinteraction;
}

ADS--AutoHideTab:hover[iconOnly="true"][sideBarLocation="3"],
ADS--AutoHideTab[iconOnly="true"][sideBarLocation="3"][activeTab="true"] {
    border-bottom: 6px solid creatorTheme.DSinteraction;
}

/* AutoHideSideBar */
ADS--AutoHideSideBar {
    background: palette(window);
    border: none;
    qproperty-spacing: 12;
}

#sideTabsContainerWidget {
    background: transparent;
}

ADS--AutoHideSideBar[sideBarLocation="0"] {
    border-bottom: 1px solid palette(dark);
}

ADS--AutoHideSideBar[sideBarLocation="1"] {
    border-right: 1px solid palette(dark);
}

ADS--AutoHideSideBar[sideBarLocation="2"] {
    border-left: 1px solid palette(dark);
}

ADS--AutoHideSideBar[sideBarLocation="3"] {
    border-top: 1px solid palette(dark);
}

/* AutoHideDockContainer */
ADS--AutoHideDockContainer {
    background: palette(window);
}

ADS--AutoHideDockContainer ADS--DockAreaTitleBar {
    background: creatorTheme.DSinteraction;
    padding: 0px;
    border: none;
}

/*
 * This is required because the ADS--DockAreaWidget[focused="true"] will
 * overwrite the ADS--AutoHideDockContainer ADS--DockAreaTitleBar rule
 */
ADS--AutoHideDockContainer ADS--DockAreaWidget[focused="true"] ADS--DockAreaTitleBar {
    background: creatorTheme.DSinteraction;
    padding: 0px;
    border: none;
}

#autoHideTitleLabel {
    padding-left: 4px;
    color: palette(light);
}

/* AutoHideDockContainer titlebar buttons */
#dockAreaAutoHideButton {
    /*qproperty-icon: url(:/ads/images/vs-pin-button.svg);*/
    qproperty-iconSize: 16px;
}

ADS--AutoHideDockContainer #dockAreaAutoHideButton {
    /*qproperty-icon: url(:/ads/images/vs-pin-button-pinned-focused.svg);*/
    qproperty-iconSize: 16px;
}

ADS--AutoHideDockContainer #dockAreaCloseButton{
    /*qproperty-icon: url(:/ads/images/close-button-focused.svg)*/
}

ADS--AutoHideDockContainer ADS--TitleBarButton:hover {
    background: rgba(255, 255, 255, 48);
}

ads--CAutoHideDockContainer ADS--TitleBarButton:pressed {
    background: rgba(255, 255, 255, 96);
}

/* AutoHideDockContainer Titlebar and Buttons */

/* ResizeHandle */
ADS--ResizeHandle {
    background: palette(window);
}


ADS--AutoHideDockContainer[sideBarLocation="0"] ADS--ResizeHandle {
    border-top: 1px solid palette(dark);
}

ADS--AutoHideDockContainer[sideBarLocation="1"] ADS--ResizeHandle {
    border-left: 1px solid palette(dark);
}

ADS--AutoHideDockContainer[sideBarLocation="2"] ADS--ResizeHandle {
    border-right: 1px solid palette(dark);
}

ADS--AutoHideDockContainer[sideBarLocation="3"] ADS--ResizeHandle {
    border-top: 1px solid palette(dark);
}
