html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;outline:0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
*{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Oxygen,Cantarell,sans-serif}
html, body{background:#000000;color:#ffffff;height:100% !important;overflow:auto !important;-webkit-overflow-scrolling:touch !important;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none}
a, a:visited{color:#d80000;text-decoration:none}
a:active{color:#ffaa00}
.contentwidth, .xcontentwidth{margin:0 auto;min-width:284px;padding:0 12px;position:relative}
header{background-color:#000000;border-top:2px solid #ae9064;height:56px;margin:0;padding:0;position:fixed;text-align:center;width:100%;z-index:1}
#header-in{display:block;height:56px;position:relative;text-align:left}
#header-in.h1-initial{text-align:center}
main{background:#333333;color:#ffffff;padding:72px 0 16px 0}
#content{position:relative}
header h1{display:inline-block;font-size:1em;height:56px;margin:0;padding:0}
header h1 a{display:block;float:left;height:40px;line-height:40px;overflow:hidden;padding:8px 0;position:relative;text-decoration:none;text-indent:-1000em;vertical-align:middle;width:104px}
header h1 a::after{background:url('./res/brezi-koza-logo.png') left 50% no-repeat;background-position:0 50%;background-size:contain;content:'';display:block;height:40px;left:0;position:absolute;top:8px;width:104px}
header h1 span{color:#ffffff;display:block;float:left;font-size:1em;height:40px;line-height:40px;margin:0;padding:8px 0;vertical-align:middle}
footer{color:#666666;padding:16px 0;text-align:center}
footer #version{color:#999999;font-size:0.625em}
form{margin:0;padding:0;width:auto}
.form-row{padding:2px 0;position:relative;width:auto}
.form-label{display:block;position:relative;width:auto}
.form-control{display:block;margin:0 0 2px 0;position:relative}
input, select{background:#ffffff;color:#000000;outline:none;transition:background-color 0.3s}
textarea{background:#ffffff;border:1px solid #000000;color:#000000;margin:2px 0;outline:none;padding:4px 8px;transition:background-color 0.3s}
textarea:focus{background-color:#f9efe0;outline:none}
.form-text, .form-file{border-radius:4px}
select{border-radius:4px}
.form-text:focus, .form-file:focus{background-color:#f9efe0;outline:none}
button, .form-button{background-color:#574832;border:none;border-radius:4px;color:#ffffff;cursor:pointer;margin:2px 0;padding:5px 16px;transition:background-color 0.2s}
button:focus, .form-button:focus{background-color:#ae9064;color:#ffffff}
#button-install{background-color:#666666;border:1px solid rgba(255,255,255,0.25);border-radius:4px;color:#ffffff;font-size:0.75em;margin:0 auto;overflow:hidden;padding:4px 24px;position:relative;transition:background-color 0.5s ease-in,border 0.5s ease-in}
#button-install:active{background-color:#ae9064;border:1px solid rgba(255,255,255,1)}
#button-install::before{background-color:#ffffff;border-radius:50%;content:'';display:block;height:0;left:50%;opacity:0.5;overflow:hidden;position:absolute;top:50%;transform:none;transition:width 0.5s,height 0.5s,left 0.5s,top 0.5s,opacity 0.5s;visibility:hidden;width:0}
#button-install:active::before{height:200%;left:0;opacity:0;top:-50%;visibility:visible;width:100%}
#xaMessageBox{display:none;left:0;opacity:0;position:absolute;top:0;transition:opacity 0.5s;visibility:hidden;width:100%;z-index:500}
#xaMessageBox div{background-color:#ae9064;border-radius:4px;color:#ffffff;font-weight:bold;margin:24px;padding:24px;position:relative;text-align:center;top:-24px;z-index:500}
#xaMessageBox.js-xa-msgbox-visible{display:block;opacity:1;visibility:visible}
#xaMessageBox.js-xa-msgbox-x-bg::before{background:#000000;content:'';display:block;height:100vh;left:0;opacity:0.67;position:fixed;top:0;width:100vw;z-index:450}
#xaMessageBox.js-xa-msgbox-x-bg-error div{background-color:#660000}
#xaMessageBox.js-xa-msgbox-x-bg-error::before{background:#000000;content:'';display:block;height:100vh;left:0;opacity:0.67;position:fixed;top:0;width:100vw;z-index:450}
#xaMessageBox.js-xa-msgbox-x-error div{background-color:#660000}
#xaHeaderInfo{display:none;height:56px;position:absolute;right:0;top:0;visibility:hidden}
#xaHeaderInfo.x-visible{display:block;visibility:visible}
#xaInfo{background:#181818;border-radius:4px;display:none;padding:0;visibility:hidden}
#xaInfo.x-visible{display:block;visibility:visible}
#xaHeaderInfoLogout{background:#333333;border-radius:24px;color:#ffffff;display:block;font-weight:bold;height:40px;line-height:40px;margin:8px 0;padding:0;text-align:center;width:40px}
#xaHeaderInfoLogout.x-ready{background:#009900}
#xaHeaderInfoLogout.x-error{background:#990000}
#xaHeaderInfoLogout.x-sync{background:#996600}
#xaInfoWPSelect{background:transparent;color:#ffffff;font-weight:bold;margin:0;padding:8px 16px;position:relative;text-align:left;width:100%}
#xaInfoWPSelect span{display:block}
#xaInfoWPSelect .xaInfo-undefined{color:#999999}
#xaInfoWPSelect .xaInfo-wcontent{color:#ae9064;font-size:0.875em;padding:0 0 8px 0}
#xaInfoWPSelect .xaInfo-nocontent{color:#ae9064}
#xaInfoWPSelect .xaInfo-content{border-top:1px solid rgba(255,2555,255,0.2);color:#ffffff;font-weight:bold;padding:8px 0 0 0;text-transform:uppercase}
#xaInfoWPSelect .xaInfo-content-none{color:#999999;font-weight:normal;text-transform:unset}
#xaInfoWPSelect::after{content:'\25BE';display:block;font-size:1.25em;font-weight:bold;height:32px;line-height:32px;position:absolute;right:0;top:0;width:32px}
#xaViewLogin{clear:both;margin:0;padding:8px 0 16px 0}
#xaViewLogin .form-row{margin:0;padding:0 0 6px 0}
#xaViewLogin .form-row-text{margin:0 18px 0 0}
#xaViewLogin label{display:block;margin:0;padding:8px 0 0 0}
#xaViewLogin .form-row-password{margin:0 50px 0 0}
#xaViewLogin input{border:none;display:block;padding:4px 8px;width:100%}
#xaViewLogin-InputPassword{padding:4px 40px 4px 8px}
#xaViewLogin .form-row-submit{margin:0 0 0 0}
#xaViewLogin-Login{background-image:url('./res/sprites.svg');background-position:100% -120px;background-repeat:no-repeat;display:block;height:40px;margin:8px 0 0 0;padding:4px 8px;width:100%}
#xaViewLogout button{display:block;margin:24px 0}
#xaViewScan{padding-bottom:80px}
#xaViewScan-ScanContainer{display:none;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100vw;z-index:999}
#xaViewScan-ScanContainer.x-visible{display:block;visibility:visible}
#xaViewScan-ScanVideoBorder{border:2px solid #ffffff;bottom:16%;left:24%;opacity:0.5;position:absolute;right:24%;top:16%}
#xaViewScan-ScanVideoContainer{height:75vw;left:0;overflow:hidden;position:absolute;top:64px;width:100vw}
#xaViewScan-ScanVideo{display:block;height:75vw;left:0;overflow:hidden;position:absolute;top:0;width:100vw;z-index:0}
#xaViewScan-ScanStart, #xaViewScan-ScanStop{border-radius:40px;bottom:24px;font-weight:bold;height:80px;line-height:80px;overflow:hidden;padding:0;position:fixed;right:24px;text-align:center;width:80px;z-index:900}
#xaViewScan-KegSubmit{display:none;visibility:hidden}
#xaViewScan-KegSubmit.x-visible{display:block;visibility:visible}
#xaViewScan-KegList{list-style-type:none;margin:24px 0;padding:0}
#xaViewScan-KegList li{background:#282828;border-radius:4px;margin:0 0 12px 0;padding:0;position:relative}
#xaViewScan-KegList li .xaKI-DBEmpty{color:#999999;display:block;font-weight:bold;padding:16px}
#xaViewScan-KegList li button{background:transparent}
.xaViewScan-List-Note{margin:0;padding:0;text-align:left;width:100%}
.xaViewScan-List-Note .xaKI-Number{background:#202020;border-bottom-left-radius:4px;border-top-left-radius:4px;bottom:0;color:#ae9064;display:block;font-weight:bold;left:0;line-height:48px;padding:8px 16px;position:absolute;top:0}
.xaViewScan-List-Note .xaKI-Desc{display:block;margin:0 32px 0 88px;padding:6px 16px;position:relative;width:auto}
.xaViewScan-List-Note .xaKI-DescAction{color:#ae9064;display:block;font-weight:bold;line-height:24px;margin:0;padding:0 0 2px 0;text-transform:uppercase}
.xaViewScan-List-Note .xaKI-Desc .xaKI-DescVolume{background:#282828;bottom:0;color:#ffffff;display:inline-block;font-weight:bold;padding:0 0 0 12px;position:absolute;right:0;text-transform:uppercase}
.xaViewScan-List-Note .xaKI-DescContent{border-top:1px solid rgba(255,2555,255,0.2);color:#ffffff;display:block;font-size:0.875em;font-weight:bold;line-height:19px;margin:0;overflow:hidden;padding:6px 0 0 0;position:relative;text-transform:uppercase;white-space:nowrap}
.xaViewScan-List-Note .xaKI-DescContent.xaKI-DescContent-Empty{color:#999999;font-weight:normal;text-transform:unset}
.xaViewScan-List-Note .xaKI-DescContentExt{border-top:1px solid rgba(255,2555,255,0.2);display:block;font-size:0.875em;margin:6px 0 0 0;padding:4px 0 0 0;width:100%}
.xaViewScan-List-Note .xaKI-DescContentExt .xaKI-DescNote, .xaViewScan-List-Note .xaKI-DescContentExt .xaKI-DescDiscount, .xaViewScan-List-Note .xaKI-DescContentExt .xaKI-DescPayment{color:#999999;display:inline-block}
.xaViewScan-List-Note .xaKI-DescContentExt .xaKI-DescNote span, .xaViewScan-List-Note .xaKI-DescContentExt .xaKI-DescDiscount span, .xaViewScan-List-Note .xaKI-DescContentExt .xaKI-DescPayment span{color:#ffffff;display:inline-block;font-weight:bold;padding:0 0 0 8px}
.xaViewScan-List-Note .xaKI-DescContentExt .xaKI-DescDiscount, .xaViewScan-List-Note .xaKI-DescContentExt .xaKI-DescPayment{width:48%}
.xaViewScan-List-Delete{color:#ae9064;display:inline-block;font-size:1.5em;font-weight:bold;line-height:48px;margin:0;padding:8px 16px;position:absolute;right:0;text-align:center;top:-2px;width:48px}
.xaViewScan-DocType{background:#ae9064;border-bottom-left-radius:4px;border-top-left-radius:4px;color:#000000;display:inline-block;font-weight:bold;line-height:48px;padding:8px 16px}
.xaViewScan-DocNumber{color:#ffffff;display:inline-block;font-size:1.2em;font-weight:bold;line-height:48px;padding:8px 16px}
#xaViewScan-MsgConsole{background:#202020;border-radius:4px;color:#666666;display:none;font-size:0.875em;margin:24px 0;padding:2px 16px;position:relative;visibility:hidden}
#xaViewScan-MsgConsole.x-visible{display:block;visibility:visible}
#xaViewScan-MsgConsole p{border-bottom:1px solid #282828;margin:2px 0 0 0;padding:2px 0 4px}
#xaViewScan-MsgConsole p:last-child{border-bottom:none}
#xaViewSetRampInfo h4{margin:0;padding:32px 4px 8px 4px}
#xaViewSetRampInfo{clear:both;margin:0;padding:8px 0 16px 0}
#xaViewSetRampInfo .form-row{margin:0;padding:0 0 6px 0}
#xaViewSetRampInfo .form-row-text{margin:0 18px 0 0}
#xaViewSetRampInfo label{display:block;margin:0;padding:8px 0 0 0}
#xaViewSetRampInfo input{border:none;display:block;padding:4px 8px;width:100%}
#xaViewSetRampInfo select{border:none;display:block;padding:4px 8px;width:100%}
#xaViewSetRampInfo .form-row-submit{margin:0;padding:8px 0 0 0}
#xaViewSetVolume h4{margin:0;padding:32px 4px 8px 4px}
#xaViewSetVolume-List{list-style-type:none;margin:12px 0;padding:0}
#xaViewSetVolume-List li{list-style-type:none;margin:0;padding:4px 0}
#xaViewSetVolume-List li button{background:#282828;color:#ffffff;font-weight:bold;padding:12px 64px 12px 16px;position:relative;text-align:left;text-transform:uppercase;width:100%}
#xaViewSetVolume-List li button::after{background:#574832;border-bottom-right-radius:4px;border-top-right-radius:4px;color:#ffffff;content:'\3009';font-weight:bold;height:100%;line-height:44px;margin:0;padding:0;position:absolute;right:0;text-align:center;top:0;width:48px}
#xaViewSetWorkPlace h4{margin:0;padding:32px 4px 8px 4px}
#xaViewSetWorkPlace-List{list-style-type:none;margin:12px 0;padding:0}
#xaViewSetWorkPlace-List li{list-style-type:none;margin:0;padding:4px 0}
#xaViewSetWorkPlace-List li button{background:#282828;padding:12px 64px 12px 16px;position:relative;text-align:left;width:100%}
#xaViewSetWorkPlace-List li button::after{background:#574832;border-bottom-right-radius:4px;border-top-right-radius:4px;color:#ffffff;content:'\3009';font-weight:bold;height:100%;line-height:44px;margin:0;padding:0;position:absolute;right:0;text-align:center;top:0;width:48px}
#xaViewSetWorkPlace-List span{display:block;font-weight:bold}
#xaViewSetWorkPlace-List .xaViewSetWorkPlace-undefined{color:#999999;font-weight:normal;text-transform:unset}
#xaViewSetWorkPlace-List .xaViewSetWorkPlace-wcontent{color:#ae9064;font-size:0.875em;padding:0 0 8px 0}
#xaViewSetWorkPlace-List .xaViewSetWorkPlace-nocontent{color:#ae9064}
#xaViewSetWorkPlace-List .xaViewSetWorkPlace-content{border-top:1px solid rgba(255,2555,255,0.2);color:#ffffff;font-weight:bold;padding:8px 0 0 0;text-transform:uppercase}
#xaViewSetWorkPlace-List .xaViewSetWorkPlace-content-none{color:#999999;font-weight:normal;text-transform:unset}
.js-xa-view{display:none;visibility:hidden}
.js-xa-view:target{display:block;visibility:visible}
#console-log{display:none}
@keyframes msgbox-fade{0%{opacity:1;display:block;height:auto;visibility:visible}80%{opacity:1;display:block;height:auto;visibility:visible}99%{opacity:0;display:block;height:auto;visibility:visible}100%{opacity:0;padding:0;margin:0;display:none;visibility:hidden}}
@media not all and (any-hover:none),not all and (hover:none),not all and (-moz-touch-enabled),screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){
a:hover{color:#ffaa00}
button:hover, .form-button:hover{background-color:#ae9064;color:#ffffff}
#button-install:hover{background-color:#ae9064;border:1px solid rgba(255,255,255,1)}
#button-install:hover::before{height:200%;left:0;opacity:0;top:-50%;visibility:visible;width:100%}
.xaViewScan-List-Delete:hover{color:#990000}
#xaViewSetVolume-List li button:hover::after{background:#ae9064}
#xaViewSetWorkPlace-List li button:hover::after{background:#ae9064}
}
@media only screen and (min-width:30em){
.contentwidth, .xcontentwidth{margin:0 auto;min-width:284px;padding:0 16px;position:relative}
}
@media only screen and (min-width:40em){
.contentwidth, .xcontentwidth{margin:0 auto;min-width:284px;padding:0 16px;position:relative}
}
@media only screen and (min-width:48em){
.contentwidth, .xcontentwidth{margin:0 auto;max-width:720px;min-width:284px;padding:0 24px;position:relative}
}