#volume-screen {
    margin-right: 8px;
    border: 1px solid #AAAAAA;
    border-radius: 2px;
    height: 32px;
    width: 6px;
}


.vol {
    background: linear-gradient(0deg,#CCCCCC,#FFF);
}

.vol_2 {
    background: linear-gradient(0deg,#5A86CC 10%,#FFF 30%);
}
.vol_3 {
    background: linear-gradient(0deg,#5A86CC 20%,#FFF 40%);
}
.vol_4 {
    background: linear-gradient(0deg,#5A86CC 30%,#FFF 50%);
}
.vol_5 {
    background: linear-gradient(0deg,#5A86CC 40%,#FFF 60%);
}
.vol_6 {
    background: linear-gradient(0deg,#5A86CC 50%,#FFF 70%);
}
.vol_7 {
    background: linear-gradient(0deg,#5A86CC 60%,#FFF 80%);
}
.vol_8 {
    background: linear-gradient(0deg,#5A86CC 70%,#FFF 90%);
}
.vol_9 {
    background: linear-gradient(0deg,#5A86CC 90%,#FFF 100%);
}
.vol_10 {
    background: linear-gradient(0deg,#5A86CC 100%,#FFF 100%);
}