.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}#page-fibre-service-history{margin:24px 3px 0}#page-fibre-service-history .header-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:20px}#page-fibre-service-history .header-info :first-child{font-weight:700}#page-fibre-service-history .header-info h3.heading{margin-bottom:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;font-size:18px}#page-fibre-service-history .header-info .status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:unset;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;font-size:16px;line-height:24px;color:var(--color-text-default)}#page-fibre-service-history .header-info .status .tag{margin-left:16px;padding:4px 12px;font-weight:700;text-align:center;border-radius:4px}#page-fibre-service-history .header-info .status .tag.acknowledged{color:var(--color-acknowledged);background-color:var(--color-acknowledged-bg)}#page-fibre-service-history .header-info .status .tag.completed{color:var(--color-completed);background-color:var(--color-completed-bg)}#page-fibre-service-history .header-info .status .tag.success{color:var(--color-success);background-color:var(--color-success-bg)}#page-fibre-service-history .header-info .status .tag.inprogress{color:var(--color-inprogress);background-color:var(--color-inprogress-bg)}#page-fibre-service-history .header-info .status .tag.held{color:var(--color-held);background-color:var(--color-held-bg)}#page-fibre-service-history .header-info .status .tag.info{color:var(--color-info);background-color:var(--color-info-bg)}#page-fibre-service-history .header-info .status .tag.pending{color:var(--color-pending);background-color:var(--color-pending-bg)}#page-fibre-service-history .header-info .status .tag.warning{color:var(--color-warning);background-color:var(--color-warning-bg)}#page-fibre-service-history .header-info .status .tag.cancelled{color:var(--color-cancelled);background-color:var(--color-cancelled-bg)}#page-fibre-service-history .header-info .status .tag.danger{color:var(--color-danger);background-color:var(--color-danger-bg)}#page-fibre-service-history .header-info .status .tag.initial{color:var(--color-acknowledged);background-color:var(--color-acknowledged-bg)}#page-fibre-service-history .header-info .status .tag.pendingcancellation{color:var(--color-pending);background-color:var(--color-pending-bg)}#page-fibre-service-history .header-info .status .tag.failed{color:var(--color-danger);background-color:var(--color-danger-bg)}#page-fibre-service-history .header-info .status .tag.retry{color:var(--color-warning);background-color:var(--color-warning-bg)}#page-fibre-service-history .header-info .status .tag.requiresnewrfstime,#page-fibre-service-history .header-info .status .tag.requiressitevisitchangeontbooking,#page-fibre-service-history .header-info .status .tag.RequiresSiteVisitcsebooking,#page-fibre-service-history .header-info .status .tag.RequiresSiteVisitinstallbooking,#page-fibre-service-history .header-info .status .tag.RequiresSiteVisitinstallcsebooking,#page-fibre-service-history .header-info .status .tag.requiressitevisitreplaceontbooking,#page-fibre-service-history .header-info .status .tag.requiressitevisitscopebooking{color:var(--color-info);background-color:var(--color-info-bg)}#page-fibre-service-history .header-info .status .tag.created{color:var(--color-acknowledged);background-color:var(--color-acknowledged-bg)}#page-fibre-service-history .header-info .status .tag.pendingactive{color:var(--color-inprogress);background-color:var(--color-inprogress-bg)}#page-fibre-service-history .header-info .status .tag.aborted{color:var(--color-warning);background-color:var(--color-warning-bg)}#page-fibre-service-history .header-info .status .tag.active{color:var(--color-success);background-color:var(--color-success-bg)}#page-fibre-service-history .header-info .status .tag.suspended{color:var(--color-cancelled);background-color:var(--color-cancelled-bg)}#page-fibre-service-history .header-info .status .tag.pendingterminate,#page-fibre-service-history .header-info .status .tag.rejected,#page-fibre-service-history .header-info .status .tag.terminated{color:var(--color-danger);background-color:var(--color-danger-bg)}#page-fibre-service-history .header-info .status .tag.assessingcancellation{color:var(--color-pending);background-color:var(--color-pending-bg)}#page-fibre-service-history .header-info .status .tag.activatepending{color:var(--color-activate-pending);background-color:var(--color-activate-pending-bg)}#page-fibre-service-history .header-info .status .pl-0{padding-left:0}#page-fibre-service-history .content-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#page-fibre-service-history .content-box .pl-0{padding-left:0}#page-fibre-service-history .content-box .service-history-container{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#page-fibre-service-history .content-box .service-history-container .btn-back-to{margin-bottom:12px}#page-fibre-service-history .content-box .service-history-container .row{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 0;cursor:pointer;background-color:#fff;-webkit-transition:background-color .1s;transition:background-color .1s}#page-fibre-service-history .content-box .service-history-container .row:hover:not(.header-row){background-color:#f5f5f5}#page-fibre-service-history .content-box .service-history-container .row:not(:first-child):not(.header-row){border-top:1px solid #ccc}#page-fibre-service-history .content-box .service-history-container .col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1}#page-fibre-service-history .content-box .service-history-container .col.uppercase{text-transform:uppercase}#page-fibre-service-history .content-box .service-history-container .header,#page-fibre-service-history .content-box .service-history-container .info{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;padding-right:15px}#page-fibre-service-history .content-box .service-history-container .info{word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1024px){#page-fibre-service-history .header-info{width:100%;margin-bottom:48px;min-height:56px}#page-fibre-service-history .header-info .status{font-size:14px;line-height:24px;margin-left:16px;white-space:nowrap}#page-fibre-service-history .header{font-weight:400;padding-right:inherit}}@media (max-width:480px){#page-fibre-service-history{margin:24px 0 64px}#page-fibre-service-history .btn-back-to{font-size:16px;line-height:18px;margin-bottom:8px}#page-fibre-service-history .header-info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:32px;min-height:40px}#page-fibre-service-history .header-info .status{margin:8px 0 0;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}#page-fibre-service-history .header-info .status .tag{margin-left:12px;line-height:20px}#page-fibre-service-history .details .col-mob-12{margin-top:15px}#page-fibre-service-history .details .col-mob-12:first-child{margin:0}#page-fibre-service-history .header{font-weight:400;padding-right:inherit}#page-fibre-service-history .board{padding:10px!important}}