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

   Component: Button Styles

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

.button-show,

#LoadLevelShowButton,

#CleanupSettingsShowButton,

#OutputSettingsShowButton,

#FxSettingsPreviewShowButton {

  image: url('../Default/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: #191919;

  border-color: #141414;

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

}

.button-show:checked:pressed,

#LoadLevelShowButton:checked:pressed,

#CleanupSettingsShowButton:checked:pressed,

#OutputSettingsShowButton:checked:pressed,

#FxSettingsPreviewShowButton:checked:pressed {

  background-color: #191919;

  border-color: #141414;

}

.button-show:checked:hover,

#LoadLevelShowButton:checked:hover,

#CleanupSettingsShowButton:checked:hover,

#OutputSettingsShowButton:checked:hover,

#FxSettingsPreviewShowButton:checked:hover {

  background-color: #1e1e1e;

}

.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: #dbdbdb;

  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: #5e5e5e;

  border-color: #5e5e5e;

  color: #dbdbdb;

}

.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: #191919;

  border-color: #141414;

  color: #dbdbdb;

}

.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: #808080;

}

.button-flat,

PaletteViewer QToolBar QToolButton {

  background-color: none;

  border: 0;

  border-radius: 0;

  margin: 0;

}

.button-flat:hover,

PaletteViewer QToolBar QToolButton:hover {

  background-color: #5e5e5e;

}

.button-flat:pressed,

PaletteViewer QToolBar QToolButton:pressed {

  background-color: #161616;

}

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

   Component: Frames

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

.frame,

.GroupBox,

#LoadLevelFrame,

#PsdSettingsGroupBox,

#CleanupSettingsFrame,

#OutputSettingsBox,

#OutputSettingsCameraBox,

#SolidLineFrame,

#FunctionParametersPanel,

QGroupBox {

  border: 1 solid #161616;

  border-radius: 2;

}

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

   Component: Icons

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

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

   Component: Tabs

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

.tab-container,

#TabBarContainer {

  background-color: transparent;

  qproperty-BottomAboveLineColor: #262626;

  qproperty-BottomBelowLineColor: #161616;

}

.tab-flat,

#StopMotionTabBar::tab,

#StyleEditorTabBar::tab,

#PaletteTabBar::tab,

#FxSettingsTabBar::tab {

  background-color: #262626;

  border-right: 1 solid #161616;

  border-bottom: 1 solid #161616;

  color: #8b8b8b;

  padding: 3 4 3 4;

}

.tab-flat:hover,

#StopMotionTabBar::tab:hover,

#StyleEditorTabBar::tab:hover,

#PaletteTabBar::tab:hover,

#FxSettingsTabBar::tab:hover {

  background-color: #303030;

  color: #8b8b8b;

}

.tab-flat:selected,

#StopMotionTabBar::tab:selected,

#StyleEditorTabBar::tab:selected,

#PaletteTabBar::tab:selected,

#FxSettingsTabBar::tab:selected {

  background-color: #303030;

  color: #f4f4f4;

  border-bottom-color: #303030;

}

.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: #262626;

  border-top: 1 solid #161616;

  border-right: 1 solid #161616;

  border-left: 1 solid #161616;

  border-bottom: 1 solid #161616;

  color: #8b8b8b;

  margin: 3 -1 0 0;

  padding: 2 7 1 7;

}

.tab-round:hover {

  background-color: #303030;

  color: #8b8b8b;

}

.tab-round:selected {

  background-color: #303030;

  border-top-right-radius: 2;

  border-top-left-radius: 2;

  border-bottom-color: #303030;

  color: #f4f4f4;

  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: #303030;

  color: #cecece;

}

QWidget:disabled {

  color: #808080;

}

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: #0c0c0c;

  height: 4;

  width: 4;

}

#TDockPlaceholder {

  background-color: #F77272;

}

TPanel {

  background-color: #0c0c0c;

}

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

   Topbar

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

#TopBar {

  background: #303030;

  border: 0;

  border-bottom: 1 solid #161616;

  height: 21;

}

#TopBar #EditToolLockButton {

  background: #303030;

  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: #303030;

  margin-bottom: 1;

}

#StackedMenuBar {

  border: 0;

  margin: 0;

  padding: 0;

}

QMenuBar {

  background-color: #303030;

  border: 0;

}

QMenuBar::item {

  background-color: #303030;

  border-left: 1 solid #303030;

  margin: 0;

  padding: 3 5;

}

QMenuBar::item:selected {

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

  color: #cecece;

}

QMenuBar::item:pressed {

  background-color: #5385a6;

  color: #ffffff;

}

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

   Workspaces

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

#TopBarTab {

  margin: 0;

  padding: 0;

}

