NinjamTrackView
{
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

NinjamTrackView[horizontal="true"]
{
    border-bottom-left-radius: 0px;
    border-top-right-radius: 6px;
}

NinjamTrackView[horizontal="true"] BoostSpinBox
{
    max-height: 10px;
}

NinjamTrackView[horizontal="true"] QPushButton#lowCutButton:hover:checked,
NinjamTrackView[horizontal="true"] QPushButton#receiveButton:hover:checked,
NinjamTrackView QPushButton#lowCutButton:hover:checked,
NinjamTrackView QPushButton#receiveButton:hover:checked

{
    margin-top: -1px;
    background-color: rgb(180,207,250);
    border: none;
}

NinjamTrackView[horizontal="true"]
{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1,
    stop: 0.0 rgba(0, 0, 255, 20),
    stop: 1.0 rgba(0, 0, 255, 40));
}

NinjamTrackView[horizontal="true"][unlighted="true"]
{
    background: rgba(0, 107, 206, 180);
}

NinjamTrackView[unlighted="true"][horizontal="true"] QSlider::handle:horizontal
{
    background: rgba(0, 107, 206, 200);
    Border: none;
}

NinjamTrackView QPushButton#receiveButton:!checked
{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:0.9,
    stop:0 rgb(255, 90, 62),
    stop:1 rgb(175, 0, 0));
    border-color: rgb(50,50,50);;
}

NinjamTrackView QPushButton#receiveButton:hover:!checked
{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:0.9,
    stop:0 rgba(255, 90, 62, 220),
    stop:1 rgba(175, 0, 0, 200));
}

/* Tool buttons: track vertical/horizontal/grid, wide/narrow and server licence buttons
------------------------------------------------------------------------------------*/

#buttonVerticalLayout:hover,
#buttonHorizontalLayout:hover,
#buttonGridLayout:hover,
#wide:hover,
#narrow:hover,
#licenceButton:hover,
InstrumentsButton:hover,
#instrumentsMenu QToolButton:hover,
#chordsButton:hover
{
    border: 1px solid rgba(0, 0, 0, 80);
    background-color: rgba(255, 255, 255, 120);
}

#buttonVerticalLayout:checked,
#buttonHorizontalLayout:checked,
#buttonGridLayout:checked,
#wide:checked,
#narrow:checked
{
    background-color: rgba(0, 0, 0, 20);
}

#buttonVerticalLayout,
#buttonHorizontalLayout,
#buttonGridLayout,
#wide,
#narrow,
#licenceButton,
#chordsButton
{
    border: 1px solid rgba(0, 0, 0, 50);
    background-color: rgba(255, 255, 255, 10);
}



NinjamRoomWindow QToolButton:checked
{
    background-color: rgba(255, 255, 255, 60);
    border: 1px solid rgba(0, 0, 0, 100);
}


NinjamRoomWindow QToolButton#buttonVerticalLayout:!checked {
    border-right-color: none;
}

NinjamRoomWindow QToolButton#buttonHorizontalLayout:!checked {
    border-left-color: none;
    border-right-color: none;
}

NinjamRoomWindow QToolButton#buttonGridLayout:!checked {
    border-left-color: none;
}

NinjamRoomWindow QToolButton#buttonVerticalLayout
{
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
}

NinjamRoomWindow QToolButton#buttonGridLayout
{
border-top-right-radius:6px;
border-bottom-right-radius:6px;
}

NinjamRoomWindow QToolButton#wide
{
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
}

NinjamRoomWindow QToolButton#narrow
{
border-top-right-radius:6px;
border-bottom-right-radius:6px;
}


/* Ninjam tracks
-----------------------------------------*/

NinjamTrackView[unlighted="true"]{           /* user is not xmiting */

    background: rgba(0, 107, 206, 190);
}

NinjamTrackView #lowCutButton:checked,
NinjamTrackView #receiveButton:checked
{
    background-color: rgb(129, 181, 255);
}

NinjamTrackView #lowCutButton:hover
{
    background-color: rgb(204, 225, 255);
}

NinjamTrackView[unlighted="true"] #lowCutButton,
NinjamTrackView[unlighted="true"] #receiveButton
{
    background-color: rgba(0, 0, 0, 30);
    border: none;
}

NinjamTrackView  #channelName               /* channel name for ninjamers */
{
    border: none;
    background-color: rgba(0, 0, 0, 6);
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 10px;
    color: rgba(0, 0, 0, 160);
    max-width: 130px;
}

NinjamTrackGroupView > #topPanel                /* the track group top panel: used to show user name */
 {
     background: rgba(0, 107, 206, 90);
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
 }

NinjamTrackGroupView[horizontal="true"] > #topPanel
{
    border-top-right-radius: 0px;
    border-bottom-left-radius: 6px;
}


/* NinjamPanel is the widget where the ninjam controls are showed (in bottom when we are connected in a server)
----------------------------------------------------------------------------------------------------------------*/
NinjamPanel
{
    background-color: rgba(0, 0, 0, 20);
    border: 1px inset rgba(60, 60, 60, 90);
    border-radius: 6px;
}

MetronomePanel #soloButton,
MetronomePanel #muteButton
{
    background-color: rgb(180,207,250);
}

#panelCombos QCheckBox,
#panelCombos QLabel             /* The labels in left side of comboboxes (bpi, bpm, accents and shape) */
{
    color: rgb(40, 40, 40);
}

NinjamPanel QComboBox
{
    background-color: rgba(0, 0, 0, 30);
    selection-background-color: rgb(51, 153, 255);
    selection-color: white;
}

