#app-sidebar-addon-usage,#app-sidebar-addon-usage .btn-back-to{margin-bottom:30px}#app-sidebar-addon-usage .usage{width:100%;padding-top:24px;margin-bottom:30px;padding-left:24px;padding-right:24px;background-color:var(--color-component-bg-primary);border-radius:4px;-webkit-box-shadow:var(--box-shadow-secondary);box-shadow:var(--box-shadow-secondary)}#app-sidebar-addon-usage .usage .heading-container{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:16px}#app-sidebar-addon-usage .usage .heading-container h2.heading{-ms-flex-negative:0;flex-shrink:0;font-size:30px;line-height:24px;font-weight:700}#app-sidebar-addon-usage .usage .usage-table{margin-bottom:100px}#app-sidebar-addon-usage .usage .usage-table .cols .col:first-child,#app-sidebar-addon-usage .usage .usage-table .head .col:first-child{width:50%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}#app-sidebar-addon-usage .usage .usage-table .cols .col:nth-child(2),#app-sidebar-addon-usage .usage .usage-table .cols .col:nth-child(3),#app-sidebar-addon-usage .usage .usage-table .head .col:nth-child(2),#app-sidebar-addon-usage .usage .usage-table .head .col:nth-child(3){width:25%}#app-sidebar-addon-usage .usage .usage-table .rows .row .col:first-child{width:50%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}#app-sidebar-addon-usage .usage .usage-table .rows .row .col:nth-child(2),#app-sidebar-addon-usage .usage .usage-table .rows .row .col:nth-child(3){width:25%}#app-sidebar-addon-usage .summary{margin-bottom:15px}#app-sidebar-addon-usage .summary .line{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:12px}#app-sidebar-addon-usage .summary .line:last-child{margin-bottom:0}#app-sidebar-addon-usage .summary .line .key{min-width:135px;padding-right:20px;font-size:18px;font-weight:700;line-height:1.33;color:var(--color-text-primary)}#app-sidebar-addon-usage .summary .line .value{font-size:16px;line-height:1.5;color:var(--color-text-primary)}#app-sidebar-addon-usage .summary .line .value .label{font-size:14px;font-weight:400;line-height:1;font-weight:bolder;text-transform:uppercase;background:#ff6d69;border-radius:8px;padding:1px 1px;border:2px solid hsla(0,0%,100%,.2)}#app-sidebar-addon-usage .summary .line .value .label.warning{background:rgba(230,0,0,.2);color:#900}#app-sidebar-addon-usage .summary .line .value .label.info{background:rgba(0,179,71,.2);color:#018535}#app-sidebar-addon-usage .base-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:64px}#app-sidebar-addon-usage .app-table{-webkit-box-shadow:none;box-shadow:none;border-radius:0;width:100%}#app-sidebar-addon-usage .app-table .app-table-box .head{height:auto;min-height:24px;padding:18px 0;background-color:var(--color-component-bg-primary);border-bottom:1px solid var(--color-divider)}#app-sidebar-addon-usage .app-table .app-table-box .head .col{padding:0 0;font-size:18px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;text-transform:none}#app-sidebar-addon-usage .app-table .app-table-box .head .col.reached{color:var(--color-error)}#app-sidebar-addon-usage .app-table .app-table-box .rows .row{padding:12px 0;border-bottom:1px solid var(--color-divider);font-size:14px}#app-sidebar-addon-usage .app-table .app-table-box .rows .row:after{background-color:var(--color-component-bg-primary)}#app-sidebar-addon-usage .app-table .app-table-box .rows .row .col{padding:0 0}#app-sidebar-addon-usage.on-sidebar{margin:20px 0 40px}#app-sidebar-addon-usage.on-sidebar .container .row .col-6{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}#app-sidebar-addon-usage.on-sidebar .board h2.heading{font-size:24px;line-height:32px}#app-sidebar-addon-usage.on-sidebar button.btn-save{max-width:100%}#app-sidebar-addon-usage .status{display:-webkit-box;display:-ms-flexbox;display:flex;margin:unset;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;font-size:16px;line-height:24px;color:var(--color-text-default)}#app-sidebar-addon-usage .status .tag{margin-left:16px;padding:4px 12px;font-weight:700;text-align:center;border-radius:4px}#app-sidebar-addon-usage .status .tag.acknowledged{color:var(--color-acknowledged);background-color:var(--color-acknowledged-bg)}#app-sidebar-addon-usage .status .tag.completed{color:var(--color-completed);background-color:var(--color-completed-bg)}#app-sidebar-addon-usage .status .tag.success{color:var(--color-success);background-color:var(--color-success-bg)}#app-sidebar-addon-usage .status .tag.inprogress{color:var(--color-inprogress);background-color:var(--color-inprogress-bg)}#app-sidebar-addon-usage .status .tag.held{color:var(--color-held);background-color:var(--color-held-bg)}#app-sidebar-addon-usage .status .tag.info{color:var(--color-info);background-color:var(--color-info-bg)}#app-sidebar-addon-usage .status .tag.pending{color:var(--color-pending);background-color:var(--color-pending-bg)}#app-sidebar-addon-usage .status .tag.warning{color:var(--color-warning);background-color:var(--color-warning-bg)}#app-sidebar-addon-usage .status .tag.cancelled{color:var(--color-cancelled);background-color:var(--color-cancelled-bg)}#app-sidebar-addon-usage .status .tag.danger{color:var(--color-danger);background-color:var(--color-danger-bg)}#app-sidebar-addon-usage .status .tag.initial{color:var(--color-acknowledged);background-color:var(--color-acknowledged-bg)}#app-sidebar-addon-usage .status .tag.pendingcancellation{color:var(--color-pending);background-color:var(--color-pending-bg)}#app-sidebar-addon-usage .status .tag.failed{color:var(--color-danger);background-color:var(--color-danger-bg)}#app-sidebar-addon-usage .status .tag.retry{color:var(--color-warning);background-color:var(--color-warning-bg)}#app-sidebar-addon-usage .status .tag.requiresnewrfstime,#app-sidebar-addon-usage .status .tag.requiressitevisitchangeontbooking,#app-sidebar-addon-usage .status .tag.RequiresSiteVisitcsebooking,#app-sidebar-addon-usage .status .tag.RequiresSiteVisitinstallbooking,#app-sidebar-addon-usage .status .tag.RequiresSiteVisitinstallcsebooking,#app-sidebar-addon-usage .status .tag.requiressitevisitreplaceontbooking,#app-sidebar-addon-usage .status .tag.requiressitevisitscopebooking{color:var(--color-info);background-color:var(--color-info-bg)}#app-sidebar-addon-usage .status .tag.created{color:var(--color-acknowledged);background-color:var(--color-acknowledged-bg)}#app-sidebar-addon-usage .status .tag.pendingactive{color:var(--color-inprogress);background-color:var(--color-inprogress-bg)}#app-sidebar-addon-usage .status .tag.aborted{color:var(--color-warning);background-color:var(--color-warning-bg)}#app-sidebar-addon-usage .status .tag.active{color:var(--color-success);background-color:var(--color-success-bg)}#app-sidebar-addon-usage .status .tag.suspended{color:var(--color-cancelled);background-color:var(--color-cancelled-bg)}#app-sidebar-addon-usage .status .tag.pendingterminate,#app-sidebar-addon-usage .status .tag.rejected,#app-sidebar-addon-usage .status .tag.terminated{color:var(--color-danger);background-color:var(--color-danger-bg)}#app-sidebar-addon-usage .status .tag.assessingcancellation{color:var(--color-pending);background-color:var(--color-pending-bg)}#app-sidebar-addon-usage .status .tag.activatepending{color:var(--color-activate-pending);background-color:var(--color-activate-pending-bg)}@media (max-width:1024px){#app-sidebar-addon-usage .btn-back-to{margin-bottom:16px}#app-sidebar-addon-usage .base-info .name{margin-right:21px}#app-sidebar-addon-usage .usage-table .cols .col:first-child,#app-sidebar-addon-usage .usage-table .head .col:first-child{width:50%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}#app-sidebar-addon-usage .usage-table .cols .col:nth-child(2),#app-sidebar-addon-usage .usage-table .cols .col:nth-child(3),#app-sidebar-addon-usage .usage-table .head .col:nth-child(2),#app-sidebar-addon-usage .usage-table .head .col:nth-child(3){width:25%}#app-sidebar-addon-usage .usage-table .rows .row .col:first-child{width:50%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}#app-sidebar-addon-usage .usage-table .rows .row .col:nth-child(2),#app-sidebar-addon-usage .usage-table .rows .row .col:nth-child(3){width:25%}}