/* -----------------------------------------------------------------------------

   Component: Button Styles

----------------------------------------------------------------------------- */

.button-show,

#LoadLevelShowButton,

#CleanupSettingsShowButton,

#OutputSettingsShowButton,

#FxSettingsPreviewShowButton {

  image: url('imgs/white/plus.svg');

  image-position: center center;

  margin: 0;

  padding: 1;

  min-width: 10;

  min-height: 10;

}

.button-show:checked,

#LoadLevelShowButton:checked,

#CleanupSettingsShowButton:checked,

#OutputSettingsShowButton:checked,

#FxSettingsPreviewShowButton:checked {

  background-color: #313131;

  border-color: #2c2c2c;

  image: url('imgs/white/minus.svg');

}

.button-show:checked:pressed,

#LoadLevelShowButton:checked:pressed,

#CleanupSettingsShowButton:checked:pressed,

#OutputSettingsShowButton:checked:pressed,

#FxSettingsPreviewShowButton:checked:pressed {

  background-color: #313131;

  border-color: #2c2c2c;

}

.button-show:checked:hover,

#LoadLevelShowButton:checked:hover,

#CleanupSettingsShowButton:checked:hover,

#OutputSettingsShowButton:checked:hover,

#FxSettingsPreviewShowButton:checked:hover {

  background-color: #363636;

}

.button-tool,

QToolButton,

#CameraSettingsRadioButton::indicator,

#ForceSquaredPixelButton,

#SchematicBottomFrame QToolBar QToolButton,

#EditToolLockButton::indicator,

#flipCustomize {

  background-color: rgba(255, 255, 255, 0);

  border: 1 solid rgba(255, 255, 255, 0);

  border-radius: 2;

  color: #f3f3f3;

  margin: 1;

  padding: 0;

}

.button-tool:hover,

QToolButton:hover,

#CameraSettingsRadioButton::indicator:hover,

#ForceSquaredPixelButton:hover,

#colorSliderAddButton:hover,

#colorSliderSubButton:hover,

#SchematicBottomFrame QToolBar QToolButton:hover,

#EditToolLockButton::indicator:hover,

#flipCustomize:hover {

  background-color: #767676;

  border-color: #767676;

  color: #f3f3f3;

}

.button-tool:pressed,

QToolButton:pressed,

#CameraSettingsRadioButton::indicator:pressed,

#ForceSquaredPixelButton:pressed,

#colorSliderAddButton:pressed,

#colorSliderSubButton:pressed,

#SchematicBottomFrame QToolBar QToolButton:pressed,

#EditToolLockButton::indicator:pressed,

#flipCustomize:pressed {

  background-color: #313131;

  border-color: #2c2c2c;

  color: #f3f3f3;

}

.button-tool:checked,

QToolButton:checked,

#CameraSettingsRadioButton::indicator:checked,

#ForceSquaredPixelButton:checked,

#SchematicBottomFrame QToolBar QToolButton:checked,

#EditToolLockButton::indicator:checked,

#flipCustomize:checked {

  background-color: #5385a6;

  border-color: #5385a6;

  color: #ffffff;

}

.button-tool:checked:hover,

QToolButton:checked:hover,

#CameraSettingsRadioButton::indicator:checked:hover,

#ForceSquaredPixelButton:checked:hover,

#SchematicBottomFrame QToolBar QToolButton:checked:hover,

#EditToolLockButton::indicator:checked:hover,

#flipCustomize:checked:hover {

  background-color: #6c98b6;

  border-color: #6c98b6;

}

.button-tool:disabled,

QToolButton:disabled,

#CameraSettingsRadioButton::indicator:disabled,

#ForceSquaredPixelButton:disabled,

#SchematicBottomFrame QToolBar QToolButton:disabled,

#EditToolLockButton::indicator:disabled,

#flipCustomize:disabled {

  color: rgba(230, 230, 230, 0.4);

}

.button-flat,

PaletteViewer QToolBar QToolButton {

  background-color: none;

  border: 0;

  border-radius: 0;

  margin: 0;

}

.button-flat:hover,

PaletteViewer QToolBar QToolButton:hover {

  background-color: #767676;

}

.button-flat:pressed,

PaletteViewer QToolBar QToolButton:pressed {

  background-color: #272727;

}

