/* =========================================================
   GLOBAL
========================================================= */
QWidget {
    background-color: rgb(53,53,53);
}
QWidget#header {
    background-color: rgb(43,43,43);
}
QWidget#painter {
    background-color: rgb(43,43,43);
}

/* =========================================================
   LABELS
========================================================= */
QLabel {
    text-align: left;
    font-size: 18px;
    background: rgb(53,53,53);
    color: rgb(175,176,177);
    font: bold;
}
QLabel#comment {
    text-align: left;
    font-size: 14px;
    background: rgb(53,53,53);
    color: rgb(175,176,177);
}
QLabel#border {
    text-align: left;
    font-size: 18px;
    background: rgb(53,53,53);
    border: 5px solid rgb(175,176,177);
    border-radius: 6px;
}
QLabel#title {
    text-align: left;
    font-size: 24px;
    background: rgb(53,53,53);
    color: rgb(175,176,177);
    font: bold;
}
QLabel#subtitle {
    text-align: left;
    font-size: 22px;
    background: rgb(63,63,63);
    color: rgb(175,176,177);
    font: bold;
}
QLabel#subtext {
    text-align: left;
    font-size: 18px;
    background: rgb(63,63,63);
    color: rgb(175,176,177);
}
QLabel#header {
    text-align: left;
    font-size: 18px;
    background: rgb(43,43,43);
    color: rgb(175,176,177);
    font: bold;
}

/* subobject of QPushButton#menu */
QLabel#menu {
    background: none;
}

/* subobject of QPushButton#menu--option */
QLabel#menu--option {
    background: none;
}

/* =========================================================
   PUSH BUTTONS
========================================================= */
QPushButton {
    border-radius: 6px;
    background-color: rgb(53,53,53);
}
QPushButton:pressed {
}
QPushButton:flat {
    border: none;
}

/* toggle */
QPushButton#toggle {
    border-radius: 6px;
}
QPushButton#toggle:pressed {
}
QPushButton#toggle:flat {
    border: none;
}
QPushButton#toggle:!checked {
    border: 2px solid rgb(63,63,63);
    background-color: rgb(53,53,53);
}
QPushButton#toggle:checked {
    border: 1px solid rgb(63,63,63);
    background-color: rgb(115,116,117);
}
QPushButton#toggle:disabled {
}

/* togglecircular */
QPushButton#togglecircular {
    border-radius: 25px;
}
QPushButton#togglecircular:pressed {
}
QPushButton#togglecircular:flat {
    border: none;
}
QPushButton#togglecircular:!checked {
    border: 2px solid rgb(63,63,63);
    background-color: rgb(53,53,53);
}
QPushButton#togglecircular:checked {
    border: 1px solid rgb(63,63,63);
    background-color: rgb(115,116,117);
}
QPushButton#togglecircular:disabled {
    background: rgb(43,43,43);
    color: rgb(93,93,93);
}

/* startmenu */
QPushButton#startmenu {
    border: 1px solid rgb(53,53,53);
    background-color: qlineargradient(x1:0, y1:0, x2:3, y2:3, stop:0 rgb(73,73,73), stop:1 rgb(175,176,177));
    color: rgb(175,176,177);
    font-size: 18px;
    height: 50px;
    width: 150px;
}

/* menu */
QPushButton#menu {
    border-radius: 6px;
    background-color: rgb(43,43,43);
}
QPushButton#menu:pressed {
}
QPushButton#menu:flat {
}

/* menu--option */
QPushButton#menu--option {
    border-radius: 6px;
	background-color: none;
}
QPushButton#menu--option:pressed {
}
QPushButton#menu--option:flat {
    border: none;
}

/* midi */
QPushButton#midi {
    border-radius: 6px;
    font-weight: bold;
    font-size: 16px;
}
QPushButton#midi:pressed {
}
QPushButton#midi:flat {
    border: none;
}
QPushButton#midi:disabled {
    background: rgb(43,43,43);
    color: rgb(93,93,93);
}
QPushButton#midi:!checked {
    border: 1px solid rgb(53,53,53);
    background-color: qlineargradient(x1:0, y1:0, x2:3, y2:3, stop:0 rgb(73,73,73), stop:1 rgb(175,176,177));
    color: rgb(175,176,177);
}

QPushButton#midi:checked {
    border: 1px solid rgb(53,53,53);
    background-color: rgb(115,116,17);
    color: rgb(53,53,53);
}

/* =========================================================
   INPUTS
========================================================= */
QLineEdit {
    border: 1px solid rgb(43,43,43);
	background: rgb(53,53,53);
    color: rgb(175,176,177);
    text-align: left;
    font-size: 18px;
    min-height: 40;
    max-height: 40;
}
QSpinBox {
    background: rgb(53,53,53);
    color: rgb(175,176,177);
    text-align: left;
    font-size: 18px;
    min-height: 40;
    max-height: 40;
}

/* =========================================================
   COMBOBOX
========================================================= */
QComboBox {
    background: rgb(53,53,53); 
    color: rgb(175,176,177); 
    text-align: right; 
    font-size: 18px; 
    min-width: 150; 
    max-width: 150; 
    min-height: 40; 
    max-height: 40; 
} 
QComboBox::disabled { 
    background: rgb(43,43,43); 
    color: rgb(93,93,93); 
}

/* selectdisplaymode */
QComboBox#selectdisplaymode {
    background: rgb(53,53,53);
    color: rgb(175,176,177);
    text-align: right;
    font-size: 26px;
    min-width: 180;
    max-width: 180;
    min-height: 50;
    max-height: 50;
}
QComboBox#selectdisplaymode::disabled {
    background: rgb(43,43,43);
    color: rgb(93,93,93);
}

