QWidget[type="notification"]
{
background-color: #ffdff4fe;/*colorToken.notification-info*/
}

QWidget[type="notification"][error="true"]
{
background-color: #ffffe4e8;/*colorToken.notification-error*/
}

/*
    QFileDialog
*/
QFileDialog
{
background-color: #FFFFFFFF; /*colorToken.page-background*/
color: #ff303233; /*colorToken.text-primary*/
}

QFileDialog QAbstractItemView
{
color: #ff303233; /*colorToken.text-primary*/
background-color: transparent;
border: 1px solid #ff18191A; /*colorToken.surface-2*/
}

QFileDialog QAbstractItemView::item:selected
{
color: #ffFAFAFB; /*colorToken.text-inverse-accent*/
background-color: #ffbdc0c4; /*colorToken.surface-inverse-accent*/
}

QFileDialog QAbstractItemView::item:!selected:hover
{
background-color: #ff222324; /*colorToken.surface-1*/
}

/*
    QTableView
*/
QTableView
{
color: #ff303233; /*colorToken.text-primary*/
background-color: transparent;
border: 1px solid #ff18191A; /*colorToken.page-background*/
selection-color: #ffFAFAFB; /*colorToken.text-inverse-accent*/
selection-background-color: transparent;
}

QTableView::item::selected
{
color: #ffFAFAFB; /*colorToken.text-inverse-accent*/
background-color: transparent;
}

QTableView::indicator:checked
{
image: url(:/checkbox_on);
}

QTableView::indicator:checked:hover
{
image: url(:/checkbox_on_hover);
}

QTableView::indicator:checked:pressed
{
image: url(:/checkbox_on_pressed);
}

QTableView::indicator:checked:disabled
{
image: url(:/checkbox_on_disabled);
}

QTableView::indicator:unchecked
{
image: url(:/checkbox_off);
}

QTableView::indicator:unchecked:hover
{
image: url(:/checkbox_off_hover);
}

QTableView::indicator:unchecked:pressed
{
image: url(:/checkbox_off_pressed);
}

QTableView::indicator:unchecked:disabled
{
image: url(:/checkbox_off_disabled);
}

/*
    QScrollBar
*/

QScrollBar
{
background: transparent;
}

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

QScrollBar::handle:vertical
{
background: #ff04101E; /*colorToken.button-primary*/
}
QScrollBar::handle:vertical:hover
{
background: #ff39424E; /*colorToken.button-primary-hover*/
}
QScrollBar::handle:vertical:pressed
{
background: #ff535B65; /*colorToken.button-primary-pressed*/
}
QScrollBar::handle:horizontal
{
background: #ff04101E; /*colorToken.button-primary*/
}
QScrollBar::handle:horizontal:hover
{
background: #ff39424E; /*colorToken.button-primary-hover*/
}
QScrollBar::handle:horizontal:pressed
{
background: #ff535B65; /*colorToken.button-primary-pressed*/
}

/*
    QHeaderView
*/
QHeaderView
{
background: #FF18191A; /*colorToken.page-background*/
}

QHeaderView::section
{
background: #FF18191A; /*colorToken.page-background*/
color: #FFF3F4F4; /*colorToken.text-primary*/
}

QHeaderView::up-arrow
{
image: url(:/spinbox_up_arrow);
}

QHeaderView::down-arrow
{
image: url(:/spinbox_down_arrow);
}

/*
    Temporary rules. It will apply to all headers in a short future
*/
QHeaderView[class="new-design"]::up-arrow
{
image: url(:/arrow-up_small_thin_outline_icon_secondary);
}

QHeaderView[class="new-design"]::down-arrow
{
image: url(:/arrow-down_small_thin_outline_icon_secondary);
}


/*
    QComboBox
*/
QComboBox[type="mega"]
{
background-color: #ffFFFFFF; /*colorToken.page-background*/
color: #ff333333; /*colorToken.text-primary*/
border-color: #ff04101E; /*colorToken.button-outline*/
}