/* -----------------------------------------------------------------------------

   Component: Frames

----------------------------------------------------------------------------- */

.frame,

.GroupBox,

#LoadLevelFrame,

#PsdSettingsGroupBox,

#CleanupSettingsFrame,

#OutputSettingsBox,

#OutputSettingsCameraBox,

#SolidLineFrame,

#FunctionParametersPanel,

QGroupBox {

  border: 1 solid #272727;

  border-radius: 2;

}

/* -----------------------------------------------------------------------------

   Component: Icons

----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------

   Component: Tabs

----------------------------------------------------------------------------- */

.tab-container,

#TabBarContainer {

  background-color: transparent;

  qproperty-BottomAboveLineColor: #393939;

  qproperty-BottomBelowLineColor: #272727;

}

.tab-flat,

#StopMotionTabBar::tab,

#StyleEditorTabBar::tab,

#PaletteTabBar::tab,

#FxSettingsTabBar::tab {

  background-color: #393939;

  border-right: 1 solid #272727;

  border-bottom: 1 solid #272727;

  color: #a1a1a1;

  padding: 3 4 3 4;

}

.tab-flat:hover,

#StopMotionTabBar::tab:hover,

#StyleEditorTabBar::tab:hover,

#PaletteTabBar::tab:hover,

#FxSettingsTabBar::tab:hover {

  background-color: #484848;

  color: #a1a1a1;

}

.tab-flat:selected,

#StopMotionTabBar::tab:selected,

#StyleEditorTabBar::tab:selected,

#PaletteTabBar::tab:selected,

#FxSettingsTabBar::tab:selected {

  background-color: #484848;

  color: #ffffff;

  border-bottom-color: #484848;

}

.tab-flat:only-one,

#StopMotionTabBar::tab:only-one,

#StyleEditorTabBar::tab:only-one,

#PaletteTabBar::tab:only-one,

#FxSettingsTabBar::tab:only-one {

  margin: 0;

}

.tab-round {

  background-color: #393939;

  border-top: 1 solid #272727;

  border-right: 1 solid #272727;

  border-left: 1 solid #272727;

  border-bottom: 1 solid #272727;

  color: #a1a1a1;

  margin: 3 -1 0 0;

  padding: 2 7 1 7;

}

.tab-round:hover {

  background-color: #484848;

  color: #a1a1a1;

}

.tab-round:selected {

  background-color: #484848;

  border-top-right-radius: 2;

  border-top-left-radius: 2;

  border-bottom-color: #484848;

  color: #ffffff;

  margin: 1 -1 -1 0;

  padding: 2 7 2 7;

}

.tab-round:only-one {

  margin: 1 0 0 0;

  padding: 3 7 3 7;

}

.tab-round:last {

  margin-right: 0;

  border-top-right-radius: 2;

}

.tab-round:first {

  border-top-left-radius: 2;

}

/* -----------------------------------------------------------------------------

   Main

----------------------------------------------------------------------------- */

QWidget {

  background-color: #484848;

  color: #e6e6e6;

}

QWidget:disabled {

  color: rgba(230, 230, 230, 0.4);

}

QFrame {

  border: 0;

  margin: 0;

  padding: 0;

}

QToolTip,

#helpToolTip {

  background-color: #fff;

  border: 1 solid #000;

  color: #000;

  padding: 1 1;

}

#DockSeparator,

QMainWindow::separator,

QSplitter::handle {

  background-color: #1a1a1a;

  height: 4;

  width: 4;

}

#TDockPlaceholder {

  background-color: #F77272;

}

TPanel {

  background-color: #1a1a1a;

}

/* -----------------------------------------------------------------------------

   Topbar

----------------------------------------------------------------------------- */

#TopBar {

  background: #484848;

  border: 0;

  border-bottom: 1 solid #272727;

  height: 21;

}

#TopBar #EditToolLockButton {

  background: #484848;

  spacing: 0;

}

#TopBar #EditToolLockButton::indicator {

  background: none;

  border: none;

  height: 18;

  margin: 1 2 0 0;

  padding-left: 0;

  padding-right: 0;

}

#TopBarTabContainer {

  background-color: #484848;

  margin-bottom: 1;

}

#StackedMenuBar {

  border: 0;

  margin: 0;

  padding: 0;

}

