/* 
Palette
-------------------------------------------------------------------------
Accents: 

Titan Blue: #0C9BDC
Red (hover/pressed): #dc4d0c
Selection Color & Dock Widget Buttons: #ceebf8
-------------------------------------------------------------------------
Greys: 

Background: #F9F9F9 and #FFFFFF for highlights
Borders: #EDEDED, #D8D8D8, #C9C9C9, #E0E0E0 (buttons)
Context Menu Separator, Chat Input Border: #D0D0D1
Hamburger Menu (Buttons and Text), About Menu (Buttons and Captions): #797979
Hamburger Menu Footer Background: #EDEDED
Button Icons: #5D5E5E
Statusbar Icons: #5D5E5E
Default Text: #000000
Pane Line: #C9C9C9
Disabled: #B0B0B0
Emoji Category Hover: #F4F4F4
Top & Bottom Tab Buttons: (unselected): #D8D8D8, (selected): #F9F9F9, (hover): #EDEDED
Top Tab Scroll Buttons:pressed (only visible when tabs exceed screen width): #9D9C9C

-------------------------------------------------------------------------
*/
/*
            Made by Bl4ckNeon with lots of love and hours of work
                     Last tested with Demonsaw 4 1.0
                   https://twitter.com/bl4ckneon
Feel free to share, use, modify, and do what ever this this theme. Just give credit were it's due and do be a jerk ;)
Colors from: https://material.io/guidelines/style/color.html#color-color-tool
 */

/* Main Text and Background */
QWidget, QApplication {
    color: #4A148C;
    background-color: #F3E5F5;
}

QWidget#border {
    background-color: #F3E5F5;
    border: 1px solid #F3E5F5;
}

QWidget#border_solid {
    border: 1px solid #E1BEE7;
    /* text box background */
    background: #E1BEE7;
}

QWidget#dialog {
    background: #F3E5F5;
    border: 1px solid #F3E5F5;
}

QWidget#pane_background {
    background: #F3E5F5;
}

/* Option Widget Button Background and Border*/
QWidget#option_button {
    color: #E0E0E0; /* Button Border */
    background: #CE93D8; /* Button Background */
}

/* Option Widget Button Background Hover */
QWidget#option_button_hover {
    background: #F4F4F4; /* Background Hover */
}

/* Hamburger Menu */
QPushButton#hamburger_logo {
    image: url(:/logo_gray.png);
    background: transparent;
    border: 1px solid #E1BEE7;
    border-right: 0;
    color: #F3E5F5;
    font-size: 14px;
    padding: 10px;
}

QPushButton#hamburger_logo:hover {
    image: url(:/logo_white.png);
    border: 1px solid #0C9BDC;
    background: #0C9BDC;
}

QPushButton#hamburger_logo_exit, QPushButton#hamburger_logo_save, QPushButton#hamburger_logo_website {
    background: transparent;
    border: 0;
    color: #AA00FF;
    font-size: 19px;
    padding: 10px;
}

QPushButton#hamburger_logo_website:hover, QPushButton#hamburger_logo_save:hover {
    background: #CE93D8;
    border: 1px solid #CE93D8;
}

QPushButton#hamburger_logo_exit:hover {
    background: #52c175;
    border: 1px solid #52c175;
    color: #FFFFFF;
}

QToolBar#hamburger_logo {
    border-top: 1px solid #D8D8D8;
    border-bottom: 0;
}

QWidget#hamburger_menu {
    background: #F3E5F5;
    border: 1px solid #F3E5F5;
}

QWidget#hamburger_container {
    margin: 0;
    padding: 0;
    background: transparent;
}

QWidget#hamburger_container:hover {
    background: #E1BEE7;
    border: 1px solid #E1BEE7;
}

QWidget#hamburger_container_bottom {
    margin: 0;
    background: transparent;
}

QWidget#hamburger_container_bottom:hover {
    background: #E1BEE7;
    border: 1px solid #E1BEE7;
    border-bottom: 0;
}

QPushButton#hamburger_button {
    background: none;
    border: none;
    color: #9C27B0;
    font-size: 28px;
}

QLabel#hamburger_label {
    background: none;
    font-size: 15px;
    color: #9C27B0;
}

QWidget#hamburger_footer {
    margin: 0;
    padding: 0;
    border: 1px solid #E1BEE7;
    background: #E1BEE7;
}