#TopBarTab::tab {

  background-color: #262626;

  border-top: 1 solid #161616;

  border-right: 1 solid #161616;

  color: #8b8b8b;

  margin: 0 0 0 0;

  padding: 2 8 3 8;

}

#TopBarTab::tab:hover {

  background-color: #303030;

  color: #8b8b8b;

}

#TopBarTab::tab:selected {

  background-color: #303030;

  color: #f4f4f4;

}

#TopBarTab::tab:first {

  border-left: 1 solid #161616;

}

#TopBarTab::tab:last {

  border-right: 1 solid #161616;

}

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

   Menu

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

QMenu {

  background-color: #303030;

  border: 1 solid #161616;

  padding: 2 0;

}

QMenu::item {

  padding: 3 28;

}

QMenu::item:selected {

  background-color: #5385a6;

  color: #ffffff;

}

QMenu::item:checked {

  color: #cecece;

}

QMenu::item:checked:selected {

  background-color: #5385a6;

  color: #ffffff;

}

QMenu::item:disabled {

  background: none;

  color: #808080;

}

QMenu::item:disabled:selected {

  border-color: transparent;

}

QMenu::separator {

  border-top: 1 solid #161616;

  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: #262626;

  border-color: #161616;

  border-style: solid;

  border-width: 0 0 1 0;

  height: 20;

  min-height: 20;

  qproperty-TitleColor: #7d7d7d;

  qproperty-ActiveTitleColor: #fff;

  qproperty-BorderPixmap: url('none');

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

  qproperty-FloatBorderPixmap: url('none');

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

}

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

   Scrollbars

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

QAbstractScrollArea::corner {

  background-color: #262626;

}

QScrollBar {

  background-color: #262626;

  border: 0;

}

QScrollBar:horizontal {

  height: 16;

  margin: 0;

}

QScrollBar:vertical {

  margin: 0;

  width: 16;

}

QScrollBar::handle {

  border: 1 solid #3a3a3a;

  border-radius: 4;

}

QScrollBar::handle:horizontal:hover,

QScrollBar::handle:vertical:hover {

  background-color: #4f4f4f;

  border-color: #4f4f4f;

}

QScrollBar::handle:horizontal:pressed,

QScrollBar::handle:vertical:pressed {

  background-color: #636363;

  border-color: #636363;

}

QScrollBar::handle:horizontal {

  background-color: #3a3a3a;

  margin: 3 16;

  min-width: 20;

}

QScrollBar::handle:vertical {

  background-color: #3a3a3a;

  margin: 16 3;

  min-height: 20;

}

QScrollBar::add-line {

  subcontrol-origin: margin;

  border: 0;

}

QScrollBar::add-line:horizontal {

  subcontrol-position: right;

  background-color: #262626;

  margin: 0;

  width: 16;

}

QScrollBar::add-line:vertical {

  subcontrol-position: bottom;

  background-color: #262626;

  margin: 0;

  height: 16;

}

QScrollBar::sub-line {

  border: 0;

  subcontrol-origin: margin;

}

QScrollBar::sub-line:horizontal {

  subcontrol-position: left;

  background-color: #262626;

  margin: 0;

  width: 16;

}

QScrollBar::sub-line:vertical {

  subcontrol-position: top;

  background-color: #262626;

  margin: 0;

  height: 16;

}

QScrollBar::up-arrow:vertical {

  image: url('../Default/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('../Default/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('../Default/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('../Default/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 #161616;

  margin: 0 1;

  width: 0;

}

QToolBar::separator:vertical {

  border-top: 1 solid #161616;

  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: #515151;

  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: #5e5e5e;

}

.DvScrollWidget QPushButton:pressed,

DvScrollWidget QPushButton:pressed,

#ScrollLeftButton QPushButton:pressed,

#ScrollRightButton QPushButton:pressed,

#ScrollUpButton QPushButton:pressed,

#ScrollDownButton QPushButton:pressed {

  background-color: #191919;

}

#ScrollLeftButton,

#ScrollRightButton,

#ScrollUpButton,

#ScrollDownButton {

  margin: 0;

  min-width: 16;

}

#ScrollLeftButton {

  border-right: 1 solid #161616;

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

}

#ScrollRightButton {

  border-left: 1 solid #161616;

  margin-left: 3;

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

}

#ScrollUpButton {

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

}

#ScrollDownButton {

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

}

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

#keyFrameNavigator {

  background: none;

  margin: 0;

  padding: 0;

}

#keyFrameNavigator QToolButton {

  min-width: 18;

}

#keyFrameNavigator #PreviousKey {

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

}

#keyFrameNavigator #PreviousKey:hover {

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

}

#keyFrameNavigator #PreviousKey:disabled {

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

}

#keyFrameNavigator #NextKey {

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

}

#keyFrameNavigator #NextKey:hover {

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

}

#keyFrameNavigator #NextKey:disabled {

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

}

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

   Trees

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