QMenuBar {

  background-color: #484848;

  border: 0;

}

QMenuBar::item {

  background-color: #484848;

  border-left: 1 solid #484848;

  margin: 0;

  padding: 3 5;

}

QMenuBar::item:selected {

  background-color: rgba(255, 255, 255, 0.15);

  color: #e6e6e6;

}

QMenuBar::item:pressed {

  background-color: #5385a6;

  color: #ffffff;

}

/* -----------------------------------------------------------------------------

   Workspaces

----------------------------------------------------------------------------- */

#TopBarTab {

  margin: 0;

  padding: 0;

}

#TopBarTab::tab {

  background-color: #393939;

  border-top: 1 solid #272727;

  border-right: 1 solid #272727;

  color: #a1a1a1;

  margin: 0 0 0 0;

  padding: 2 8 3 8;

}

#TopBarTab::tab:hover {

  background-color: #484848;

  color: #a1a1a1;

}

#TopBarTab::tab:selected {

  background-color: #484848;

  color: #ffffff;

}

#TopBarTab::tab:first {

  border-left: 1 solid #272727;

}

#TopBarTab::tab:last {

  border-right: 1 solid #272727;

}

/* -----------------------------------------------------------------------------

   Menu

----------------------------------------------------------------------------- */

QMenu {

  background-color: #484848;

  border: 1 solid #272727;

  color: #e6e6e6;

  padding: 2 0;

}

QMenu::item {

  padding: 3 28;

}

QMenu::item:selected {

  background-color: #5385a6;

  color: #ffffff;

}

QMenu::item:checked {

  color: #e6e6e6;

}

QMenu::item:checked:selected {

  background-color: #5385a6;

  color: #ffffff;

}

QMenu::item:disabled {

  background: none;

  color: rgba(230, 230, 230, 0.4);

}

QMenu::item:disabled:selected {

  background-color: #5c5c5c;

  border-color: transparent;

  color: rgba(230, 230, 230, 0.4);

  /* fix for disabled indicator */

}

QMenu::separator {

  border-top: 1 solid #272727;

  height: 0;

  margin: 2 0;

}

QMenu::icon {

  border-radius: 2;

  margin: 0 0 0 3;

  padding: 1;

}

QMenu::icon:checked {

  background-color: #5385a6;

}

QMenu::indicator {

  margin-left: 7;

}

/* -----------------------------------------------------------------------------

   Titlebars

----------------------------------------------------------------------------- */

TPanelTitleBar {

  background-color: #393939;

  border-color: #272727;

  border-style: solid;

  border-width: 0 0 1 0;

  height: 20;

  min-height: 20;

  qproperty-TitleColor: #949494;

  qproperty-ActiveTitleColor: #fff;

  qproperty-BorderPixmap: url('none');

  qproperty-ActiveBorderPixmap: url('imgs/white/none');

  qproperty-FloatBorderPixmap: url('none');

  qproperty-FloatActiveBorderPixmap: url('imgs/white/none');

}

/* -----------------------------------------------------------------------------

   Scrollbars

----------------------------------------------------------------------------- */

QAbstractScrollArea::corner {

  background-color: #343434;

}

QScrollBar {

  background-color: #343434;

  border: 0;

}

QScrollBar:horizontal {

  height: 16;

  margin: 0;

}

QScrollBar:vertical {

  margin: 0;

  width: 16;

}

QScrollBar::handle {

  border: 1 solid #525252;

  border-radius: 4;

}

QScrollBar::handle:horizontal:hover,

QScrollBar::handle:vertical:hover {

  background-color: #676767;

  border-color: #676767;

}

QScrollBar::handle:horizontal:pressed,

QScrollBar::handle:vertical:pressed {

  background-color: #7b7b7b;

  border-color: #7b7b7b;

}

QScrollBar::handle:horizontal {

  background-color: #525252;

  margin: 3 16;

  min-width: 20;

}

QScrollBar::handle:vertical {

  background-color: #525252;

  margin: 16 3;

  min-height: 20;

}

QScrollBar::add-line {

  subcontrol-origin: margin;

  border: 0;

}

QScrollBar::add-line:horizontal {

  subcontrol-position: right;

  background-color: #343434;

  margin: 0;

  width: 16;

}