QToolBar#hamburger_toolbar {
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
}

QCheckBox {
    background: transparent;
    spacing: 4px;
    padding-right: 12px;
}

QComboBox, QListView {
    height: 18px;
    background: #E1BEE7;
    border: 1px solid #F3E5F5;
    selection-color: #4A148C;
    selection-background-color: #CE93D8;
    show-decoration-selected: 0;
}

QComboBox::drop-down {
    height: 18px;
    border: 0;
    padding: 0;
    margin: 0;
}

QComboBox::down-arrow {
    width: 12px;
    height: 12px;
    padding-top: 2px;
    image: url(:/tree/down.png);
}

QComboBox#options::down-arrow {
    width: 12px;
    height: 12px;
    padding-top: 10px;
    image: url(:/tree/down.png);
}

QDockWidget::close-button, QDockWidget::float-button {

    border: 0;
    margin: 0;
}

QDockWidget::close-button:hover, QDockWidget::float-button:hover {
    background: #D500F9;
    border: 0;
    margin: 0;
}

QDoubleSpinBox {
    height: 19px;
    background: #F3E5F5;
    border: 1px solid #F3E5F5;
    selection-color: #4A148C;
    selection-background-color: #CE93D8;
    padding: 0;
    /* make room for the arrows */
}

QDoubleSpinBox::up-button {
    subcontrol-origin: border;
    subcontrol-position: top right;
    width: 16px;
    border-width: 1px;
}

QDoubleSpinBox::up-arrow {
    image: url(:/tree/up.png);
    width: 12px;
    height: 12px;
    top: 1px;
}

QDoubleSpinBox::down-button {
    subcontrol-origin: border;
    subcontrol-position: bottom right;
    width: 16px;
    border-width: 1px;
}

QDoubleSpinBox::down-arrow {
    image: url(:/tree/down.png);
    width: 12px;
    height: 12px;
    bottom: 1px;
}

/* Group Box */
QGroupBox {
    background: #F3E5F5;
    font-weight: bold;
    border: 0;
}

QGroupBox::title {
    background: transparent;
    subcontrol-origin: margin;
    subcontrol-position: top left;
    padding-left: 4px;
    padding-top: -5px;
}

QHBoxLayout {
    border: 0;
    margin: 0;
}

QHeaderView {
    border: 0;
    border-top: 1px solid #F3E5F5;
}

QHeaderView::section {
    background-color: transparent;
    border: 0;
}

QHeaderView::section:horizontal {
    height: 24px;
    border: 0;
    border-right: 1px solid #F3E5F5;
    border-bottom: 1px solid #F3E5F5;
    padding-left: 4px;
}

QHeaderView#stretch::section:horizontal {
    height: 24px;
    border: 0;
    border-bottom: 1px solid #F3E5F5;
    padding-left: 4px;
}

QHeaderView::section:horizontal:first {
    border: 0;
    border-right: 1px solid #F3E5F5;
    border-bottom: 1px solid #F3E5F5;
    padding-left: 4px;
}

QHeaderView::section:horizontal:last {
    border: 0;
    border-bottom: 1px solid #F3E5F5;
    border-right: 1px solid #F3E5F5;
    padding-right: 8px;
}

QHeaderView::down-arrow {
    image: url(:/tree/down.png);
    height: 12px;
    width: 12px;
    subcontrol-position: right center;
    padding-right: 6px;
}

QHeaderView::up-arrow {
    image: url(:/tree/up.png);
    height: 12px;
    width: 12px;
    subcontrol-position: right center;
    padding-right: 6px;
}

QLabel {
    background: transparent;
}

/* Common grid borders */
QLabel#help {
    font-weight: bold;
    margin: 0;
    margin-bottom: 3px;
}

QLabel#option_unsaved {
    color: #dc4d0c;
}

/*search bar and text fields*/
QLineEdit {
    background: #E1BEE7;
    border: 0;
    selection-color: #4A148C;
    selection-background-color: #CE93D8;
    padding: 0 2px;
}

QMainWindow::separator {
    width: 3px;
    padding: 0px;
    background: transparent;
}

/*right click menu */
QMenu {
    background-color: #F3E5F5;
    border: 1px solid #F3E5F5;
}

QMenu::separator {
    height: 1px;
    background: #F3E5F5;
    margin: 0px;
}

QMenu::item {
    height: 22px;
    alignment: left center;
    padding: 4px 24px 4px 28px;
}

