body {
}


.flex-container-row {
    display: flex;
    flex-direction: row;
    background-color: rgba(0,255,0,0.0);
    opacity: 1.0;
}

    .flex-container-row > div {
        /*width: 100%;*/
        text-align: center;
        line-height: 30px;
        font-size: 18px;
        opacity: 1.0;
    }
.knob {
    border-radius: 40px;
    padding: 20px !important;
    text-align: center;
    font: bold 24px Arial;
    box-shadow: rgba(80,80,80,1.0) 0px 0px;
    margin-top: 10px;
    /*height: 40px;*/
}


    .knob:active {
        box-shadow: rgba(0,50,0,1.0) 0px 0px inset;
    }

    .knob:hover {
        cursor: pointer;
    }

.oneway-bluegradient {
    background: linear-gradient(to bottom, deepskyblue, darkblue);
    color: #fff;
    cursor: pointer;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .oneway-bluegradient:active {
        background: linear-gradient(to bottom, darkblue, deepskyblue);
        border: 5px outset deepskyblue;
    }


/*  green buttons   */
.newgradient_00FF00_00D000 {
    background: linear-gradient(to bottom,#00FF00,#00D000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_00FF00_00D000:active {
        background: linear-gradient(to bottom,#00D000,#00FF00);
        border: 5px outset #00FF00;
    }

.newgradient_00FF00_00A000 {
    background: linear-gradient(to bottom,#00FF00,#00A000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_00FF00_00A000:active {
        background: linear-gradient(to bottom,#00A000,#00FF00);
        border: 5px outset #00FF00;
    }

.newgradient_00FF00_008000 {
    background: linear-gradient(to bottom,#00FF00,#008000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_00FF00_008000:active {
        background: linear-gradient(to bottom,#008000,#00FF00);
        border: 5px outset #00FF00;
    }

.newgradient_00FF00_004000 {
    background: linear-gradient(to bottom,#00FF00,#004000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_00FF00_004000:active {
        background: linear-gradient(to bottom,#004000,#00FF00);
        border: 5px outset #00FF00;
    }

.newgradient_00FF00_000000 {
    background: linear-gradient(to bottom,#00FF00,#000000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_00FF00_000000:active {
        background: linear-gradient(to bottom,#000000,#00FF00);
        border: 5px outset #00FF00;
    }




/*      darkgreens      */
.newgradient_00E000_006000 {
    background: linear-gradient(to bottom,#00E000,#006000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_00E000_006000:active {
        background: linear-gradient(to bottom,#006000,#00E000);
        border: 5px outset #00E000;
    }

.newgradient_00E000_004000 {
    background: linear-gradient(to bottom,#00E000,#004000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_00E000_004000:active {
        background: linear-gradient(to bottom,#004000,#00E000);
        border: 5px outset #00E000;
    }

.newgradient_00E000_002000 {
    background: linear-gradient(to bottom,#00E000,#002000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_00E000_002000:active {
        background: linear-gradient(to bottom,#002000,#00E000);
        border: 5px outset #00E000;
    }

.newgradient_00C000_000000 {
    background: linear-gradient(to bottom,#00C000,#000000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_00C000_000000:active {
        background: linear-gradient(to bottom,#000000,#00C000);
        border: 5px outset #00C000;
    }

.newgradient_00A000_000000 {
    background: linear-gradient(to bottom,#00A000,#000000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_00A000_000000:active {
        background: linear-gradient(to bottom,#000000,#00A000);
        border: 5px outset #00A000;
    }

/*  reds    */
.newgradient_FF0000_D00000 {
    background: linear-gradient(to bottom,#FF0000,#D00000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_FF0000_D00000:active {
        background: linear-gradient(to bottom,#D00000,#FF0000);
        border: 5px outset #FF0000;
    }

.newgradient_FF0000_A00000 {
    background: linear-gradient(to bottom,#FF0000,#A00000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_FF0000_A00000:active {
        background: linear-gradient(to bottom,#A00000,#FF0000);
        border: 5px outset #FF0000;
    }

.newgradient_FF0000_800000 {
    background: linear-gradient(to bottom,#FF0000,#800000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_FF0000_800000:active {
        background: linear-gradient(to bottom,#800000,#FF0000);
        border: 5px outset #FF0000;
    }

.newgradient_FF0000_400000 {
    background: linear-gradient(to bottom,#FF0000,#400000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_FF0000_400000:active {
        background: linear-gradient(to bottom,#400000,#FF0000);
        border: 5px outset #FF0000;
    }

.newgradient_FF0000_000000 {
    background: linear-gradient(to bottom,#FF0000,#000000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_FF0000_000000:active {
        background: linear-gradient(to bottom,#000000,#FF0000);
        border: 5px outset #FF0000;
    }

.newgradient_E00000_600000 {
    background: linear-gradient(to bottom,#E00000,#600000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_E00000_600000:active {
        background: linear-gradient(to bottom,#600000,#E00000);
        border: 5px outset #E00000;
    }

.newgradient_E00000_400000 {
    background: linear-gradient(to bottom,#E00000,#400000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_E00000_400000:active {
        background: linear-gradient(to bottom,#400000,#E00000);
        border: 5px outset #E00000;
    }

.newgradient_E00000_200000 {
    background: linear-gradient(to bottom,#E00000,#200000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_E00000_200000:active {
        background: linear-gradient(to bottom,#200000,#E00000);
        border: 5px outset #E00000;
    }

.newgradient_C00000_000000 {
    background: linear-gradient(to bottom,#C00000,#000000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_C00000_000000:active {
        background: linear-gradient(to bottom,#000000,#C00000);
        border: 5px outset #C00000;
    }

.newgradient_A00000_000000 {
    background: linear-gradient(to bottom,#A00000,#000000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_A00000_000000:active {
        background: linear-gradient(to bottom,#000000,#A00000);
        border: 5px outset #A00000;
    }

/*      blues       */
.newgradient_0000FF_0000D0 {
    background: linear-gradient(to bottom,#0000FF,#0000D0);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_0000FF_0000D0:active {
        background: linear-gradient(to bottom,#0000D0,#0000FF);
        border: 5px outset #0000FF;
    }

.newgradient_0000FF_0000A0 {
    background: linear-gradient(to bottom,#0000FF,#0000A0);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_0000FF_0000A0:active {
        background: linear-gradient(to bottom,#0000A0,#0000FF);
        border: 5px outset #0000FF;
    }

.newgradient_0000FF_000080 {
    background: linear-gradient(to bottom,#0000FF,#000080);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_0000FF_000080:active {
        background: linear-gradient(to bottom,#000080,#0000FF);
        border: 5px outset #0000FF;
    }

.newgradient_0000FF_000040 {
    background: linear-gradient(to bottom,#0000FF,#000040);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_0000FF_000040:active {
        background: linear-gradient(to bottom,#000040,#0000FF);
        border: 5px outset #0000FF;
    }

.newgradient_0000FF_000000 {
    background: linear-gradient(to bottom,#0000FF,#000000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_0000FF_000000:active {
        background: linear-gradient(to bottom,#000000,#0000FF);
        border: 5px outset #0000FF;
    }


/*      dark blues      */
.newgradient_0000E0_000060 {
    background: linear-gradient(to bottom,#0000E0,#000060);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_0000E0_000060:active {
        background: linear-gradient(to bottom,#000060,#0000E0);
        border: 5px outset #0000E0;
    }

.newgradient_0000E0_000040 {
    background: linear-gradient(to bottom,#0000E0,#000040);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_0000E0_000040:active {
        background: linear-gradient(to bottom,#000040,#0000E0);
        border: 5px outset #0000E0;
    }

.newgradient_0000E0_000020 {
    background: linear-gradient(to bottom,#0000E0,#000020);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_0000E0_000020:active {
        background: linear-gradient(to bottom,#000020,#0000E0);
        border: 5px outset #0000E0;
    }

.newgradient_0000C0_000000 {
    background: linear-gradient(to bottom,#0000C0,#000000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_0000C0_000000:active {
        background: linear-gradient(to bottom,#000000,#0000C0);
        border: 5px outset #0000C0;
    }

.newgradient_0000A0_000000 {
    background: linear-gradient(to bottom,#0000A0,#000000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_0000A0_000000:active {
        background: linear-gradient(to bottom,#000000,#0000A0);
        border: 5px outset #0000A0;
    }


/*      green pastel*/

.newgradient_80FF80_00A000 {
    background: linear-gradient(to bottom,#80FF80,#00A000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_80FF80_00A000:active {
        background: linear-gradient(to bottom,#00A000,#80FF80);
        border: 5px outset #80FF80;
    }

.newgradient_80FF80_008000 {
    background: linear-gradient(to bottom,#80FF80,#008000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_80FF80_008000:active {
        background: linear-gradient(to bottom,#008000,#80FF80);
        border: 5px outset #80FF80;
    }

.newgradient_80FF80_006000 {
    background: linear-gradient(to bottom,#80FF80,#006000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_80FF80_006000:active {
        background: linear-gradient(to bottom,#006000,#80FF80);
        border: 5px outset #80FF80;
    }

.newgradient_80FF80_004000 {
    background: linear-gradient(to bottom,#80FF80,#004000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_80FF80_004000:active {
        background: linear-gradient(to bottom,#004000,#80FF80);
        border: 5px outset #80FF80;
    }

.newgradient_80FF80_000000 {
    background: linear-gradient(to bottom,#80FF80,#000000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_80FF80_000000:active {
        background: linear-gradient(to bottom,#000000,#80FF80);
        border: 5px outset #80FF80;
    }

/*      reds pastel     */
.newgradient_FF8080_A00000 {
    background: linear-gradient(to bottom,#FF8080,#A00000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_FF8080_A00000:active {
        background: linear-gradient(to bottom,#A00000,#FF8080);
        border: 5px outset #FF8080;
    }

.newgradient_FF8080_800000 {
    background: linear-gradient(to bottom,#FF8080,#800000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_FF8080_800000:active {
        background: linear-gradient(to bottom,#800000,#FF8080);
        border: 5px outset #FF8080;
    }

.newgradient_FF8080_600000 {
    background: linear-gradient(to bottom,#FF8080,#600000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_FF8080_600000:active {
        background: linear-gradient(to bottom,#600000,#FF8080);
        border: 5px outset #FF8080;
    }

.newgradient_FF8080_400000 {
    background: linear-gradient(to bottom,#FF8080,#400000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_FF8080_400000:active {
        background: linear-gradient(to bottom,#400000,#FF8080);
        border: 5px outset #FF8080;
    }

.newgradient_FF8080_000000 {
    background: linear-gradient(to bottom,#FF8080,#000000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_FF8080_000000:active {
        background: linear-gradient(to bottom,#000000,#FF8080);
        border: 5px outset #FF8080;
    }

/*      blues pastel        */
.newgradient_4080FF_0000A0 {
    background: linear-gradient(to bottom,#4080FF,#0000A0);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_4080FF_0000A0:active {
        background: linear-gradient(to bottom,#0000A0,#4080FF);
        border: 5px outset #4080FF;
    }

.newgradient_4080FF_000080 {
    background: linear-gradient(to bottom,#4080FF,#000080);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_4080FF_000080:active {
        background: linear-gradient(to bottom,#000080,#4080FF);
        border: 5px outset #4080FF;
    }

.newgradient_4080FF_000060 {
    background: linear-gradient(to bottom,#4080FF,#000060);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_4080FF_000060:active {
        background: linear-gradient(to bottom,#000060,#4080FF);
        border: 5px outset #4080FF;
    }

.newgradient_4080FF_000040 {
    background: linear-gradient(to bottom,#4080FF,#000040);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_4080FF_000040:active {
        background: linear-gradient(to bottom,#000040,#4080FF);
        border: 5px outset #4080FF;
    }

.newgradient_4080FF_000000 {
    background: linear-gradient(to bottom,#4080FF,#000000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_4080FF_000000:active {
        background: linear-gradient(to bottom,#000000,#4080FF);
        border: 5px outset #4080FF;
    }

/*      oranges     */
.newgradient_FFFF00_C0C000 {
    background: linear-gradient(to bottom,#FFFF00,#C0C000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_FFFF00_C0C000:active {
        background: linear-gradient(to bottom,#C0C000,#FFFF00);
        border: 5px outset #FFFF00;
    }

.newgradient_FFFF00_FF8000 {
    background: linear-gradient(to bottom,#FFFF00,#FF8000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_FFFF00_FF8000:active {
        background: linear-gradient(to bottom,#FF8000,#FFFF00);
        border: 5px outset #FFFF00;
    }


.newgradient_FFC000_E02000 {
    background: linear-gradient(to bottom,#FFC000,#E02000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_FFC000_E02000:active {
        background: linear-gradient(to bottom,#E02000,#FFC000);
        border: 5px outset #FFC000;
    }

.newgradient_E06000_803000 {
    background: linear-gradient(to bottom,#E06000,#803000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_E06000_803000:active {
        background: linear-gradient(to bottom,#803000,#E06000);
        border: 5px outset #E06000;
    }

.newgradient_E06000_000000 {
    background: linear-gradient(to bottom,#E06000,#000000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_E06000_000000:active {
        background: linear-gradient(to bottom,#000000,#E06000);
        border: 5px outset #E06000;
    }



/*      purples     */
.newgradient_FF00FF_800080 {
    background: linear-gradient(to bottom,#FF00FF,#800080);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_FF00FF_800080:active {
        background: linear-gradient(to bottom,#800080,#FF00FF);
        border: 5px outset #FF00FF;
    }

.newgradient_FF00FF_400040 {
    background: linear-gradient(to bottom,#FF00FF,#400040);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_FF00FF_400040:active {
        background: linear-gradient(to bottom,#400040,#FF00FF);
        border: 5px outset #FF00FF;
    }

.newgradient_FF00FF_200020 {
    background: linear-gradient(to bottom,#FF00FF,#200020);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_FF00FF_200020:active {
        background: linear-gradient(to bottom,#200020,#FF00FF);
        border: 5px outset #FF00FF;
    }

.newgradient_FF00FF_000000 {
    background: linear-gradient(to bottom,#FF00FF,#000000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_FF00FF_000000:active {
        background: linear-gradient(to bottom,#000000,#FF00FF);
        border: 5px outset #FF00FF;
    }

.newgradient_C000C0_000000 {
    background: linear-gradient(to bottom,#C000C0,#000000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_C000C0_000000:active {
        background: linear-gradient(to bottom,#000000,#C000C0);
        border: 5px outset #C000C0;
    }

/*      cyan        */
.newgradient_00FFFF_008080 {
    background: linear-gradient(to bottom,#00FFFF,#008080);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_00FFFF_008080:active {
        background: linear-gradient(to bottom,#008080,#00FFFF);
        border: 5px outset #00FFFF;
    }

.newgradient_00FFFF_004040 {
    background: linear-gradient(to bottom,#00FFFF,#004040);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_00FFFF_004040:active {
        background: linear-gradient(to bottom,#004040,#00FFFF);
        border: 5px outset #00FFFF;
    }

.newgradient_00FFFF_002020 {
    background: linear-gradient(to bottom,#00FFFF,#002020);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_00FFFF_002020:active {
        background: linear-gradient(to bottom,#002020,#00FFFF);
        border: 5px outset #00FFFF;
    }

.newgradient_00FFFF_000000 {
    background: linear-gradient(to bottom,#00FFFF,#000000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_00FFFF_000000:active {
        background: linear-gradient(to bottom,#000000,#00FFFF);
        border: 5px outset #00FFFF;
    }

.newgradient_00C0C0_000000 {
    background: linear-gradient(to bottom,#00C0C0,#000000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_00C0C0_000000:active {
        background: linear-gradient(to bottom,#000000,#00C0C0);
        border: 5px outset #00C0C0;
    }


/*      useful      */
.newgradient_FFFF00_805500 {
    background: linear-gradient(to bottom,#FFFF00,#805500);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_FFFF00_805500:active {
        background: linear-gradient(to bottom,#805500,#FFFF00);
        border: 5px outset #FFFF00;
    }

.newgradient_B978FE_412D6C {
    background: linear-gradient(to bottom,#B978FE,#412D6C);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_B978FE_412D6C:active {
        background: linear-gradient(to bottom,#412D6C,#B978FE);
        border: 5px outset #B978FE;
    }

.newgradient_45FF90_005000 {
    background: linear-gradient(to bottom,#45FF90,#005000);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_45FF90_005000:active {
        background: linear-gradient(to bottom,#005000,#45FF90);
        border: 5px outset #45FF90;
    }

.newgradient_0080FF_000040 {
    background: linear-gradient(to bottom,#0080FF,#000040);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_0080FF_000040:active {
        background: linear-gradient(to bottom,#000040,#0080FF);
        border: 5px outset #0080FF;
    }

.newgradient_FF8000_8F3A01 {
    background: linear-gradient(to bottom,#FF8000,#8F3A01);
    color: #fff;
    border: 5px outset transparent;
    background-clip: padding-box;
}

    .newgradient_FF8000_8F3A01:active {
        background: linear-gradient(to bottom,#8F3A01,#FF8000);
        border: 5px outset #FF8000;
    }