QScrollBar::add-line:vertical {

  subcontrol-position: bottom;

  background-color: #343434;

  margin: 0;

  height: 16;

}

QScrollBar::sub-line {

  border: 0;

  subcontrol-origin: margin;

}

QScrollBar::sub-line:horizontal {

  subcontrol-position: left;

  background-color: #343434;

  margin: 0;

  width: 16;

}

QScrollBar::sub-line:vertical {

  subcontrol-position: top;

  background-color: #343434;

  margin: 0;

  height: 16;

}

QScrollBar::up-arrow:vertical {

  image: url('imgs/white/scroll-up.svg');

  image-position: center center;

}

QScrollBar::up-arrow:vertical:pressed {

  margin: 1 0 0 0;

}

QScrollBar::down-arrow:vertical {

  image: url('imgs/white/scroll-down.svg');

  image-position: center center;

}

QScrollBar::down-arrow:vertical:pressed {

  margin: 1 0 0 0;

}

QScrollBar::left-arrow:horizontal {

  image: url('imgs/white/scroll-left.svg');

  image-position: center center;

}

QScrollBar::left-arrow:horizontal:pressed {

  margin: 1 0 0 0;

}

QScrollBar::right-arrow:horizontal {

  image: url('imgs/white/scroll-right.svg');

  image-position: center center;

}

QScrollBar::right-arrow:horizontal:pressed {

  margin: 1 0 0 0;

}

QScrollBar::sub-page:horizontal,

QScrollBar::add-page:horizontal,

QScrollBar::sub-page:vertical,

QScrollBar::add-page:vertical {

  background: none;

}

/* -----------------------------------------------------------------------------

   Tool Bars

----------------------------------------------------------------------------- */

QToolBar {

  padding: 0;

}

QToolBar::separator:horizontal {

  border-left: 1 solid #272727;

  margin: 0 1;

  width: 0;

}

QToolBar::separator:vertical {

  border-top: 1 solid #272727;

  height: 0;

  margin: 1 0;

}

QToolBar QLabel {

  margin-top: 1;

}

QToolBar QToolBar {

  border: 0;

}

QToolButton::menu-indicator {

  image: none;

}

QToolButton::menu-button {

  border-image: none;

}

/* -------------------------------------------------------------------------- */

/* Scrollable QToolBar Buttons

/* -------------------------------------------------------------------------- */

.DvScrollWidget QPushButton,

DvScrollWidget QPushButton,

#ScrollLeftButton QPushButton,

#ScrollRightButton QPushButton,

#ScrollUpButton QPushButton,

#ScrollDownButton QPushButton {

  background-color: #696969;

  border: 0 solid red;

  border-radius: 0;

  padding: 0;

  max-width: 16;

}

.DvScrollWidget QPushButton:hover,

DvScrollWidget QPushButton:hover,

#ScrollLeftButton QPushButton:hover,

#ScrollRightButton QPushButton:hover,

#ScrollUpButton QPushButton:hover,

#ScrollDownButton QPushButton:hover {

  background-color: #767676;

}

.DvScrollWidget QPushButton:pressed,

DvScrollWidget QPushButton:pressed,

#ScrollLeftButton QPushButton:pressed,

#ScrollRightButton QPushButton:pressed,

#ScrollUpButton QPushButton:pressed,

#ScrollDownButton QPushButton:pressed {

  background-color: #313131;

}

#ScrollLeftButton,

#ScrollRightButton,

#ScrollUpButton,

#ScrollDownButton {

  margin: 0;

  min-width: 16;

}

#ScrollLeftButton {

  border-right: 1 solid #272727;

  image: url('imgs/white/scroll-left.svg');

}

#ScrollRightButton {

  border-left: 1 solid #272727;

  margin-left: 3;

  image: url('imgs/white/scroll-right.svg');

}

#ScrollUpButton {

  image: url('imgs/white/scroll-up.svg');

}

#ScrollDownButton {

  image: url('imgs/white/scroll-down.svg');

}

/* -------------------------------------------------------------------------- */

#keyFrameNavigator {

  background: none;

  margin: 0;

  padding: 0;

}

#keyFrameNavigator QToolButton {

  min-width: 18;

}

