.back{font-size:16px;font-family:Roboto;border:1px solid #e2e2e2;margin-right:24px;font-weight:400}.relative{position:relative}.absolute{position:absolute}.mdc-form-field>label{margin:0!important}.mat-mdc-paginator-container{font-size:13px!important}.help-button{background-color:unset;padding:0;border:0}.error-message{font-size:12px;color:red}.flex,.flex-center,.flex-vertical,.flex-horizontal{display:flex}.align-center{align-items:center}.register-button .register{padding:6px 12px;height:40px;border-radius:2px;color:#fff;font-size:16px;background-color:#3ca2f1;border:0;box-shadow:none;cursor:pointer}.register-button .register img{vertical-align:unset;margin-right:8px}.flex-horizontal,.flex-center{justify-content:center}.flex-vertical,.flex-center{align-items:center}.w-100{width:100%}.w-160{width:160px}.jc-end{justify-content:end}.jc-sb{justify-content:space-between}.justify-around{justify-content:space-around}.overflow-y{overflow-y:scroll!important}.align-stretch{align-items:stretch}.justify-center{justify-content:center}.flex-col{flex-direction:column}.link-primary-button{background-color:unset;border:none;margin:0;color:#3ca2f1}.label-0{font-size:0px}.p-0{padding:0}.pt-0{padding-top:0}.pl-0{padding-left:0}.pb-0{padding-bottom:0}.pr-0{padding-right:0}.m-0{margin:0}.mt-0{margin-top:0}.ml-0{margin-left:0}.mb-0{margin-bottom:0}.mr-0{margin-right:0}.label-2{font-size:2px}.p-2{padding:2px}.pt-2{padding-top:2px}.pl-2{padding-left:2px}.pb-2{padding-bottom:2px}.pr-2{padding-right:2px}.m-2{margin:2px}.mt-2{margin-top:2px}.ml-2{margin-left:2px}.mb-2{margin-bottom:2px}.mr-2{margin-right:2px}.label-4{font-size:4px}.p-4{padding:4px}.pt-4{padding-top:4px}.pl-4{padding-left:4px}.pb-4{padding-bottom:4px}.pr-4{padding-right:4px}.m-4{margin:4px}.mt-4{margin-top:4px}.ml-4{margin-left:4px}.mb-4{margin-bottom:4px}.mr-4{margin-right:4px}.label-6{font-size:6px}.p-6{padding:6px}.pt-6{padding-top:6px}.pl-6{padding-left:6px}.pb-6{padding-bottom:6px}.pr-6{padding-right:6px}.m-6{margin:6px}.mt-6{margin-top:6px}.ml-6{margin-left:6px}.mb-6{margin-bottom:6px}.mr-6{margin-right:6px}.label-8{font-size:8px}.p-8{padding:8px}.pt-8{padding-top:8px}.pl-8{padding-left:8px}.pb-8{padding-bottom:8px}.pr-8{padding-right:8px}.m-8{margin:8px}.mt-8{margin-top:8px}.ml-8{margin-left:8px}.mb-8{margin-bottom:8px}.mr-8{margin-right:8px}.label-10{font-size:10px}.p-10{padding:10px}.pt-10{padding-top:10px}.pl-10{padding-left:10px}.pb-10{padding-bottom:10px}.pr-10{padding-right:10px}.m-10{margin:10px}.mt-10{margin-top:10px}.ml-10{margin-left:10px}.mb-10{margin-bottom:10px}.mr-10{margin-right:10px}.label-12{font-size:12px}.p-12{padding:12px}.pt-12{padding-top:12px}.pl-12{padding-left:12px}.pb-12{padding-bottom:12px}.pr-12{padding-right:12px}.m-12{margin:12px}.mt-12{margin-top:12px}.ml-12{margin-left:12px}.mb-12{margin-bottom:12px}.mr-12{margin-right:12px}.label-14{font-size:14px}.p-14{padding:14px}.pt-14{padding-top:14px}.pl-14{padding-left:14px}.pb-14{padding-bottom:14px}.pr-14{padding-right:14px}.m-14{margin:14px}.mt-14{margin-top:14px}.ml-14{margin-left:14px}.mb-14{margin-bottom:14px}.mr-14{margin-right:14px}.label-16{font-size:16px}.p-16{padding:16px}.pt-16{padding-top:16px}.pl-16{padding-left:16px}.pb-16{padding-bottom:16px}.pr-16{padding-right:16px}.m-16{margin:16px}.mt-16{margin-top:16px}.ml-16{margin-left:16px}.mb-16{margin-bottom:16px}.mr-16{margin-right:16px}.label-18{font-size:18px}.p-18{padding:18px}.pt-18{padding-top:18px}.pl-18{padding-left:18px}.pb-18{padding-bottom:18px}.pr-18{padding-right:18px}.m-18{margin:18px}.mt-18{margin-top:18px}.ml-18{margin-left:18px}.mb-18{margin-bottom:18px}.mr-18{margin-right:18px}.label-20{font-size:20px}.p-20{padding:20px}.pt-20{padding-top:20px}.pl-20{padding-left:20px}.pb-20{padding-bottom:20px}.pr-20{padding-right:20px}.m-20{margin:20px}.mt-20{margin-top:20px}.ml-20{margin-left:20px}.mb-20{margin-bottom:20px}.mr-20{margin-right:20px}.label-22{font-size:22px}.p-22{padding:22px}.pt-22{padding-top:22px}.pl-22{padding-left:22px}.pb-22{padding-bottom:22px}.pr-22{padding-right:22px}.m-22{margin:22px}.mt-22{margin-top:22px}.ml-22{margin-left:22px}.mb-22{margin-bottom:22px}.mr-22{margin-right:22px}.label-24{font-size:24px}.p-24{padding:24px}.pt-24{padding-top:24px}.pl-24{padding-left:24px}.pb-24{padding-bottom:24px}.pr-24{padding-right:24px}.m-24{margin:24px}.mt-24{margin-top:24px}.ml-24{margin-left:24px}.mb-24{margin-bottom:24px}.mr-24{margin-right:24px}.label-26{font-size:26px}.p-26{padding:26px}.pt-26{padding-top:26px}.pl-26{padding-left:26px}.pb-26{padding-bottom:26px}.pr-26{padding-right:26px}.m-26{margin:26px}.mt-26{margin-top:26px}.ml-26{margin-left:26px}.mb-26{margin-bottom:26px}.mr-26{margin-right:26px}.label-28{font-size:28px}.p-28{padding:28px}.pt-28{padding-top:28px}.pl-28{padding-left:28px}.pb-28{padding-bottom:28px}.pr-28{padding-right:28px}.m-28{margin:28px}.mt-28{margin-top:28px}.ml-28{margin-left:28px}.mb-28{margin-bottom:28px}.mr-28{margin-right:28px}.label-30{font-size:30px}.p-30{padding:30px}.pt-30{padding-top:30px}.pl-30{padding-left:30px}.pb-30{padding-bottom:30px}.pr-30{padding-right:30px}.m-30{margin:30px}.mt-30{margin-top:30px}.ml-30{margin-left:30px}.mb-30{margin-bottom:30px}.mr-30{margin-right:30px}.label-32{font-size:32px}.p-32{padding:32px}.pt-32{padding-top:32px}.pl-32{padding-left:32px}.pb-32{padding-bottom:32px}.pr-32{padding-right:32px}.m-32{margin:32px}.mt-32{margin-top:32px}.ml-32{margin-left:32px}.mb-32{margin-bottom:32px}.mr-32{margin-right:32px}.label-34{font-size:34px}.p-34{padding:34px}.pt-34{padding-top:34px}.pl-34{padding-left:34px}.pb-34{padding-bottom:34px}.pr-34{padding-right:34px}.m-34{margin:34px}.mt-34{margin-top:34px}.ml-34{margin-left:34px}.mb-34{margin-bottom:34px}.mr-34{margin-right:34px}.label-36{font-size:36px}.p-36{padding:36px}.pt-36{padding-top:36px}.pl-36{padding-left:36px}.pb-36{padding-bottom:36px}.pr-36{padding-right:36px}.m-36{margin:36px}.mt-36{margin-top:36px}.ml-36{margin-left:36px}.mb-36{margin-bottom:36px}.mr-36{margin-right:36px}.label-40{font-size:40px}.p-40{padding:40px}.pt-40{padding-top:40px}.pl-40{padding-left:40px}.pb-40{padding-bottom:40px}.pr-40{padding-right:40px}.m-40{margin:40px}.mt-40{margin-top:40px}.ml-40{margin-left:40px}.mb-40{margin-bottom:40px}.mr-40{margin-right:40px}.label-44{font-size:44px}.p-44{padding:44px}.pt-44{padding-top:44px}.pl-44{padding-left:44px}.pb-44{padding-bottom:44px}.pr-44{padding-right:44px}.m-44{margin:44px}.mt-44{margin-top:44px}.ml-44{margin-left:44px}.mb-44{margin-bottom:44px}.mr-44{margin-right:44px}.header-login{border-bottom:1px solid #e2e2e2;background-color:#eff8ff;padding:16px}.flex-1{flex:1}.bold{font-weight:700}.uppercase{text-transform:uppercase}.btn-primary{background-color:#3ca2f1;color:#fff;border:none;cursor:pointer!important}.shadow{box-shadow:0 1px 4px #4f4f4f}.reset-button{background-color:unset;border:none;cursor:pointer}.cancel-btn{color:#828282;font-size:16px;font-family:Roboto;border:1px solid #e2e2e2;margin-right:0;font-weight:400;background-color:unset;padding:8px 16px;border-radius:4px;cursor:pointer}.done-btn{color:#fff;font-size:16px;font-family:Roboto;border:1px solid #e2e2e2;margin-right:24px;font-weight:400;background-color:#01579b;padding:8px 16px;border-radius:4px;cursor:pointer}.register{display:block;padding:6px 12px;height:40px;border-radius:2px;color:#fff;font-size:16px;background-color:#3ca2f1;border:0;box-shadow:none;cursor:pointer}.btn-def{background:none;border:1px solid #828282;padding:4px 12px;margin-left:20px;cursor:pointer;font-size:14px;border-radius:4px}.bg-navy-blue{background-color:#01579b!important}::ng-deep .mat-sort-header-container{display:flex;justify-content:center}::ng-deep .mat-sort-header-container{justify-content:center!important}::ng-deep .mdc-data-table__cell{text-align:center!important;justify-content:center!important}::ng-deep .mat-expansion-panel-header-title{color:#4f4f4f!important}.ng-valid[required],.ng-valid.required{background:url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"  fill="green" viewBox="0 0 24 24"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>') no-repeat 95% 50%;background-size:10px}.ng-invalid:not(form){background:url('data:image/svg+xml, <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" fill="red" viewBox="0 0 455 455" style="enable-background:new 0 0 455 455;" xml:space="preserve"><polygon points="347.49,227 454.5,165.212 394.508,61.288 287.5,123.077 287.5,0 167.5,0 167.5,123.077 60.492,61.288 0.499,165.212 107.51,227 0.5,288.788 60.492,392.712 167.5,330.923 167.5,455 287.5,455 287.5,330.923 394.508,392.712 454.501,288.788 "/></svg>') no-repeat 95% 50%;background-size:10px}body{font-family:Roboto,Arial,sans-serif;margin:0;padding:0;overflow:hidden}body .grecaptcha-badge{visibility:hidden}button:focus{outline:none!important}.version-info{font-size:8px;margin:8px;position:absolute;bottom:8px;right:8px}.mat-icon{vertical-align:middle}::ng-deep .mdc-data-table__cell{text-align:center!important}@media only screen and (max-width: 600px){body{overflow-y:scroll!important}.version-info{font-size:8px;margin:8px;position:relative;bottom:8px;left:60%;right:0}}.mat-mdc-select-panel{--mat-select-panel-background-color: #fcfcfc}.mat-mdc-tooltip-surface:before{z-index:9999}mat-tooltip-component{background-color:#fff;padding:8px 12px;border-radius:8px;color:#4f4f4f;box-shadow:0 0 18px #e0e0e0}.mat-calendar{background-color:#fff;box-shadow:0 0 18px #e0e0e0}.mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic{stroke:#014d87!important}.mdc-slider--discrete .mdc-slider__thumb,.mdc-slider__track--active{color:#01579b}.mdc-slider__thumb-knob{border-radius:50%!important}.mdc-slider__track--inactive{border:2px solid #0070c6!important}.mdc-checkbox__native-control:checked~.mdc-checkbox__background{border-color:#01579b!important;background-color:#01579b!important}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff}.example-container{display:flex;flex-direction:column;max-height:900px;min-width:500px;position:relative}.example-header{min-height:64px;display:flex;align-items:center;padding-left:24px;font-size:20px;color:#2269ec}.example-table{overflow:auto;min-height:300px}.example-loading-shade{position:absolute;inset:0 0 56px;background:#00010026;z-index:1;display:flex;align-items:center;justify-content:center}.spinner-container{height:360px;width:390px;position:fixed}.inner{padding:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.example-rate-limit-reached{color:#980000;max-width:360px;text-align:center}.table-wrapper{flex:1 1 auto}.table-wrapper table{width:100%}.table-wrapper table th{background-color:#eef6fc!important;font-size:16px;font-weight:500;line-height:1.3;color:#3ca2f1!important}.table-wrapper table th.mat-header-cell:first-of-type,.table-wrapper table td.mat-cell:first-of-type,.table-wrapper table td.mat-footer-cell:first-of-type{padding-left:16px}.table-wrapper table th.mat-header-cell:last-of-type,.table-wrapper table td.mat-cell:last-of-type,.table-wrapper table td.mat-footer-cell:last-of-type{padding-right:0}.table-wrapper table tr{cursor:pointer}.table-wrapper table tr td.mat-cell{font-size:14px;color:#828282}.table-wrapper table .action-button-wrap{display:flex;align-items:center;cursor:pointer}.table-wrapper table .action-button-wrap .action-button{padding:0 16px;margin:0;background-color:unset;border:0;font-size:14px;line-height:1.3;color:#3ca2f1;cursor:pointer}.table-wrapper table .link-button{width:56px;height:28px;background-color:#3ca2f1;color:#fff;border:none;border-radius:2px;font-size:14px;cursor:pointer}.mat-column-number,.mat-column-state{max-width:64px}.product-list-wrapper{height:calc(100vh - 52px);display:flex;flex-direction:column}.product-list-wrapper .product-list-container,.product-list-wrapper .empty-screen-wrapper .empty-content,.empty-screen-wrapper .product-list-wrapper .empty-content{flex:0 1 auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px}.product-list-wrapper .product-list-container .search-register,.product-list-wrapper .empty-screen-wrapper .empty-content .search-register,.empty-screen-wrapper .product-list-wrapper .empty-content .search-register{display:flex;align-items:center;height:68px}.product-list-wrapper .product-list-container .search-register .search-product,.product-list-wrapper .empty-screen-wrapper .empty-content .search-register .search-product,.empty-screen-wrapper .product-list-wrapper .empty-content .search-register .search-product{border:1px solid #e2e2e2;display:flex;align-items:center;height:36px;width:284px;padding:8px;border-radius:4px}.product-list-wrapper .product-list-container .search-register .search-product input,.product-list-wrapper .empty-screen-wrapper .empty-content .search-register .search-product input,.empty-screen-wrapper .product-list-wrapper .empty-content .search-register .search-product input{border:none;margin-left:8px}.product-list-wrapper .product-list-container .search-register .search-product input:focus,.product-list-wrapper .empty-screen-wrapper .empty-content .search-register .search-product input:focus,.empty-screen-wrapper .product-list-wrapper .empty-content .search-register .search-product input:focus{outline-color:#fff}.product-list-wrapper .product-list-container .search-register .date-filter,.product-list-wrapper .empty-screen-wrapper .empty-content .search-register .date-filter,.empty-screen-wrapper .product-list-wrapper .empty-content .search-register .date-filter{width:170px;margin-left:16px}.product-list-wrapper .product-list-container .register-button .register,.product-list-wrapper .empty-screen-wrapper .empty-content .register-button .register,.empty-screen-wrapper .product-list-wrapper .empty-content .register-button .register{padding:6px 12px;height:40px;border-radius:2px;color:#fff;font-size:16px;background-color:#3ca2f1;border:0;box-shadow:none;cursor:pointer}.product-list-wrapper .product-list-container .register-button .register img,.product-list-wrapper .empty-screen-wrapper .empty-content .register-button .register img,.empty-screen-wrapper .product-list-wrapper .empty-content .register-button .register img{vertical-align:unset;margin-right:8px}.empty-screen-wrapper{width:100%;flex-grow:1;display:flex;justify-content:center;align-items:center}.empty-screen-wrapper .empty-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.empty-screen-wrapper .empty-content .no-product{width:35vh;height:33vh}.empty-screen-wrapper .empty-content .label-no-product{font-size:20px;font-weight:500;color:#3ca2f1;margin-top:1.25rem;margin-bottom:.5rem;text-align:center}.empty-screen-wrapper .empty-content .msg{font-size:14px;font-weight:400;color:#4f4f4f;margin-bottom:1rem;text-align:center}.select-spinner>mat-spinner{display:initial}.select-spinner>mat-spinner>svg{width:1.5rem;height:1.5rem}.pagination-wrap .pagination{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:56px;padding:16px;border-top:1px solid #ECECED}.pagination-wrap .pagination label.rows{font-size:12px;font-weight:400;color:#4f4f4f}.toast-message-clipboard{padding:4px 12px;background-color:#4f4f4f;color:#fff;font-size:12px;border-radius:4px;display:flex;align-items:center;justify-content:center;width:140px;align-self:center;margin-bottom:12px;position:absolute;top:5%;left:50%;transform:translate(-50%)}.select-template-wrapper{padding:0 32px}.select-template-wrapper h1{padding:32px 0 0;margin:0}.select-template-wrapper .basic-information{font-size:1rem;font-weight:500;color:#3ca2f1;margin-top:30px}.select-template-wrapper .template-note{font-size:.8rem;color:#4f4f4f;margin-top:16px}.select-template-wrapper .how-long-and-run{font-size:.9rem;color:#4f4f4f}.select-template-wrapper .mb-0{margin-bottom:0}table{width:100%}.alert div{background-color:#fed3d3;color:#820000;padding:1rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}label{display:block;margin-bottom:.5rem}select{width:100%;padding:.5rem}i.icon-blue{color:#00f}.btn-primary:disabled{background-color:#3ca2f1;opacity:.5;color:#fff}.btn-primary{background-color:#3ca2f1;color:#fff;border:none}.customise-template-main{display:flex;flex-direction:row;width:calc(100vw - 248px);height:calc(100vh - 180px);padding:32px 0}.customise-template-main .expansion-panel-wrapper{width:calc(75% - 16px);height:100%;margin-right:16px}.customise-template-main .expansion-panel-wrapper .accordion-wrap{border-bottom:1px solid #e2e2e2}.customise-template-main .expansion-panel-wrapper .accordion-wrap .accordion{width:100%;border:1px solid #e2e2e2;border-radius:4px;margin-top:16px}.customise-template-main .expansion-panel-wrapper .accordion-wrap .accordion .content{padding:0 16px 16px}.customise-template-main .expansion-panel-wrapper .accordion-wrap .accordion .content{padding-top:0}.customise-template-main .expansion-panel-wrapper .accordion-wrap .accordion .file-names{display:flex;align-items:center;flex-wrap:wrap;width:200px;height:50px;flex-grow:1;margin:0 16px;overflow:hidden}.customise-template-main .expansion-panel-wrapper .accordion-wrap .accordion .file-names .file{display:flex;align-items:center;width:90px}.customise-template-main .expansion-panel-wrapper .accordion-wrap .accordion .file-names .file .close{margin-right:8px;cursor:pointer}.customise-template-main .expansion-panel-wrapper .accordion-wrap .accordion .file-names .file .name-wrap{white-space:nowrap;overflow:hidden;font-size:14px;flex-grow:1;color:#4f4f4f;text-overflow:ellipsis;padding-right:8px}.customise-template-main .expansion-panel-wrapper .accordion-wrap .accordion:nth-child(1){margin-top:0}.customise-template-main .expansion-panel-wrapper .accordion-wrap .upload-product-wrap{padding:16px;border:1px solid #e2e2e2;margin-top:16px}.customise-template-main .accordion-title{padding:5px 16px 0;font-size:14px;margin:0;color:#3ca2f1}.customise-template-main .blc-col{color:#4f4f4f;margin-right:4px}.customise-template-main .logo{padding-top:0;padding-bottom:4px;margin:0}.customise-template-main .select-file{width:300px;height:53px;margin:4px;border:1px solid #e0e0e0;padding:8px;display:flex;align-items:center;position:relative}.customise-template-main .select-file .btn{position:absolute;right:8px;top:8px;width:100px;height:37px;background-color:#3ca2f1;border-radius:2px;padding:0;margin:0;font-family:Roboto;font-size:16px;display:flex;align-items:center;justify-content:center;color:#fff}.customise-template-main .select-file .check{width:34px;height:34px;margin-right:16px}.customise-template-main .select-file .file-uploaded-message{font-size:14px;color:#3ca2f1;margin:0 0 0 8px}.customise-template-main .select-file .uploaded-images,.customise-template-main .select-file .files-wrap{width:100%;display:flex;align-items:center}.customise-template-main .select-file .files-wrap{margin-left:16px}.customise-template-main .select-file .files-wrap .files{width:14px;height:18px}.customise-template-main .selected-template{position:relative;width:19vw;height:38vw;margin-left:16px;border:1px solid #e2e2e2;margin-right:32px;max-width:450px;max-height:750px;border:12px solid;border-radius:2.85vw;overflow:hidden}.customise-template-main .selected-template .top-bar{position:absolute;width:6.3333333333vw;height:20px;border-radius:0 0 12px 12px;top:-5px;background-color:#000;left:50%;transform:translate(-50%)}.customise-template-main .selected-template .bottom-bar{position:absolute;width:9.5vw;height:4px;border-radius:2px;bottom:8px;background-color:#000;left:50%;transform:translate(-50%)}.customise-template-main ::ng-deep .mat-expansion-panel-body{background-color:#fff;padding:0}.companylogo-wrap{display:flex;align-items:center}