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

   Component: Button Styles

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

.button-tool,

QToolButton,

#FileBrowser QToolBar QToolButton,

#CameraSettingsRadioButton::indicator,

#ForceSquaredPixelButton,

#EditToolLockButton::indicator,

#flipCustomize {

  background-color: transparent;

  border: 1 solid transparent;

  border-radius: 2;

  color: #f3f3f3;

}

.button-tool:hover,

QToolButton:hover,

#FileBrowser QToolBar QToolButton:hover,

#CameraSettingsRadioButton::indicator:hover,

#ForceSquaredPixelButton:hover,

#colorSliderAddButton:hover,

#colorSliderSubButton:hover,

#EditToolLockButton::indicator:hover,

#flipCustomize:hover {

  background-color: #717171;

  border-color: #717171;

  color: #f3f3f3;

}

.button-tool:pressed,

QToolButton:pressed,

#FileBrowser QToolBar QToolButton:pressed,

#CameraSettingsRadioButton::indicator:pressed,

#ForceSquaredPixelButton:pressed,

#colorSliderAddButton:pressed,

#colorSliderSubButton:pressed,

#EditToolLockButton::indicator:pressed,

#flipCustomize:pressed {

  background-color: #2c2c2c;

  border-color: #272727;

  color: #f3f3f3;

}

.button-tool:checked,

QToolButton:checked,

#FileBrowser QToolBar QToolButton:checked,

#CameraSettingsRadioButton::indicator:checked,

#ForceSquaredPixelButton:checked,

#EditToolLockButton::indicator:checked,

#flipCustomize:checked {

  background-color: #5385a6;

  border-color: #5385a6;

  color: #ffffff;

}

.button-tool:checked:hover,

QToolButton:checked:hover,

#FileBrowser QToolBar QToolButton:checked:hover,

#CameraSettingsRadioButton::indicator:checked:hover,

#ForceSquaredPixelButton:checked:hover,

#EditToolLockButton::indicator:checked:hover,

#flipCustomize:checked:hover {

  background-color: #6c98b6;

  border-color: #6c98b6;

}

.button-tool:disabled,

QToolButton:disabled,

#FileBrowser QToolBar QToolButton:disabled,

#CameraSettingsRadioButton::indicator:disabled,

#ForceSquaredPixelButton:disabled,

#EditToolLockButton::indicator:disabled,

#flipCustomize:disabled {

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

}

.button-tool:disabled:checked,

QToolButton:disabled:checked,

#FileBrowser QToolBar QToolButton:disabled:checked,

#CameraSettingsRadioButton::indicator:disabled:checked,

#ForceSquaredPixelButton:disabled:checked,

#EditToolLockButton::indicator:disabled:checked,

#flipCustomize:disabled:checked {

  background-color: rgba(83, 133, 166, 0.4);

  border-color: rgba(83, 133, 166, 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: #717171;

}

.button-flat:pressed,

PaletteViewer QToolBar QToolButton:pressed {

  background-color: #2c2c2c;

}

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

   Component: Frames

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

.frame,

QTabWidget::Pane,

.GroupBox,

#LoadLevelFrame,

#PsdSettingsGroupBox,

#CleanupSettings #CleanupSettingsFrame,

#CleanupSettings QScrollArea,

#OutputSettingsBox,

#OutputSettingsCameraBox,

#SolidLineFrame,

#FunctionParametersPanel,

QGroupBox {

  border: 1 solid #2c2c2c;

  border-radius: 2;

}

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

   Component: Icons

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

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

   Component: Tabs

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

.tab-container {

  background-color: #393939;

  qproperty-BottomAboveLineColor: #393939;

  qproperty-BottomBelowLineColor: #2c2c2c;

}

.tab-flat,

#TopBarTab::tab,

#TabBarContainer QTabBar::tab {

  background-color: #393939;

  border-right: 1 solid #272727;

  border-bottom: 1 solid #2c2c2c;

  border-top: 0;

  border-left: 0;

  border-radius: 0;

  color: #a1a1a1;

  padding: 3 4 3 4;

  margin: 0;

}

.tab-flat:hover,

#TopBarTab::tab:hover,

#TabBarContainer QTabBar::tab:hover {

  background-color: #454545;

  color: #a1a1a1;

}

.tab-flat:selected,

#TopBarTab::tab:selected,

#TabBarContainer QTabBar::tab:selected {

  background-color: #484848;

  color: #fff;

  border-bottom-color: #484848;

}

.tab-flat:only-one,

#TopBarTab::tab:only-one,