QMenu::item:selected {
    background: #CE93D8;
}

QMenu::icon {
    background: transparent;
    margin-left: 8px;
}

QMenu::indicator {
    margin-left: 4px;
}

/* Top Menu Bar */
QMenuBar {
    border: 0;
    border-bottom: 1px solid #F3E5F5;
    margin: 0;
    padding: 0;
}

/* Text Input Chat Box */
QPlainTextEdit {
    background: #E1BEE7;
    padding: 0;
    margin: 0;
    border: 1px solid #F3E5F5;
    selection-color: #4A148C;
    selection-background-color: #CE93D8;
}

QPushButton {
    background: #E1BEE7;
    border: 1px solid #E1BEE7;
    padding: 4px;
}

QPushButton:hover {
    background: #CE93D8;
}

QPushButton:checked, QPushButton:pressed {
    background-color: #F3E5F5;
}

QPushButton#rounded_button {
    border-radius: 4px;
    border: 1px solid #F3E5F5;
    background-color: #F3E5F5;
    color: #4A148C;
    padding: 3px;
}

QPushButton#rounded_button:hover {
    color: #BA68C8;
}

QPushButton#rounded_button:pressed {
    color: #CE93D8;
}

QRadioButton {
    background: transparent;
    spacing: 4px;
    padding-right: 12px;
}

/* Scroll */
QScrollArea {
    border: 1px solid #F3E5F5;
}

QScrollBar {
    border: 1px solid #E1BEE7;
    background: transparent;
    margin: 0;
}

QScrollBar:vertical {
    border: 0;

    width: 12px;
}

QScrollBar#browse:vertical {
    border: 0;
    border-left: 1px solid #E1BEE7;
    border-top: 1px solid #E1BEE7;
    width: 16px;
}

/* Scrollbar Slider - Vertical */
QScrollBar::handle:vertical {
    background: #C9C9C9;
    min-height: 48px;
    margin: 14px;
    width: 4px;
}

QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical {
    width: 2px;
    height: 3px;
    background: #BA68C8;
    border: 1px solid #BA68C8;
    padding-left: 1px;
}

QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
    background: transparent;
}

QScrollBar::sub-line:vertical, QScrollBar::add-line:vertical {
    border: 0;
}

QScrollBar:horizontal {
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    height: 16px;
}

/* Scrollbar Slider - Horizontal */
QScrollBar::handle:horizontal {
    border: 0;
    background: #CE93D8;
    min-width: 48px;
    margin: 14px;
    height: 4px;
}

QScrollBar::left-arrow:horizontal, QScrollBar::right-arrow:horizontal {
    width: 3px;
    height: 3px;
    background: #CE93D8;
}

QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
    background: transparent;
}

QScrollBar::sub-line:horizontal, QScrollBar::add-line:horizontal {
    border: 0;
}

/* SpinBox */
QSpinBox {
    height: 18px;
    background: #E1BEE7;
    border: 1px solid #F3E5F5;
    selection-color: #4A148C;
    selection-background-color: #CE93D8;
    padding: 0;
    padding-right: 4px;
    /* make room for the arrows */
}

QSpinBox::disabled {
    background: #F3E5F5;
}

QSpinBox::up-button {
    subcontrol-origin: border;
    subcontrol-position: top right;
    width: 16px;
    border-width: 1px;
}

QSpinBox::up-arrow {
    image: url(:/tree/up.png);
    width: 12px;
    height: 12px;
    top: 1px;
}

QSpinBox::down-button {
    subcontrol-origin: border;
    subcontrol-position: bottom right;
    width: 16px;
    border-width: 1px;
}

QSpinBox::down-arrow {
    image: url(:/tree/down.png);
    width: 12px;
    height: 12px;
    bottom: 1px;
}

QSplitter, QSplitter:vertical, QSplitter:horizontal {
    border: 0;
    margin: 0;
    padding: 0;
}

QSplitter::handle {
    background: transparent;
}

QSplitter:vertical {
    height: 3px;
}

QSplitter:horizontal {
    width: 3px;
}

QStatusBar {
    background: #F3E5F5;
    margin: 0;
    padding: 0;
    border: 0;
}

/* Tab Widget */
QTabBar, QTabWidget {
    background: #F3E5F5;
    padding: 0;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #F3E5F5;
    border-left: 1px solid #F3E5F5;
    border-right: 1px solid #F3E5F5;
}