/* big */
QComboBox#big {
    background: rgb(53,53,53);
    color: rgb(175,176,177);
    text-align: left;
    font-size: 18px;
    min-height: 40;
    max-height: 40;
    min-width: 750;
    max-width: 750;
}
QComboBox::disabled#big {
    background: rgb(43,43,43);
    color: rgb(93,93,93);
}

/* bpm */
QComboBox#bpm {
    background: rgb(53,53,53);
    color: rgb(175,176,177);
    text-align: right;
    font-size: 26px;
    min-width: 70;
    max-width: 70;
    min-height: 50;
    max-height: 50;
} 
QComboBox#bpm::disabled { 
    background: rgb(43,43,43); 
    color: rgb(93,93,93); 
}

/* =========================================================
   MENU
========================================================= */
QMenu {
    background-color: rgb(63,63,63);
    color: rgb(175,176,177);
    font-size: 18px;    
}
QMenu::item::selected {
    font: bold;
}

/* RotationLabel */
QWRotationLabel#menu {
    text-align: left;
    font-size: 18px;
    background: none;
    color: rgb(175,176,177);
    font: bold;
}

/* =========================================================
   FRAMES
========================================================= */
QFrame#submenu {
    border: 4px solid rgb(63,63,63);
    background: rgb(63,63,63);
    border-radius: 8px;
}
QFrame#framecore {
    background: rgb(53,53,53);
    border: 4px solid rgb(53,53,53);
}
QFrame#frameheader {
    background: rgb(43,43,43);
}
QFrame#frameborder {
    background: rgb(53,53,53);
    border: 4px solid rgb(63,63,63);
    border-radius: 8px;
}

/* =========================================================
   SCROLL AREA
========================================================= */
QScrollArea {
    border: none;
    background-color: rgb(53,53,53);
}
QScrollArea QScrollBar:vertical {
    background: rgb(63,63,63);
    width: 12px;
    margin: 0px 0px 0px 0px; 
    border-radius: 6px;
}
QScrollArea QScrollBar::handle:vertical {
    background: rgba(175,176,177, 0.5);
    min-height: 20px;
    border-radius: 6px;
}
QScrollArea QScrollBar::handle:vertical:hover {
    background: rgb(175,176,177); 
}
QScrollArea QScrollBar::add-line:vertical, 
QScrollArea QScrollBar::sub-line:vertical {
    border: none;
    background: none;
}
QScrollArea QScrollBar::up-arrow:vertical, 
QScrollArea QScrollBar::down-arrow:vertical {
    width: 0px;
    height: 0px;
}

/* =========================================================
   CHECKBOX
========================================================= */
QCheckBox {
    background: rgb(53,53,53);
    color: rgb(175,176,177);
    font-size: 18px;
}
QCheckBox::indicator {
    width: 30px;
    height: 30px;
    border: 3px solid rgb(175,176,177);
    border-radius: 10px;
}
QCheckBox::indicator::checked {
    background-color: rgb(255,255,255);
}
QCheckBox::indicator::unchecked {
    background-color: rgb(53,53,53);
}

/* =========================================================
   SLIDER
========================================================= */
QSlider {
    background: rgb(53,53,53);
    color: rgb(175,176,177);
    text-align: left;
    font-size: 18px;
    min-height: 40;
    max-height: 40;
}
QSlider#volume {
    background: rgb(53,53,53);
    color: rgb(175,176,177);
    text-align: center;
    font-size: 18px;
    min-height: 100;
    max-height: 100;
    min-width: 100;
    max-width: 100;
}
QSlider::handle:horizontal {
    background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #b4b4b4, stop:1 #8f8f8f);
    border: 1px solid #5c5c5c;
    width: 18px;
    margin: -2px 0; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */
    border-radius: 3px;
}
QSlider::handle:horizontal:disabled {
    background: rgb(53,53,53);
    border: 1px solid rgb(31,31,31);
    border-radius: 2px;
}
QSlider::handle:vertical {
    background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #b4b4b4, stop:1 #8f8f8f);
    border: 1px solid #5c5c5c;
    width: 20px;
    height: 20px; 
    
    /* -(largeur_bouton / 2) */
    margin-left: -10px; 
    margin-right: -10px;
    
    border-radius: 3px;
}
QSlider::handle:horizontal {
    background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #b4b4b4, stop:1 #8f8f8f);
    border: 1px solid #5c5c5c;
    width: 20px;
    height: 20px; 
    
    /* -(largeur_bouton / 2) */
    margin-top: -10px; 
    margin-bottom: -10px;
    
    border-radius: 3px;
}
QSlider::handle:vertical:disabled {
    background: rgb(53,53,53);
    border: 1px solid rgb(31,31,31);
    border-radius: 2px;
}
QSlider::sub-page:disabled {
    background: rgb(43,43,43);
    border: 1px solid rgb(31,31,31);
    border-radius: 2px;
}
QSlider::add-page:disabled {
    background: rgb(43,43,43);
    border: 1px solid rgb(31,31,31);
    border-radius: 2px;
}
QSlider::groove:vertical {
    border: 1px solid rgb(43,43,43);
    width: 10px; /* Épaisseur du rail */
    background: rgb(63,63,63);
    border-radius: 3px;
}
QSlider::groove:horizontal {
    border: 1px solid rgb(43,43,43);
    height: 10px; /* Épaisseur du rail */
    background: rgb(63,63,63);
    border-radius: 3px;
}

/* =========================================================
   TAB
========================================================= */
QTabWidget::pane {
    border-top: 2px solid rgb(175,176,177);
}
QTabWidget::tab-bar {
    left: 20px;
    width: 750px;
}