#TabBarContainer QTabBar::tab:only-one {

  margin: 0;

}

.tab-round,

QTabBar::tab {

  background-color: #393939;

  border: 1 solid #2c2c2c;

  color: #a1a1a1;

  margin: 3 -1 0 0;

  padding: 2 7 1 7;

}

.tab-round:hover,

QTabBar::tab:hover {

  background-color: #454545;

  color: #a1a1a1;

}

.tab-round:selected,

QTabBar::tab:selected {

  background-color: #484848;

  border-top-right-radius: 2;

  border-top-left-radius: 2;

  border-bottom-color: #484848;

  color: #fff;

  margin: 1 -1 -1 0;

  padding: 2 7 2 7;

}

.tab-round:only-one,

QTabBar::tab:only-one {

  margin: 1 0 0 0;

  padding: 3 7 3 7;

}

.tab-round:last,

QTabBar::tab:last {

  margin-right: 0;

  border-top-right-radius: 2;

}

.tab-round:first,

QTabBar::tab:first {

  border-top-left-radius: 2;

}

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

   Main

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

QWidget,

QTextEdit[readOnly="true"] {

  background-color: #484848;

  color: #e6e6e6;

}

QWidget:disabled,

QTextEdit[readOnly="true"]:disabled {

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

}

QFrame {

  border: 0;

  margin: 0;

  padding: 0;

  alternate-background-color: #e6e6e6;

}

QToolTip,

#helpToolTip {

  background-color: #292B2D;

  border: 1 solid #CFD1D4;

  color: #CFD2D4;

  padding: 1 1;

}

#DockSeparator,

QMainWindow::separator,

QSplitter::handle {

  background-color: #1f1f1f;

  height: 4;

  width: 4;

}

#TDockPlaceholder {

  background-color: #f55454;

}

TPanel {

  background-color: #1f1f1f;

}

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

   Topbar

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

#TopBar {

  background: #484848;

  border: 0;

  border-bottom: 1 solid #2c2c2c;

}

#TopBar #EditToolLockButton {

  background: #484848;

  spacing: 0;

}

#TopBar #EditToolLockButton::indicator {

  background: none;

  border: none;

  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 3 5;

}

QMenuBar::item:selected {

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

  color: #e6e6e6;

}

QMenuBar::item:pressed {

  background-color: #5385a6;

  color: #ffffff;

}

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

   Workspaces

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

#TopBarTab {

  margin: 0;

  padding: 0;

  background-color: transparent;

}

#TopBarTab::tab {

  border-top: 1 solid #272727;

  margin: 0 0 -1 0;

  padding: 2 8 3 8;

}

#TopBarTab::tab:selected {

  background-color: #5385a6;

}

#TopBarTab::tab:first {

  border-left: 1 solid #272727;

}

#TopBarTab QToolButton {

  border-left: 2 solid #2c2c2c;

  border-top: 1 solid #2c2c2c;

  border-right: 1 solid #2c2c2c;

  border-bottom: 0;

  margin-left: -1;

  margin-top: 0;

}

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

   Menu

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

QMenu {

  background-color: #484848;

  border: 1 solid #2c2c2c;

  color: #e6e6e6;

  padding: 2 0;

}

QMenu::item {

  border: 0;

  padding: 3 28 3 14;

}

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 {

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

  /* fix for disabled indicator */

}

QMenu::separator {

  border-top: 1 solid #2c2c2c;

  height: 0;

  margin: 2 0;

}

QMenu::icon {

  border-radius: 2;

  position: absolute;

  left: 7;

  padding: 0;

  margin: 0;

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

}

QMenu::icon:checked {

  background-color: #5385a6;

  border: 1 solid #5385a6;

}

QMenu::indicator {

  margin-left: 8;

}

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

   Titlebars

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

TPanelTitleBar {

  background-color: #393939;

  border-bottom: 1px solid #2c2c2c;

  height: 18;

  min-height: 18;

  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');

}

TPanelTitleBarButton {

  qproperty-PressedColor: #5385a6;

  qproperty-FreezeColor: #C34040;

  qproperty-PreviewColor: #1baf7e;

  qproperty-OverColor: #717171;

}

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

   Scrollbars

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

QAbstractScrollArea::corner {

  background-color: #343434;

}

QScrollBar {

  background-color: #343434;

  border: 0;

}

QScrollBar:horizontal {

  height: 15;

  margin: 0;

}

QScrollBar:vertical {

  margin: 0;

  width: 15;

}

QScrollBar::handle {

  border: 0 solid #5c5c5c;

  border-radius: 4;

}

