#page-fibre-service-details{margin:24px 0 80px}#page-fibre-service-details .btn-back-to{margin-bottom:12px}#page-fibre-service-details .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;padding:0 36px;margin-bottom:20px}#page-fibre-service-details .header-info :first-child{font-weight:700}#page-fibre-service-details .header-info h3.heading{margin-bottom:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;font-size:18px}#page-fibre-service-details .header-info .status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;line-height:24px;color:var(--color-text-default)}#page-fibre-service-details .header-info .status .tag{margin-left:16px;padding:4px 12px;font-weight:700;text-align:center;border-radius:4px}#page-fibre-service-details .header-info .status .tag.acknowledged{color:var(--color-acknowledged);background-color:var(--color-acknowledged-bg)}#page-fibre-service-details .header-info .status .tag.completed{color:var(--color-completed);background-color:var(--color-completed-bg)}#page-fibre-service-details .header-info .status .tag.success{color:var(--color-success);background-color:var(--color-success-bg)}#page-fibre-service-details .header-info .status .tag.inprogress{color:var(--color-inprogress);background-color:var(--color-inprogress-bg)}#page-fibre-service-details .header-info .status .tag.held{color:var(--color-held);background-color:var(--color-held-bg)}#page-fibre-service-details .header-info .status .tag.info{color:var(--color-info);background-color:var(--color-info-bg)}#page-fibre-service-details .header-info .status .tag.pending{color:var(--color-pending);background-color:var(--color-pending-bg)}#page-fibre-service-details .header-info .status .tag.warning{color:var(--color-warning);background-color:var(--color-warning-bg)}#page-fibre-service-details .header-info .status .tag.cancelled{color:var(--color-cancelled);background-color:var(--color-cancelled-bg)}#page-fibre-service-details .header-info .status .tag.danger{color:var(--color-danger);background-color:var(--color-danger-bg)}#page-fibre-service-details .header-info .status .tag.initial{color:var(--color-acknowledged);background-color:var(--color-acknowledged-bg)}#page-fibre-service-details .header-info .status .tag.pendingcancellation{color:var(--color-pending);background-color:var(--color-pending-bg)}#page-fibre-service-details .header-info .status .tag.failed{color:var(--color-danger);background-color:var(--color-danger-bg)}#page-fibre-service-details .header-info .status .tag.retry{color:var(--color-warning);background-color:var(--color-warning-bg)}#page-fibre-service-details .header-info .status .tag.requiresnewrfstime,#page-fibre-service-details .header-info .status .tag.requiressitevisitchangeontbooking,#page-fibre-service-details .header-info .status .tag.RequiresSiteVisitcsebooking,#page-fibre-service-details .header-info .status .tag.RequiresSiteVisitinstallbooking,#page-fibre-service-details .header-info .status .tag.RequiresSiteVisitinstallcsebooking,#page-fibre-service-details .header-info .status .tag.requiressitevisitreplaceontbooking,#page-fibre-service-details .header-info .status .tag.requiressitevisitscopebooking{color:var(--color-info);background-color:var(--color-info-bg)}#page-fibre-service-details .header-info .status .tag.created{color:var(--color-acknowledged);background-color:var(--color-acknowledged-bg)}#page-fibre-service-details .header-info .status .tag.pendingactive{color:var(--color-inprogress);background-color:var(--color-inprogress-bg)}#page-fibre-service-details .header-info .status .tag.aborted{color:var(--color-warning);background-color:var(--color-warning-bg)}#page-fibre-service-details .header-info .status .tag.active{color:var(--color-success);background-color:var(--color-success-bg)}#page-fibre-service-details .header-info .status .tag.suspended{color:var(--color-cancelled);background-color:var(--color-cancelled-bg)}#page-fibre-service-details .header-info .status .tag.pendingterminate,#page-fibre-service-details .header-info .status .tag.rejected,#page-fibre-service-details .header-info .status .tag.terminated{color:var(--color-danger);background-color:var(--color-danger-bg)}#page-fibre-service-details .header-info .status .tag.assessingcancellation{color:var(--color-pending);background-color:var(--color-pending-bg)}#page-fibre-service-details .header-info .status .tag.activatepending{color:var(--color-activate-pending);background-color:var(--color-activate-pending-bg)}#page-fibre-service-details .col-12{margin-top:30px}#page-fibre-service-details .col-12:first-child{margin:0}@media(max-width:1024px){#page-fibre-service-details .header-info{width:100%;margin-bottom:48px;min-height:56px}#page-fibre-service-details .header-info .status{font-size:14px;line-height:24px;margin-left:16px;white-space:nowrap}}@media(max-width:480px){#page-fibre-service-details{margin:24px 0 64px}#page-fibre-service-details .btn-back-to{font-size:16px;line-height:18px;margin-bottom:8px}#page-fibre-service-details .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-details .header-info .status{margin:8px 0 0;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}#page-fibre-service-details .header-info .status .tag{margin-left:12px;line-height:20px}#page-fibre-service-details .details .col-mob-12{margin-top:15px}#page-fibre-service-details .details .col-mob-12:first-child{margin:0}}