.icon{display:inline-block;vertical-align:middle}.icon svg{display:block;height:1em!important;width:auto!important}.login{font-size:1em;text-align:center;padding-top:120px;padding:6em 1em 1em}.login img{max-width:100%;width:280px;height:auto;display:block;margin:0 auto 32px}.login input{margin-bottom:16px}.login__main{width:240px;margin:auto}.login .btn{margin-top:16px}.login .error{color:#ff2d2d}.login .version{font-size:.8em;color:#888;margin-top:10px}.order-list-item{padding:8px;font-size:16px;line-height:1.5;cursor:pointer}.order-list-item>*{display:block}.order-list-item>.icon{float:left;font-size:1.25em;margin-right:.25em}.order-list-item>.icon path{fill:#36f}.order-list-item .id{display:inline}.order-list-item .icon-chevron-right{float:right;opacity:.5;font-size:1.25em}.order-list-item .time{float:right;opacity:.5}.order-list-item .order-status{padding:3px;width:100%;font-size:.8em;color:#fff;font-weight:700}.order-list-item .ordered{background-color:#3894ff}.order-list-item .quote{background-color:#fd7e14}.order-list-item .order-name{float:left;margin-right:1em}.order-list-item .client-name{margin-bottom:.5em}.order-list-item .post-code{opacity:.5}.order-list-item .address{font-style:normal;opacity:.5}@-webkit-keyframes showup{0%{opacity:0}to{opacity:1}}@keyframes showup{0%{opacity:0}to{opacity:1}}.orders-list{padding:10px 8px 4em;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.orders-list .empty{text-align:center}.orders-list .backdrop{-webkit-animation:showup .2s;animation:showup .2s;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:9}.orders-list__filter{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.orders-list .dropdown,.orders-list__filter{display:-webkit-box;display:-ms-flexbox;display:flex}.orders-list .dropdown{margin-top:-.5em;margin-bottom:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.orders-list .dropdown__title{color:#36f;font-weight:700;padding:15px 10px 5px 10px}.orders-list .dropdown__list,.orders-list .dropdown__title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.orders-list .dropdown__list{-webkit-animation:showup .2s;animation:showup .2s;text-align:left;position:fixed;top:200px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#fff;padding:.5em 0;min-width:240px;border-radius:2px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 2px 4px rgba(0,0,0,.3);z-index:99;max-height:360px;overflow:auto}.orders-list .dropdown__list button{padding:.75em 1.5em;display:block;width:100%;text-align:left;font-size:1em;border-bottom:1px solid #ddd;color:#36f}.orders-list .dropdown__list button.selected{background:#36f;color:#fff}.orders-list .dropdown__list button:last-child{border:none}.orders-list .dropdown__list button .icon{font-size:1.2em;margin-right:.5em}.orders-list .dropdown__list button .icon path{fill:#36f}.orders-list ul{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;display:block;position:relative;top:100px}.orders-list ul li{display:block}.orders-list__title{text-align:center;margin-bottom:16px;font-size:18px;line-height:1.5}.orders-list__item{display:block;text-decoration:none;color:inherit;border-bottom:1px solid #ddd;-webkit-transition:background .2s ease;transition:background .2s ease}.orders-list__item:hover{background:rgba(0,0,0,.05)}.orders-list__more{text-align:center}.orders-list__more:before{content:"...";font-size:28px;font-weight:700;color:#aaa}.orders-list__more button{display:block;margin:auto;font-size:small}.orders-list__search_area{position:absolute;top:56px;left:0;right:0;height:100px;z-index:8;background-color:#ffe;border-bottom:1px solid #990}.orders-list__search_word{padding:0 20px}.orders-list__search_word input{height:30px;font-size:12px;border:1px solid #36f;border-radius:8px}.orders-list__search_word .info{font-size:12px}@media (max-width:420px){.orders-list__search_word input{font-size:10px}.orders-list__search_word .info{font-size:10px;line-height:.9rem}}.order-details{margin-bottom:100px;height:100%}.order-details .failed{padding-top:120px;text-align:center}.order-details__empty{padding:16px;text-align:center}.order-details ul{margin-bottom:120px;text-align:left}.order-details ul a{display:block;text-decoration:none;color:inherit;padding:1.5em 0;margin-left:2.5em;position:relative;border-bottom:1px solid #ddd}.order-details ul a .icon{font-size:1.2em}.order-details ul a .icon-check{top:1.35em;position:absolute;left:-1.5em}.order-details ul a .icon-check path{fill:#36f}.order-details ul a .icon-chevron-right{float:right;opacity:.5;margin-top:.15em;margin-right:.25em}.order-details button{margin:8px auto}.order-desc{padding:16px;overflow:auto;height:100%}.order-desc .failed{padding-top:120px;text-align:center}.order-desc__title{font-size:18px}.order-desc__content{margin-top:16px;margin-bottom:100px;padding:16px;line-height:1.5;border:1px solid #ccc;-webkit-overflow-scrolling:touch}.order-desc .quote{background-color:#fd7e14}.order-pictures__upload{padding:1em;text-align:center}.order-pictures ul{display:-webkit-box;display:-ms-flexbox;display:flex}.order-pictures ul li{width:33.33%;padding:24px 8px;background:#fafafa;min-height:240px}.order-pictures p{text-align:left;padding:4px 16px;font-size:12px;color:#888;background:#eee}.order-signature{padding:16px;text-align:center;margin-bottom:100px}.order-signature p{text-align:left;margin-bottom:.5em}.order-signature .agree-form{margin:10px 0}.order-signature .agree-form label{margin-right:.5em}.order-signature .signature{text-align:center}.order-signature .signature img{display:block;max-width:100%;height:auto;margin:0 auto 1em}.order-line-qr{padding:16px;text-align:center;margin-bottom:100px}.order-line-qr p{text-align:left;margin-bottom:.5em}.order-line-qr .qr img{display:block;width:90%;height:auto;margin:0 auto}.campaign-info{height:100%}.campaign-info iframe{width:1px;height:1px;min-width:100%;max-width:100%;min-height:100%;max-height:100%;margin-bottom:60px}.campaign-info .btn-footer{z-index:10000;position:fixed;left:0;bottom:0;width:100%;height:60px;background-color:#eee}.campaign-info .btn-footer .actions{text-align:center}.campaign-info .btn-footer .btn{margin:4px}.survey{margin-bottom:100px;padding:16px;font-size:16px}.survey .error{padding-top:120px;text-align:center}.survey p{font-size:1em}.survey .progress-bar,.survey p{margin-bottom:8px}.survey .floating-actions .btn{min-width:auto}.question,.survey__comment textarea{font-size:16px}.question__content{font-size:1em;line-height:1.5;margin-top:2em;margin-bottom:.5em;font-weight:700}.question__choices button{color:#555;width:100%;line-height:3;display:block;font-size:16px;text-align:left;border-radius:2px;background:#fafafa;white-space:nowrap;padding:0 1em;margin-bottom:1.5em;border:1px solid #ddd}.question__choices button:focus{outline:none}.question__choices button:before{content:"";display:inline-block;vertical-align:-.48em;border-radius:50%;width:24px;height:24px;background:#fff;border:1px solid #555;margin-right:.5em}.question__choices button.selected{color:#36f;font-weight:700}.question__choices button.selected:before{background:#36f;border-color:#36f}.payed__methods{padding:32px 0;text-align:center}.payed__methods p{margin-bottom:.5em;font-size:1.25em}.payed__methods .actions .btn{white-space:nowrap;font-size:1.25em;margin:.5em .75em;min-width:7em}.payed__methods .actions .credit{background:#28a7f1}.p-modal{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;visibility:hidden;opacity:0;z-index:-1;background-color:#fff}.p-modal.is-open{visibility:visible;opacity:1;z-index:100}.p-modal img{padding-top:30px;padding-bottom:30px;width:300px}.payment{padding:1.5em 0}.payment__bill .input-group{margin-bottom:1.5em}.payment__bill .input-group label{width:8em;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;text-align:center}.payment__bill .input-group input{font-size:2em;padding:.25em;line-height:1;height:auto;text-align:right}.payment__bill .input-group span{font-size:1.5em;padding:0 .25em}.payment__bill .input-group:last-child{margin-top:2.5em}.payment__bill .discount-info-row{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.payment__bill .discount-info{margin-left:8px;color:red}.payment__bill .discount-money{font-weight:700}.payment__bill .btn-sm{font-size:small;padding:4px;margin:10px}.payment__methods{padding:16px 0;text-align:center}.payment__methods p{margin-bottom:.5em;font-size:1.25em}.payment__methods .actions .btn{white-space:nowrap;font-size:1.25em;margin:.5em .75em;min-width:7em}.payment__methods .actions .credit{background:#28a7f1}.payment .discount-text,.payment .subLabel{font-size:.65em}.payment .reload-area{margin:0 10px;text-align:right}.receipt{padding:1em 2em;max-width:480px;margin:auto}.receipt .title{font-size:1.125em;font-weight:700;text-align:center}.receipt .info{margin:1em}.receipt .error{color:red;height:2em;text-align:center}.receipt .input-group{margin:.5em 0 1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.receipt .input-group>span{width:7em;display:block;margin-bottom:.5em}.receipt .input-group>div{width:100%}.receipt .input-group input{margin-bottom:.5em;font-size:16px}.receipt .input-group select{font-size:1.2em;padding:.26em;margin-bottom:.5em;height:auto}.receipt .btn{min-width:10em}.order-review{padding:1em 2em;max-width:480px;margin:auto}.order-review .info{margin:1em}.order-review .btn{min-width:10em}.order-review .text-center{display:block;margin:auto}.order-review .info-red{color:red;font-size:1.2rem}.purchase{padding:1em 2em;max-width:480px;margin:auto}.purchase .title{font-size:1.125em;font-weight:700;text-align:center}.purchase .error{color:red;height:2em;text-align:center}.purchase .input-group{margin-bottom:1.5em}.purchase .input-group label{width:8em;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;text-align:center}.purchase .input-group input{font-size:1.5em;padding:.15em;line-height:1;height:auto;text-align:right}.purchase .input-group span{font-size:1.5em;padding:0 .25em}.purchase .input-group:last-child{margin-top:2.5em}.purchase .show-area{padding:5px;background-color:#efe;border:1px solid #393;font-size:.75em}.purchase .subLabel{font-size:.65em}.purchase .btn{min-width:10em}.quotes{padding:1em 2em;max-width:480px;margin:auto}.quotes .title{font-size:1.125em;font-weight:700;text-align:center}.quotes .error{color:red;height:2em;text-align:center}.quotes .input-group{margin-bottom:1.5em}.quotes .input-group label{width:8em;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;text-align:center}.quotes .input-group input{font-size:1.5em;padding:.15em;line-height:1;height:auto;text-align:right}.quotes .input-group span{font-size:1.5em;padding:0 .25em}.quotes .input-group:last-child{margin-top:2.5em}.quotes .show-area{padding:5px;background-color:#efe;border:1px solid #393;font-size:.75em}.quotes .btn{min-width:10em}.quote ul{text-align:left}.quote ul a,.quote ul button{display:block;text-decoration:none;color:inherit;padding:1.5em 0;margin-left:1em;position:relative;border-bottom:1px solid #ddd;width:100%;text-align:left}.quote ul a .icon,.quote ul button .icon{font-size:1.2em}.quote ul a .icon-check,.quote ul button .icon-check{top:1.35em;position:absolute;left:-1.5em}.quote ul a .icon-check path,.quote ul button .icon-check path{fill:#36f}.quote ul a .icon-chevron-right,.quote ul button .icon-chevron-right{float:right;opacity:.5;margin-top:.15em;margin-right:.25em}.quote-resources__upload{padding:1em;text-align:center}.quote-resources ul{margin-bottom:120px}.quote-resources ul li{display:block;width:100%;padding:24px 8px;background:#fafafa;min-height:240px}.quote-resources p{text-align:left;padding:4px 16px;font-size:12px;color:#888;background:#eee}.quote-resources img,.quote-resources video{margin:auto;display:block;max-width:100%;max-height:100%;position:relative}.quote-resources video{width:auto;height:auto}.quote-resources .empty{padding:30px;text-align:center}.quote-resources .trash{margin:4px;float:right}.resource-create{padding:2em}.resource-create .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.resource-create .resource-area{display:block;position:relative;border:1px dashed #555;padding:.5em;min-height:20em;margin-bottom:1em;width:98%}.resource-create img,.resource-create video{z-index:2;margin:auto;display:block;max-width:100%;max-height:100%;position:relative}.resource-create video{width:auto;height:auto}.resource-create span{display:block;width:100%;margin-bottom:1em;text-align:center;border-radius:4px;position:absolute;z-index:0;top:45%;left:0;right:0}.quote-info-input{padding:1em;margin-bottom:100px}.quote-info-input .error{color:red;margin-left:50px}.quote-info-input .error_top{color:red;text-align:center}.quote-info-input .input-group{margin-top:1.5em}.quote-info-input .input-group .input-label{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;text-align:center;margin-right:2px}.quote-info-input .input-group input.type-text{font-size:1.2em;padding:.25em;line-height:1;height:auto}.quote-info-input .input-group select{font-size:1.2em;padding:.22em;height:auto}.quote-info-input .input-group .text-right{text-align:right}.quote-info-input .input-group span{font-size:1.5em;padding:0 .25em}.quote-info-input .input-group:last-child{margin-top:2.5em}.quote-info-input .title{font-size:1.125em;font-weight:700;text-align:center}.header{height:56px;background:#f5f5f5;display:block;font-size:16px}.header .icon{font-size:1.5em;vertical-align:-.25em}.header .icon svg path{fill:#36f}.header__title{position:absolute;top:14px;font-size:1.25em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.header__a2hs,.header__account,.header__previous{line-height:56px;padding:0 .5em;height:56px;white-space:nowrap;text-align:center;outline:none;color:#36f;font-size:1.125em;text-decoration:none}.header__previous{float:left}.header__a2hs,.header__account{float:right}.header__account-menu{color:#333;position:absolute;right:0;top:calc(100% + 1px);padding:4px 0;border-bottom:1px solid #ddd;border-left:1px solid #ddd;white-space:nowrap;background:#fff}.header__account-menu label{background:#333;color:#fff;border:none;display:block;line-height:24px;font-size:10px;font-weight:700;padding:0 12px;outline:none;text-align:right}.header__account-menu button{background:none;border:none;display:block;line-height:32px;font-size:14px;padding:0 12px;outline:none}.loader{padding:0;height:48px;width:56px;text-align:center;line-height:48px;display:block;background:#fafafa;border-radius:3px;-webkit-box-shadow:0 2px 10px rgba(51,102,255,.3);box-shadow:0 2px 10px rgba(51,102,255,.3)}.loader svg path,.loader svg rect{fill:#36f}.alert{font-size:16px;position:fixed;z-index:9999;padding:16px}.alert,.alert__backdrop{top:0;left:0;right:0;bottom:0}.alert__backdrop{position:absolute;background:rgba(0,0,0,.5);transiton:all .2s ease}.alert__content{position:absolute;top:50%;left:0;right:0;padding:16px;max-width:360px;margin:0 auto;border-radius:3px;border:1px solid #fad8d8;text-align:center;background:#faf9f9;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.alert__message{color:#fa5555;font-size:1.2em;margin-bottom:1em}.alert .btn{margin:.5em}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:16px;line-height:1.6;font-family:Arial}body,html{height:100%}body{overflow:hidden}button{cursor:pointer;border:none;background:none}button:focus{outline:none}@-webkit-keyframes waving{50%{background:#9cf}}@keyframes waving{50%{background:#9cf}}.btn{font-size:16px;padding:.5em 1em;line-height:1.5;background:#36f;border:none;border-radius:3px;display:inline-block;min-width:6em;color:#fff;text-decoration:none;-webkit-transition:background .2s;transition:background .2s}.btn:disabled{background:#aaa!important}.btn-danger{background:#d30000}.btn-orange{background:#fd7e14}@media(hover:hover){.btn:hover{background:#25e}.btn-danger:hover{background:#c20000}.btn-orange:hover{background:#e36400}}.btn.loading{-webkit-animation:waving 1s ease infinite;animation:waving 1s ease infinite}li,ol,ul{list-style:none}input{font-size:1.25em;height:36px;border-radius:2px;border:1px solid #aaa;display:block;width:100%;text-align:left;padding:0 12px}input:not([type=file]) :not([type=checkbox]) :not([type=radio]){border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:-moz-read-only{border-color:#ddd;background:#fafafa}input:read-only{border-color:#ddd;background:#fafafa}input[type=checkbox],input[type=radio]{display:inline-block;vertical-align:-.2em;height:20px;width:20px}label.radio{display:inline-block;padding:.5em}label.radio input[type=radio]{margin-right:.5em}textarea{padding:.75em 12px;text-align:left;border-radius:3px;border:1px solid #aaa;display:block;width:100%;resize:vertical;font-family:inherit}.checkbox{display:block;margin-bottom:16px}.checkbox input[type=checkbox]{height:16px;width:16px;display:inline-block;margin-bottom:0;vertical-align:-.2em}.checklist{font-size:16px}.checklist__title{padding:.33em 1.33em;font-size:.75em;color:#888;background:#eee}.checklist__list{list-style:none}.checklist__list li{display:block}.checklist__item{display:block;font-size:1em;padding:.5em;margin-left:2.5em;position:relative;border-bottom:1px solid #ddd}.checklist__item .icon{font-size:1.125em}.checklist__item .icon-check{position:absolute;left:-1.25em;top:.2em;color:#36f;font-size:1.25em}.checklist__item .icon:last-child{float:right;opacity:.5}.signature-pad{max-width:100%}.signature-pad__canvas-wrapper{max-width:100%;overflow:auto}.signature-pad canvas{display:block;border:1px solid #ddd;border-radius:3px;margin:16px auto}.signature-pad__btns{text-align:center}.signature-pad__btns .btn{margin:0 16px}.signature-pad:after{content:"";display:block;clear:both}.picture-uploader{cursor:pointer;height:100%;width:100%;background:transparent;display:block;position:relative}.picture-uploader.blank{background:#fff}.picture-uploader input[type=file]{position:absolute;visibility:hidden}.picture-uploader span{position:absolute;top:4px;left:8px}.picture-uploader .icon{position:absolute;top:8px;right:8px}.picture-uploader img{display:block;margin:auto;max-width:100%;height:auto;width:auto;max-height:300px}.main-actions{text-align:center;padding:1em;font-size:16px}.floating-actions{height:60px;background-color:#eee;font-size:18px;position:fixed;left:0;right:0;bottom:0;text-align:center;z-index:1000}.floating-actions .btn{margin:.5em;font-size:1em}.floating-actions.settled{position:static}.progress-bar{height:20px;background:#ddd;width:100%;border-radius:2px;overflow:hidden}.progress-bar__indicator{background:#36f;height:100%;-webkit-transition:width .2s ease-out;transition:width .2s ease-out}.input-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app{height:100%;padding-top:56px;position:relative;max-width:800px;margin:auto}.app__header{border-bottom:1px solid #ddd;position:fixed;top:0;left:0;right:0;z-index:10}.app__main{clear:both;height:100%;overflow-x:hidden}.app__loader{position:absolute;bottom:30%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:999}.app__botnav{position:absolute;bottom:0;left:0;right:0}