QStackedWidget {
    padding: 0;
    margin: 0;
    border: 0;
}

QTabWidget::tab-bar {
    background: #F3E5F5;
    border: 0;
    left: 0;
}

QTabWidget::pane {
    padding: 0;
    margin: 0;
}

/* Tab Bar - Top */

QPushButton#close_button {
    color: #5D5E5E;
    border: 0;
    background: 0;
}

QTabBar#bar, QTabBar#bar_unselected {
    background: #F3E5F5;
    padding: 0;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #F3E5F5;
}

/*---- Right scroll buttons START ---*/
QTabBar QToolButton {
    background: #F3E5F5;
    border-radius: 6px;
    border: 1px solid #D8D8D8;
    padding: 0;
    margin: 0;
}

QTabBar QToolButton:hover {
    background: #D8D8D8;
}

QTabBar QToolButton:pressed {
    background: #9D9C9C;
}

/*---- Right scroll buttons END ---*/

QTabBar#bar::tab, QTabBar#bar_unselected::tab:selected, QTabBar#bar_unselected::tab {
    background: #CE93D8;
    border: 1px solid #CE93D8;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom: 3px solid #CE93D8;
    height: 18px;
    width: 188px;
    padding: 6px;
    margin: 0;
}

QTabBar#bar::tab:selected {
    background: #BA68C8;
    color: #F44336;
    border: 1px solid #BA68C8;
    border-top: 1px solid #BA68C8;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom: 3px solid #BA68C8;
}

QTabBar#bar::tab:selected:hover {
    background: #E1BEE7;
    border: 1px solid #E1BEE7;
    border-top: 1px solid #E1BEE7;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom: 3px solid #E1BEE7;
}

QTabBar#bar::tab:hover, QTabBar#bar_unselected::tab:hover {
    background: #E1BEE7;
    border: 1px solid #E1BEE7;
    border-top: 1px solid #E1BEE7;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom: 3px solid #E1BEE7;
}

/* Tab Bar - Below Chat */

/* Tab Text Color */
QWidget#docked_tab {
    color: #4A148C;
    border: 0;
    padding: 0;
    margin: 0;
}

QTabBar::tab {
    background: #E1BEE7;
    height: 22px;
    width: 100px;
    margin: 0;
    padding: 3px;

}

QTabBar::tab-bar {
    alignment: left;
    border: 0;
    padding: 3px;
    top: 4px;
    left: 0;
}

QTabBar::tab:hover {
    background: #CE93D8;

}

QTabBar::tab:first {

}

QTabBar::tab:first:selected {

}

QTabBar::tab:last {

}

QTabBar::tab:last:selected {

}

QTabBar::tab:selected {
    background: #BA68C8;

}

QTabBar::tab:selected:hover {
    background: #AB47BC;
}

/* Top Buttons  (Hamburger, Settings, Refresh, Plus) and others */
QPushButton#hamburger, QPushButton#settings, QPushButton#plus, QPushButton#refresh, QPushButton#option_help {
    background: transparent;
    border: 0;
    color: #AA00FF;
}

QPushButton#hamburger {
    padding: 0;
    padding-left: 9px;
    padding-right: 9px;
}

/*
Layout for the refresh button
 */
QPushButton#refresh, QPushButton#refresh_active
{
    padding: 9px;
}
QPushButton#refresh:hover{
    color:#CE93D8;
}
/*
Controls the Plus button to add a new client and the global settings button
 */
QPushButton#plus, QPushButton#settings
{
    background: transparent;
    border: 1px solid transparent;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom: 3px solid transparent;
    color: #AA00FF;
    height: 18px;
    width: 24px;
    padding: 5px;
    padding-top: 8px;
    padding-bottom: 4px;
    margin: 0;
}
/*
Controls the plus button and the global settings button when they are current selected
 */
QPushButton#plus_active, QPushButton#settings_active
{
    background: transparent;
    border-bottom: 3px solid transparent;
    color: #E040FB;
    height: 18px;
    width: 24px;
    padding: 5px;
    padding-top: 8px;
    padding-bottom: 4px;
    margin: 0;
}
/*
Same as ^ but when disabled
For the Plus button, it will be disabled when the user has reached the 4 user limit.
 */
