#VuMeter { position:relative; color:#ffffff; font-size:12px; font-family:verdana,arial,helvetica,sans-serif; text-align:center; height:100%; background-color:transparent; text-align:left; }

#VuMeter .channel:not(.advancedView) { position:relative; box-sizing:border-box; display:inline-block; min-width:50px; background-color:transparent; margin:0px 5px; border-bottom:1px solid #787878; }
#VuMeter .channel.advancedView { position:relative; box-sizing:border-box; display:inline-block; min-width:50px; background-color:transparent; margin:20px; border:1px solid #787878; }
/* #VuMeter .channel[data-silence="1"] { background-repeat: no-repeat; background-position:center bottom; background-image:url('icon_silent.png'); background-size:contain; } */

#VuMeter .vbarContent { position:absolute;  z-index:1; width:100%; height:100%; }
#VuMeter .creteContent { position:absolute;  z-index:2; width:100%; height:100%; }
#VuMeter .audioNumContent { position:absolute;  z-index:3; width:100%; bottom:0px; background: transparent; text-align: center; color:#787878; font-size:bold; }
#VuMeter .vbar,
#VuMeter .crete,
#VuMeter .audioNum { display:inline-block; height:100%; }

#VuMeter .channel:not(.advancedView) .iconsilence { position:relative; z-index:4; width:100%; margin: 0 auto; height:100%; max-width:75px; background-repeat: no-repeat; background-position:center bottom; background-size:contain;  background-image:url('icon_silent.png'); }
#VuMeter .channel.advancedView .iconsilence { position:relative; z-index:4; width:100%; margin: 0 auto 10px auto; height:calc(100% - 10px); max-width:75px; background-repeat: no-repeat; background-position:center bottom; background-size:contain;  background-image:url('icon_silent.png'); }
#VuMeter:not([data-hidden="1"]) .channel[data-silence="1"] .iconsilence { visibility:visible }
#VuMeter .channel:not([data-silence="1"]) .iconsilence { visibility:hidden; }

#VuMeter .labelChannel { position:relative; width:100%; height:20px; text-align:center; color:#ffffff; font-size:bold; padding-top:5px; }