QComboBox:disabled[type="mega"]
{
color: #ff797c80; /*colorToken.text-disabled*/
border-color: #ffe5e5e5; /*colorToken.button-disabled*/
}

QComboBox::drop-down[type="mega"]
{
image: url(:/chevron-down_default);
}

QComboBox::drop-down:disabled[type="mega"]
{
image: url(:/chevron-down_disabled);
}

QComboBox::drop-down:hover[type="mega"]
{
image: url(:/chevron-down_hover);
}

QComboBox::drop-down:pressed[type="mega"]
{
image: url(:/chevron-down_press);
}

QComboBox::item[type="mega"]
{
background-color: #fffafafa; /*colorToken.page-background*/;
}

/* For macOS hover */
QComboBox::item:selected[type="mega"]
{
background-color: #fff3f4f4; /*colorToken.surface-1*/
color: #ff333333; /*colorToken.text-primary*/
outline:none;
}

/* For Windows hover */
QComboBox[type="mega"] QAbstractItemView
{
border: 2px solid #ff04101E; /*colorToken.button-outline*/
background-color:  #FFFFFF; /*colorToken.page-background*/
color: #ff333333; /*colorToken.text-primary*/
selection-background-color: #fff3f4f4; /*colorToken.surface-1*/
selection-color: #ff333333; /*colorToken.text-primary*/
outline: none;
}
/*
    QRadioButton
*/
QRadioButton
{
color: #ff303233; /*colorToken.text-primary*/
background-color: transparent;
}

QRadioButton:disabled
{
color: #ff797c80; /*colorToken.icon-disabled*/
}

QRadioButton::indicator::unchecked
{
image: url(:/radio_unchecked);
}

QRadioButton::indicator:unchecked:hover
{
image: url(:/radio_unchecked_hover);
}

QRadioButton::indicator:unchecked:pressed
{
image: url(:/radio_unchecked_pressed);
}

QRadioButton::indicator:unchecked:disabled
{
image: url(:/radio_unchecked_disabled);
}

QRadioButton::indicator::checked
{
image: url(:/radio_checked);
}

QRadioButton::indicator:checked:hover
{
image: url(:/radio_checked_hover);
}

QRadioButton::indicator:checked:pressed
{
image: url(:/radio_checked_pressed);
}

QRadioButton::indicator:checked:disabled
{
image: url(:/radio_checked_disabled);
}

/*
    QGroupBox
*/
QGroupBox[type="mega"]
{
border-color: #ffd8d9db; /*colorToken.border-strong*/
background-color: transparent;
}


QGroupBox::title[type="mega"]
{
color: #ff04101E; /*colorToken.text-accent*/
}

QGroupBox::title:disabled[type="mega"]
{
color: #ff797c80; /*colorToken.text-disabled*/
}

/*
    QProgressBar
*/
QProgressBar
{
/* TODO: surface-2 should be replaced by --color-indicator-background */
background-color: #E4E4E5; /*colorToken.surface-3*/
}

QProgressBar::chunk
{
background-color: #09BF5B; /*colorToken.indicator-green*/
}

/*
    QCheckBox
*/

QCheckBox[type="mega"]
{
color: #F3F4F4; /*colorToken.text-primary*/
}

QCheckBox[type="mega"][error="true"]
{
color: #ffe31b57; /*colorToken.text-error*/
}

QCheckBox:disabled[type="mega"]
{
color: #ff797c80; /*colorToken.icon-disabled*/
}

QCheckBox::indicator:checked[type="mega"]
{
image: url(:/checkbox_on);
}

QCheckBox::indicator:checked:hover[type="mega"]
{
image: url(:/checkbox_on_hover);
}

QCheckBox::indicator:checked:pressed[type="mega"]
{
image: url(:/checkbox_on_pressed);
}

