/* =========================================================
   GLOBAL
========================================================= */
QWidget {
    background-color: rgb(35,31,32);
}
QWidget#header {
    background-color: rgb(35,31,32);
}
QWidget#painter {
    background-color: rgb(35,31,32);
}

/* =========================================================
   LABELS
========================================================= */
QLabel {
    text-align: left;
    font-size: 18px;
    background: rgb(35,31,32);
    color: rgb(255,255,255);
    font: bold;
}
QLabel#comment {
    text-align: left;
    font-size: 14px;
    background: rgb(35,31,32);
    color: rgb(255,255,255);
}
QLabel#border {
    text-align: left;
    font-size: 18px;
    background: rgb(35,31,32);
    border: 5px solid rgb(255,255,255);
    border-radius: 6px;
}
QLabel#title {
    text-align: left;
    font-size: 24px;
    background: rgb(35,31,32);
    color: rgb(255,255,255);
    font: bold;
}
QLabel#subtitle {
    text-align: left;
    font-size: 22px;
    background: rgb(35,31,32);
    color: rgb(255,255,255);
    font: bold;
}
QLabel#subtext {
    text-align: left;
    font-size: 18px;
    background: rgb(35,31,32);
    color: rgb(255,255,255);
}
QLabel#header {
    text-align: left;
    font-size: 18px;
    background: rgb(35,31,32);
    color: rgb(255,255,255);
    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(35,31,32);
}
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(237,27,36);
    background-color: rgb(35,31,32);
}
QPushButton#toggle:checked {
    border: 1px solid rgb(35,31,32);
    background-color: rgb(255,255,255);
}
QPushButton#toggle:disabled {
}

/* togglecircular */
QPushButton#togglecircular {
    border-radius: 25px;
}
QPushButton#togglecircular:pressed {
}
QPushButton#togglecircular:flat {
    border: none;
}
QPushButton#togglecircular:!checked {
    border: 2px solid rgb(237,27,36);
    background-color: rgb(35,31,32);
}
QPushButton#togglecircular:checked {
    border: 1px solid rgb(35,31,32);
    background-color: rgb(255,255,255);
}
QPushButton#togglecircular:disabled {
    background: rgb(43,43,43);
    color: rgb(93,93,93);
}

/* startmenu */
QPushButton#startmenu {
    border: 1px solid rgb(237,27,36);
    background-color: qlineargradient(x1:0, y1:0, x2:3, y2:3, stop:0 rgb(237,27,16), stop:1 rgb(255,255,255));
    color: rgb(255,255,255);
    font-size: 18px;
    height: 50px;
    width: 150px;
}

/* menu */
QPushButton#menu {
    border-radius: 6px;
    background-color: rgb(237,27,36);
}
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: 2px solid rgb(35,31,32);
    background-color: qlineargradient(x1:0, y1:0, x2:3, y2:3, stop:0 rgb(237,27,16), stop:1 rgb(255,255,255));
    color: rgb(35,31,32);
}

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

/* =========================================================
   INPUTS
========================================================= */
QLineEdit {
    border: 1px solid rgb(237,27,36);
    background: rgb(35,31,32);
    color: rgb(237,27,36);
    text-align: left;
    font-size: 18px;
    min-height: 40;
    max-height: 40;
}
QSpinBox {
    background: rgb(35,31,32);
    color: rgb(255,255,255);
    text-align: left;
    font-size: 18px;
    min-height: 40;
    max-height: 40;
}

/* =========================================================
   COMBOBOX
========================================================= */
QComboBox {
    background: rgb(35,31,32); 
    color: rgb(237,27,36); 
    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(35,31,32);
    color: rgb(237,27,36);
    text-align: right;
    font-size: 26px;
    min-width: 180;
    max-width: 180;
    min-height: 50;
    max-height: 50;
}
QComboBox#selectdisplaymode::disabled {
    background: rgb(35,31,32);
    color: rgb(237,27,36);
}

/* big */
QComboBox#big {
    background: rgb(35,31,32);
    color: rgb(237,27,36);
    text-align: left;
    font-size: 18px;
    min-height: 40;
    max-height: 40;
    min-width: 777;
    max-width: 777;
}
QComboBox::disabled#big {
    background: rgb(43,43,43);
    color: rgb(93,93,93);
}

