@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,600);html{font-size:62.5%}body,html{height:100%}body{box-sizing:border-box;color:#333;font:normal normal 600 1.8rem/2rem Titillium Web,sans-serif}.wrapper{background-image:url(/static/img/ui-background.png);background-size:cover;height:100%}.title-block{background-color:rgba(66,66,66,.65);box-sizing:border-box;color:#eee;margin:0;overflow:hidden;padding:2rem;text-overflow:ellipsis;white-space:nowrap;width:100%}.title-block span{font:normal normal 600 2rem/2rem Titillium Web,sans-serif;margin-left:.8rem}.title-block.bordered{border-bottom:1px solid #777}.img-block{background-color:rgba(66,66,66,.65);height:15.8rem;overflow:hidden}.img-block .img-frame{height:100%;overflow:hidden;position:relative;text-align:center}.img-block .img-frame img{height:100%;position:relative;top:50%;transform:translateY(-50%)}.img-block .file-input{height:0;opacity:0;overflow:hidden;position:absolute;width:0}.img-block label{color:#fff;cursor:pointer;height:100%;margin:0;overflow:hidden;padding:2rem 1.7rem;position:relative;text-overflow:ellipsis;top:-15.8rem;white-space:nowrap;width:100%}.img-block label span{margin-left:.8rem}.img-block label.shaded{background:rgba(33,33,33,.5)}.info-block{background-color:rgba(66,66,66,.65);color:#eee;padding:1rem 0}.info-block:not(:last-child){border-bottom:1px solid #777}.info-block h2,.info-block p{font:normal normal 600 1.8rem/2rem Titillium Web,sans-serif;margin:0;padding:1rem 2rem}.info-block h2 span,.info-block p span{color:#999;float:right}.info-block h2 span,.info-block p,.info-block p span{font:normal normal 600 1.6rem/2rem Titillium Web,sans-serif}.option-block{background-color:rgba(66,66,66,.65);box-sizing:border-box;color:#999;padding-bottom:2rem}.option-block:not(:last-child){border-bottom:1px solid #777}.option-block label,.option-block p{margin:0}.option-block p{padding:2rem}.option-block a{color:#777;display:block;font:normal normal 600 1.6rem/2rem Titillium Web,sans-serif;line-height:1rem;padding:2rem;text-decoration:none}.option-block a span{padding-left:1rem}.option-block a:active{background-color:rgba(33,33,33,.5)}.option-block div{padding:.5rem 2rem}.option-block div input[type=checkbox]{display:none}.option-block div label{color:#999;font:normal normal 600 1.6rem/2rem Titillium Web,sans-serif;line-height:1rem;overflow:hidden;padding:.5rem 0;text-overflow:ellipsis;white-space:nowrap}.option-block div label span{padding-left:1rem}.option-block div label:active{background-color:rgba(33,33,33,.5)}.option-block div input[type=checkbox]:checked+label,.option-block div input[type=radio]:checked+label{color:#fff}.option-block div input[type=checkbox]:checked+label svg,.option-block div input[type=radio]:checked+label svg{color:#24ff97}.input-block p{background-color:rgba(66,66,66,.65);color:#eee;margin:0}.input-block p label{display:block;margin:0;padding:2rem 2rem 1rem}.input-block p input{background-color:rgba(33,33,33,.5);border:0;box-sizing:border-box;color:#eee;font:normal normal 600 1.6rem/2rem Titillium Web,sans-serif;outline:0;padding:1.8rem;width:100%}.template-block{background-color:rgba(66,66,66,.65);box-sizing:border-box;color:#ccc}.template-block:not(:last-child){border-bottom:1px solid #777}.template-block p{margin:0;padding:2rem}.template-block input[type=checkbox]{display:none}.template-block label{border-top:1px solid #777;color:#ccc;display:flex;font:normal normal 600 1.6rem/2rem Titillium Web,sans-serif;margin:0;min-height:20rem;padding:2rem 0}.template-block label .template-info{align-items:flex-start;display:flex;flex-flow:column nowrap;justify-content:flex-start;margin-top:.5rem;overflow:hidden;padding:0 2rem;text-overflow:ellipsis;width:36%}.template-block label .template-info img{height:4rem;margin:1.4rem 0}.template-block label .template-info svg{margin-left:-.1rem}.template-block label .template-info span{font-size:1.3rem;line-height:1.4;margin-bottom:1rem}.template-block label .template-preview{min-height:18rem;width:64%}.template-block label .template-preview img{margin-top:1.6rem;object-fit:contain;width:100%}.template-block label .template-preview span{font:normal normal 600 1.8rem/2rem Titillium Web,sans-serif}.template-block input[type=checkbox]:checked+label,.template-block input[type=radio]:checked+label{background-color:hsla(0,0%,74.5%,.5);color:#fff}.template-block input[type=checkbox]:checked+label svg,.template-block input[type=radio]:checked+label svg{color:#24ff97}.btn-block{background-color:rgba(66,66,66,.65);height:6rem}.btn-block.bordered{border-top:1px solid #777}.btn-block a,.btn-block input{border:none;box-sizing:border-box;color:#eee;float:right;margin:0;outline:none;padding:2rem;text-align:center;text-decoration:none;width:50%}.btn-block a:active,.btn-block input:active{background-color:rgba(33,33,33,.5)}.btn-block a:not(:first-child),.btn-block input:not(:first-child){border-right:1px solid #777}.btn-block input{background-color:initial;font:normal normal 600 1.8rem/2rem Titillium Web,sans-serif}.error-feed{align-items:center;color:gold;display:flex;margin:-8rem 0 2rem;padding:2rem;width:100%}.error-feed .error-wrapper{color:#eee;margin-left:1rem}.delete-error-feed{align-items:center;color:gold;display:flex;margin:2rem 0;padding:2rem;width:100%}.delete-error-feed .error-wrapper{color:#eee;margin-left:1rem}.error-bottom{position:absolute}.with-error{background-image:repeating-linear-gradient(45deg,rgba(66,66,66,.65),rgba(66,66,66,.65) 3px,rgba(90,90,0,.65) 0,rgba(90,90,0,.65) 6px);border:1px solid gold!important}.login{margin-top:12rem;padding:0}.login .errorlist{background-color:hsla(0,0%,100%,.4);border-bottom:1px solid #777;color:#777;font:normal normal 600 1.6rem/2rem Titillium Web,sans-serif;list-style:none;margin:0;padding:2rem}.side-bar{background-color:rgba(66,66,66,.65);height:100%;padding:0}.side-bar .logo{border-bottom:1px solid #777;height:12rem;padding:3rem 2rem}.side-bar .logo img{height:100%;object-fit:contain;position:relative}.side-bar .clients{-webkit-overflow-scrolling:touch;bottom:12rem;overflow-y:scroll;position:absolute;top:12rem;width:100%}.side-bar .options{border-top:1px solid #777;bottom:1px;height:12rem;position:absolute;width:100%}.side-bar .list a{color:#c8c8c8;display:block;overflow:hidden;padding:2rem;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;width:100%}.side-bar .list a:active{background-color:rgba(33,33,33,.5)}.side-bar .list a svg{margin-right:1rem}.side-bar .list a.new{color:#858585}.side-bar .list a.selected{background-color:hsla(0,0%,74.5%,.5);color:#fff}.side-bar .list a.selected:active{background-color:rgba(33,33,33,.5)}.side-bar .list a.selected svg{color:#24ff97}.side-bar .menus{background-color:hsla(0,0%,74.5%,.5);color:#fff;padding-bottom:2rem}.side-bar .menus a{color:#d0d0d0;font:normal normal 600 1.6rem/2rem Titillium Web,sans-serif;padding:1rem 2rem}.side-bar .menus a:not(.new){padding:1rem 2rem 1rem 2.15rem}.side-bar .menus a:not(.new) svg{margin-right:1.2rem}.side-bar .menus a.new{color:#666}.side-bar .menus a.selected{background-color:initial}.client-setup{height:100%;padding:0}.client-setup .row{height:calc(100% - 18rem);margin:12rem 0 0;position:relative}.client-setup .row .pannel{height:100%;padding:0;position:relative}.client-setup .row .pannel .scrolling-block{-webkit-overflow-scrolling:touch;background:rgba(66,66,66,.65);max-height:calc(100% - 12rem);overflow:scroll;position:relative}.client-setup .row .pannel .scrolling-block .info-block,.client-setup .row .pannel .scrolling-block .input-block p{background:initial}.editor{background-color:#e8e8e8;grid-area:e}.dashboard{height:100%;position:relative}.toolbar{position:absolute;text-align:right;top:50%;transform:translateY(-50%)}.toolbar .option-icon{background:rgba(66,66,66,.65);border:2px solid #24ff97;border-radius:50%;color:#eee;display:inline-block;height:5rem;padding:1.3rem;text-align:center;vertical-align:middle;width:5rem}.toolbar .option-icon.selected{background-color:#24ff97;color:#666}.toolbar .option-icon:first-child{border:2px solid #ff3f24;float:left}.toolbar .option-icon:first-child.selected{background-color:#ff3f24;color:#fff}.menu-editor{height:100%;padding:0}.menu-editor .row.tools{height:12rem;margin:0;position:absolute;top:0;width:100%;z-index:99}.menu-editor .row{height:calc(100% - 12rem);margin:0;position:absolute;top:12rem;width:100%;z-index:98}.menu-editor .row form,.menu-editor .row form .pannel{display:none;height:100%;position:relative}.menu-editor .row form .pannel{padding:0}.menu-editor .row form .pannel .info-block,.menu-editor .row form .pannel .option-block:nth-of-type(2),.menu-editor .row form .pannel .title-block{background-color:rgba(66,66,66,.7)}.menu-editor .row form .pannel .option-block:nth-of-type(2) input[type=checkbox]:checked+label,.menu-editor .row form .pannel .option-block:nth-of-type(2) input[type=radio]:checked+label{color:#eee}.menu-editor .row form .pannel .option-block:nth-of-type(2) input[type=checkbox]:checked+label svg,.menu-editor .row form .pannel .option-block:nth-of-type(2) input[type=radio]:checked+label svg{color:#24ff97}.menu-editor .row form .pannel .scrolling-block{-webkit-overflow-scrolling:touch;background-color:rgba(66,66,66,.7);box-sizing:border-box;overflow-y:scroll;position:relative}.menu-editor .row form .pannel .scrolling-block.cocktails{max-height:calc(100% - 39.5rem)}.menu-editor .row form .pannel .scrolling-block.snacks{max-height:calc(100% - 35.8rem)}.menu-editor .row form .pannel .scrolling-block .option-block{background-color:initial}.menu-editor .row form .pannel .scrolling-block .option-block p{border-bottom:1px solid #777;margin-bottom:2rem}.menu-editor .row form .pannel .scrolling-block .option-block p:not(:first-child){border-top:1px solid #777;margin-top:2rem}.menu-editor .row form .pannel .scrolling-block .option-block input[type=text]{background-color:rgba(33,33,33,.5);border:0;box-sizing:border-box;color:#eee;font:normal normal 600 1.6rem/2rem Titillium Web,sans-serif;height:3rem;outline:0;vertical-align:baseline;width:72%}.menu-editor .row form .pannel .scrolling-block .option-block input[type=text]::-webkit-input-placeholder{color:#777;line-height:2.7rem}.menu-editor .row form .pannel .scrolling-block .option-block input[type=number]{background-color:rgba(33,33,33,.5);border:0;box-sizing:border-box;color:#eee;display:none;float:right;font:normal normal 600 1.6rem/2rem Titillium Web,sans-serif;height:3rem;max-width:25%;outline:0;text-align:center;vertical-align:baseline}.menu-editor .row form .pannel .scrolling-block .option-block input[type=number]::-webkit-input-placeholder{color:#777;line-height:2.7rem}.menu-editor .row form .pannel .scrolling-block .option-block .description{color:#777;font:normal normal 600 1.6rem/2rem Titillium Web,sans-serif;padding:.5rem 1rem 1rem 3rem}.menu-editor .row form .show-pvp input[type=checkbox]:checked+label{max-width:74%}.menu-editor .row form .show-pvp input[type=checkbox]:checked+label+input[type=number]{display:inline}.menu-editor .row form .btn-block{background-color:rgba(66,66,66,.7)}.menu-creator{height:100%;padding:0}.menu-creator .row{height:calc(100% - 18rem);margin:12rem 0 0;position:relative}.menu-creator .row .pannel{height:100%;padding:0;position:relative}.menu-creator .row .pannel .scrolling-block{-webkit-overflow-scrolling:touch;background:rgba(66,66,66,.65);max-height:calc(100% - 30rem);overflow:scroll;position:relative}.menu-creator .row .pannel .scrolling-block .template-block{background-color:initial}.menu-creator .with-error~label{background-image:repeating-linear-gradient(45deg,rgba(66,66,66,.65),rgba(66,66,66,.65) 3px,rgba(90,90,0,.65) 0,rgba(90,90,0,.65) 6px);border:1px solid gold!important}.preview{-webkit-overflow-scrolling:touch;height:100%;overflow-y:scroll}.preview:after{background:#5a6362;background:-webkit-radial-gradient(center,ellipse cover,#5a6362 0,#747f7e 63%);background:radial-gradient(ellipse at center,#5a6362 0,#747f7e 63%);content:"";height:100%;left:0;opacity:.00001;position:absolute;top:0;transition:opacity .15s ease-out;width:100%;z-index:2}.preview.blur{-webkit-overflow-scrolling:inherit;overflow-y:hidden}.preview.blur:after{opacity:.85}.preview iframe{border:0;height:61.91176470588235%;overflow:visible;padding-bottom:1rem;position:relative;width:100%}.exporter{height:100%;padding:0}.exporter .row{height:100%;margin:0;position:absolute;top:0;width:100%;z-index:98}.exporter .row form{height:calc(100% - 18rem);position:relative;top:12rem}.exporter .row form .pannel{height:100%;padding:0;position:relative}.exporter .row form .pannel .title-block{background-color:rgba(66,66,66,.7);border:0}.exporter .row form .pannel .btn-block,.exporter .row form .pannel .info-block{background-color:rgba(66,66,66,.7)}.exporter .row form .export-loading{border:none;box-sizing:border-box;color:#eee;float:right;margin:0;outline:none;padding:2rem;text-align:center;text-decoration:none;width:100%}.exporter .row form .export-loading .loading-text{display:inline;position:relative}.exporter .row form .export-loading .loading-text:after{-webkit-animation:ellipsis steps(4) 1.5s infinite;animation:ellipsis steps(4) 1.5s infinite;content:"\2026";display:inline-block;left:3.6em;overflow:hidden;position:absolute;top:50%;top:.2em;vertical-align:bottom;width:0}@keyframes ellipsis{to{width:1.8rem}}@-webkit-keyframes ellipsis{to{width:1.8rem}}