QCheckBox::indicator:checked:disabled[type="mega"]
{
image: url(:/checkbox_on_disabled);
}

QCheckBox::indicator:unchecked[type="mega"]
{
image: url(:/checkbox_off);
}

QCheckBox::indicator:unchecked:hover[type="mega"]
{
image: url(:/checkbox_off_hover);
}

QCheckBox::indicator:unchecked:pressed[type="mega"]
{
image: url(:/checkbox_off_pressed);
}

QCheckBox::indicator:unchecked:disabled[type="mega"]
{
image: url(:/checkbox_off_disabled);
}

QCheckBox::indicator:checked[type="mega"][error="true"]
{
image: url(:/checkbox_on_error);
}

QCheckBox::indicator:checked:hover[type="mega"][error="true"]
{
image: url(:/checkbox_on_error);
}

QCheckBox::indicator:checked:pressed[type="mega"][error="true"]
{
image: url(:/checkbox_on_error);
}

QCheckBox::indicator:checked:disabled[type="mega"][error="true"]
{
image: url(:/checkbox_on_disabled);
}

QCheckBox::indicator:unchecked[type="mega"][error="true"]
{
image: url(:/checkbox_off_error);
}

QCheckBox::indicator:unchecked:hover[type="mega"][error="true"]
{
image: url(:/checkbox_off_error);
}

QCheckBox::indicator:unchecked:pressed[type="mega"][error="true"]
{
image: url(:/checkbox_off_error);
}

QCheckBox::indicator:unchecked:disabled[type="mega"][error="true"]
{
image: url(:/checkbox_off_disabled);
}

/*
    QLabel
*/
QLabel
{
color: #ff303233; /*colorToken.text-primary*/
background-color: transparent;
}

QLabel[type="secondary"]
{
color: #ff616366; /*colorToken.text-secondary*/
}

QLabel[type="notification"]
{
background-color: #ffdff4fe;/*colorToken.notification-info*/
color: #ff0078a4; /*colorToken.text-info*/
}

QLabel[type="notification"][error="true"]
{
background-color: #ffffe4e8;/*colorToken.notification-error*/
color: #ffe31b57; /*colorToken.text-error*/
}

QLabel:disabled
{
color: #ff797c80; /*colorToken.icon-disabled*/
}

/*
    class = icon-label
*/
QToolButton.icon-label
{
background-color: transparent;
}

/*
    Buttons
    Valid for both button classes:
    1) Normal buttons (text or text+icon) > NO property class needed
    2) Only-Icon buttons > class = "icon-label"
*/

/*
    type = primary
*/
QAbstractButton[type="primary"]
{
background-color: #ff04101E; /*colorToken.button-primary*/
color: #ffFAFAFB; /*colorToken.text-inverse-accent*/
}

QAbstractButton:hover[type="primary"]
{
color: #ffFAFAFB; /*colorToken.text-inverse-accent*/
background-color: #ff39424E; /*colorToken.button-primary-hover*/
}

QAbstractButton:pressed[type="primary"]
{
color: #ffFAFAFB; /*colorToken.text-inverse-accent*/
background-color: #ff535B65; /*colorToken.button-primary-pressed*/
}

QAbstractButton:disabled[type="primary"]
{
color: #ffC1C2C4; /*colorToken.text-disabled*/
background-color: #ff797c80; /*colorToken.button-disabled*/
}
/*
    type = brand
*/
QAbstractButton[type="brand"]
{
background-color: #ff04101E; /*colorToken.button-brand*/
color: #ffFAFAFB; /*colorToken.text-on-color*/
}

QAbstractButton:hover[type="brand"]
{
color: #ffFAFAFB; /*colorToken.text-on-color*/
background-color: #ff39424E; /*colorToken.button-brand-hover*/
}

QAbstractButton:pressed[type="brand"]
{
color: #ffFAFAFB; /*colorToken.text-on-color*/
background-color: #ff535B65; /*colorToken.button-brand-pressed*/
}