#keyFrameNavigator #PreviousKey {

  image: url('imgs/white/prevkey.svg');

}

#keyFrameNavigator #PreviousKey:hover {

  image: url('imgs/white/prevkey_over.svg');

}

#keyFrameNavigator #PreviousKey:disabled {

  image: url('imgs/white/prevkey_disabled.svg');

}

#keyFrameNavigator #NextKey {

  image: url('imgs/white/nextkey.svg');

}

#keyFrameNavigator #NextKey:hover {

  image: url('imgs/white/nextkey_over.svg');

}

#keyFrameNavigator #NextKey:disabled {

  image: url('imgs/white/nextkey_disabled.svg');

}

/* -----------------------------------------------------------------------------

   Trees

----------------------------------------------------------------------------- */

.treeview,

QTreeWidget,

QTreeView,

#FunctionEditorTree {

  background-color: #343434;

  alternate-background-color: #393939;

  border: 0;

  margin: 0;

  outline: 0;

}

.treeview::item:selected,

QTreeWidget::item:selected,

QTreeView::item:selected,

#FunctionEditorTree::item:selected {

  background-color: #5385a6;

  color: #ffffff;

}

.treeview::branch:adjoins-item,

QTreeWidget::branch:adjoins-item,

QTreeView::branch:adjoins-item,

#FunctionEditorTree::branch:adjoins-item {

  border-image: url('');

}

.treeview::branch:has-siblings,

QTreeWidget::branch:has-siblings,

QTreeView::branch:has-siblings,

#FunctionEditorTree::branch:has-siblings {

  border-image: url('');

}

.treeview::branch:has-siblings:adjoins-item,

QTreeWidget::branch:has-siblings:adjoins-item,

QTreeView::branch:has-siblings:adjoins-item,

#FunctionEditorTree::branch:has-siblings:adjoins-item {

  border-image: url('');

}

.treeview::branch:has-children:closed,

QTreeWidget::branch:has-children:closed,

QTreeView::branch:has-children:closed,

#FunctionEditorTree::branch:has-children:closed {

  background: url('imgs/white/treebranch-closed.svg') no-repeat;

  background-position: center center;

  border-image: none;

  image: none;

}

.treeview::branch:has-children:open,

QTreeWidget::branch:has-children:open,

QTreeView::branch:has-children:open,

#FunctionEditorTree::branch:has-children:open {

  background: url('imgs/white/treebranch-open.svg') no-repeat;

  background-position: center center;

  image: none;

}

.treeview::branch:has-children:has-siblings:closed,

QTreeWidget::branch:has-children:has-siblings:closed,

QTreeView::branch:has-children:has-siblings:closed,

#FunctionEditorTree::branch:has-children:has-siblings:closed {

  background: url('imgs/white/treebranch-closed.svg') no-repeat;

  background-position: center center;

  border-image: none;

  image: none;

}

.treeview::branch:has-children:has-siblings:open,

QTreeWidget::branch:has-children:has-siblings:open,

QTreeView::branch:has-children:has-siblings:open,

#FunctionEditorTree::branch:has-children:has-siblings:open {

  background: url('imgs/white/treebranch-open.svg') no-repeat;

  background-position: center center;

  border-image: none;

  image: none;

}

QListView {

  outline: 0;

  background: #343434;

  alternate-background-color: #393939;

}

/* -----------------------------------------------------------------------------

   Tab Systems

----------------------------------------------------------------------------- */

#TabBarContainer {

  background-color: #393939;

}

/* -----------------------------------------------------------------------------

   Push Button

----------------------------------------------------------------------------- */

.Button,

QPushButton,

.ComboBox,

.ComboBox:checked,

QComboBox,

QComboBox:checked {

  background-color: #696969;

  border: 1 solid #484848;

  border-radius: 2;

  color: #f3f3f3;

  margin: 0;

  padding: 3 15;

}

.Button:hover,

QPushButton:hover,

#ViewerFpsSlider::sub-line:horizontal:hover,

#ViewerFpsSlider::add-line:horizontal:hover {

  background-color: #767676;

  border-color: #484848;

  color: #f3f3f3;

}

.Button:pressed,

QPushButton:pressed,

#ViewerFpsSlider::sub-line:horizontal:pressed,

