@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;700&family=Tajawal:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";@import"normalize.css";@import"daterange.css";.placeholder{position:relative;overflow:hidden;direction:var(--direction);pointer-events:none}.placeholder:not(.no-hide){color:rgba(0,0,0,0)}.placeholder:not(.no-hide)>*{opacity:0}.placeholder:not(.after)::before,.placeholder.after::after{position:absolute;top:-50%;right:0;bottom:-50%;left:50%;z-index:1;width:400%;margin-left:-200%;background:linear-gradient(-80deg, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 54%) 50% 50%;animation:placeholder-animation 2s linear infinite;content:" ";pointer-events:none;transform:translate3d(-30%, 0, 0)}.placeholder.delay:not(.after)::before,.placeholder.delay.after::after{animation-delay:.2s}@keyframes placeholder-animation{0%{transform:translate3d(-30%, 0, 0)}100%{transform:translate3d(30%, 0, 0)}}html,body{height:100%;width:100%;overflow:hidden;direction:var(--direction);background:#fafafa;font-family:var(--main-font),sans-serif;font-size:var(--default-font-size);box-sizing:border-box;line-height:var(--default-font-line-height);color:#272932}*,*:before,*:after{box-sizing:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none}*:not(input):not(textarea):not(button){-webkit-user-select:none;-webkit-touch-callout:none}.clearfix::after{display:block;content:"";clear:both}.full-height{height:100%}.full-width{width:100%}.full-view{height:100%;width:100%}.float-left{float:left}.float-right{float:right}.fixed-full-view{height:100%;width:100%;position:fixed;top:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.center{margin-left:auto;margin-right:auto}.center-content{text-align:center;justify-content:center}.vertical-center-view{display:flex;align-items:center;justify-content:center}.safety-padding{padding-left:10%;padding-right:10%}.safety-margin{margin-left:10%;margin-right:10%}.scroll-view{max-height:100%;overflow-y:scroll}button{background-color:#3ca73d;border-radius:24px;height:48px;padding:0 24px;border:none;color:#fff;font-size:1.1em;box-sizing:border-box;display:flex;align-items:center;align-self:center;justify-content:center;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease,color .1s ease;position:relative;cursor:pointer}button:active{animation:button-active-animation .5s cubic-bezier(0.15, 0.76, 0.18, 0.99)}button.loading{color:rgba(0,0,0,0);pointer-events:none}button.loading::after{content:"";position:absolute;left:calc(50% - 12px);top:calc(50% - 12px);height:24px;width:24px;border-radius:50%;border:3px solid;border-color:#fff rgba(0,0,0,0) #fff rgba(0,0,0,0);animation:button-loading-animation 1.2s linear infinite}button.text{background-color:rgba(0,0,0,0);color:#22b14c;font-size:1em;padding:0;height:auto}button.text.loading{color:rgba(0,0,0,0)}button.text.loading::after{border-color:#22b14c rgba(0,0,0,0) #22b14c rgba(0,0,0,0)}button.disabled{filter:grayscale(100);pointer-events:none;opacity:.6}@keyframes button-loading-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes button-active-animation{0%{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.98}100%{transform:scale(1);opacity:1}}input,select,textarea{box-sizing:border-box;-webkit-appearance:none;border:none;border-radius:4px;width:100%;height:48px;box-shadow:0 0 3px rgba(0,0,0,.1);padding:0 .7em;font-size:1.2em;background-color:#fff;color:#272932;caret-color:#22b14c;transition:box-shadow .3s ease}input::placeholder,select::placeholder,textarea::placeholder{font-size:.9em;color:#999;transition:color .3s ease;padding-left:.2em}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset,0 0 5px rgba(0,0,0,.1) inset}input:focus::placeholder,select:focus::placeholder,textarea:focus::placeholder{color:#bbb}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator,select[type=date]::-webkit-inner-spin-button,select[type=date]::-webkit-calendar-picker-indicator,textarea[type=date]::-webkit-inner-spin-button,textarea[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}textarea{height:160px;padding:.7em;resize:none}.checkbox{height:20px;width:20px;background-color:#fff;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;position:relative;cursor:pointer}.checkbox:hover:after,.checkbox.checked:after{content:"check";font-family:"Material Symbols Outlined";font-size:16px;line-height:20px;color:#eee;position:absolute;height:100%;width:100%;left:0;top:0;text-align:center}.checkbox.checked{background-color:#3ca73d}.checkbox.checked:after{color:#fff}.checklist{display:flex;flex-direction:row;flex-wrap:wrap}.checklist .check-item{display:flex;align-items:center;flex-basis:100%}.checklist .check-item.disabled{pointer-events:none}.checklist .check-item .checkbox{margin:4px}.checklist .check-item .check-label{padding-left:12px}.checklist.columns-2 .check-item{flex-basis:50%}.checklist.columns-3 .check-item{flex-basis:33.333%}.checklist.columns-4 .check-item{flex-basis:25%}.box{background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.2);border-radius:12px}.box .box-header{padding:16px;box-shadow:0 1px 0 rgba(0,0,0,.1);color:#555;display:flex;align-items:center;position:relative;background-color:rgba(0,0,0,.02)}.box .box-header .box-close{width:50px;height:100%;position:absolute;right:0;top:0;box-shadow:-1px 0 0 rgba(0,0,0,.05);cursor:pointer;background-color:rgba(0,0,0,.02);border-radius:0 12px 0 0}.box .box-header .box-close:after{content:"close";font-family:"Material Symbols Outlined";position:absolute;height:100%;width:100%;display:flex;align-items:center;justify-content:center;font-size:1.5em;transition:transform .3s cubic-bezier(0.15, 0.76, 0.18, 0.99);color:#777}.box .box-header .box-close:hover:after{transform:rotate(90deg)}.box .box-header:before{content:attr(icon);font-family:"Material Symbols Outlined";font-size:1.3em;padding-right:12px;margin-right:12px;color:#777;box-shadow:1px 0 0 rgba(0,0,0,.1)}.box .box-padding{padding:16px}#dialogs{position:absolute;height:100%;width:100%;top:0;left:0;z-index:1000;visibility:hidden;transition:background-color .3s ease}#dialogs .dialog{position:absolute;height:100%;width:100%;top:0;left:0;display:flex;align-items:center;justify-content:center}#dialogs .dialog .view{background-color:rgba(255,255,255,.95);min-width:200px;max-width:400px;border-radius:6px;box-shadow:0 0 2px rgba(0,0,0,.2),0 0 40px -10px rgba(0,0,0,.1);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;transform:translate3d(0, 50px, 0);opacity:0}#dialogs .dialog .view .content{padding:24px;font-size:1.1em}#dialogs .dialog .view .actions button{background-color:rgba(0,0,0,.02);width:100%;float:left;box-shadow:0 -2px 2px rgba(0,0,0,.1) inset,0 2px 2px rgba(0,0,0,.1) inset;color:#22b14c;border-radius:0;font-size:1em}#dialogs .dialog .view .actions button.full-width{width:100% !important;border-top:2px solid rgba(0,0,0,.05);box-shadow:none}#dialogs .dialog .view .actions button:first-child{border-radius:0 0 0 4px}#dialogs .dialog .view .actions button:last-child{border-radius:0 0 4px 0}#dialogs .dialog .view .actions button:first-child:last-child{border-radius:0 0 4px 4px}#dialogs .dialog .view .actions button:hover{box-shadow:0 0 0 rgba(0,0,0,.1) inset,0 0 0 rgba(0,0,0,.1) inset;transform:scale(1)}#dialogs .dialog .view .actions button.positive{color:#27ae60}#dialogs .dialog .view .actions button.negative{color:#e74c3c}#dialogs .dialog .view .actions button.neutral{color:#272932}#dialogs .dialog .view.visible{transform:translate3d(0, 0, 0);opacity:1}#dialogs .dialog .view.stacked{transform:translate3d(0, -50px, 0);opacity:0}#dialogs.visible{visibility:visible;background-color:rgba(0,0,0,.3)}.progress-bar{width:100%;height:4px;background-color:rgba(0,0,0,.05);border-radius:2px;overflow:hidden}.progress-bar .bar{width:0;background-color:#22b14c;height:4px;border-radius:2px;transition:width var(--duration) linear;--duration: .3s}.progress-bar.no-transition .bar{transition:none}.progress-bar.reverse .bar{width:100%}.progress-bar.started .bar{width:100%}.progress-bar.reverse.started .bar{width:0}.card{background-color:#fff;padding:12px;border-radius:8px;box-shadow:0 0 2px rgba(0,0,0,.1)}.single-stat{display:flex;justify-content:space-between;align-items:center;padding:24px}.single-stat .stat{flex-grow:1}.single-stat .stat .info{font-size:1.4em;padding-bottom:4px}.single-stat .stat .label{font-size:.8em;color:#999}.single-stat .material-icon{color:#3ca73d;font-size:1.4em;flex-grow:0;flex-shrink:0;padding:12px;border-radius:50%;background-color:rgba(0,0,0,.02);margin-right:20px}.toolbar{border-radius:8px;flex-basis:100% !important;display:flex;align-items:center;min-height:32px}.toolbar .title{font-weight:500;font-size:1.1em;padding-left:12px}.toolbar .daterange{display:flex;align-items:center;padding-left:0;margin-left:auto;height:32px;padding-left:16px;background-color:#fff;border-radius:16px;font-size:.9em;box-shadow:0 0 2px rgba(0,0,0,.2)}.toolbar .daterange .material-icon{margin-left:12px;padding-right:10px}[tooltip]{position:relative}[tooltip]:hover{z-index:10}[tooltip]:before{content:attr(tooltip);position:absolute;font-family:var(--main-font);padding:8px 12px;position:absolute;left:50%;bottom:calc(100% + 8px);opacity:0;pointer-events:none;transform:translate3d(-50%, 8px, 0);transition:transform .3s cubic-bezier(0.15, 0.76, 0.18, 0.99);text-align:center;border-radius:16px;font-size:12px;box-shadow:0 0 0 1px rgba(255,255,255,.5),0 0 20px rgba(0,0,0,.03);min-width:100px;background-color:var(--tooltip-background, inherit);color:var(--tooltip-color, #FFFFFF);white-space:nowrap}[tooltip]:after{content:"";position:absolute;width:8px;height:8px;background-color:var(--tooltip-background, inherit);border-radius:50%;left:calc(50% - 4px);top:calc(-8px - 4px);transform:translate3d(0, 8px, 0);opacity:0;transition:transform .3s cubic-bezier(0.15, 0.76, 0.18, 0.99)}[tooltip]:hover:after{transform:translate3d(0, 0, 0);opacity:1}[tooltip]:hover:before{transform:translate3d(-50%, 0, 0);opacity:1}[tooltip][tooltip-right]:before{left:0;transform:translate3d(0, 8px, 0)}[tooltip][tooltip-right]:hover:before{transform:translate3d(0, 0, 0)}[tooltip][tooltip-left]:before{left:auto;right:0;transform:translate3d(0, 8px, 0)}[tooltip][tooltip-left]:hover:before{transform:translate3d(0, 0, 0)}.datatable{width:100%}.datatable table{width:100%;border-radius:8px;box-shadow:0 0 2px rgba(0,0,0,.1);background-color:#fcfcfc;border:none;border-spacing:0;position:relative}.datatable table.placeholder{min-height:600px}.datatable table th,.datatable table td{vertical-align:middle;box-shadow:1px 0 0 rgba(0,0,0,.03);height:40px}.datatable table th.head-checkbox,.datatable table th.row-checkbox,.datatable table td.head-checkbox,.datatable table td.row-checkbox{width:40px;padding:0;vertical-align:middle}.datatable table th.head-checkbox .checkbox,.datatable table th.row-checkbox .checkbox,.datatable table td.head-checkbox .checkbox,.datatable table td.row-checkbox .checkbox{margin-left:auto;margin-right:auto}.datatable table th{font-weight:500;transition:background-color .3s;font-size:.9em;position:relative;padding:8px 24px 8px 12px}.datatable table th.search{padding:0;position:relative}.datatable table th.search input,.datatable table th.search select{width:100%;height:100%;box-shadow:none;background-color:rgba(0,0,0,0);font-size:1em;padding-left:32px;padding-right:24px}.datatable table th.search input::placeholder{font-size:1em}.datatable table th.search select:invalid{color:#999}.datatable table th.search:before{content:"search";font-family:"Material Symbols Outlined";font-size:1.1em;position:absolute;height:100%;width:32px;left:0;display:flex;align-items:center;justify-content:center;color:#ccc;pointer-events:none}.datatable table th.search.select:before{content:"filter_alt"}.datatable table th.search.date:before{content:"calendar_today"}.datatable table th.search.active:before{color:#3ca73d}.datatable table th.actions{width:0;padding:0;vertical-align:top}.datatable table th.actions .action{height:100%;width:100%;background-color:#3ca73d;color:#fff;padding:0 12px;position:relative;z-index:1;box-shadow:0 -1px 0 rgba(255,255,255,.2) inset;display:flex;align-items:center;justify-content:space-between;opacity:0;pointer-events:none;cursor:pointer;transition:opacity .3s;min-width:120px}.datatable table th.actions .action.first{opacity:1;pointer-events:all;border-radius:0 8px 0 0}.datatable table th.actions .action.last:not(.first){border-radius:0 0 10px 10px;box-shadow:none}.datatable table th.actions .action:after{content:attr(icon);font-family:"Material Symbols Outlined";font-size:1.2em;padding-left:12px}.datatable table th.actions .action.succes{background-color:#3ca73d}.datatable table th.actions .action.warning{background-color:#d9822b}.datatable table th.actions .action.failure{background-color:#e42429}.datatable table th.actions:hover .action{opacity:1;pointer-events:all}.datatable table th:hover{background-color:#f5f5f5}.datatable table th .order{width:16px;height:calc(100% - 8px);position:absolute;right:0;top:0;box-shadow:0 0 0 1px rgba(0,0,0,.03);border-radius:8px;overflow:hidden;margin:4px;background-color:rgba(0,0,0,.02)}.datatable table th .order .asc,.datatable table th .order .desc{height:50%;width:100%;text-align:center;font-family:"Material Symbols Outlined";font-size:.8em;transition:background-color .3s,opacity .3s,line-height .3s;cursor:pointer;opacity:.5;display:flex;align-items:center;justify-content:center}.datatable table th .order .asc:hover,.datatable table th .order .asc.active,.datatable table th .order .desc:hover,.datatable table th .order .desc.active{background-color:#3ca73d;color:#fff;opacity:1}.datatable table th .order .asc.asc,.datatable table th .order .desc.asc{box-shadow:0 1px 0 rgba(0,0,0,.03)}.datatable table thead{text-align:left}.datatable table thead th{position:sticky !important;top:12px;background-color:#fff;z-index:1;box-shadow:0 2px 0px rgba(0,0,0,.05),0 -1px 0 rgba(0,0,0,.05),1px 0 0 rgba(0,0,0,.05) inset}.datatable table thead th:first-child{border-radius:8px 0 0 0;box-shadow:0 2px 0px rgba(0,0,0,.05),0 -1px 0 rgba(0,0,0,.05)}.datatable table thead th:last-child{border-radius:0 8px 0 0}.datatable table tbody{font-size:.9em}.datatable table tbody.loading{position:relative}.datatable table tbody.loading:before{content:"Wizardry in progress ...";background-color:rgba(255,255,255,.97);color:#888;font-size:.9em;position:absolute;height:100%;width:100%;top:0;left:0;display:flex;padding-top:calc(12px + 0px);justify-content:center;align-items:center;z-index:1000;background-color:rgba(255,255,255,.9)}.datatable table tbody.loading:after{content:"";display:block;position:absolute;top:calc(50% - (24px/2 + 24px));left:calc(50% - 24px/2);height:24px;width:24px;box-sizing:border-box;border-radius:50%;border:2px solid #22b14c;border-color:#22b14c rgba(0,0,0,0) #22b14c rgba(0,0,0,0);animation:infinite-rotation 1.2s linear infinite;z-index:1001}.datatable table tbody .empty-placeholer{min-height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#999}.datatable table tbody .empty-placeholer .material-icon{font-size:3em;padding-bottom:16px}.datatable table tbody tr{transition:background-color .3s;box-shadow:0 -1px 0 rgba(0,0,0,.03)}.datatable table tbody tr:hover{background-color:rgba(0,0,0,.03)}.datatable table tbody tr td{padding:8px 12px 8px 12px}.datatable table tbody tr td.nowrap{white-space:nowrap}.datatable table tbody tr td.min-width{width:0}.datatable table tbody tr td.align-right{text-align:right}.datatable table tbody tr td.actions{padding:12px}.datatable table tbody tr td.actions .actions-wrapper{display:flex;gap:12px;justify-content:flex-end;height:auto;max-width:100%;min-width:100%;white-space:nowrap;width:fit-content;justify-content:center}.datatable table tbody tr td.actions .actions-wrapper .action{padding:8px;border-radius:50%;font-family:"Material Symbols Outlined";line-height:1em;background-color:rgba(0,0,0,.03);font-size:1.2em;cursor:pointer;transition:background-color .3s,color .3s;color:#888}.datatable table tbody tr td.actions .actions-wrapper .action.view:hover{background-color:#3ca73d;color:#fff}.datatable table tbody tr td.actions .actions-wrapper .action.edit:hover{background-color:#d9822b;color:#fff}.datatable table tbody tr td.actions .actions-wrapper .action.delete:hover{background-color:#e42429;color:#fff}.datatable table tfoot{text-align:left}.datatable table tfoot td{position:sticky !important;bottom:12px;background-color:#fff;z-index:1;box-shadow:0 -2px 0px rgba(0,0,0,.05),0 1px 0 rgba(0,0,0,.05);border-radius:0 0 8px 8px}.datatable table tfoot .footer{display:flex;justify-content:space-between;align-items:center;padding:8px 12px 8px 12px}.datatable table tfoot .footer .counts{font-size:.9em;color:#666;min-width:230px}.datatable table tfoot .footer .counts span{font-weight:bold}.datatable table tfoot .footer .pagination{display:flex;align-items:center;justify-content:center;gap:12px}.datatable table tfoot .footer .pagination .next,.datatable table tfoot .footer .pagination .previous,.datatable table tfoot .footer .pagination .page{height:32px;min-width:32px;line-height:32px;border-radius:16px;text-align:center;display:inline-block;cursor:pointer;transition:background-color .3s,color .3s;padding:0 8px}.datatable table tfoot .footer .pagination .next,.datatable table tfoot .footer .pagination .previous{font-family:"Material Symbols Outlined";font-size:1.1em}.datatable table tfoot .footer .pagination .next:hover,.datatable table tfoot .footer .pagination .previous:hover{background-color:rgba(0,0,0,.04)}.datatable table tfoot .footer .pagination .pages{display:flex;gap:8px}.datatable table tfoot .footer .pagination .pages .page{color:#666;font-size:.85em;background-color:rgba(0,0,0,.01)}.datatable table tfoot .footer .pagination .pages .page.loading{background-color:rgba(0,0,0,.01) !important;color:rgba(0,0,0,0);cursor:default;pointer-events:none;position:relative}.datatable table tfoot .footer .pagination .pages .page.loading:after{content:"";display:block;position:absolute;top:calc(50% - (16px/2 + 0px));left:calc(50% - 16px/2);height:16px;width:16px;box-sizing:border-box;border-radius:50%;border:2px solid #22b14c;border-color:#22b14c rgba(0,0,0,0) #22b14c rgba(0,0,0,0);animation:infinite-rotation 1.2s linear infinite;z-index:1001}.datatable table tfoot .footer .pagination .pages .page:hover,.datatable table tfoot .footer .pagination .pages .page.active{background-color:#3ca73d;color:#fff}.datatable table tfoot .footer .pagination .pages .page:hover.active,.datatable table tfoot .footer .pagination .pages .page.active.active{pointer-events:none}.datatable table tfoot .footer .pagination-settings{display:flex;align-items:center;font-size:.9em;min-width:230px;justify-content:right}.datatable table tfoot .footer .pagination-settings select{margin:0 8px;height:24px;width:auto;text-align:center;font-size:1em;box-shadow:none;background-color:rgba(0,0,0,.03)}#form-lightbox{position:absolute;height:100%;width:100%;left:0;top:0;z-index:10;background-color:rgba(0,0,0,.2);display:flex;align-items:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99)}#form-lightbox.visible{opacity:1;pointer-events:all}#form-lightbox .form-box{max-width:1000px;min-width:400px;margin:auto;font-size:.9em}#form-lightbox .form-box .form{display:flex;gap:16px;flex-wrap:wrap;max-height:80vh;overflow-y:auto}#form-lightbox .form-box .form .form-group{display:flex;flex-wrap:wrap;flex-basis:100%;gap:16px}#form-lightbox .form-box .form .form-row{flex-basis:100%;display:flex;flex-direction:column;justify-content:flex-end;position:relative}#form-lightbox .form-box .form .form-row input,#form-lightbox .form-box .form .form-row select,#form-lightbox .form-box .form .form-row textarea{height:36px;font-size:1em;background-color:rgba(0,0,0,.02);box-shadow:0 0 3px rgba(0,0,0,.1) inset;transition:background-color .3s,box-shadow .3s}#form-lightbox .form-box .form .form-row input:focus,#form-lightbox .form-box .form .form-row select:focus,#form-lightbox .form-box .form .form-row textarea:focus{background-color:rgba(0,0,0,.04);box-shadow:0 0 3px rgba(0,0,0,.1) inset,0 0 0 1px rgba(0,0,0,.05) inset}#form-lightbox .form-box .form .form-row input.error,#form-lightbox .form-box .form .form-row select.error,#form-lightbox .form-box .form .form-row textarea.error{background-color:rgba(228,36,41,.05);box-shadow:0 0 3px rgba(228,36,41,.2) inset,0 0 0 1px #e42429 inset}#form-lightbox .form-box .form .form-row input[type=color],#form-lightbox .form-box .form .form-row select[type=color],#form-lightbox .form-box .form .form-row textarea[type=color]{background-color:rgba(0,0,0,0);box-shadow:none;padding:0}#form-lightbox .form-box .form .form-row input[type=color]::-webkit-color-swatch,#form-lightbox .form-box .form .form-row input[type=color]::-webkit-color-swatch-wrapper,#form-lightbox .form-box .form .form-row select[type=color]::-webkit-color-swatch,#form-lightbox .form-box .form .form-row select[type=color]::-webkit-color-swatch-wrapper,#form-lightbox .form-box .form .form-row textarea[type=color]::-webkit-color-swatch,#form-lightbox .form-box .form .form-row textarea[type=color]::-webkit-color-swatch-wrapper{border:none;border-radius:18px;padding:0;background-color:rgba(0,0,0,0);box-shadow:0 0 3px rgba(0,0,0,.1)}#form-lightbox .form-box .form .form-row textarea{height:120px}#form-lightbox .form-box .form .form-row .select-wrapper{position:relative}#form-lightbox .form-box .form .form-row .select-wrapper.error select{background-color:rgba(228,36,41,.05);box-shadow:0 0 3px rgba(228,36,41,.2) inset,0 0 0 1px #e42429 inset}#form-lightbox .form-box .form .form-row .select-wrapper:after{content:"unfold_more";font-family:"Material Symbols Outlined";font-size:1.3em;transition:transform .3s cubic-bezier(0.15, 0.76, 0.18, 0.99);color:#bbb;padding-right:8px;position:absolute;right:8px;top:calc(50% - 8px);height:16px;width:16px}#form-lightbox .form-box .form .form-row .checklist.error .checkbox{box-shadow:0 0 0 1px #e42429 inset}#form-lightbox .form-box .form .form-field{flex-grow:1;position:relative;--tooltip-background: #e42429;--tooltip-color: #FFF}#form-lightbox .form-box .form .form-label{padding-bottom:6px;font-size:.9em}#form-lightbox .form-box .form .oneof2{flex-basis:calc(50% - 16px/2)}#form-lightbox .form-box .form .oneof3{flex-basis:calc(33.333% - 2*(16px/3))}#form-lightbox .form-box .form .twoof3{flex-basis:calc(66.666% - 2*(16px/3))}#form-lightbox .form-box .form .actions{width:100%;padding-top:12px;display:flex;justify-content:right;gap:16px;background-color:#fff;box-shadow:0 -1px rgba(0,0,0,.1);margin-top:24px}#form-lightbox .form-box .form .actions button{height:32px;font-size:1em;padding:0 16px}#form-lightbox .form-box .form .actions button.success{background-color:#3ca73d}#form-lightbox .form-box .form .actions button.failure{background-color:#e42429}#form-lightbox .form-box .form .actions button.warning{background-color:#d9822b}#form-lightbox .form-box .form .actions button[icon]{padding-right:48px}#form-lightbox .form-box .form .actions button[icon]:not(.loading):after{content:attr(icon);font-family:"Material Symbols Outlined";font-size:1.2em;margin-left:12px;padding-left:8px;color:#fff;box-shadow:-1px 0 0 rgba(255,255,255,.3);position:absolute;right:12px}#form-lightbox .form-box .form .actions button.loading:after{height:16px;width:16px;left:calc(50% - 8px);top:calc(50% - 8px);border-width:2px}#form-lightbox .form-box .form .form-error{padding-top:6px;font-size:.8em;color:#e42429}#form-lightbox .form-box .form .file-upload{display:flex;justify-content:center;align-items:center;border-radius:4px;transition:background-color .3s cubic-bezier(0.15, 0.76, 0.18, 0.99);min-width:160px;cursor:pointer;height:100%;min-height:36px}#form-lightbox .form-box .form .file-upload:not(.preview-mode),#form-lightbox .form-box .form .file-upload.preview-mode.drag-mode,#form-lightbox .form-box .form .file-upload.preview-mode:hover{background-image:linear-gradient(90deg, #3ca73d 50%, transparent 50%),linear-gradient(90deg, #3ca73d 50%, transparent 50%),linear-gradient(0deg, #3ca73d 50%, transparent 50%),linear-gradient(0deg, #3ca73d 50%, transparent 50%);background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:15px 1px,15px 1px,1px 15px,1px 15px;background-position:left top,right bottom,left bottom,right top}#form-lightbox .form-box .form .file-upload .drop-text,#form-lightbox .form-box .form .file-upload .drag-text,#form-lightbox .form-box .form .file-upload .error-text{width:80%;pointer-events:none;display:flex;align-items:center;justify-content:center}#form-lightbox .form-box .form .file-upload .progress-bar{width:80%;pointer-events:none}#form-lightbox .form-box .form .file-upload .preview{height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:none;color:#3ca73d;display:flex;align-items:center}#form-lightbox .form-box .form .file-upload .drop-text{color:#777}#form-lightbox .form-box .form .file-upload .drop-text:before{content:"file_upload";font-family:"Material Symbols Outlined";font-size:1.3em;transition:transform .3s cubic-bezier(0.15, 0.76, 0.18, 0.99);color:#999;padding-right:8px}#form-lightbox .form-box .form .file-upload.progress-mode .drop-text,#form-lightbox .form-box .form .file-upload.error-mode .drop-text,#form-lightbox .form-box .form .file-upload.drag-mode .drop-text,#form-lightbox .form-box .form .file-upload.preview-mode .drop-text{display:none}#form-lightbox .form-box .form .file-upload:not(.drag-mode) .drag-text{display:none}#form-lightbox .form-box .form .file-upload:not(.progress-mode) .progress-bar{display:none}#form-lightbox .form-box .form .file-upload.progress-mode{pointer-events:none;cursor:default}#form-lightbox .form-box .form .file-upload:not(.error-mode) .error-text{display:none}#form-lightbox .form-box .form .file-upload:not(.preview-mode) .preview{display:none}#form-lightbox .form-box .form .file-upload.error-mode,#form-lightbox .form-box .form .file-upload.error{background-image:linear-gradient(90deg, #e42429 50%, transparent 50%),linear-gradient(90deg, #e42429 50%, transparent 50%),linear-gradient(0deg, #e42429 50%, transparent 50%),linear-gradient(0deg, #e42429 50%, transparent 50%);background-color:rgba(228,36,41,.2)}#form-lightbox .form-box .form .file-upload.error-mode.error-mode .error-text,#form-lightbox .form-box .form .file-upload.error.error-mode .error-text{color:#e42429}#form-lightbox .form-box .form .file-upload.error-mode.error-mode .error-text:before,#form-lightbox .form-box .form .file-upload.error.error-mode .error-text:before{content:"error_outline";font-family:"Material Symbols Outlined";font-size:1.3em;transition:transform .3s cubic-bezier(0.15, 0.76, 0.18, 0.99);color:#e42429;padding-right:8px}#form-lightbox .form-box .form .file-upload.drag-mode,#form-lightbox .form-box .form .file-upload.progress-mode,#form-lightbox .form-box .form .file-upload:hover{animation:border-animation 1s infinite linear;background-color:rgba(60,167,61,.2)}#form-lightbox .form-box .form .file-upload.preview-mode.drag-mode,#form-lightbox .form-box .form .file-upload.error-mode.drag-mode{background-image:linear-gradient(90deg, #3ca73d 50%, transparent 50%),linear-gradient(90deg, #3ca73d 50%, transparent 50%),linear-gradient(0deg, #3ca73d 50%, transparent 50%),linear-gradient(0deg, #3ca73d 50%, transparent 50%)}#form-lightbox .form-box .form .file-upload.preview-mode.drag-mode .preview,#form-lightbox .form-box .form .file-upload.preview-mode.drag-mode .error-text,#form-lightbox .form-box .form .file-upload.error-mode.drag-mode .preview,#form-lightbox .form-box .form .file-upload.error-mode.drag-mode .error-text{display:none}#form-lightbox .form-box .form .file-upload.preview-mode.drag-mode .drag-text,#form-lightbox .form-box .form .file-upload.error-mode.drag-mode .drag-text{display:flex}#form-lightbox .form-box .form .file-upload:hover{background-image:linear-gradient(90deg, #3ca73d 50%, transparent 50%),linear-gradient(90deg, #3ca73d 50%, transparent 50%),linear-gradient(0deg, #3ca73d 50%, transparent 50%),linear-gradient(0deg, #3ca73d 50%, transparent 50%)}#form-lightbox .form-box .form .file-upload:hover .preview,#form-lightbox .form-box .form .file-upload:hover .error-text{display:none}#form-lightbox .form-box .form .file-upload:hover .drop-text{display:flex;color:#3ca73d}#form-lightbox .form-box .form .file-upload:hover .drop-text:before{color:#3ca73d}#form-lightbox .form-box .form.view-mode .form-row input:not([type=color]),#form-lightbox .form-box .form.view-mode .form-row select,#form-lightbox .form-box .form.view-mode .form-row textarea{height:auto;padding:0;box-shadow:none;background-color:rgba(0,0,0,0);font-weight:bold}#form-lightbox .form-box .form.view-mode .form-row input:not([type=color])::placeholder,#form-lightbox .form-box .form.view-mode .form-row select::placeholder,#form-lightbox .form-box .form.view-mode .form-row textarea::placeholder{color:rgba(0,0,0,0)}#form-lightbox .form-box .form.view-mode .form-row textarea{height:120px}#form-lightbox .form-box .form.view-mode .form-row .select-wrapper:after{display:none}#form-lightbox .form-box .form.view-mode .form-row select{pointer-events:none}#form-lightbox .form-box .form.view-mode .form-row .file-upload{pointer-events:none}#form-lightbox .form-box .form.view-mode .form-row .file-upload .preview{min-height:50px}@keyframes border-animation{0%{background-position:left top,right bottom,left bottom,right top}100%{background-position:left 15px top,right 15px bottom,left bottom 15px,right top 15px}}#app{position:relative;width:100%;height:100%;overflow:hidden;color:#3e3e3e;display:flex}#app.loading{position:relative}#app.loading:before{content:"";background-color:rgba(255,255,255,.97);color:#888;font-size:.9em;position:absolute;height:100%;width:100%;top:0;left:0;display:flex;padding-top:calc(12px + 0px);justify-content:center;align-items:center;z-index:1000}#app.loading:after{content:"";display:block;position:absolute;top:calc(50% - (24px/2 + 0px));left:calc(50% - 24px/2);height:24px;width:24px;box-sizing:border-box;border-radius:50%;border:2px solid #22b14c;border-color:#22b14c rgba(0,0,0,0) #22b14c rgba(0,0,0,0);animation:infinite-rotation 1.2s linear infinite;z-index:1001}#app .material-icon{font-family:"Material Symbols Outlined";line-height:1em !important}#app #login{position:absolute;height:100%;width:100%;left:0;top:0;z-index:10;background-color:#fafafa;display:flex;align-items:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99)}#app #login.visible{opacity:1;pointer-events:all}#app #login .login-box{max-width:400px;margin:auto;padding:16px;font-size:.9em;background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.2);border-radius:12px}#app #login .login-box .logo{height:80px;width:100%;background-image:url("../img/logo.svg");background-repeat:no-repeat;background-position:center;background-size:auto 50%;margin-bottom:32px;margin-top:16px}#app #login .login-box input{margin-bottom:16px;background-color:rgba(0,0,0,.01)}#app #login .login-box .disclaimer{font-size:.7em;line-height:1.2em;color:#999;margin-top:16px}#app #login .login-box .login-button,#app #login .login-box .reset-button{margin-top:32px;width:100%}#app #login .login-box .forgot-password,#app #login .login-box .auth-back-button{font-size:.8em;color:#3ca73d;margin-right:auto;margin-left:auto;display:flex;justify-content:center;margin-top:16px;cursor:pointer}#app #login .login-box .success-reset-message{color:#3ca73d;font-weight:bold;text-align:center;padding-bottom:36px}#app #change-password{position:absolute;height:100%;width:100%;left:0;top:0;z-index:10;background-color:rgba(0,0,0,.2);display:flex;align-items:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99)}#app #change-password.visible{opacity:1;pointer-events:all}#app #change-password .change-password-box{max-width:400px;margin:auto;font-size:.9em}#app #change-password .change-password-box .new-password-box{background-color:rgba(0,0,0,.03)}#app #change-password .change-password-box .new-password-box input{background-color:#fff}#app #change-password .change-password-box .new-password-box .requirements{font-size:.8em;padding-top:12px;display:none}#app #change-password .change-password-box .new-password-box .requirements.visible{display:block}#app #change-password .change-password-box .new-password-box .requirements .requirement{display:flex;align-items:center;color:#e42429}#app #change-password .change-password-box .new-password-box .requirements .requirement:before{content:"close";font-family:"Material Symbols Outlined";font-size:1.3em;margin-right:8px}#app #change-password .change-password-box .new-password-box .requirements .requirement.check{color:#3ca73d}#app #change-password .change-password-box .new-password-box .requirements .requirement.check:before{content:"check"}#app #change-password .change-password-box .old,#app #change-password .change-password-box .new-confirmation{margin-bottom:0}#app #change-password .change-password-box input{margin-bottom:16px;background-color:rgba(0,0,0,.01)}#app #change-password .change-password-box button{width:100%}#app #header{background-color:#fff;box-shadow:0 0 3px rgba(0,0,0,.2);height:60px;width:100%;flex-shrink:0;display:flex;justify-content:end;align-items:center;z-index:2}#app #header .logo{height:60px;width:160px;background-image:url("../img/logo.svg");background-repeat:no-repeat;background-position:center;background-size:auto 40%;flex-shrink:0;z-index:1;background-color:#fff;margin-right:auto;display:none}#app #header .account{display:flex;align-items:center;font-size:.8em;margin-right:12px;background-color:rgba(0,0,0,.02);border-radius:20px;position:relative}#app #header .account .action{cursor:default}#app #header .account .profile-image{border-radius:50%;box-shadow:0 0 0 2px #fff}#app #header .account .dropdown{margin-right:0;background-color:rgba(0,0,0,0);opacity:.5}#app #header .account .menu{position:absolute;right:0;top:calc(100% + 8px );background-color:#fff;min-width:100%;box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:8px;opacity:0;transform:translate3d(0, 20px, 0);transition:transform .3s cubic-bezier(0.15, 0.76, 0.18, 0.99),opacity .3s cubic-bezier(0.15, 0.76, 0.18, 0.99);pointer-events:none}#app #header .account .menu:before{content:"";width:100%;height:20px;position:absolute;top:-20px;left:0}#app #header .account .menu:after{content:"";width:0;height:0;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-bottom:6px solid #fff;position:absolute;top:-6px;right:15px}#app #header .account .menu .menu-item{padding:6px 12px;white-space:nowrap;font-size:.9em;display:flex;align-items:center;box-shadow:0 1px 0 rgba(0,0,0,.05);cursor:pointer;transition:padding .3s cubic-bezier(0.15, 0.76, 0.18, 0.99)}#app #header .account .menu .menu-item:hover{padding:12px}#app #header .account .menu .menu-item:before{content:attr(icon);font-family:"Material Symbols Outlined";font-size:1.3em;margin-right:12px;color:rgba(0,0,0,.4)}#app #header .account .menu .menu-item.logout{background-color:#e42429;color:#fff;box-shadow:0 0 0;border-radius:0 0 8px 8px}#app #header .account .menu .menu-item.logout:before{color:#fff}#app #header .account:hover .menu{opacity:1;transform:translate3d(0, 0, 0);pointer-events:all}#app #header .action{height:40px;width:40px;display:flex;align-items:center;justify-content:center;margin-right:12px;background-color:rgba(0,0,0,.02);border-radius:50%;font-size:20px;cursor:pointer}#app #header .notifications{position:relative}#app #header .notifications.active .material-icon{color:#e42429;animation:ringing-bell linear .3s infinite}#app #header .notifications.active:after{content:attr(count);position:absolute;top:0px;right:12px;height:16px;line-height:16px;width:16px;background-color:#e42429;font-size:.5em;text-align:center;border-radius:50%;color:#fff;box-shadow:0 0 0 1px #fff,0 0 0 2px rgba(0,0,0,.1)}#app #header .notifications .listing{position:absolute;left:calc(50% - 150px);top:calc(100% + 8px );background-color:#fff;width:300px;box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:8px;opacity:0;transform:translate3d(0, 20px, 0);transition:transform .3s cubic-bezier(0.15, 0.76, 0.18, 0.99),opacity .3s cubic-bezier(0.15, 0.76, 0.18, 0.99);pointer-events:none}#app #header .notifications .listing.visible{opacity:1;transform:translate3d(0, 0, 0);pointer-events:all}#app #header .notifications .listing:before{content:"";width:100%;height:20px;position:absolute;top:-20px;left:0}#app #header .notifications .listing:after{content:"";width:0;height:0;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-bottom:6px solid #fff;position:absolute;top:-6px;left:calc(50% - 12px)}#app #header .notifications .listing .notification{padding:12px 12px;font-size:.7em;display:flex;flex-grow:1;align-items:center;box-shadow:0 1px 0 rgba(0,0,0,.05);min-height:40px;line-height:1.4em;color:#777;transition:color .3s cubic-bezier(0.15, 0.76, 0.18, 0.99),background-color .3s cubic-bezier(0.15, 0.76, 0.18, 0.99)}#app #header .notifications .listing .notification:hover{background-color:rgba(0,0,0,.02);cursor:pointer;color:#555}#app #header .notifications .listing .notification:before{content:attr(icon);font-family:"Material Symbols Outlined";font-size:1.5em;margin-left:12px;margin-right:24px;color:rgba(0,0,0,.4)}@keyframes ringing-bell{0%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}100%{transform:rotate(10deg)}}#app #footer{background-color:green;height:24px;width:100%}#app #menu{min-width:200px;z-index:3;background-color:#fff;display:flex;flex-direction:column}#app #menu .logo{height:60px;width:100%;background-image:url("../img/logo.svg");background-repeat:no-repeat;background-position:center;background-size:auto 40%;flex-shrink:0;z-index:1;background-color:#fff}#app #menu .menu-wrapper{padding:12px 0 12px 12px;box-shadow:0 0 16px rgba(0,0,0,.2);flex:1}#app #menu .menu-wrapper .menu-item{font-size:.8em;padding:12px;border-radius:12px 0 0 12px;display:flex;align-items:center;margin-bottom:2px;cursor:pointer;transition:background-color .5s cubic-bezier(0.15, 0.76, 0.18, 0.99),box-shadow .5s cubic-bezier(0.15, 0.76, 0.18, 0.99),color .5s cubic-bezier(0.15, 0.76, 0.18, 0.99)}#app #menu .menu-wrapper .menu-item:before{content:attr(icon);font-family:"Material Symbols Outlined";font-size:1.5em;margin-right:12px;color:rgba(0,0,0,.4);transition:color .5s cubic-bezier(0.15, 0.76, 0.18, 0.99)}#app #menu .menu-wrapper .menu-item:hover{background-color:rgba(0,0,0,.02)}#app #menu .menu-wrapper .menu-item.active{box-shadow:-3px 0 0 #3ca73d inset;background-color:rgba(0,0,0,.02);color:#3ca73d}#app #menu .menu-wrapper .menu-item.active:before{color:#3ca73d}#app #page-wrapper{display:flex;flex-direction:column;flex-grow:1;background-color:#fafafa}#app #page-wrapper #page{flex-grow:1;overflow:auto;z-index:1}#app #home{padding:16px;display:flex;gap:16px;flex-wrap:wrap}#app #home>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #home .full-width{flex-basis:100%}#app #home .single-stat{flex-basis:auto;padding:16px 12px}#app #home .single-stat.total-orders{background-color:#34495e}#app #home .single-stat.waiting-assignation{background-color:#78e08f}#app #home .single-stat.waiting-delivery{background-color:#2ecc71}#app #home .single-stat.total-delivered{background-color:#27ae60}#app #home .single-stat.total-cancelled{background-color:#d35400}#app #home .single-stat.total-rejected{background-color:#e74c3c}#app #home .single-stat.total-failed{background-color:#c0392b}#app #home .single-stat .material-icon{padding:8px;margin-right:12px;background-color:rgba(0,0,0,.1);color:#fff}#app #home .single-stat .stat .info{color:#fff}#app #home .single-stat .stat .label{color:#fff}#app #users{padding:16px;display:flex;gap:16px;flex-wrap:wrap}#app #users>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #users .datatable{flex-basis:100%}#app #roles{padding:16px;display:flex;gap:16px;flex-wrap:wrap}#app #roles>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #roles .datatable{flex-basis:100%}#app #products{padding:16px;display:flex;gap:16px;flex-wrap:wrap}#app #products>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #products .datatable{flex-basis:100%}#app #form-lightbox .properties{padding:8px;background-color:rgba(0,0,0,.02);border-radius:8px;font-size:.9em}#app #form-lightbox .properties .property{width:16.666%;float:left;padding:8px}#app #form-lightbox .properties .property .label{padding-bottom:8px}#app #form-lightbox .properties .property select,#app #form-lightbox .properties .property input{height:30px}#app #export{padding:16px;display:flex;gap:16px;flex-wrap:wrap}#app #export>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #export .download-actions{flex-basis:100%;display:flex;flex-direction:row;flex-wrap:wrap;box-shadow:0 0 2px rgba(0,0,0,.2);border-radius:8px;background-color:#fff}#app #export .download-actions .download-action{flex-basis:33.333%;flex:auto;width:33.3333%;text-align:center;box-shadow:0 0 0 1px rgba(0,0,0,.02);padding:32px}#app #export .download-actions .download-action:hover{cursor:pointer}#app #export .download-actions .download-action:hover .icon{color:#999}#app #export .download-actions .download-action .icon{font-family:"Material Symbols Outlined";font-size:2em;line-height:2em;color:#ccc}#app #missing-products{padding:16px;display:flex;gap:16px;flex-wrap:wrap}#app #missing-products>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #missing-products .datatable{flex-basis:100%}#app #form-lightbox .properties{padding:8px;background-color:rgba(0,0,0,.02);border-radius:8px;font-size:.9em}#app #form-lightbox .properties .property{width:16.666%;float:left;padding:8px}#app #form-lightbox .properties .property .label{padding-bottom:8px}#app #form-lightbox .properties .property select,#app #form-lightbox .properties .property input{height:30px}#app #product{position:absolute;height:100%;width:100%;left:0;top:0;z-index:10;background-color:rgba(0,0,0,.2);display:flex;align-items:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99);visibility:hidden}#app #product.visible{opacity:1;pointer-events:all;visibility:visible}#app #product .product-box{max-width:1200px;min-width:1000px;margin:auto;font-size:.9em}#app #product .product-box .details{padding:12px;max-height:80vh;overflow:auto}#app #product .product-box .details .images{display:flex}#app #product .product-box .details .images .image{box-shadow:0 0 3px rgba(0,0,0,.3);border-radius:12px;height:200px;width:200px;background-image:url(../img/product.jpg);background-size:contain;background-repeat:no-repeat;background-position:center}#app #product .product-box .details .images .main{flex-basis:50%;padding-right:12px}#app #product .product-box .details .images .main .image{height:100%;width:100%}#app #product .product-box .details .images .secondary{display:flex;flex-wrap:wrap;gap:12px}#app #product .product-box .details .images .secondary .image{flex-basis:calc(33.333% - (12px * 2)/3);flex-grow:1}#app #product .product-box .values{padding:12px;display:flex;flex-wrap:wrap}#app #product .product-box .values .row{display:flex;flex-basis:50%;padding:8px;overflow:hidden}#app #product .product-box .values .row.stocks{flex-basis:100%}#app #product .product-box .values .row.stocks .value table{width:100%;border-collapse:collapse}#app #product .product-box .values .row.stocks .value table thead{font-weight:bold}#app #product .product-box .values .row.stocks .value table thead td{box-shadow:0 1px 0 rgba(0,0,0,.05);padding-bottom:8px}#app #product .product-box .values .row.stocks .value table tbody td{box-shadow:0 1px 0 rgba(0,0,0,.05);padding:8px 0}#app #product .product-box .values .row .label{font-weight:bold;min-width:140px;text-align:right;background-color:rgba(0,0,0,.03);padding:8px;border-radius:8px 0 0 8px;height:100%}#app #product .product-box .values .row .value{padding:8px;background-color:rgba(0,0,0,.01);flex-grow:1;border-radius:0 8px 8px 0;height:100%}#app #customers{padding:16px;display:flex;gap:16px;flex-wrap:wrap}#app #customers>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #customers .datatable{flex-basis:100%}#app #brands{padding:16px;display:flex;gap:16px;flex-wrap:wrap}#app #brands>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #brands .datatable{flex-basis:100%}#app #faq{padding:16px;display:flex;gap:16px;flex-wrap:wrap}#app #faq>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #faq .datatable{flex-basis:100%}#app #slider{padding:16px;display:flex;gap:16px;flex-wrap:wrap}#app #slider>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #slider .datatable{flex-basis:50%}#app #routings-upload{padding:16px;display:flex;gap:16px;flex-wrap:wrap}#app #routings-upload .toolbar{justify-content:space-between}#app #routings-upload>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #routings-upload .toolbar a{color:#fff;background-color:#27ae60;font-weight:bold;text-decoration:none;padding:8px 16px;border-radius:6px;font-size:12px}#app #routings-upload .dropzone{border:2px dashed #ddd;border-radius:8px}#app #routings-upload .dropzone .dz-message .dz-button{margin:auto}#app #orders{padding:16px;display:flex;gap:16px;flex-wrap:wrap}#app #orders>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #orders .datatable{flex-basis:100%}#app #order{position:absolute;height:100%;width:100%;left:0;top:0;z-index:10;background-color:rgba(0,0,0,.2);display:flex;align-items:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99);visibility:hidden;overflow-y:auto}#app #order.visible{opacity:1;pointer-events:all;visibility:visible}#app #order .order-box{max-width:1200px;min-width:500px;margin:auto;font-size:.9em}#app #order .order-box .details{max-height:80vh;overflow:auto;display:flex}#app #order .order-box .details .values,#app #order .order-box .details .products{padding:12px;display:flex;flex-wrap:wrap;width:50%}#app #order .order-box .details .values .row,#app #order .order-box .details .products .row{display:flex;flex-basis:100%;padding:2px;overflow:hidden}#app #order .order-box .details .values .row.products-list,#app #order .order-box .details .products .row.products-list{flex-basis:100%;font-size:.8em;flex-direction:column}#app #order .order-box .details .values .row.products-list .label,#app #order .order-box .details .products .row.products-list .label{padding:8px 12px;border-radius:8px 8px 0 0;height:auto;text-align:left}#app #order .order-box .details .values .row.products-list .value,#app #order .order-box .details .products .row.products-list .value{padding:0;border-radius:8px;box-shadow:0 0 2px rgba(0,0,0,.1);overflow:hidden}#app #order .order-box .details .values .row.products-list .value .info,#app #order .order-box .details .products .row.products-list .value .info{display:flex;justify-content:space-between;background-color:rgba(0,0,0,.03);padding:8px;border-radius:8px;margin-bottom:12px;margin-top:-8px}#app #order .order-box .details .values .row.products-list .value .info span,#app #order .order-box .details .products .row.products-list .value .info span{font-weight:bold;padding-left:8px}#app #order .order-box .details .values .row.products-list .value table,#app #order .order-box .details .products .row.products-list .value table{width:100%;border-collapse:collapse}#app #order .order-box .details .values .row.products-list .value table thead,#app #order .order-box .details .products .row.products-list .value table thead{font-weight:bold}#app #order .order-box .details .values .row.products-list .value table thead td,#app #order .order-box .details .products .row.products-list .value table thead td{box-shadow:0 1px 0 rgba(0,0,0,.05);padding:8px;background-color:rgba(0,0,0,.03)}#app #order .order-box .details .values .row.products-list .value table tbody tr:nth-child(odd),#app #order .order-box .details .products .row.products-list .value table tbody tr:nth-child(odd){background-color:#fff}#app #order .order-box .details .values .row.products-list .value table tbody td,#app #order .order-box .details .products .row.products-list .value table tbody td{box-shadow:0 1px 0 rgba(0,0,0,.05);padding:8px}#app #order .order-box .details .values .row.products-list.history table thead td,#app #order .order-box .details .products .row.products-list.history table thead td{padding-top:0}#app #order .order-box .details .values .row .label,#app #order .order-box .details .products .row .label{font-weight:bold;min-width:140px;text-align:right;background-color:rgba(0,0,0,.03);padding:8px;border-radius:8px 0 0 8px;height:100%}#app #order .order-box .details .values .row .value,#app #order .order-box .details .products .row .value{padding:8px;background-color:rgba(0,0,0,.01);flex-grow:1;border-radius:0 8px 8px 0;height:100%}#app #provider-orders{padding:16px;display:flex;gap:16px;flex-wrap:wrap}#app #provider-orders>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #provider-orders .datatable{flex-basis:100%}#app #provider-categories{padding:16px;display:flex;gap:16px;flex-wrap:wrap}#app #provider-categories>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #provider-categories .datatable{flex-basis:100%}#app #provider-categories .datatable .parents{font-size:.8em;padding-bottom:8px;display:flex;align-items:center}#app #provider-categories .datatable .name{font-weight:bold}#app #orders-products{padding:16px;display:flex;gap:16px;flex-wrap:wrap}#app #orders-products>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #orders-products .datatable{flex-basis:100%}#app #order-products{position:absolute;height:100%;width:100%;left:0;top:0;z-index:10;background-color:rgba(0,0,0,.2);display:flex;align-items:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99);visibility:hidden}#app #order-products.visible{opacity:1;pointer-events:all;visibility:visible}#app #order-products .order-products-box{max-width:1200px;margin:auto;font-size:.9em}#app #order-products .datatable table thead th,#app #order-products .datatable table thead .action{border-radius:0 !important}#app #customer-orders{position:absolute;height:100%;width:100%;left:0;top:0;z-index:10;background-color:rgba(0,0,0,.2);display:flex;align-items:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99);visibility:hidden}#app #customer-orders.visible{opacity:1;pointer-events:all;visibility:visible}#app #customer-orders .customer-orders-box{max-width:1200px;margin:auto;font-size:.9em}#app #customer-orders .datatable table thead th,#app #customer-orders .datatable table thead .action{border-radius:0 !important}#app #customer-provider-orders{position:absolute;height:100%;width:100%;left:0;top:0;z-index:10;background-color:rgba(0,0,0,.2);display:flex;align-items:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99);visibility:hidden}#app #customer-provider-orders.visible{opacity:1;pointer-events:all;visibility:visible}#app #customer-provider-orders .customer-provider-orders-box{max-width:1200px;margin:auto;font-size:.9em}#app #customer-provider-orders .datatable table thead th,#app #customer-provider-orders .datatable table thead .action{border-radius:0 !important}#app #apis-health{padding:16px;display:flex;gap:16px;flex-wrap:wrap}#app #apis-health>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #apis-health .datatable{flex-basis:100%}#app #coverage{padding:16px;display:flex;gap:16px;flex-wrap:wrap}#app #coverage>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #coverage .datatable{flex-basis:100%}#app #coverage #coverage-upload{display:none}#app #delivery{display:flex;gap:16px;flex-wrap:wrap}#app #delivery>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #delivery .datatable{flex-basis:100%}#app #delivery .datatable table thead th{top:0}#app #delivery .datatable table thead th:first-child,#app #delivery .datatable table thead th:last-child{border-radius:0}#app #delivery .datatable table tfoot td{bottom:0}#app #delivery-order{position:absolute;height:100%;width:100%;left:0;top:0;z-index:10;background-color:rgba(0,0,0,.2);display:flex;align-items:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99);visibility:hidden;overflow-y:auto}#app #delivery-order.visible{opacity:1;pointer-events:all;visibility:visible}#app #delivery-order .order-box{max-width:1200px;min-width:500px;margin:auto;font-size:.9em}#app #delivery-order .order-box .details{max-height:80vh;overflow:auto;display:flex}#app #delivery-order .order-box .details .values,#app #delivery-order .order-box .details .products{padding:12px;display:flex;flex-wrap:wrap;width:50%}#app #delivery-order .order-box .details .values .row,#app #delivery-order .order-box .details .products .row{display:flex;flex-basis:100%;padding:2px;overflow:hidden}#app #delivery-order .order-box .details .values .row.products-list,#app #delivery-order .order-box .details .products .row.products-list{flex-basis:100%;font-size:.8em;flex-direction:column}#app #delivery-order .order-box .details .values .row.products-list .label,#app #delivery-order .order-box .details .products .row.products-list .label{padding:8px 12px;border-radius:8px 8px 0 0;height:auto;text-align:left}#app #delivery-order .order-box .details .values .row.products-list .value,#app #delivery-order .order-box .details .products .row.products-list .value{padding:0;border-radius:8px;box-shadow:0 0 2px rgba(0,0,0,.1);overflow:hidden}#app #delivery-order .order-box .details .values .row.products-list .value .info,#app #delivery-order .order-box .details .products .row.products-list .value .info{display:flex;justify-content:space-between;background-color:rgba(0,0,0,.03);padding:8px;border-radius:8px;margin-bottom:12px;margin-top:-8px}#app #delivery-order .order-box .details .values .row.products-list .value .info span,#app #delivery-order .order-box .details .products .row.products-list .value .info span{font-weight:bold;padding-left:8px}#app #delivery-order .order-box .details .values .row.products-list .value table,#app #delivery-order .order-box .details .products .row.products-list .value table{width:100%;border-collapse:collapse}#app #delivery-order .order-box .details .values .row.products-list .value table thead,#app #delivery-order .order-box .details .products .row.products-list .value table thead{font-weight:bold}#app #delivery-order .order-box .details .values .row.products-list .value table thead td,#app #delivery-order .order-box .details .products .row.products-list .value table thead td{box-shadow:0 1px 0 rgba(0,0,0,.05);padding:8px;background-color:rgba(0,0,0,.03)}#app #delivery-order .order-box .details .values .row.products-list .value table tbody tr:nth-child(odd),#app #delivery-order .order-box .details .products .row.products-list .value table tbody tr:nth-child(odd){background-color:#fff}#app #delivery-order .order-box .details .values .row.products-list .value table tbody td,#app #delivery-order .order-box .details .products .row.products-list .value table tbody td{box-shadow:0 1px 0 rgba(0,0,0,.05);padding:8px}#app #delivery-order .order-box .details .values .row.products-list.history table thead td,#app #delivery-order .order-box .details .products .row.products-list.history table thead td{padding-top:0}#app #delivery-order .order-box .details .values .row .label,#app #delivery-order .order-box .details .products .row .label{font-weight:bold;min-width:140px;text-align:right;background-color:rgba(0,0,0,.03);padding:8px;border-radius:8px 0 0 8px;height:100%}#app #delivery-order .order-box .details .values .row .value,#app #delivery-order .order-box .details .products .row .value{padding:8px;background-color:rgba(0,0,0,.01);flex-grow:1;border-radius:0 8px 8px 0;height:100%}#app #delivery-order .order-box .actions{display:flex;margin:12px;border-radius:50px;background-color:rgba(0,0,0,.05);align-items:center}#app #delivery-order .order-box .actions .text{padding:0 24px;font-weight:bold}#app #delivery-order .order-box .actions .select-wrapper{flex-grow:1;position:relative;box-shadow:-1px 0 0 rgba(0,0,0,.05);background-color:rgba(255,255,255,.4)}#app #delivery-order .order-box .actions .select-wrapper:after{content:"unfold_more";font-family:"Material Symbols Outlined";font-size:1.1em;position:absolute;height:100%;width:40px;right:0;top:0;display:flex;align-items:center;justify-content:center}#app #delivery-order .order-box .actions .select-wrapper select{box-shadow:none;background-color:rgba(0,0,0,0);font-size:1em}#app #delivery-order .order-box .actions button{border-radius:0 50px 50px 0}#app #backoffice{display:flex;gap:16px;flex-wrap:wrap}#app #backoffice>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #backoffice .datatable{flex-basis:100%}#app #backoffice .datatable table thead th{top:0}#app #backoffice .datatable table thead th:first-child,#app #backoffice .datatable table thead th:last-child{border-radius:0}#app #backoffice .datatable table tfoot td{bottom:0}#app #backoffice-order{position:absolute;height:100%;width:100%;left:0;top:0;z-index:10;background-color:rgba(0,0,0,.2);display:flex;align-items:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99);visibility:hidden;overflow-y:auto}#app #backoffice-order.visible{opacity:1;pointer-events:all;visibility:visible}#app #backoffice-order .order-box{max-width:1200px;min-width:500px;margin:auto;font-size:.9em}#app #backoffice-order .order-box .details{max-height:80vh;overflow:auto;display:flex}#app #backoffice-order .order-box .details .values,#app #backoffice-order .order-box .details .products{padding:12px;display:flex;flex-wrap:wrap;width:50%}#app #backoffice-order .order-box .details .values .row,#app #backoffice-order .order-box .details .products .row{display:flex;flex-basis:100%;padding:2px;overflow:hidden}#app #backoffice-order .order-box .details .values .row.products-list,#app #backoffice-order .order-box .details .products .row.products-list{flex-basis:100%;font-size:.8em;flex-direction:column}#app #backoffice-order .order-box .details .values .row.products-list .label,#app #backoffice-order .order-box .details .products .row.products-list .label{padding:8px 12px;border-radius:8px 8px 0 0;height:auto;text-align:left}#app #backoffice-order .order-box .details .values .row.products-list .value,#app #backoffice-order .order-box .details .products .row.products-list .value{padding:0;border-radius:8px;box-shadow:0 0 2px rgba(0,0,0,.1);overflow:hidden}#app #backoffice-order .order-box .details .values .row.products-list .value .info,#app #backoffice-order .order-box .details .products .row.products-list .value .info{display:flex;justify-content:space-between;background-color:rgba(0,0,0,.03);padding:8px;border-radius:8px;margin-bottom:12px;margin-top:-8px}#app #backoffice-order .order-box .details .values .row.products-list .value .info span,#app #backoffice-order .order-box .details .products .row.products-list .value .info span{font-weight:bold;padding-left:8px}#app #backoffice-order .order-box .details .values .row.products-list .value table,#app #backoffice-order .order-box .details .products .row.products-list .value table{width:100%;border-collapse:collapse}#app #backoffice-order .order-box .details .values .row.products-list .value table thead,#app #backoffice-order .order-box .details .products .row.products-list .value table thead{font-weight:bold}#app #backoffice-order .order-box .details .values .row.products-list .value table thead td,#app #backoffice-order .order-box .details .products .row.products-list .value table thead td{box-shadow:0 1px 0 rgba(0,0,0,.05);padding:8px;background-color:rgba(0,0,0,.03)}#app #backoffice-order .order-box .details .values .row.products-list .value table tbody tr:nth-child(odd),#app #backoffice-order .order-box .details .products .row.products-list .value table tbody tr:nth-child(odd){background-color:#fff}#app #backoffice-order .order-box .details .values .row.products-list .value table tbody td,#app #backoffice-order .order-box .details .products .row.products-list .value table tbody td{box-shadow:0 1px 0 rgba(0,0,0,.05);padding:8px}#app #backoffice-order .order-box .details .values .row.products-list.history table thead td,#app #backoffice-order .order-box .details .products .row.products-list.history table thead td{padding-top:0}#app #backoffice-order .order-box .details .values .row .label,#app #backoffice-order .order-box .details .products .row .label{font-weight:bold;min-width:140px;text-align:right;background-color:rgba(0,0,0,.03);padding:8px;border-radius:8px 0 0 8px;height:100%}#app #backoffice-order .order-box .details .values .row .value,#app #backoffice-order .order-box .details .products .row .value{padding:8px;background-color:rgba(0,0,0,.01);flex-grow:1;border-radius:0 8px 8px 0;height:100%}#app #backoffice-order .order-box .details .receipt{flex-basis:30%;background-color:rgba(0,0,0,.02);box-shadow:0 0 8px rgba(0,0,0,.1) inset;margin:12px;border-radius:8px;background-repeat:no-repeat;background-size:contain;background-position:center;cursor:pointer}#app #backoffice-order .order-box .actions{display:flex;margin:12px;border-radius:50px;background-color:rgba(0,0,0,.05);align-items:center;max-width:800px;margin-left:auto;margin-right:auto}#app #backoffice-order .order-box .actions .text{padding:0 24px;font-weight:bold}#app #backoffice-order .order-box .actions input{display:flex;width:auto;flex-grow:1;box-shadow:none;background-color:rgba(255,255,255,.6);text-align:center;font-size:1.5em;font-weight:bold}#app #backoffice-order .order-box .actions button{border-radius:0 50px 50px 0}#app #backoffice-order .order-box .actions button.reject{background-color:#e42429;border-radius:0px}#app #assignation{padding:16px;display:flex;gap:16px;flex-wrap:wrap}#app #assignation>*{flex-grow:1;flex-basis:calc(25% - 16px)}#app #assignation .datatable{flex-basis:100%}#app #assignation-order{position:absolute;height:100%;width:100%;left:0;top:0;z-index:10;background-color:rgba(0,0,0,.2);display:flex;align-items:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99);visibility:hidden;overflow-y:auto}#app #assignation-order.visible{opacity:1;pointer-events:all;visibility:visible}#app #assignation-order .order-box{max-width:1200px;min-width:500px;margin:auto;font-size:.9em}#app #assignation-order .order-box .details{max-height:80vh;overflow:auto;display:flex}#app #assignation-order .order-box .details .values,#app #assignation-order .order-box .details .products{padding:12px;display:flex;flex-wrap:wrap;width:50%}#app #assignation-order .order-box .details .values .row,#app #assignation-order .order-box .details .products .row{display:flex;flex-basis:100%;padding:2px;overflow:hidden}#app #assignation-order .order-box .details .values .row.products-list,#app #assignation-order .order-box .details .products .row.products-list{flex-basis:100%;font-size:.8em;flex-direction:column}#app #assignation-order .order-box .details .values .row.products-list .label,#app #assignation-order .order-box .details .products .row.products-list .label{padding:8px 12px;border-radius:8px 8px 0 0;height:auto;text-align:left}#app #assignation-order .order-box .details .values .row.products-list .value,#app #assignation-order .order-box .details .products .row.products-list .value{padding:0;border-radius:8px;box-shadow:0 0 2px rgba(0,0,0,.1);overflow:hidden}#app #assignation-order .order-box .details .values .row.products-list .value .info,#app #assignation-order .order-box .details .products .row.products-list .value .info{display:flex;justify-content:space-between;background-color:rgba(0,0,0,.03);padding:8px;border-radius:8px;margin-bottom:12px;margin-top:-8px}#app #assignation-order .order-box .details .values .row.products-list .value .info span,#app #assignation-order .order-box .details .products .row.products-list .value .info span{font-weight:bold;padding-left:8px}#app #assignation-order .order-box .details .values .row.products-list .value table,#app #assignation-order .order-box .details .products .row.products-list .value table{width:100%;border-collapse:collapse}#app #assignation-order .order-box .details .values .row.products-list .value table thead,#app #assignation-order .order-box .details .products .row.products-list .value table thead{font-weight:bold}#app #assignation-order .order-box .details .values .row.products-list .value table thead td,#app #assignation-order .order-box .details .products .row.products-list .value table thead td{box-shadow:0 1px 0 rgba(0,0,0,.05);padding:8px;background-color:rgba(0,0,0,.03)}#app #assignation-order .order-box .details .values .row.products-list .value table tbody tr:nth-child(odd),#app #assignation-order .order-box .details .products .row.products-list .value table tbody tr:nth-child(odd){background-color:#fff}#app #assignation-order .order-box .details .values .row.products-list .value table tbody td,#app #assignation-order .order-box .details .products .row.products-list .value table tbody td{box-shadow:0 1px 0 rgba(0,0,0,.05);padding:8px}#app #assignation-order .order-box .details .values .row.products-list.history table thead td,#app #assignation-order .order-box .details .products .row.products-list.history table thead td{padding-top:0}#app #assignation-order .order-box .details .values .row .label,#app #assignation-order .order-box .details .products .row .label{font-weight:bold;min-width:140px;text-align:right;background-color:rgba(0,0,0,.03);padding:8px;border-radius:8px 0 0 8px;height:100%}#app #assignation-order .order-box .details .values .row .value,#app #assignation-order .order-box .details .products .row .value{padding:8px;background-color:rgba(0,0,0,.01);flex-grow:1;border-radius:0 8px 8px 0;height:100%}#app #assignation-order .order-box .unassignable{margin:16px;padding:16px;text-align:center;background-color:rgba(0,0,0,.04);font-size:1.2em;border-radius:8px}#app #assignation-order .order-box .actions{display:flex;margin:12px;border-radius:50px;background-color:rgba(0,0,0,.05);align-items:center}#app #assignation-order .order-box .actions .text{padding:0 24px;font-weight:bold}#app #assignation-order .order-box .actions .select-wrapper{flex-grow:1;position:relative;box-shadow:-1px 0 0 rgba(0,0,0,.05);background-color:rgba(255,255,255,.4)}#app #assignation-order .order-box .actions .select-wrapper:after{content:"unfold_more";font-family:"Material Symbols Outlined";font-size:1.1em;position:absolute;height:100%;width:40px;right:0;top:0;display:flex;align-items:center;justify-content:center}#app #assignation-order .order-box .actions .select-wrapper select{box-shadow:none;background-color:rgba(0,0,0,0);font-size:1em}#app #assignation-order .order-box .actions button{border-radius:0 50px 50px 0}#app #download-box{position:absolute;height:100%;width:100%;left:0;top:0;z-index:10;background-color:rgba(0,0,0,.2);display:flex;align-items:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99)}#app #download-box.visible{opacity:1;pointer-events:all}#app #download-box .download-box{min-width:400px;margin:auto;font-size:.9em;overflow:hidden}#app #download-box .download-box.loading{position:relative}#app #download-box .download-box.loading:before{content:"Wizardry in progress ...";background-color:rgba(255,255,255,.97);color:#888;font-size:.9em;position:absolute;height:100%;width:100%;top:0;left:0;display:flex;padding-top:calc(12px + 16px);justify-content:center;align-items:center;z-index:1000;background-color:#fff}#app #download-box .download-box.loading:after{content:"";display:block;position:absolute;top:calc(50% - (24px/2 + 16px));left:calc(50% - 24px/2);height:24px;width:24px;box-sizing:border-box;border-radius:50%;border:2px solid #22b14c;border-color:#22b14c rgba(0,0,0,0) #22b14c rgba(0,0,0,0);animation:infinite-rotation 1.2s linear infinite;z-index:1001}#app #download-box .download-box .file-box{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;height:100%;padding:50px}#app #download-box .download-box .file-box .material-icon{color:#3ca73d;font-size:4em;padding-bottom:24px}#app #download-box .download-box .file-box .filename{color:#3ca73d;padding-bottom:30px;font-weight:bold}#app #download-box .download-box .file-box a{text-decoration:none}#app #download-box .download-box .file-box a button{height:40px}#app #upload-box{position:absolute;height:100%;width:100%;left:0;top:0;z-index:10;background-color:rgba(0,0,0,.2);display:flex;align-items:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(0.59, 0.01, 0.41, 0.99)}#app #upload-box.visible{opacity:1;pointer-events:all}#app #upload-box .upload-box{min-width:400px;min-height:200px;margin:auto;font-size:.9em;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}#app #upload-box .upload-box.loading{position:relative}#app #upload-box .upload-box.loading:before{content:"Upload in progress ...";background-color:rgba(255,255,255,.97);color:#888;font-size:.9em;position:absolute;height:100%;width:100%;top:0;left:0;display:flex;padding-top:calc(12px + 16px);justify-content:center;align-items:center;z-index:1000;background-color:#fff}#app #upload-box .upload-box.loading:after{content:"";display:block;position:absolute;top:calc(50% - (24px/2 + 16px));left:calc(50% - 24px/2);height:24px;width:24px;box-sizing:border-box;border-radius:50%;border:2px solid #22b14c;border-color:#22b14c rgba(0,0,0,0) #22b14c rgba(0,0,0,0);animation:infinite-rotation 1.2s linear infinite;z-index:1001}#app #upload-box .upload-box .success{color:#3ca73d;text-align:center}#app #upload-box .upload-box .success button{height:26px;margin-top:24px;margin-left:auto;margin-right:auto}#app #upload-box .upload-box .failure{color:#e42429;text-align:center}#app #upload-box .upload-box .failure button{height:26px;margin-top:24px;margin-left:auto;margin-right:auto;background-color:#e42429}#app #upload-box .upload-box .material-icon{font-size:3em}#app #upload-box .upload-box .message{font-weight:bold}#app #upload-box .upload-box .errors{text-align:left;margin-left:auto;margin-right:auto;margin-top:24px;background-color:rgba(0,0,0,.03);color:#e42429}#app #upload-box .upload-box .errors td:nth-child(1){padding-right:1em;font-weight:bold}@keyframes infinite-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}