#panelCombos QComboBox
{
    color: rgb(10, 10, 10);
    border-radius: 6px;
}

NinjamPanel QComboBox QAbstractItemView
{
    border: none;
    color: black;
    background-color: rgb(100, 143, 181);
    selection-background-color: rgb(51, 153, 255);
    selection-color: white;
}

#panelCombos QComboBox:hover
{
    background-color: rgb(112, 149, 174);
}

#comboBpi-topLevel
{
    border: none;
    background-color: qlineargradient(x1:0, y1:0, x2:1, y2:0,
        stop: 0.0 rgb(117, 154, 174),
        stop: 0.1 rgb(117, 171, 225),
        stop: 0.45 rgb(117, 171, 225),
        stop: 0.6 rgb(117, 154, 174),
        stop: 1.0 rgb(117, 154, 174));
}

#comboBpm-topLevel
{
    border: none;
    background-color: qlineargradient(x1:0, y1:0, x2:1, y2:0,
        stop: 0.0 rgb(107, 147, 178),
        stop: 0.1 rgb(117, 171, 225),
        stop: 0.45 rgb(117, 171, 225),
        stop: 0.6 rgb(107, 147, 178),
        stop: 1.0 rgb(107, 147, 178));
}

NinjamTrackGroupView                        /* ninjam track group. If a ninjamer is using 2 channels they will appear grouped */
{
    border: 1px solid rgb(130, 130, 130);
    background-color: rgb(107, 147, 178);  /* setting the background, necessary to show a nice video preview bg color */
}

NinjamTrackView  #channelName
{
    border-radius:6px;
    selection-background-color: rgb(51, 153, 255);
    selection-color: white;
}

/* The floating window showing the metronome/interval progress */
IntervalProgressWindow
{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1,
        stop: 0.0 rgb(139, 179, 194),
        stop: 1.0 rgb(78, 137, 219));
}

IntervalProgressDisplay
{
    qproperty-currentBeatColor: rgb(18, 97, 244);
    qproperty-accentsColor: rgb(0, 0, 240); /* dark blue */
    qproperty-currentAccentColor: blue;
    qproperty-secondaryBeatsColor: rgba(57, 77, 77);
    qproperty-disabledBeatsColor: rgba(57, 77, 77, 30);
    qproperty-linesColor: rgba(0, 0, 0, 50);
}

LooperWindow #buttonPlay:checked
{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:0.95,
        stop:0 rgba(90, 255, 62, 220),
        stop:1 rgba(0, 175, 0, 200));
}

LooperWindow #buttonRec:checked
{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:0.9,
        stop:0 rgb(255, 90, 62),
        stop:1 rgb(175, 0, 0));
}

LooperWindow #buttonPlay:hover:checked
{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:0.95,
        stop:0 rgb(90, 255, 62),
        stop:1 rgb(0, 175, 0));
}

LooperWindow #buttonRec:hover:checked
{
    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:0.9,
        stop:0 rgba(255, 90, 62, 220),
        stop:1 rgba(175, 0, 0, 200));
}

LooperWindow #buttonRec[blinking="true"]:checked
{
    background-color: rgb(180, 207, 250);
}

#widget QPushButton,
#widget BlinkableButton
{
    border: 1px solid rgba(0, 0, 0, 160);
}

#widget QPushButton:disabled
{
    border: 1px solid rgba(0, 0, 0, 40);
}

#widgetBottom QComboBox                         /* the colors inside the combo box*/
{
    border-radius: 6px;
    color: black;
    border: 1px solid rgba(0, 0, 0, 160);
    padding: 1px 3px 1px 3px;
    background-color: rgb(180, 207, 250);
    selection-background-color: rgb(51, 153, 255);
    selection-color: white;
}

#widgetBottom QComboBox:focus
{
    background-color: rgb(51, 153, 255);
    color: white;
}

#widgetBottom QComboBox:hover
{
    background-color: rgb(207, 224, 252);
}

#widgetBottom QComboBox:focus:hover
{
    background-color: rgb(143, 188, 250);
}

#widgetBottom QComboBox::drop-down
{
    border: 0px;
}

#widgetBottom QComboBox::down-arrow
{
    image:url(:/images/arrow-down.png);
}

#widgetBottom QComboBox::down-arrow:disabled
{
    image:url(:/images/arrow-down-lighter.png);
}

LooperWindow #maxLayersComboBox
{
    min-width: 1em;
}

LooperWindow #comboBoxPlayMode
{
    min-width: 7em;
}

LooperWindow QComboBox QAbstractItemView      /* the colors inside drop down menu of the combo box*/
{
    border: none;
    color: black;
    background-color: rgb(180, 207, 250);
    selection-background-color: rgb(51, 153, 255);
    selection-color: white;
}

LooperWindow QCheckBox:disabled,
LooperWindow QLabel:disabled
{
    color: rgba(0, 0, 0, 90);
}

#widgetBottom QComboBox:disabled
{
    border: none;
}

LooperWindow QLabel,
LooperWindow QGroupBox
{
    color: rgba(0, 0, 0, 200);;
}

LooperWindow QGroupBox
{
    border: 1px solid rgba(0, 0, 0, 30);
    border-radius: 6px;
}

LooperWindow QCheckBox
{
    color: white;
}

LooperWindow #muteButton:disabled
{
    background-color: rgba(0, 0, 0, 20);
    color: rgba(0, 0, 0, 60)
}