QScrollBar::handle:horizontal:hover,

QScrollBar::handle:vertical:hover {

  background-color: #717171;

  border-color: #717171;

}

QScrollBar::handle:horizontal:pressed,

QScrollBar::handle:vertical:pressed {

  background-color: #858585;

  border-color: #858585;

}

QScrollBar::handle:horizontal {

  background-color: #5c5c5c;

  margin: 3 16;

  min-width: 20;

}

QScrollBar::handle:vertical {

  background-color: #5c5c5c;

  margin: 16 3 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;

}

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

   QToolBar

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

/* This applies to QToolBar, this is not the #ToolBar window, although the

  properties here also apply in the window, you should look in

  [layouts/toolbar] if you want window control. */

QToolBar {

  padding: 0;

}

QToolBar::separator:horizontal {

  border-left: 1 solid #2c2c2c;

  margin: 0 1;

  width: 0;

}

QToolBar::separator:vertical {

  border-top: 1 solid #2c2c2c;

  height: 0;

  margin: 1 0;

}

QToolBar QLabel {

  margin-top: 1;

}

QToolBar QToolBar {

  border: 0;

}

QToolButton {

  margin-left: 1;

  margin-right: 1;

  padding: 0;

}

QToolButton::menu-indicator {

  image: none;

}

QToolButton::menu-button {

  border-image: none;

}

QToolButton#qt_toolbar_ext_button {

  padding: 0;

  border: 0;

  margin: 0;

  qproperty-icon: url('imgs/white/toolbar_extension_horizontal.png');

}

QToolButton#qt_toolbar_ext_button:hover {

  background-color: #717171;

}

QToolButton#qt_toolbar_ext_button:pressed {

  background-color: #2c2c2c;

}

.DvScrollWidget QPushButton,

DvScrollWidget QPushButton,

#ScrollLeftButton QPushButton,

#ScrollRightButton QPushButton,

#ScrollUpButton QPushButton,

#ScrollDownButton QPushButton {

  background-color: #646464;

  border: 0 solid #2c2c2c;

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

}

.DvScrollWidget QPushButton:pressed,

DvScrollWidget QPushButton:pressed,

#ScrollLeftButton QPushButton:pressed,

#ScrollRightButton QPushButton:pressed,

#ScrollUpButton QPushButton:pressed,

#ScrollDownButton QPushButton:pressed {

  background-color: #2c2c2c;

}

DvScrollWidget {

  /* Multiple classes can use the same style as DvScrollWidget, and

    since the compiler can't handle extending to Qt names we place the

    style in a mixin and extend the name to it instead. */

}

#ScrollLeftButton,

#ScrollRightButton,

#ScrollUpButton,

#ScrollDownButton {

  margin: 0;

  min-width: 16;

}

#ScrollLeftButton {

  border-right: 1 solid #2c2c2c;

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

}

#ScrollRightButton {

  border-left: 1 solid #2c2c2c;

  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');

}

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

/* For the buttons to display a BG color we need to set a blank image, setting

   an empty URL solves this. */

#keyFrameNavigator {

  background: transparent;

  margin: 0;

  padding: 0;

}

#keyFrameNavigator #PreviousKey {

  margin: 0 2;

  padding-right: -1;

  width: 20px;

  height: 20px;

  image: url('');

}

#keyFrameNavigator #PreviousKey:disabled {

  image: url('');

}

#keyFrameNavigator #NextKey {

  margin: 0 2;

  padding-right: -1;

  width: 20px;

  height: 20px;

  image: url('');

}

#keyFrameNavigator #NextKey:disabled {

  image: url('');

}

#keyFrameNavigator #KeyNo,

#keyFrameNavigator #KeyPartial,

#keyFrameNavigator #KeyTotal {

  margin: 0;

  padding-right: -1;

  width: 20px;

  height: 20px;

  image: url('');

}

#keyFrameNavigator #KeyNo:disabled,

#keyFrameNavigator #KeyPartial:disabled,

#keyFrameNavigator #KeyTotal:disabled {

  image: url('');

}

#keyFrameNavigator #KeyNo {

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

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

  image: url('');

}

#keyFrameNavigator #KeyNo:disabled {

  image: url('');

}

#keyFrameNavigator #KeyNo:hover {

  background-color: #717171;

  border-color: #717171;

}

#keyFrameNavigator #KeyPartial {

  background-color: #be7323;

  border: 1 solid #be7323;

  image: url('');

}

#keyFrameNavigator #KeyPartial:hover {

  background-color: #db8d39;

  border-color: #db8d39;

}

