.app-loader{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--color-loader-bg);border-radius:inherit;margin:0;padding:20px;z-index:9}.app-loader svg{content:"";width:96px;height:96px;max-width:95%;max-height:95%;-o-object-fit:contain;object-fit:contain}.app-loader svg circle{fill:var(--color-loader)}.app-loader.fixed-on-desktop svg{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:fixed}.app-loader~* .app-loader{display:none}.app-error{width:100%;height:auto;font-size:20px;line-height:1.1;color:var(--color-error-darker);padding:14px;background:var(--color-error-bg);-webkit-transition:.3s;transition:.3s;text-align:center;border-radius:4px}.app-error.err-enter-active,.app-error.err-leave-active{-webkit-transition:all .15s linear;transition:all .15s linear;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);padding:14px 14px}.app-error.err-enter,.app-error.err-leave-to{-webkit-transition:all .15s linear;transition:all .15s linear;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);padding:0 14px}@media(max-width:1024px){.app-error{font-size:16px;line-height:18px;padding:8px}}.app-summary{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:24px;border-radius:6px}.app-summary i{display:block;width:24px;height:24px;margin-bottom:8px}.app-summary i:before{font-family:icons;font-size:24px;font-style:normal;font-weight:400;line-height:1;content:"";text-align:center;font-variant:normal;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-summary i.total:before{content:""}.app-summary i.active:before{content:""}.app-summary i.inactive:before{content:""}.app-summary .title{margin-bottom:8px;font-size:40px;line-height:48px;font-weight:700}.app-summary .subtitle{font-size:18px;line-height:24px}.app-summary.acknowledged{color:var(--color-acknowledged);background-color:var(--color-acknowledged-bg)}.app-summary.completed{color:var(--color-completed);background-color:var(--color-completed-bg)}.app-summary.success{color:var(--color-success);background-color:var(--color-success-bg)}.app-summary.inprogress{color:var(--color-inprogress);background-color:var(--color-inprogress-bg)}.app-summary.held{color:var(--color-held);background-color:var(--color-held-bg)}.app-summary.info{color:var(--color-info);background-color:var(--color-info-bg)}.app-summary.pending{color:var(--color-pending);background-color:var(--color-pending-bg)}.app-summary.warning{color:var(--color-warning);background-color:var(--color-warning-bg)}.app-summary.cancelled{color:var(--color-cancelled);background-color:var(--color-cancelled-bg)}.app-summary.danger{color:var(--color-danger);background-color:var(--color-danger-bg)}.app-summary.initial{color:var(--color-acknowledged);background-color:var(--color-acknowledged-bg)}.app-summary.pendingcancellation{color:var(--color-pending);background-color:var(--color-pending-bg)}.app-summary.failed{color:var(--color-danger);background-color:var(--color-danger-bg)}.app-summary.retry{color:var(--color-warning);background-color:var(--color-warning-bg)}.app-summary.requiresnewrfstime,.app-summary.requiressitevisitchangeontbooking,.app-summary.RequiresSiteVisitcsebooking,.app-summary.RequiresSiteVisitinstallbooking,.app-summary.RequiresSiteVisitinstallcsebooking,.app-summary.requiressitevisitreplaceontbooking,.app-summary.requiressitevisitscopebooking{color:var(--color-info);background-color:var(--color-info-bg)}.app-summary.created{color:var(--color-acknowledged);background-color:var(--color-acknowledged-bg)}.app-summary.pendingactive{color:var(--color-inprogress);background-color:var(--color-inprogress-bg)}.app-summary.aborted{color:var(--color-warning);background-color:var(--color-warning-bg)}.app-summary.active{color:var(--color-success);background-color:var(--color-success-bg)}.app-summary.suspended{color:var(--color-cancelled);background-color:var(--color-cancelled-bg)}.app-summary.pendingterminate,.app-summary.rejected,.app-summary.terminated{color:var(--color-danger);background-color:var(--color-danger-bg)}.app-summary.assessingcancellation{color:var(--color-pending);background-color:var(--color-pending-bg)}.app-summary.activatepending{color:var(--color-activate-pending);background-color:var(--color-activate-pending-bg)}.app-summary.held,.app-summary.info{color:#333}@media(max-width:480px){.app-summary{padding:16px}.app-summary .title{font-size:32px;line-height:40px}}.app-summary-details{position:relative;background-color:var(--color-table-row-bg);border:solid 1px var(--color-table-row-bg-hover);border-radius:4px}.app-summary-details .app-loader{top:-1px;left:-1px;right:-1px;bottom:-1px}.app-summary-details .header{display:-webkit-box;display:-ms-flexbox;display:flex;padding:16px;background-color:var(--color-table-head-bg)}.app-summary-details .header .title,.app-summary-details .header .total{font-weight:700}.app-summary-details .header .title{text-transform:uppercase}.app-summary-details .header .total{margin-left:auto}.app-summary-details .details{padding:0 16px}.app-summary-details .details .detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-divider)}.app-summary-details .details .detail .status{padding:4px 12px;font-weight:700;border-radius:4px}.app-summary-details .details .detail .status.acknowledged{color:var(--color-acknowledged);background-color:var(--color-acknowledged-bg)}.app-summary-details .details .detail .status.completed{color:var(--color-completed);background-color:var(--color-completed-bg)}.app-summary-details .details .detail .status.success{color:var(--color-success);background-color:var(--color-success-bg)}.app-summary-details .details .detail .status.inprogress{color:var(--color-inprogress);background-color:var(--color-inprogress-bg)}.app-summary-details .details .detail .status.held{color:var(--color-held);background-color:var(--color-held-bg)}.app-summary-details .details .detail .status.info{color:var(--color-info);background-color:var(--color-info-bg)}.app-summary-details .details .detail .status.pending{color:var(--color-pending);background-color:var(--color-pending-bg)}.app-summary-details .details .detail .status.warning{color:var(--color-warning);background-color:var(--color-warning-bg)}.app-summary-details .details .detail .status.cancelled{color:var(--color-cancelled);background-color:var(--color-cancelled-bg)}.app-summary-details .details .detail .status.danger{color:var(--color-danger);background-color:var(--color-danger-bg)}.app-summary-details .details .detail .status.initial{color:var(--color-acknowledged);background-color:var(--color-acknowledged-bg)}.app-summary-details .details .detail .status.pendingcancellation{color:var(--color-pending);background-color:var(--color-pending-bg)}.app-summary-details .details .detail .status.failed{color:var(--color-danger);background-color:var(--color-danger-bg)}.app-summary-details .details .detail .status.retry{color:var(--color-warning);background-color:var(--color-warning-bg)}.app-summary-details .details .detail .status.requiresnewrfstime,.app-summary-details .details .detail .status.requiressitevisitchangeontbooking,.app-summary-details .details .detail .status.RequiresSiteVisitcsebooking,.app-summary-details .details .detail .status.RequiresSiteVisitinstallbooking,.app-summary-details .details .detail .status.RequiresSiteVisitinstallcsebooking,.app-summary-details .details .detail .status.requiressitevisitreplaceontbooking,.app-summary-details .details .detail .status.requiressitevisitscopebooking{color:var(--color-info);background-color:var(--color-info-bg)}.app-summary-details .details .detail .status.created{color:var(--color-acknowledged);background-color:var(--color-acknowledged-bg)}.app-summary-details .details .detail .status.pendingactive{color:var(--color-inprogress);background-color:var(--color-inprogress-bg)}.app-summary-details .details .detail .status.aborted{color:var(--color-warning);background-color:var(--color-warning-bg)}.app-summary-details .details .detail .status.active{color:var(--color-success);background-color:var(--color-success-bg)}.app-summary-details .details .detail .status.suspended{color:var(--color-cancelled);background-color:var(--color-cancelled-bg)}.app-summary-details .details .detail .status.pendingterminate,.app-summary-details .details .detail .status.rejected,.app-summary-details .details .detail .status.terminated{color:var(--color-danger);background-color:var(--color-danger-bg)}.app-summary-details .details .detail .status.assessingcancellation{color:var(--color-pending);background-color:var(--color-pending-bg)}.app-summary-details .details .detail .status.activatepending{color:var(--color-activate-pending);background-color:var(--color-activate-pending-bg)}.app-summary-details .details .detail .value{margin-left:auto}.app-summary-details .details .detail:last-child{border-color:transparent}@media(max-width:1024px){.app-summary-details{font-size:14px}.app-summary-details .header{padding:16px 8px}.app-summary-details .details{padding:0 8px}}@media(max-width:480px){.app-summary-details .header{padding:8px}.app-summary-details .details .detail{padding:8px 0}.app-summary-details .details .detail .status{padding:2px 8px;font-size:12px;line-height:20px}}.page-main-dashboard{padding-bottom:80px}.page-main-dashboard .heading-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:48px}.page-main-dashboard .heading-box h1.heading{margin:0 16px 0 0}.page-main-dashboard .heading-box .form-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:375px;padding:24px;background-color:var(--color-component-bg-primary);border-radius:4px;-webkit-box-shadow:var(--box-shadow-secondary);box-shadow:var(--box-shadow-secondary)}.page-main-dashboard .heading-box .form-group .form-controls{margin-bottom:24px}.page-main-dashboard .heading-box .form-group .form-controls:last-child{margin-bottom:0}.page-main-dashboard .app-error{margin-bottom:24px}.page-main-dashboard>.container>.row{margin-bottom:-30px}.page-main-dashboard>.container>.row>.col-mob-12{margin-bottom:30px}.page-main-dashboard .board{padding:24px;background-color:var(--color-component-bg-primary);border-radius:4px;-webkit-box-shadow:var(--box-shadow-secondary);box-shadow:var(--box-shadow-secondary)}.page-main-dashboard .board>h2.heading{margin-bottom:24px}.page-main-dashboard .board>h5.heading{margin-bottom:16px;font-weight:700}.page-main-dashboard .board .heading-with-actions{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:24px}.page-main-dashboard .board .heading-with-actions,.page-main-dashboard .board .heading-with-actions .actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-main-dashboard .board .heading-with-actions .actions{width:100%;max-width:275px;margin-left:16px}.page-main-dashboard .board .heading-with-actions .actions .app-dropdown-select{margin-right:16px}.page-main-dashboard .board .heading-with-actions .actions .action-refresh{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.page-main-dashboard .board .doughnut-chart-container{display:-webkit-box;display:-ms-flexbox;display:flex}.page-main-dashboard .board .doughnut-chart-container .app-doughnut-chart{max-width:160px}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:24px}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend{margin-bottom:24px;padding:4px 12px;font-weight:700;text-align:center;border-radius:4px}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.acknowledged{color:var(--color-acknowledged);background-color:var(--color-acknowledged-bg)}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.completed{color:var(--color-completed);background-color:var(--color-completed-bg)}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.success{color:var(--color-success);background-color:var(--color-success-bg)}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.inprogress{color:var(--color-inprogress);background-color:var(--color-inprogress-bg)}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.held{color:var(--color-held);background-color:var(--color-held-bg)}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.info{color:var(--color-info);background-color:var(--color-info-bg)}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.pending{color:var(--color-pending);background-color:var(--color-pending-bg)}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.warning{color:var(--color-warning);background-color:var(--color-warning-bg)}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.cancelled{color:var(--color-cancelled);background-color:var(--color-cancelled-bg)}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.danger{color:var(--color-danger);background-color:var(--color-danger-bg)}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.initial{color:var(--color-acknowledged);background-color:var(--color-acknowledged-bg)}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.pendingcancellation{color:var(--color-pending);background-color:var(--color-pending-bg)}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.failed{color:var(--color-danger);background-color:var(--color-danger-bg)}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.retry{color:var(--color-warning);background-color:var(--color-warning-bg)}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.requiresnewrfstime,.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.requiressitevisitchangeontbooking,.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.RequiresSiteVisitcsebooking,.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.RequiresSiteVisitinstallbooking,.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.RequiresSiteVisitinstallcsebooking,.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.requiressitevisitreplaceontbooking,.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.requiressitevisitscopebooking{color:var(--color-info);background-color:var(--color-info-bg)}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.created{color:var(--color-acknowledged);background-color:var(--color-acknowledged-bg)}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.pendingactive{color:var(--color-inprogress);background-color:var(--color-inprogress-bg)}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.aborted{color:var(--color-warning);background-color:var(--color-warning-bg)}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.active{color:var(--color-success);background-color:var(--color-success-bg)}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.suspended{color:var(--color-cancelled);background-color:var(--color-cancelled-bg)}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.pendingterminate,.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.rejected,.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.terminated{color:var(--color-danger);background-color:var(--color-danger-bg)}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.assessingcancellation{color:var(--color-pending);background-color:var(--color-pending-bg)}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend.activatepending{color:var(--color-activate-pending);background-color:var(--color-activate-pending-bg)}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend:last-child{margin-bottom:0}.page-main-dashboard .board .line-chart-container .line-chart-legend{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:24px}.page-main-dashboard .board .line-chart-container .line-chart-legend .legend{position:relative;margin:0 48px 0 0;padding-right:56px;font-weight:700}.page-main-dashboard .board .line-chart-container .line-chart-legend .legend .line{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:block;width:48px;height:2px;border-radius:2px}.page-main-dashboard .board .line-chart-container .line-chart-legend .legend .line:after{position:absolute;top:50%;right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);display:block;width:8px;height:8px;border-radius:50%;content:"";background-color:inherit}.page-main-dashboard .board .line-chart-container .line-chart-legend .legend:last-child{margin:0}.page-main-dashboard .board .app-summary-details{margin-bottom:30px}.page-main-dashboard .board>a{margin-top:30px}.page-main-dashboard .board>.row{margin:0 -15px}@media(max-width:1024px){.page-main-dashboard .board{padding:16px}.page-main-dashboard .board .heading-with-actions,.page-main-dashboard .board>h2.heading{margin-bottom:16px}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend{font-size:14px}.page-main-dashboard .board .line-chart-container .line-chart-legend .legend{margin:0 40px 0 0;font-size:14px}.page-main-dashboard .board.customers .row.summary{margin-bottom:-30px}.page-main-dashboard .board.customers .row.summary .col-mob-12{margin-bottom:30px}}@media(max-width:480px){.page-main-dashboard{padding-bottom:64px}.page-main-dashboard .heading-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:16px}.page-main-dashboard .heading-box h1.heading{margin:0 0 32px 0}.page-main-dashboard .heading-box .form-group{max-width:100%;padding:16px 8px}.page-main-dashboard>.container>.row{margin-bottom:-15px}.page-main-dashboard>.container>.row>.col-mob-12{margin-bottom:15px}.page-main-dashboard .board{padding:16px 8px}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend{margin-left:14px}.page-main-dashboard .board .doughnut-chart-container .doughnut-chart-legend .legend{margin-bottom:16px;line-height:20px}.page-main-dashboard .board .line-chart-container .line-chart-legend{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:18px}.page-main-dashboard .board .line-chart-container .line-chart-legend .legend{margin:0 0 16px 0}.page-main-dashboard .board>a{margin-top:24px}.page-main-dashboard .board>.row{margin:0 -7.5px}.page-main-dashboard .board.customers .row.summary{margin-bottom:-16px}.page-main-dashboard .board.customers .row.summary .col-mob-12{margin-bottom:16px}}