.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-prepay-mobile-service-details{margin:24px 0 80px}#page-prepay-mobile-service-details .btn-back-to{margin-bottom:24px}#page-prepay-mobile-service-details .addons-table .actions,#page-prepay-mobile-service-details .addons-table .app-loader,#page-prepay-mobile-service-details .addons-table .detached{min-width:274px}#page-prepay-mobile-service-details .addons-table .data .item .line>:first-child{width:32.84672%;min-width:90px}#page-prepay-mobile-service-details .addons-table .data .item .line>:nth-child(2){width:67.15328%;min-width:184px}#page-prepay-mobile-service-details .addons-table .app-table-box{max-width:100%;overflow-x:auto;scrollbar-color:var(--color-table-row-bg) var(--color-scrollbar-thumb-bg);padding-bottom:0}#page-prepay-mobile-service-details .addons-table .app-table-box::-webkit-scrollbar{height:16px;border-radius:0 0 6px 6px;background:var(--color-table-row-bg)}#page-prepay-mobile-service-details .addons-table .app-table-box::-webkit-scrollbar-thumb{border:5px solid var(--color-table-row-bg);border-radius:3px;background:var(--color-scrollbar-thumb-bg)}#page-prepay-mobile-service-details .addons-table .data .item{min-width:274px}#page-prepay-mobile-service-details.on-sidebar{margin:40px 0 32px}#page-prepay-mobile-service-details.on-sidebar .container .row .col-6{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}#page-prepay-mobile-service-details.on-sidebar .addons-table{margin-top:30px}@media (max-width:1024px){#page-prepay-mobile-service-details .addons-table{margin-top:30px}}@media (max-width:480px){#page-prepay-mobile-service-details{margin-bottom:64px}#page-prepay-mobile-service-details .addons-table{margin-top:15px}}