QAbstractButton:disabled[type="brand"]
{
color: #ffC1C2C4; /*colorToken.text-disabled*/
background-color: #ff797c80; /*colorToken.button-disabled*/
}

/*
    type = outline
*/
QAbstractButton[type="outline"]
{
background-color: transparent;
color: #ff04101E; /*colorToken.button-outline*/
border-color: #ff04101E; /*colorToken.button-outline*/
}

QAbstractButton:hover[type="outline"]
{
color: #ff39424E; /*colorToken.button-outline-hover*/
border-color: #ff39424E; /*colorToken.button-outline-hover*/
}

QAbstractButton:pressed[type="outline"]
{
color: #ff535B65; /*colorToken.button-outline-pressed*/
border-color: #ff535B65; /*colorToken.button-outline-pressed*/
}

QAbstractButton:disabled[type="outline"]
{
color: #ffC1C2C4; /*colorToken.text-disabled*/
border-color: #ff494a4d; /*colorToken.border-disabled*/
}

/*
    type = secondary
*/
QAbstractButton[type="secondary"]
{
background-color: #ff04101E; /*colorToken.button-secondary*/
color: #ffFAFAFB; /*colorToken.text-primary*/
}

QAbstractButton:hover[type="secondary"]
{
background-color: #ff39424E; /*colorToken.button-secondary-hover*/
}

QAbstractButton:pressed[type="secondary"]
{
background-color: #ff535B65; /*colorToken.button-secondary-pressed*/
}

QAbstractButton:disabled[type="secondary"]
{
color: #ffC1C2C4; /*colorToken.text-disabled*/
background-color: #ff797c80; /*colorToken.button-disabled*/
}

/*
    type = ghost
*/
QAbstractButton[type="ghost"]
{
background-color: transparent;
color: #04101E; /*colorToken.button-outline*/
}

QAbstractButton:hover[type="ghost"]
{
color: #39424E; /*colorToken.button-outline-hover*/
}

QAbstractButton:pressed[type="ghost"]
{
color: #535B65; /*colorToken.button-outline-pressed*/
}

QAbstractButton:disabled[type="ghost"]
{
color: #C1C2C4; /*colorToken.text-disabled*/
}

/*
    type = link
*/
QAbstractButton[type="link"]
{
background-color: transparent;
color: #2C5BEB; /*colorToken.link-primary*/
}

QAbstractButton:disabled[type="link"]
{
color: #C1C2C4; /*colorToken.text-disabled*/
}

/*
    QLineEdit
*/
QLineEdit[type="borderless"], QTextEdit[type="borderless"]
{
background-color: transparent;
color: #ff303233; /*colorToken.text-primary*/
}

QLineEdit:disabled[type="borderless"], QTextEdit:disabled[type="borderless"]
{
color: #ff797c80; /*colorToken.text-disabled*/
}

QLineEdit[type="mega"], QTextEdit[type="mega"]
{
background-color: #ffFFFFFF; /*colorToken.page-background*/
border-color: #ffd8d9db; /*colorToken.border-strong*/
color: #ff303233; /*colorToken.text-primary*/
selection-color: #ff303233; /*colorToken.text-inverse*/
selection-background-color : #ff303233; /*colorToken.text-primary*/
}

QLineEdit:focus[type="mega"], QTextEdit:focus[type="mega"]
{
border-color: #ff04101e; /*colorToken.border-strong-selected*/
}

QLineEdit:disabled[type="mega"], QTextEdit:disabled[type="mega"]
{
color: #ff797c80; /*colorToken.text-disabled*/
border-color: #ff797c80; /*colorToken.border-disabled*/
}

QLineEdit[type="mega"][error="true"], QTextEdit[type="mega"][error="true"]
{
border-color: #ffe31b57; /*colorToken.text-error*/
}