.treeview,

QTreeWidget,

QTreeView,

#FunctionEditorTree {

  background-color: #262626;

  alternate-background-color: #2b2b2b;

  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('../Default/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('../Default/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('../Default/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('../Default/imgs/white/treebranch-open.svg') no-repeat;

  background-position: center center;

  border-image: none;

  image: none;

}

QListView {

  outline: 0;

  background: #262626;

  alternate-background-color: #2b2b2b;

}

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

   Tab Systems

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

#TabBarContainer {

  background-color: #262626;

}

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

   Push Button

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

.Button,

QPushButton,

.ComboBox,

.ComboBox:checked,

QComboBox,

QComboBox:checked {

  background-color: #515151;

  border: 1 solid #303030;

  border-radius: 2;

  color: #dbdbdb;

  margin: 0;

  padding: 3 15;

}

.Button:hover,

QPushButton:hover,

.ComboBox:hover,

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

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

QComboBox:hover {

  background-color: #5e5e5e;

  border-color: #303030;

  color: #dbdbdb;

}

.Button:pressed,

QPushButton:pressed,

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

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

  background-color: #191919;

  border-color: #141414;

  color: #dbdbdb;

}

.Button:checked,

QPushButton:checked {

  background-color: #191919;

  border-color: #141414;

  color: #dbdbdb;

}

.Button:checked:hover,

QPushButton:checked:hover {

  background-color: #1e1e1e;

}

.Button:checked:hover:pressed,

QPushButton:checked:hover:pressed {

  background: #191919;

}

.Button:disabled,

QPushButton:disabled,

.ComboBox:disabled,

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

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

QComboBox:disabled {

  background-color: #3d3d3d;

  border-color: #303030;

  color: #808080;

}

#PushButton_NoPadding {

  padding: 3;

}

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

   Combo Box

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

.ComboBox,

.ComboBox:checked,

QComboBox,

QComboBox:checked {

  padding: 1 0 1 4;

  margin: 1 0;

}

.ComboBox::drop-down,

QComboBox::drop-down {

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

  image-position: center center;

  width: 16;

}

.ComboBox::drop-down:disabled,

QComboBox::drop-down:disabled {

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

}

.ComboBox QAbstractItemView,

QComboBox QAbstractItemView {

  background-color: #303030;

  border: 1 solid #161616;

  selection-background-color: #5385a6;

  selection-color: #ffffff;

}

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

   Textfield

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

.LineEdit,

QPlainTextEdit,

QLineEdit,

#TaskSheetItem,

#tasksRemoveBox,

#tasksAddBox {

  background-color: #1c1c1c;

  border: 1 solid #3d3d3d;

  border-radius: 2;

  color: #cecece;

  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: #1c1c1c;

  border-color: #5385a6;

  color: #cecece;

}

.LineEdit:disabled,

QPlainTextEdit:disabled,

QLineEdit:disabled,

#TaskSheetItem:disabled,

#tasksRemoveBox:disabled,

#tasksAddBox:disabled {

  background-color: #262626;

  border-color: #363636;

  color: #808080;

}

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

   CheckBox

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

.CheckBox,

QCheckBox {

  color: #cecece;

}

.CheckBox:hover,

QCheckBox:hover,

.RadioButton:hover,

QRadioButton:hover {

  color: #ffffff;

}

.CheckBox:disabled,

QCheckBox:disabled {

  color: #808080;

}

.CheckBox::indicator,

QMenu::indicator,

QCheckBox::indicator,

.GroupBox::indicator,

QGroupBox::indicator {

  background-color: #1c1c1c;

  border: 1 solid #3d3d3d;

  border-radius: 2;

  height: 9;

  /* fix for QGroupBox */

  padding: 1;

  width: 9;

  /* fix for QMenu */

}

.CheckBox::indicator:hover,

QMenu::indicator:hover,

.CheckBox::indicator:checked:hover,

.CheckBox::indicator:indeterminate:hover,

QCheckBox::indicator:hover,

.GroupBox::indicator:hover,

QMenu::indicator:checked:hover,

QMenu::indicator:indeterminate:hover,

QCheckBox::indicator:checked:hover,

QCheckBox::indicator:indeterminate:hover,

.GroupBox::indicator:checked:hover,

.GroupBox::indicator:indeterminate:hover,

QGroupBox::indicator:hover,

QGroupBox::indicator:checked:hover,

QGroupBox::indicator:indeterminate:hover {

  background-color: #1c1c1c;

  border-color: #5385a6;

}

.CheckBox::indicator:checked,

QMenu::indicator:checked,

QCheckBox::indicator:checked,

.GroupBox::indicator:checked,

QGroupBox::indicator:checked {

  background-color: #1c1c1c;

  border-color: #3d3d3d;

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

}