#keyFrameNavigator #KeyTotal {

  background-color: #be7323;

  border: 1 solid #be7323;

}

#keyFrameNavigator #KeyTotal:hover {

  background-color: #db8d39;

  border-color: #db8d39;

}

#keyFrameNavigator QToolButton#qt_toolbar_ext_button {

  padding-bottom: 3;

  border-radius: 2;

}

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

   Tabs

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

QTabWidget::Pane {

  position: absolute;

  top: -1;

  margin: 0 3 3 3;

}

QTabBar {

  background-color: transparent;

}

QTabBar::tab::first {

  margin-left: 3px;

}

QTabBar QToolButton {

  /* Scroll buttons */

  margin: 0;

  background-color: #484848;

  border-radius: 0;

  border: 1 solid #2c2c2c;

  border-top: 0;

  padding: 3 2 2 2;

}

QTabBar QToolButton:hover,

QTabBar QToolButton:pressed {

  border-color: #2c2c2c;

}

QTabBar QToolButton:disabled {

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

}

#TabBarContainer {

  background-color: #393939;

  qproperty-BottomAboveLineColor: #393939;

  qproperty-BottomBelowLineColor: #2c2c2c;

}

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

   Item Tree

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

.treeview,

QTreeWidget,

QTreeView,

#FunctionEditorTree {

  background-color: #2f2f2f;

  alternate-background-color: #363636;

  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,

QTreeWidget::branch,

QTreeView::branch,

#FunctionEditorTree::branch {

  /* A blank URL may not hide the Qt branch style in Linux, so we add

       a transparent PNG which does. */

}

.treeview::branch:adjoins-item,

QTreeWidget::branch:adjoins-item,

QTreeView::branch:adjoins-item,

#FunctionEditorTree::branch:adjoins-item {

  border-image: url('imgs/white/transparent_16x16.png');

}

.treeview::branch:has-siblings,

QTreeWidget::branch:has-siblings,

QTreeView::branch:has-siblings,

#FunctionEditorTree::branch:has-siblings {

  border-image: url('imgs/white/transparent_16x16.png');

}

.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('imgs/white/transparent_16x16.png');

}

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

  alternate-background-color: #363636;

}

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

   Tool Options - Override DvScroll Widget

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

#toolOptionsPanel QPushButton {

  background-color: #646464;

  border: 1 solid #484848;

  border-radius: 2;

  color: #f3f3f3;

  margin: 0;

  padding: 0;

}

#toolOptionsPanel QPushButton:hover {

  background-color: #717171;

  border-color: #484848;

  color: #f3f3f3;

}

#toolOptionsPanel QPushButton:pressed {

  background-color: #2c2c2c;

  border-color: #272727;

  color: #f3f3f3;

}

#toolOptionsPanel QPushButton:checked {

  background-color: #2c2c2c;

  border-color: #272727;

  color: #f3f3f3;

}

#toolOptionsPanel QPushButton:checked:hover {

  background-color: #404040;

}

#toolOptionsPanel QPushButton:checked:hover:pressed {

  background: #343434;

}

#toolOptionsPanel QPushButton:disabled {

  background-color: #555555;

  border-color: #484848;

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

}

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

   QHeaderView

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

QHeaderView::section {

  background-color: #3b3b3b;

  border: 1 solid #2c2c2c;

  padding-left: 4;

  margin-left: -1;

  margin-top: -1;

}

QTreeWidget {

  background-color: #434343;

  border: 1 solid #2c2c2c;

}

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

   Push Button

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

.Button,

QPushButton,

#CustomPanelButton,

.ComboBox,

#enableBlankFrameButton,

QComboBox {

  background-color: #646464;

  border-color: #484848;

  border-width: 1;

  border-style: solid;

  border-radius: 2;

  color: #f3f3f3;

  margin: 0;

  padding: 3 15;

}

.Button:hover,

QPushButton:hover,

#CustomPanelButton:hover,

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

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

#enableBlankFrameButton:hover {

  background-color: #717171;

  border-color: #484848;

  color: #f3f3f3;

}

.Button:pressed,

QPushButton:pressed,

#CustomPanelButton:pressed,

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

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

#enableBlankFrameButton:pressed {

  background-color: #2c2c2c;

  border-color: #272727;

  color: #f3f3f3;

}

.Button:checked,

QPushButton:checked,

#CustomPanelButton:checked,

#enableBlankFrameButton:checked {

  background-color: #2c2c2c;

  border-color: #272727;

  color: #f3f3f3;