== component.paging_bar_border ==
QWidget#PAGINGBARBORDER {
	border: none;
	border-top: 1px solid #D2DAE1;
	border-bottom: 1px solid #D2DAE1;
}

== component.paging_bar_label ==
QLabel {
	font-size: 13px;
	padding-right: 4px;
	border: none;
	border-right: 1px solid #D2DAE1;
	color: #505A64;
}

== component.paging_bar_rightmost_label ==
QLabel {
	padding-left: 4px;
	padding-right: 0px;
	border: none;
	color: #2A588C;
}

== component.button_path_change_folder_btn ==
QToolButton {
	background-color: white;
	padding: 0px;
	border: none;
	outline: none;
}
QToolButton::menu-indicator{
	image: none;
	width: 0px;
	height: 0px;
}
QToolButton:pressed {
	border: none;
	padding: 0;
}
QToolButton:disabled {
	border: none;
	padding: 0;
}

== component.button_path ==
border: 1px solid #C8D2DC;

== component.button_path_arrow ==
QPushButton {
	border: none;
	outline: 0px;
	padding: 0px;
}

== component.button_path_name_button ==
QPushButton {
	color: #505A64;
	font-size: 12px;
	border: none;
	outline: 0px;
	padding-left: 8px;
	padding-right: 8px;
}
QPushButton:hover {
	color: #2A588C;
}
QPushButton:pressed {
	color: #2A588C;
}

== component.apply_button ==
QAbstractButton {
	color: #FFFFFF;
	font-size: 13px;
	outline: 0px;
	border-radius: 14px;
	padding-left: 14px;
	padding-right: 14px;
	height: 28px;
	background-color: #3C76FF;
}
QAbstractButton:hover {
	color: #FFFFFF;
	background-color: #2C68F5;
	border: 1px solid #2860E0;
}
QAbstractButton:pressed {
	color: #FFFFFF;
	background-color: #2860E0;
	border: 1px solid #2557CC;
}
QAbstractButton:disabled {
	color: rgba(255,255,255,0.40);
	background-color: #3C76FF;
}

== component.cancel_button ==
QAbstractButton {
	color: #323C46;
	font-size: 13px;
	outline: 0px;
	border-radius: 14px;
	padding-left: 14px;
	padding-right: 14px;
	height: 28px;
	background-color: rgba(198,212,224,0.40);
}
QAbstractButton:hover {
	color: #323C46;
	border: 1px solid rgba(124,138,152,0.40);
	background-color: rgba(198,212,224,0.40);
}
QAbstractButton:pressed {
	color: #323C46;
	border: 1px solid rgba(124,138,152,0.50);
	background-color: rgba(198,212,224,0.60);
}
QAbstractButton:disabled {
	color: #323C46;
	background-color: rgba(198,212,224,0.40);
}

== component.red_button ==
QAbstractButton {
	color: #FFFFFF;
	font-size: 13px;
	outline: none;
	border: 1px solid #CC3636;
	border-radius: 14px;
	padding-left: 14px;
	padding-right: 14px;
	height: 28px;
	background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #E46254, stop: 1 #D35446);
}
QAbstractButton:hover {
	color: #FFFFFF;
	border: 1px solid #A02121;
	background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #E25444, stop: 1 #C2483B);
}
QAbstractButton:pressed {
	color: #FFFFFF;
	border: 1px solid #A02121;
	background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #D54F40, stop: 1 #AE3F33);
}
QAbstractButton:disabled {
	color: #F5A1A1;
	border: 1px solid #BE4242;
	background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #EC5D5D, stop: 1 #CC4E4E);
}

== component.icon_button ==
QToolButton {
	border: none;
	padding: 0;
	outline: none;
	background-color: transparent;
}
QToolButton:pressed {
	border: none;
	padding: 0;
}
QToolButton:disabled {
	border: none;
	padding: 0;
}
QToolButton::menu-indicator {
	image: none;
	width: 0px;
	height: 0px;
}

== component.select_paging_button ==
QPushButton {
	font: 13px;
	padding-left: 6px;
	padding-right: 6px;
	color: #FFFFFF;
	border: none;
	outline: none;
	background-color: #0086E6;
}

== component.nonselect_paging_button ==
QPushButton {
	font: 13px;
	padding-left: 6px;
	padding-right: 6px;
	color: #0086E6;
	border: none;
	outline: none;
	background-color: #FFFFFF;
}
QPushButton:hover {
	background-color: #FFFFFF;
}
QPushButton:disabled {
	color: #2A588C;
}