/*
    QSpinBox
*/
QSpinBox
{
border-color: #ffd8d9db; /*colorToken.border-strong*/
color: #ff303233; /*colorToken.text-primary*/
background-color: #ffFFFFFF; /*colorToken.page-background*/
}

QSpinBox:focus
{
border-color: #ff04101e; /*colorToken.border-strong-selected*/
}

QSpinBox:disabled
{
color: #ff797c80; /*colorToken.text-disabled*/
border-color: #ff797c80; /*colorToken.border-disabled*/
}

QSpinBox::up-arrow
{
image: url(:spinbox_up_arrow);
}

QSpinBox::down-arrow
{
image: url(:/spinbox_down_arrow);
}

QSpinBox::down-button
{
background-color: transparent;
}

QSpinBox::up-button
{
background-color: transparent;
}

/*
    WordWrapLabel
*/

WordWrapLabel
{
/*By default, WordWrapLabel don´t have a background color*/
background-color: transparent;
color: #ff303233; /*colorToken.text-primary*/
}

WordWrapLabel[type="secondary"]
{
color: #ff616366; /*colorToken.text-secondary*/
}

/*
    Tooltip
*/
QToolTip
{
color: #FAFAFA;                /*colorToken.text-inverse*/
background-color: #2A2B2C;     /*colorToken.background-inverse*/
border: 1px solid #2A2B2C;     /*colorToken.background-inverse*/
}

/*
    SwitchButton
    In the constructor of the class we assign the object name switch
*/
#switch
{
background-color: transparent;
}

#switch::indicator
{
background-color: transparent;
}

#switch::indicator:checked
{
image: url(:/switch_on);
}

#switch::indicator:checked:hover
{
image: url(:/switch_on_hover);
}

#switch::indicator:checked:pressed
{
image: url(:/switch_on_pressed);
}

#switch::indicator:unchecked
{
image: url(:/switch_off);
}

#switch::indicator:unchecked:hover
{
image: url(:/switch_off_hover);
}

#switch::indicator:unchecked:pressed
{
image: url(:/switch_off_pressed);
}

/*
    PasswordLineEdit
*/
PasswordLineEdit
{
qproperty-eyeRevealImage: url(:/eye_default);
qproperty-eyeRevealDisabledImage: url(:/eye_disabled);
qproperty-eyeClosedImage: url(:/eye-off_default);
qproperty-eyeClosedDisabledImage: url(:/eye-off_disabled);
}
/*
    QMenu
*/
QMenu.MegaMenu
{
background-color: #FFFFFFFF; /*colorToken.page-background*/
border-color: #ff494a4d; /*colorToken.border-subtle*/
}
QMenu.MegaMenu::separator
{
background-color: #fff3f4f4; /*colorToken.surface-2*/
}

/*
    TabSelector
*/

TabSelector.sidebar-icononly[selected = false]
{
background-color:  transparent;
}

TabSelector.sidebar-icononly[selected = true]
{
background-color: #FFFFFF;/*colorToken.page-background*/
}

TabSelector.sidebar[selected = false]
{
background-color:  transparent;
}

TabSelector.sidebar[selected = true]
{
background-color: #FFFFFF;/*colorToken.page-background*/
}

TabSelector.sidebar[selected = false] QLabel {
color:#616366; /*colorToken.text-secondary*/
}

TabSelector.sidebar[selected = true] QLabel {
color:#303233; /*colorToken.icon-primary*/
}

TabSelector.chip[selected = false]
{
background-color: #6163661A;/*colorToken.button-secondary*/
}

TabSelector.chip[selected = true]
{
background-color: #DD14051A;/*colorToken.brand-container-default*/
}

TabSelector.chip[selected = false][hover = true]
{
background-color: #61636633;/*colorToken.button-secondary-hover*/
}

TabSelector.chip[selected = false] QLabel {
color:#303233; /*colorToken.text-primary*/
}

TabSelector.chip[selected = true] QLabel {
color:#7B2118; /*colorToken.brand-on-container*/
}