QPushButton#plus:disabled, QPushButton#settings:disabled
{
    background: #pin;
    border: 1px solid transparent;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom: 3px solid transparent;
    color: #b0b0b0;
}
/*
Also controls the plus and settings when clicked and activiated
 */
QPushButton#plus:pressed, QPushButton#plus_active:pressed, QPushButton#settings:pressed, QPushButton#settings_active:pressed, QPushButton#plus:checked, QPushButton#plus_active:checked, QPushButton#settings:checked, QPushButton#settings_active:checked
{
    background: transparent;
    border: 1px solid transparent;
    border-top: 1px solid transparent;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom: 3px solid transparent;
}
/*
Will control the plus and settings button when they are NOT already selected but ALSO hovered over.
 */
QPushButton#plus:hover:!checked, QPushButton#plus_active:hover:!checked, QPushButton#settings:hover:!checked, QPushButton#settings_active:hover:!checked
{
    background: transparent;
    border: 1px solid transparent;
    border-top: 1px solid transparent;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom: 3px solid transparent;
    color: #E040FB;
}
/*
When the refresh button flashes green (When it is telling you to refresh (if you shared something or changed a group)
The color changes the refresh the button icon its self NOT the flashing color
 */
QPushButton#refresh_active
{
    color: #CE93D8;
    border: 0;
}
/*
Same thing as "QPushButton#refresh_active" but when you hover over it
 */
QPushButton#refresh_active:hover
{
    background:#CE93D8;
    color: #CE93D8;
    border: 0;
}


QPushButton#search_logo {
    background: #F3E5F5;
    border: 1px solid #F3E5F5;
    border-right: 0;
    color: #AA00FF;
    padding: 0 4px;
}

QPushButton#search_logo:hover {
    background: #CE93D8;
    border: 1px solid #CE93D8;
}
QPushButton#refresh:hover, QPushButton#hamburger:hover, QPushButton#search_logo:pressed, QPushButton#close_button:hover, QPushButton#option_help:hover
{
    color: #D500F9;
}

QPushButton#refresh:pressed, QPushButton#hamburger:pressed, QPushButton#close_button:pressed, QPushButton#option_help:pressed
{
    color: #EA80FC;
}


/* About Menu */
QWidget#about_menu {
    background: #F3E5F5;
    border: 1px solid #F3E5F5;
}

QWidget#about_menu_container_top {
    background: transparent;
    border-bottom: 1px solid #D8D8D8;
    padding: 0;
    margin: 0;
}

QWidget#about_menu_container_top:hover, #about_menu_container:hover {
    padding: 0;
    margin: 0;
    background: #CE93D8;
    border: 1px solid #CE93D8;
}

QWidget#about_menu_container:hover {
    border-top: 0;
}

QWidget#about_menu_container {
    background: transparent;
    border-bottom: 1px solid #F3E5F5;
    padding: 0;
    margin: 0;
}

QLabel#about_menu_title {
    background: transparent;
    padding: 0;
    margin: 0;
    color: #9C27B0;
}

QLabel#about_menu_caption, QLabel#about_menu_icon {
    background: transparent;
    padding: 0;
    margin: 0;
    color: #9C27B0;
}

QLabel#about_menu_icon {
    color: #9C27B0;
}

/* Main Chat Window */
QTableView {
    background-color: #F3E5F5;
    selection-background-color: #E1BEE7;
    alternate-background-color: #ecdeee;
    border: 1px solid #F3E5F5;
    border-top: 0;
    padding: 0;
    margin: 0;
    outline: 0;
}

QTableView::pane, QTableView::item, QTableView::item:selected, QTableView::item:focus {
    border: 0;
}

/* Main table row selection */
QTableView::item {
    selection-color: #2F2C2D;
}

QTableView::item:selected {
    background: #E1BEE7;
}

QTableView::indicator {
    width: 16px;
    height: 16px;
}

/* Chat box Editing */
QTextEdit {
    background: #E1BEE7;
    border: 1px solid #F3E5F5;
    selection-color: #4A148C;
    selection-background-color: #CE93D8;
}

QTextEdit#help {
    background: #F3E5F5;
    border: 0;
}

QToolBar {
    height: 48px;
    border: 0;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #F3E5F5;
}

QToolBar::separator {
    width: 4px;
    border-left: 1px solid #F3E5F5;
    border-right: 1px solid #F3E5F5;
    border-bottom: 1px solid #F3E5F5;
    background: transparent;
}