== component.checkbox ==
QCheckBox {
	font-size : 12px;
	spacing: 8px;
	color : #505A64;
}
QCheckBox:disabled {
	color: #96A0AA;
}
QCheckBox::focus {
	outline: none;
}
QCheckBox::indicator {
	width: 22px;
	height: 22px;
}
QCheckBox::indicator:checked {
	border-image: url(IMG_LOC/checkbox_check.png) stretch stretch;
}
QCheckBox::indicator:checked:hover {
	border-image: url(IMG_LOC/checkbox_check_hover.png) stretch stretch;
}
QCheckBox::indicator:checked:disabled {
	border-image: url(IMG_LOC/checkbox_check_disable.png) stretch stretch;
}
QCheckBox::indicator:!checked {
	border-image: url(IMG_LOC/checkbox_uncheck.png) stretch stretch;
}
QCheckBox::indicator:!checked:hover {
	border-image: url(IMG_LOC/checkbox_uncheck_hover.png) stretch stretch;
}
QCheckBox::indicator:!checked:disabled {
	border-image: url(IMG_LOC/checkbox_uncheck_disable.png) stretch stretch;
}

== component.lineedit ==
QLineEdit {
	font-size : 12px;
	color : #505A64;
	border: 1px solid #C1CAD4;
	background: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	border-radius: 4px;
}
QLineEdit:hover {
	border: 1px solid #B4BEC8;
}
QLineEdit:focus {
	border: 1px solid #2A588C;
}
QLineEdit:disabled {
	color : #96A0AA;
	background: #F6F8FA;
}
QLineEdit[error="true"] {
	border: 1px solid #E64040;
	background: rgba(230,64,64,0.08);
}

== component.lineedit_label ==
QLabel {
	font-size: 12px;
	color: #505A64;
}
QLabel:disabled {
	color: #96A0AA;
}

== component.info_message_box ==
QMessageBox {
	background-color: white;
}

== component.warning_message_box ==
QMessageBox {
	background-color: white;
}

== component.confirm_message_box ==
QMessageBox {
	background-color: white;
}

== component.upgrading_message_box ==
QMessageBox {
	background-color: #FFFFFF;
}

== component.message_sheet_processing ==
QWidget {
	background-color: transparent;
	vertical-align: middle;
	font-size: 12px;
	color: #505a64;
}

== component.message_sheet_other ==
QWidget {
	background-color: transparent;
	font-size: 12px;
	color: #505A64;
}

== component.message_sheet_text ==
QLabel {
	font-weight: bold;
	font-size: 15px;
	color: #323C46;
}

== component.message_sheet_informative_text ==
QLabel {
	font-size: 13px;
	color: #323C46;
}

== component.tree_item ==
QLineEdit {
	border: none;
}

== component.scrollbar ==
QScrollBar:vertical {
	border: none;
	background: transparent;
	width: 12px;
	margin-right: 3px;
}
QScrollBar:horizontal {
	border: none;
	background: transparent;
	height: 12px;
	margin-bottom: 3px;
}
QScrollBar::handle:vertical {
	background: #E0E0E0;
	min-height: 20px;
}
QScrollBar::handle:horizontal {
	background: #E0E0E0;
	min-width: 20px;
}
QScrollBar::handle:hover {
	background: #C0C0C0;
}
QScrollBar::handle:pressed {
	background: #A0A0A0;
}
QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical {
	border: none;
	width: 0px;
	height: 0px;
}
QScrollBar::add-line {
	width: 0px;
	height: 0px;
}
QScrollBar::sub-line {
	width: 0px;
	height: 0px;
}
QScrollBar::sub-page {
	background-color: transparent;
}
QScrollBar::add-page {
	background-color: transparent;
}

== component.combobox ==
QComboBox {
	font-size : 12px;
	color: #505A64;
	border: 1px solid #C1CAD4;
	background: #FFFFFF;
	border-radius: 4px;
	%1
}
QComboBox:hover {
	border: 1px solid #B4BEC8;
}
QComboBox:disabled {
	color : #96A0AA;
	background: #F6F8FA;
}
QComboBox::drop-down {
	image: url(IMG_LOC/combobox.png) stretch stretch;
	width: 19px;
	height: 26px;
}
QComboBox::drop-down:hover {
	image: url(IMG_LOC/combobox_hover.png) stretch stretch;
}
QComboBox::drop-down:open {
	image: url(IMG_LOC/combobox_click.png) stretch stretch;
}
QComboBox::drop-down:disabled {
	image: url(IMG_LOC/combobox_disable.png) stretch stretch;
}
QComboBox[error="true"] {
	border: 1px solid #E64040;
	background: rgba(230,64,64,0.08);
}
QListView {
	%2
	outline: none;
	background-color: #FFFFFF;
	padding: 4px;
}
QListView::item {
	height: 28px;
	font-size: 13px;
	color: #323C46;
	// so suck, padding left needs border...
	border: 0px;
	padding-left: 8px;
}
QListView::item:selected {
	background-color: #3C76FF;
	color: #FFFFFF;
}