/* bpm */
QComboBox#bpm {
    background: rgb(35,31,32);
    color: rgb(237,27,36);
    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(35,31,32);
    color: rgb(237,27,36);
    font-size: 18px;    
}
QMenu::item::selected {
    font: bold;
}

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

/* =========================================================
   FRAMES
========================================================= */
QFrame#submenu {
    border: 4px solid rgb(237,27,36);
    background: rgb(35,31,32);
    border-radius: 8px;
}
QFrame#framecore {
    background: rgb(35,31,32);
    border: 4px solid rgb(35,31,32);
}
QFrame#frameheader {
    background: rgb(35,31,32);
}
QFrame#frameborder {
    background: rgb(35,31,32);
    border: 4px solid rgb(237,27,36);
    border-radius: 8px;
}

/* =========================================================
   SCROLL AREA
========================================================= */
QScrollArea {
    border: none;
    background-color: rgb(35,31,32);
}
QScrollArea QScrollBar:vertical {
    background: rgb(255,255,255);
    width: 12px;
    margin: 0px 0px 0px 0px; 
    border-radius: 6px;
}
QScrollArea QScrollBar::handle:vertical {
    background: rgba(237,27,36, 0.5);
    min-height: 20px;
    border-radius: 6px;
}
QScrollArea QScrollBar::handle:vertical:hover {
    background: rgb(237,27,36); 
}
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(35,31,32);
    color: rgb(255,255,255);
    font-size: 18px;
}
QCheckBox::indicator {
    width: 30px;
    height: 30px;
    border: 3px solid rgb(255,255,255);
    border-radius: 10px;
}
QCheckBox::indicator::checked {
    background-color: qradialgradient(cx:0.3, cy:0.3, radius: 1, fx:0.5, fy:0.5, stop:0 rgb(237,27,16), stop:1 rgb(35,31,32));
}
QCheckBox::indicator::unchecked {
    background-color: rgb(35,31,32);
}

/* =========================================================
   SLIDER
========================================================= */
QSlider {
    background: rgb(35,31,32);
    color: rgb(255,255,255);
    text-align: left;
    font-size: 18px;
    min-height: 40;
    max-height: 40;
}
QSlider#volume {
    background: rgb(35,31,32);
    color: rgb(255,255,255);
    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:3, y2:3, stop:0 rgb(237,27,16), stop:1 rgb(255,255,255));
    border: 1px solid rgb(35,31,32);
    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(35,31,32);
    border: 1px solid rgb(237,27,36);
    border-radius: 2px;
}
QSlider::handle:vertical {
    background: qlineargradient(x1:0, y1:0, x2:3, y2:3, stop:0 rgb(237,27,16), stop:1 rgb(255,255,255));
    border: 1px solid rgb(35,31,32);
    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:3, y2:3, stop:0 rgb(237,27,16), stop:1 rgb(255,255,255));
    border: 1px solid rgb(35,31,32);
    width: 20px;
    height: 20px; 
    
    /* -(largeur_bouton / 2) */
    margin-top: -10px; 
    margin-bottom: -10px;
    
    border-radius: 3px;
}
QSlider::handle:vertical:disabled {
    background: rgb(237,27,36);
    border: 1px solid rgb(237,27,36);
    border-radius: 2px;
}
QSlider::sub-page:disabled {
    background: rgb(35,31,32);
    border: 1px solid rgb(237,27,36);
    border-radius: 2px;
}
QSlider::add-page:disabled {
    background: rgb(35,31,32);
    border: 1px solid rgb(237,27,36);
    border-radius: 2px;
}
QSlider::groove:vertical {
    border: 1px solid rgb(237,27,36);
    width: 10px; /* Épaisseur du rail */
    background: rgb(35,31,32);
    border-radius: 3px;
}
QSlider::groove:horizontal {
    border: 1px solid rgb(237,27,36);
    height: 10px; /* Épaisseur du rail */
    background: rgb(35,31,32);
    border-radius: 3px;
}

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