.app-table-details{width:100%;padding:24px 24px 0;background-color:var(--color-table-row-bg);border-radius:4px;-webkit-box-shadow:var(--box-shadow-secondary);box-shadow:var(--box-shadow-secondary);position:relative}.app-table-details .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:8px}.app-table-details .heading-box .btn{margin-left:24px}.app-table-details .app-loader svg{width:48px;height:48px}.app-table-details .details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:16px}.app-table-details .details li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:var(--color-text-default);font-size:16px;line-height:24px;padding:16px 0;border-bottom:1px solid var(--color-divider)}.app-table-details .details li:last-child{border-bottom:none}.app-table-details .details li>:first-child{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;color:var(--color-personal-info-primary);margin-right:4px}.app-table-details .details li>:nth-child(2){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:0;color:var(--color-personal-info-secondary);text-align:right;word-break:break-all}.app-table-details .details li>:nth-child(2) .btn-edit{margin-left:12px;width:16px;height:16px;position:relative}.app-table-details .details li>:nth-child(2) .btn-edit:before{width:24px;height:24px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.app-table-details .details li>:nth-child(2) .color{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;width:24px;height:24px;padding:2px;border:2px solid var(--color-divider);border-radius:50%}.app-table-details .details li>:nth-child(2) .color i{width:100%;height:100%;border-radius:50%}.app-table-details .details li>:nth-child(2) .status{padding:4px 12px;font-size:16px;font-weight:700;line-height:24px;text-align:center;border-radius:4px;white-space:nowrap}.app-table-details .details li>:nth-child(2) .status.acknowledged{color:var(--color-acknowledged);background-color:var(--color-acknowledged-bg)}.app-table-details .details li>:nth-child(2) .status.completed{color:var(--color-completed);background-color:var(--color-completed-bg)}.app-table-details .details li>:nth-child(2) .status.success{color:var(--color-success);background-color:var(--color-success-bg)}.app-table-details .details li>:nth-child(2) .status.inprogress{color:var(--color-inprogress);background-color:var(--color-inprogress-bg)}.app-table-details .details li>:nth-child(2) .status.held{color:var(--color-held);background-color:var(--color-held-bg)}.app-table-details .details li>:nth-child(2) .status.info{color:var(--color-info);background-color:var(--color-info-bg)}.app-table-details .details li>:nth-child(2) .status.pending{color:var(--color-pending);background-color:var(--color-pending-bg)}.app-table-details .details li>:nth-child(2) .status.warning{color:var(--color-warning);background-color:var(--color-warning-bg)}.app-table-details .details li>:nth-child(2) .status.cancelled{color:var(--color-cancelled);background-color:var(--color-cancelled-bg)}.app-table-details .details li>:nth-child(2) .status.danger{color:var(--color-danger);background-color:var(--color-danger-bg)}.app-table-details .details li>:nth-child(2)>.app-code{max-width:540px}@media (max-width:1024px){.app-table-details{padding:24px 8px 0}.app-table-details .heading-box{padding:0 8px}.app-table-details .details li{font-size:14px}.app-table-details .details li>:nth-child(2) .btn-edit{margin-left:12px}.app-table-details .details li>:nth-child(2) .btn-edit:before{width:20px;height:20px;font-size:20px}.app-table-details .details li>:nth-child(2) .status{padding:2px 8px;font-size:12px;line-height:24px}}@media (max-width:480px){.app-table-details{padding:16px 8px 4px}.app-table-details .heading-box{padding:0}.app-table-details .details li{padding:8px 0;white-space:nowrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.app-table-details .details li>div{width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:0}.app-table-details .details li>:nth-child(2) .btn-edit{margin-left:8px}.app-table-details .details li>:nth-child(2) .status{line-height:20px}}#page-fibre-service-details{margin:24px 0 80px}#page-fibre-service-details .btn-back-to{margin-bottom:12px}#page-fibre-service-details .header-info{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-height:62px;margin-bottom:40px}#page-fibre-service-details .header-info,#page-fibre-service-details .header-info .status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#page-fibre-service-details .header-info .status{-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 .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}}