/*------------------------------------------------------------------------------------------------------------------------------------------
    FADER
------------------------------------------------------------------------------------------------------------------------------------------*/
.faderContener {
    border-radius: var(--border-radius);
}

.faderValue {
    line-height: 30px;
    height: 20px;
    text-align: center;
    font-size: 1rem;
    background-color: transparent;
    color:white;
    border: none;
}

/*------------------------------------------------------------------------------------------------------------------------------------------
    FADERVIEWMETER & VIEWMETER
------------------------------------------------------------------------------------------------------------------------------------------*/
.FaderViewmeterAllVuMeterContener {
    text-align: left;
    margin-left: 5px;
}

.FaderViewmeterVuMeterContener {
    text-align: left;
    display: inline-block;
    /*font-size:10px;*/
}

.FaderVuMeterDivTxt {
    font-size: 0.8rem;
    margin-bottom: 5px;
}

.ViewMeterLabel{
    margin-left: 2px ;
    margin-right: 3px;
}

.FaderAndLabel{
    margin-left: 5px ;
}

.FaderGainType {
    font-size: 0.8rem;
    text-align: center;
    color: var(--text-color-on-brand-bg);
    background-color: var(--grey-80);
    border-radius: var(--border-radius);
    margin: 2px 2px 5px 2px;
    width: 70px;
}

.FaderVuMeterDivTxtClic {
    font-size: 0.8rem;
    padding-top: 2px;
    margin-bottom: 5px;
    text-align: center;
    border: solid rgb(100, 100, 100);
    border-width: 1px;
    border-radius: var(--border-radius);
    width: 50px;
    height: 15px;
    cursor: pointer;
}

.FaderViewmeterCanvas {
    background-image: linear-gradient(to top, #072407 0%, #24240E 30%, #24240E 75%, #240707 100%);
}

.TxViewmeterCanvas{
    background-color: #240707;
}