.set-container{width: 100%;text-align: left;padding: 9px 18px;}
.row{width: 100%;display: inline-block;}
.col-l,.col-c,.col-r{float: left;}
.col-l{width: 18%;}
.col-c{width: 72%;}
.col-r{width: 10%;text-align: right;}
.barcode-select{/*border-left:transparent;border-top-left-radius: 0;border-bottom-left-radius: 0;*/border-color:#ccc}
#userInput{height:35px;}
#barcode{vertical-align: middle;}
#invalid{display: none;color:#DE0000;margin-top:10px;font-size:14pt;vertical-align: middle;}
#barcodeType{height:35px;}
.barcode-container{height:200px;line-height: 200px;text-align: center;vertical-align: middle;/*margin-left: 25px;margin-right: 25px;*/margin:auto;}
.slider-container{margin-top: 17px;}
.input-container{margin-top: 5px;}
.fbar{background: url(../pic/bar.svg) center;filter: drop-shadow(#49a3be 999px 0);transform: translateX(-999px);display: block;width: 12px;height: 12px;}
@media screen and (max-device-width: 768px),screen and (orientation:landscape) and (max-device-width: 980px) {
svg{width: 100%;}
}