QWidget#spacer {
    background: #F3E5F5;
    border-bottom: 1px solid #F3E5F5;
}

/* Search - Top */
QToolBar#search_menu {

    border: 0;
    margin: 0;
    padding: 0;
}

QToolTip {
    color: #4A148C;
    border: 1px solid #F3E5F5;
    background-color: #F3E5F5;
}

/* Tree view border*/
QTreeView {
    selection-background-color: #E1BEE7;
    alternate-background-color: #ecdeee;
    background-color: #F3E5F5;
    border: 1px solid #F3E5F5;
    border-top: 0;
    padding: 0;
    margin: 0;
    outline: 0;
}

/* Share Folder selection background */
QTreeView::item, QTreeView::item:selected, QTreeView::item:focus {
    selection-color: #2F2C2D;
    border: 0;
    outline: 0;
}

QTreeView::item:selected {
    background: #E1BEE7;
}

QTreeView QTableCornerButton::section {
    background-color: #F3E5F5;
    border: 0;
}

/* About section */
QPushButton#about {
    image: url(:/logo_gray.png);
    font-size: 15px;
    background: transparent;
    border: 0;
    color: #AA00FF;
    padding-left: 2px;
    padding-right: 1px;
    padding-top: 7px;
    padding-bottom: 6px;
}

QPushButton#about:hover {
    image: url(:/logo_white.png);
    background: #AA00FF;
}

QPushButton#about:pressed {
    image: url(:/logo_white.png);
    background: #AA00FF;
}

/* Chat Input Box */
QPlainTextEdit#chat, QPlainTextEdit#error {
    background: #E1BEE7;
    selection-color: #4A148C;
    selection-background-color: #CE93D8;
    border-top: 0;
    border-left: 0;
    margin: -1px;
    padding: 0;
}

QPushButton#chat_button {

    height: 18px;
    background: transparent;
    font-weight: bold;
    border: 0;
}

QWidget#chat_button, QWidget#emoji {
    background: transparent;
    border: 0;
    padding-right: 0;
}

/* Emoji */
QPushButton#emoji {
    background: transparent;
    border: 0;
    color: #9C27B0;
    font-size: 20px;
}

QPushButton#emoji::hover {
    color: #CE93D8;
}

QPushButton#emoji::pressed, QPushButton#emoji::checked {
    color: #9C27B0;
    border: 0;
}

QPushButton#emoji_category, QPushButton#emoji_category_first {
    margin:-1px -1px 0 0;
    border-bottom: 0;
    border-left: 0;
    background: #E1BEE7;
    font-size: 18px;
    padding-bottom: 8px;
}

QPushButton#emoji_category::hover, QPushButton#emoji_category_first::hover {
    background: #BA68C8;
}

QPushButton#emoji_category::checked, QPushButton#emoji_category_first::checked {
    background: #AB47BC;
}

QPushButton#emoji_category_first {
    border-left: 1px solid #E1BEE7;
}

QWidget#emoji_categories {
    background: #E1BEE7;

    border: 1px solid #E1BEE7;
    padding: 0;
}

QListWidget {
    background: #E1BEE7;
    border: 1px solid #E1BEE7;
    border-bottom: 0;
}

QListWidget::item {
    background: #E1BEE7;

}

/* Your name left of chat input */
QPushButton#chat_button:disabled {
    color: #AB47BC;
}

QPushButton#chat_button::hover {
    color: #dc4d0c;
}

QPushButton#chat_button::pressed, QPushButton#chat_button::checked {
    color: #0C9BDC;
}

/* Menu bar - Clients - Chat, etc*/
QLabel#menubar_icon, QLabel#menubar, QPushButton#menubar, QWidget#menubar {
    background: #F3E5F5;
    padding: 0;
    margin: 0;
    border: 0;
    /* Line under panes' icons + titles */
    border-bottom: 2px solid #E1BEE7;
}
/*Menu bar Icons */
QLabel#menubar_icon {
    color: #AA00FF;
    font-family: "FontAwesome";
    padding-left: 4px;
}

QLabel#menubar {
    padding-left: 0;
    padding-right: 4px;
}

/* Menu Bar Icons */
QPushButton#menubar {
    height: 20px;
    width: 22px;
    background-color: transparent;
    padding-right: 2px;
    color: #EA80FC;
}

QWidget#menubar {
    height: 24px;
    padding-top: 2px;
    background: #F3E5F5;
}