#ViewerFpsSlider::add-line:horizontal:pressed {

  background-color: #313131;

  border-color: #2c2c2c;

  color: #f3f3f3;

}

.Button:checked,

QPushButton:checked {

  background-color: #313131;

  border-color: #2c2c2c;

  color: #f3f3f3;

}

.Button:checked:hover,

QPushButton:checked:hover {

  background-color: #363636;

}

.Button:checked:hover:pressed,

QPushButton:checked:hover:pressed {

  background: #313131;

}

.Button:disabled,

QPushButton:disabled,

.ComboBox:disabled,

#ViewerFpsSlider::sub-line:horizontal:disabled,

#ViewerFpsSlider::add-line:horizontal:disabled,

QComboBox:disabled {

  background-color: #555555;

  border-color: #484848;

  color: rgba(230, 230, 230, 0.4);

}

#PushButton_NoPadding {

  padding: 3;

}

/* -----------------------------------------------------------------------------

   Combo Box

----------------------------------------------------------------------------- */

.ComboBox,

.ComboBox:checked,

QComboBox,

QComboBox:checked {

  padding: 1 0 1 4;

  margin: 1 0;

}

.ComboBox:editable,

QComboBox:editable {

  /* for editable ComboBox */

  color: #e6e6e6;

  background-color: #2f2f2f;

  border-color: #2c2c2c;

  padding: 1 0 1 3;

}

.ComboBox:hover,

QComboBox:hover {

  background-color: #767676;

}

.ComboBox:hover:editable,

QComboBox:hover:editable {

  background-color: #2f2f2f;

}

.ComboBox:focus,

QComboBox:focus {

  border-color: #5385a6;

}

.ComboBox:checked,

QComboBox:checked {

  border-color: #5385a6;

}

.ComboBox::drop-down,

QComboBox::drop-down {

  border: 0;

  image: url('imgs/white/combo_downarrow.svg');

  image-position: center center;

  width: 16;

}

.ComboBox::drop-down:editable,

QComboBox::drop-down:editable {

  background-color: #696969;

  border-left: 0 solid #484848;

  border-top-right-radius: 1;

  border-bottom-right-radius: 1;

}

.ComboBox::drop-down:hover,

QComboBox::drop-down:hover {

  border-color: #767676;

}

.ComboBox::drop-down:hover:editable,

QComboBox::drop-down:hover:editable {

  background-color: #767676;

  border-color: #484848;

}

.ComboBox::drop-down:disabled,

QComboBox::drop-down:disabled {

  image: url('imgs/white/combo_downarrow_disabled.svg');

}

.ComboBox::drop-down:disabled:editable,

QComboBox::drop-down:disabled:editable {

  background-color: #555555;

}

.ComboBox QAbstractItemView,

QComboBox QAbstractItemView {

  background-color: #484848;

  border: 1 solid #272727;

  selection-background-color: #5385a6;

  selection-color: #ffffff;

}

/* -----------------------------------------------------------------------------

   Textfield

----------------------------------------------------------------------------- */

.LineEdit,

QPlainTextEdit,

QLineEdit,

#TaskSheetItem,

#tasksRemoveBox,

#tasksAddBox {

  background-color: #2f2f2f;

  border: 1 solid #2c2c2c;

  border-radius: 2;

  color: #e6e6e6;

  selection-background-color: #5385a6;

  selection-color: #ffffff;

  padding: 0 0 0 1;

}

.LineEdit:focus,

QPlainTextEdit:focus,

QLineEdit:focus,

#TaskSheetItem:focus,

#tasksRemoveBox:focus,

#tasksAddBox:focus {

  background-color: #2f2f2f;

  border-color: #5385a6;

  color: #e6e6e6;

}

.LineEdit:disabled,

QPlainTextEdit:disabled,

QLineEdit:disabled,

#TaskSheetItem:disabled,

#tasksRemoveBox:disabled,

#tasksAddBox:disabled {

  background-color: #3b3b3b;

  border-color: #3a3a3a;

  color: rgba(230, 230, 230, 0.4);

}

/* -----------------------------------------------------------------------------

   CheckBox

----------------------------------------------------------------------------- */

.CheckBox,

QCheckBox {

  color: #e6e6e6;

}

.CheckBox:hover,

QCheckBox:hover {

  color: #ffffff;

}