== component.table_header ==
QHeaderView::section {
	color: #0086E6;
	background-color: white;
	border: 1px solid #D2DAE1;
	border-right: none;
	padding-left: 8px;
	height: 28px;
	font-size : 12px;
	font-weight : normal;
}
QHeaderView::section:first {
	border-left: none;
}
QHeaderView::section:last {
	border-right: 1px solid #D2DAE1;
}

== component.table ==
QTableWidget {
	color: #505A64;
	border: none;
	outline: none;
}
QTableWidget::item {
	color: #505A64;
	border: none;
	border-bottom: 1px solid #D2DAE1;
	padding-left: 8px;
}
QTableWidget::item:hover {
	color: #505A64;
	background-color: #EDF5FF;
}
QTableWidget::item:selected {
	color: #505A64;
	background-color: #DEECFC;
}

== component.date_selector ==
QComboBox {
	color: #505A64;
	border: 1px solid #C1CAD4;
	background: white;
	padding-left: 6px;
	padding-right: 6px;
}
QComboBox:disabled {
	color : #96A0AA;
	background: #F6F8FA;
}
QComboBox:hover {
	border: 1px solid #B4BEC8;
}
QComboBox::drop-down {
	border-image: url(IMG_LOC/trigger_date.png) stretch stretch;
	width: 26px;
	height: 28px;
}
QComboBox::drop-down:hover {
	border-image: url(IMG_LOC/trigger_date_hover.png) stretch stretch;
}
QComboBox::drop-down:open {
	border-image: url(IMG_LOC/trigger_date_click.png) stretch stretch;
}
QComboBox::drop-down:disabled {
	border-image: url(IMG_LOC/trigger_date_disable.png) stretch stretch;
}
QToolButton {
	color: #2A588C;
	background-color: #FFFFFF;
	border: none;
}
QToolButton::menu-indicator {
	image: none;
	width: 0px;
	height: 0px;
}
QSpinBox::up-button {
	width: 0px;
	height: 0px;
}
QSpinBox::down-button {
	width: 0px;
	height: 0px;
}
QWidget#qt_calendar_navigationbar {
	background-color: #FFFFFF;
	color: #FFFFFF;
}

== component.filter_bar_padding ==
QLineEdit {
	padding-left: 34px;
}

== component.filter_search_button ==
QToolButton {
	padding: 0px;
	border: none;
	outline: none;
}
QToolButton::menu-indicator {
	image: none;
	width: 0px;
	height: 0px;
}
QToolButton:pressed {
	border: none;
	padding: 0;
}
QToolButton:disabled {
	border: none;
	padding: 0;
}

== component.radio_button ==
QRadioButton {
	font: 13px "Segoe UI Semibold";
	spacing: 8px;
	color: #323C46;
	outline: none;
}
QRadioButton:disabled {
	color: #96A0AA;
}
QRadioButton::indicator:checked {
	border-image: url(IMG_LOC/radio_button_check.png) stretch stretch;
	width: 24px;
	height: 24px;
}
QRadioButton::indicator:checked:hover {
	border-image: url(IMG_LOC/radio_button_check_hover.png) stretch stretch;
	width: 24px;
	height: 24px;
}
QRadioButton::indicator:checked:disabled {
	border-image: url(IMG_LOC/radio_button_check_disable.png) stretch stretch;
	width: 24px;
	height: 24px;
}
QRadioButton::indicator:!checked {
	border-image: url(IMG_LOC/radio_button_uncheck.png) stretch stretch;
	width: 24px;
	height: 24px;
}
QRadioButton::indicator:!checked:hover {
	border-image: url(IMG_LOC/radio_button_uncheck_hover.png) stretch stretch;
	width: 24px;
	height: 24px;
}
QRadioButton::indicator:!checked:disabled {
	border-image: url(IMG_LOC/radio_button_uncheck_disable.png) stretch stretch;
	width: 24px;
	height: 24px;
}

== component.menu ==
QMenu {
	background-color: #FFFFFF;
	border: 1px solid #C8D2DC;
	padding: 4px;
}
QMenu::item {
	height: 26px;
	font-size: 12px;
	color: #505A64;
	padding: 0px;
	padding-left: 8px;
	padding-right: 8px;
}
QMenu::item:selected {
	color: #FFFFFF;
	background-color: #0086E5;
}
QMenu::separator {
	background: #E9E9E9;
	height: 1px;
}