QPushButton#menubar::hover {
    color: #BA68C8;
}

QPushButton#menubar::pressed, QPushButton#menubar::checked {
    color: #CE93D8;
}

QPushButton#menubar:disabled {
    color: #c0c0c0;
}

/* Main */
QToolBar#main {
    height: 48px;
    border: 0;
    margin: 0;
    padding: 0;
}

QToolBar#main::separator {
    width: 1px;
    border: 0;
    border-left: 1px solid #E1BEE7;
    margin-left: 4px;
    margin-right: 3px;
    background: transparent;
}

/* Menu */
QToolBar#menu {
    border: 0;
    margin: 0;
    padding: 0;
}

QToolBar#menu::separator {
    width: 1px;
    border: 0;
    border-left: 1px solid #E1BEE7;
    margin-left: 4px;
    margin-right: 3px;
    background: transparent;
}

/* Pane */
QLabel#pane_icon, QLabel#pane, QPushButton#pane, QWidget#pane {
    background: #F3E5F5;
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom: 2px solid #0C9BDC;
    border-top: 1px solid #F3E5F5;
}

QLabel#pane_icon {
    padding-top: 4px;
    color: #0C9BDC;
}

QLabel#pane {
    padding-left: 4px;
    padding-right: 4px;
}

QPushButton#pane {
    height: 20px;
    width: 22px;
    background-color: transparent;
    color: #5D5E5E;
}

/* Message Router Group Pane */
QWidget#pane {
    height: 24px;
    background: #F3E5F5;
    padding-top: 2px;
}

QPushButton#pane::hover {
    color: #dc4d0c;
}

QPushButton#pane::pressed, QPushButton#pane::checked {
    color: #0C9BDC;
}

QPushButton#pane:disabled {
    color: #c0c0c0;
}

/* Titlebar - Top Row settings, tabs */
QPushButton#titlebar {
    background-color: transparent;
    color: #5D5E5E;
    border: 0;
    margin: 0;
    padding: 4px;
    padding-left: 6px;
    padding-right: 6px;
}

QPushButton#titlebar::hover {
    color: #dc4d0c;
}

QPushButton#titlebar::pressed, QPushButton#titlebar::checked {
    color: #CE93D8;
}

QToolBar#titlebar {
    background: #F3E5F5;
    border-bottom: 1px solid #F3E5F5;
    margin: 0;
    padding: 0;
}

QToolBar#titlebar::separator {
    width: 1px;
    border: 0;
    border-left: 1px solid #F3E5F5;
    margin-left: 4px;
    margin-right: 3px;
    background: transparent;
}

/* Status Bar */
QLabel#status_image, QLabel#status_text {
    margin: 0;
    padding: 0;
    outline: 0;
    background: transparent;
    color: #AA00FF;
}

QLabel#status_image {
    color: #AA00FF;
    font-weight: bold;
    border: 0;
}

QPushButton#status_about {
    color: #AA00FF;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
}

/* Client Options */
QWidget#option_bar {
    background: transparent;
    border-top: 1px solid #F3E5F5;
    border-bottom: 1px solid #F3E5F5;
    margin: 0;
    padding: 0;
}

QPushButton#option_help {
    font-size: 18px;
    color: #9C27B0;
}

/* Global Settings, Wizard */
QWidget#wizard, QWidget#global_settings {
    background: transparent;
}

QGroupBox#wizard {
    font-weight: bold;
    border: 0;
    color: #6A1B9A;
    margin-top: 18px;
}

QGroupBox#global_settings {
    font-size: 22px;
    color: #6A1B9A;
    margin-top: 32px;
}

QCheckBox#wizard {
    font-size: 12px;
    background-color: transparent;
    color: #6A1B9A;
}

QLabel#wizard_image {
    font-size: 14px;
    background-color: transparent;
    color: #6A1B9A;
}

QLabel#wizard_info {
    font-style: italic;
    background-color: transparent;
    color: #6A1B9A;
}

QPushButton#wizard {
    font-weight: bold;
    font-size: 28px;
    background-color: transparent;
    color: #6A1B9A;
}

QPushButton#wizard:hover, QPushButton#wizard:focus {
    background-color: #6A1B9A;
}

QPushButton#wizard:checked, QPushButton#wizard:pressed {
    background-color: #6A1B9A;
}

QStackedWidget#wizard {
    background-color: #6A1B9A;
}