@charset "UTF-8";.barcodeGenerator .configPanelContainer{padding:41px 0 75px 0;background-color:#f5f5f5;}.barcodeGenerator .configPanelContainer .configPanel .configInput{margin:40px auto;display:grid;grid-template-columns:300px 300px;grid-gap:30px;justify-content:center;}.barcodeGenerator .configPanelContainer .configPanel .configInput label{font-size:16px;}.barcodeGenerator .configPanelContainer .configPanel .configInput input[type=checkbox]{display:none;}.barcodeGenerator .configPanelContainer .configPanel .configInput input[type=checkbox]+label{cursor:pointer;}.barcodeGenerator .configPanelContainer .configPanel .configInput input[type=checkbox]+label::before{content:"";display:inline-block;margin-right:7px;width:23px;height:23px;border:2px solid #707070;vertical-align:text-top;}.barcodeGenerator .configPanelContainer .configPanel .configInput input[type=checkbox]:checked+label::before{content:"✓";background-color:#fe8e14;border-color:#fe8e14;color:#fff;font-size:22px;line-height:18px;text-align:center;}.barcodeGenerator .configPanelContainer .configPanel .configInput input[type=text],.barcodeGenerator .configPanelContainer .configPanel .configInput select,.barcodeGenerator .configPanelContainer .configPanel .configInput #templateContent{display:block;width:100%;height:42px;line-height:42px;font-size:16px;padding:0 10px;outline:0;border:2px solid #323234;margin-bottom:15px;}.barcodeGenerator .configPanelContainer .configPanel .configInput .CodeMirror{font-size:16px;border:1px solid #ddd;height:400px;}.barcodeGenerator .configPanelContainer .configPanel .configInput input:disabled,.barcodeGenerator .configPanelContainer .configPanel .configInput select:disabled{background-color:#ccc;}.barcodeGenerator .configPanelContainer .configPanel .configInput option{height:42px;line-height:42px;}.barcodeGenerator .configPanelContainer .configPanel input[type=button]{display:block;margin:20px auto 0 auto;padding:13px 18px;width:auto;height:auto;line-height:26px;font-size:18px;}.barcodeGenerator #barcodes{overflow:auto;display:flex;border:1px solid #ddd;transform:rotate(180deg) rotate3d(0,1,0,180deg);}.barcodeGenerator #barcodes canvas{transform:rotate(180deg) rotate3d(0,1,0,180deg);}.barcodeGenerator.tempdateUpgrade .configPanelContainer{background-color:#fff;}.barcodeGenerator.tempdateUpgrade .configPanelContainer .configPanel .configInput{grid-template-columns:700px;}.barcodeGenerator.tempdateUpgrade .configPanelContainer .configPanel .configInput #templateContent{height:auto;min-height:400px;max-height:600px;margin:0;padding:0;overflow:auto;white-space:pre;}.barcodeGenerator.tempdateUpgrade .configPanelContainer .configPanel .configInput #templateFile{display:none;outline:0;border:0;box-shadow:none;}.barcodeGenerator.tempdateUpgrade .configPanelContainer .configPanel .configInput .uploadBtn{height:40px;line-height:36px;font-size:18px;padding:0 30px;outline:0;float:right;transition:ease-in-out .2s all;}.barcodeGenerator.tempdateUpgrade .configPanelContainer .configPanel .configInput .uploadBtn:hover{box-shadow:-4px 4px 0 0 #000;transform:translate(4px,-4px);}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}#UpgradeTemplateBtn{display:inline-block;padding:0 90px;height:52px;line-height:48px;font-size:18px;text-align:center;cursor:pointer;color:#fe8e14;border:2px solid #fe8e14;background:#fff;font-family:Oswald-Regular,"Myriad Pro","Gloucester MT",myriad-pro,"Agency FB";transition:ease-in-out .2s all;box-shadow:0 0 0 0 #fff;}#UpgradeTemplateBtn:hover{box-shadow:-4px 4px 0 0 #000;transform:translate(4px,-4px);}#UpgradeTemplateBtn.disabled{border-color:#ddd;color:#ddd;pointer-events:none;}#UpgradeTemplateBtn.loading{position:relative;pointer-events:none;opacity:.7;}#UpgradeTemplateBtn.loading:after{content:"";position:absolute;top:12px;right:10px;display:inline-block;width:26px;height:26px;border-radius:50%;background:conic-gradient(transparent 15%,#fe8e14 85%);animation:spin 2s linear infinite;}#UpgradeTemplateBtn.loading:before{content:"";position:absolute;top:14px;right:12px;width:22px;height:22px;background:#fff;border-radius:50%;z-index:1;}