.base-layout{padding-bottom:80px}.base-layout .sidebar{position:fixed;top:0;right:0;bottom:0;z-index:50;width:585px;max-width:100%;-webkit-transform:translateX(585px);transform:translateX(585px);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;background-color:var(--color-sidebar-bg);overflow:hidden}.base-layout .sidebar .app-customer-event-log{padding-bottom:32px;-webkit-box-shadow:none;box-shadow:none;border-radius:4px 4px 0 0}.base-layout .sidebar .app-customer-event-log .heading{font-size:24px;line-height:32px}.base-layout .sidebar .app-customer-event-log .app-textarea{height:144px}.base-layout .sidebar .app-comments{padding-top:0;-webkit-box-shadow:none;box-shadow:none;border-radius:0 0 4px 4px}.base-layout .sidebar .app-comments .header{border-radius:4px;background-color:var(--color-sidebar-search-bg);padding:12px 24px;height:auto}.base-layout .sidebar .app-comments .header .heading{font-size:16px;line-height:24px;font-weight:400;text-transform:uppercase}.sidebar-opened .base-layout .sidebar{-webkit-transform:translateX(0);transform:translateX(0)}@media (max-width:1024px){.base-layout .sidebar{width:490px;-webkit-transform:translateX(490px);transform:translateX(490px)}.base-layout .sidebar .app-comments .header{padding:12px 16px}.base-layout .sidebar .app-comments .header .heading{font-size:14px}}@media (max-width:480px){.base-layout{padding-bottom:64px}}.app-sidebar-details{height:100%}.app-sidebar-details .sidebar-header{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;height:96px;padding-left:32px;padding-right:32px;border-bottom:1px solid var(--color-sidebar-divider)}.app-sidebar-details .sidebar-header .title{font-size:18px;line-height:1.78;color:var(--color-sidebar-text)}.app-sidebar-details .sidebar-header .close{width:24px;height:24px;color:var(--color-icon-calm);cursor:pointer;-webkit-transition:.3s;transition:.3s}.app-sidebar-details .sidebar-header .close:before{font-family:icons;font-size:24px;font-style:normal;font-weight:400;line-height:1;content:"";text-align:center;font-variant:normal;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-sidebar-details .sidebar-header .close:hover{color:var(--color-icon-action)}.app-sidebar-details .sidebar-body{height:calc(100% - 96px);max-height:none;overflow-y:auto;scrollbar-color:var(--color-nav-bar-scrollbar-bg) var(--color-nav-bar-scrollbar-thumb-bg)}.app-sidebar-details .sidebar-body::-webkit-scrollbar{width:6px;border-radius:2px;background:var(--color-nav-bar-scrollbar-bg)}.app-sidebar-details .sidebar-body::-webkit-scrollbar-thumb{border-radius:3px;background:var(--color-nav-bar-scrollbar-thumb-bg)}.app-sidebar-details .sidebar-body .app-loader img{width:48px;height:48px}.app-sidebar-details .sidebar-body .app-error{margin-top:24px}@media (max-width:480px){.app-sidebar-details .sidebar-header{height:48px;padding:12px 15px}.app-sidebar-details .sidebar-header .title{font-size:16px;line-height:24px}.app-sidebar-details .sidebar-body{height:calc(100% - 48px);padding:30px 0 64px}}#page-matrixx-subscription-details{margin:24px 0 80px}#page-matrixx-subscription-details .btn-back-to{margin-bottom:12px}#page-matrixx-subscription-details .header-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-height:62px;margin-bottom:40px}#page-matrixx-subscription-details .details,#page-matrixx-subscription-details .details .col-6,#page-matrixx-subscription-details .details .col-12{margin-bottom:30px}#page-matrixx-subscription-details .details:last-child{margin:0}#page-matrixx-subscription-details .devices-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-matrixx-subscription-details .devices-table .app-table-box::-webkit-scrollbar{height:24px;border-radius:0 0 6px 6px;background:var(--color-table-row-bg)}#page-matrixx-subscription-details .devices-table .app-table-box::-webkit-scrollbar-thumb{border:8px solid var(--color-table-row-bg);border-radius:3px;background:var(--color-scrollbar-thumb-bg)}#page-matrixx-subscription-details .devices-table .app-loader,#page-matrixx-subscription-details .devices-table .cols,#page-matrixx-subscription-details .devices-table .head,#page-matrixx-subscription-details .devices-table .rows .row{min-width:729px}#page-matrixx-subscription-details .devices-table .cols .col:first-child,#page-matrixx-subscription-details .devices-table .head .col:first-child{width:21.2766%;min-width:150px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}#page-matrixx-subscription-details .devices-table .cols .col:nth-child(2),#page-matrixx-subscription-details .devices-table .head .col:nth-child(2){width:21.2766%;min-width:150px}#page-matrixx-subscription-details .devices-table .cols .col:nth-child(3),#page-matrixx-subscription-details .devices-table .head .col:nth-child(3){width:28.36879%;min-width:200px}#page-matrixx-subscription-details .devices-table .cols .col:nth-child(4),#page-matrixx-subscription-details .devices-table .head .col:nth-child(4){width:17.02128%;min-width:120px}#page-matrixx-subscription-details .devices-table .cols .col:nth-child(5),#page-matrixx-subscription-details .devices-table .head .col:nth-child(5){width:12.05674%;min-width:85px}#page-matrixx-subscription-details .devices-table .rows .row .col:first-child{width:21.2766%;min-width:150px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}#page-matrixx-subscription-details .devices-table .rows .row .col:nth-child(2){width:21.2766%;min-width:150px}#page-matrixx-subscription-details .devices-table .rows .row .col:nth-child(3){width:28.36879%;min-width:200px}#page-matrixx-subscription-details .devices-table .rows .row .col:nth-child(4){width:17.02128%;min-width:120px}#page-matrixx-subscription-details .devices-table .rows .row .col:nth-child(5){width:12.05674%;min-width:85px}@media (max-width:1024px){#page-matrixx-subscription-details .header-info{width:100%;margin-bottom:48px;min-height:56px}.devices-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}.devices-table .app-table-box::-webkit-scrollbar{height:24px;border-radius:0 0 6px 6px;background:var(--color-table-row-bg)}.devices-table .app-table-box::-webkit-scrollbar-thumb{border:8px solid var(--color-table-row-bg);border-radius:3px;background:var(--color-scrollbar-thumb-bg)}.devices-table .app-loader,.devices-table .cols,.devices-table .head,.devices-table .rows .row{min-width:659px}.devices-table .cols .col:first-child,.devices-table .head .col:first-child{width:23.62205%;min-width:150px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.devices-table .cols .col:nth-child(2),.devices-table .cols .col:nth-child(3),.devices-table .head .col:nth-child(2),.devices-table .head .col:nth-child(3){width:23.62205%;min-width:150px}.devices-table .cols .col:nth-child(4),.devices-table .head .col:nth-child(4){width:15.74803%;min-width:100px}.devices-table .cols .col:nth-child(5),.devices-table .head .col:nth-child(5){width:13.38583%;min-width:85px}.devices-table .rows .row .col:first-child{width:23.62205%;min-width:150px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.devices-table .rows .row .col:nth-child(2),.devices-table .rows .row .col:nth-child(3){width:23.62205%;min-width:150px}.devices-table .rows .row .col:nth-child(4){width:15.74803%;min-width:100px}.devices-table .rows .row .col:nth-child(5){width:13.38583%;min-width:85px}}@media (max-width:480px){#page-matrixx-subscription-details{margin:24px 0 64px}#page-matrixx-subscription-details .btn-back-to{font-size:16px;line-height:18px;margin-bottom:8px}#page-matrixx-subscription-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-matrixx-subscription-details .details,#page-matrixx-subscription-details .details .col-6,#page-matrixx-subscription-details .details .col-12,#page-matrixx-subscription-details .details .col-mob-12,#page-matrixx-subscription-details .devices-table{margin-bottom:15px}#page-matrixx-subscription-details .devices-table .actions,#page-matrixx-subscription-details .devices-table .app-loader,#page-matrixx-subscription-details .devices-table .detached{min-width:300px}#page-matrixx-subscription-details .devices-table .data .item .line>:first-child,#page-matrixx-subscription-details .devices-table .data .item .line>:nth-child(2){width:50%;min-width:150px}#page-matrixx-subscription-details .devices-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-matrixx-subscription-details .devices-table .app-table-box::-webkit-scrollbar{height:16px;border-radius:0 0 6px 6px;background:var(--color-table-row-bg)}#page-matrixx-subscription-details .devices-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-matrixx-subscription-details .devices-table .data .item{min-width:300px}}.app-adding-banner{padding:48px;border-radius:6px;background-color:var(--color-component-bg-primary);-webkit-box-shadow:var(--box-shadow-secondary);box-shadow:var(--box-shadow-secondary)}.app-adding-banner,.app-adding-banner .banner-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.app-adding-banner .banner-body h2.heading{text-align:center;margin-bottom:16px}.app-adding-banner .banner-body .banner-description{width:100%;max-width:305px;margin-bottom:24px;font-size:18px;line-height:1.33;text-align:center;color:var(--color-text-secondary)}.app-adding-banner .banner-body .banner-img{display:block;width:100%;height:auto;margin-bottom:24px}.app-adding-banner>.banner-img{display:none}.app-adding-banner.tablet-mode{max-width:690px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:24px}.app-adding-banner.tablet-mode .banner-body{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.app-adding-banner.tablet-mode .banner-body .banner-description{text-align:left;max-width:none;margin-bottom:48px}.app-adding-banner.tablet-mode .banner-body .banner-img{display:none}.app-adding-banner.tablet-mode>.banner-img{-ms-flex-negative:0;flex-shrink:0;width:47.75%;max-width:310px;display:initial;margin:0 0 0 16px}@media (max-width:1024px){.app-adding-banner{max-width:690px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:24px}.app-adding-banner .banner-body{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.app-adding-banner .banner-body .banner-description{text-align:left;max-width:none;margin-bottom:48px}.app-adding-banner .banner-body .banner-img{display:none}.app-adding-banner>.banner-img{-ms-flex-negative:0;flex-shrink:0;width:47.75%;max-width:310px;display:initial;margin:0 0 0 16px}}@media (max-width:480px){.app-adding-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.app-adding-banner .banner-body{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app-adding-banner .banner-body h2.heading{width:100%}.app-adding-banner .banner-body .banner-description{font-size:16px;line-height:24px;text-align:center;margin-bottom:16px}.app-adding-banner .banner-body .banner-img{display:initial;margin-bottom:16px}.app-adding-banner>.banner-img{display:none}}@media (max-width:1024px){.page-matrixx-sp-groups .subscriptions-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-matrixx-sp-groups .subscriptions-table .app-table-box::-webkit-scrollbar{height:24px;border-radius:0 0 6px 6px;background:var(--color-table-row-bg)}.page-matrixx-sp-groups .subscriptions-table .app-table-box::-webkit-scrollbar-thumb{border:8px solid var(--color-table-row-bg);border-radius:3px;background:var(--color-scrollbar-thumb-bg)}.page-matrixx-sp-groups .subscriptions-table .app-loader,.page-matrixx-sp-groups .subscriptions-table .cols,.page-matrixx-sp-groups .subscriptions-table .head,.page-matrixx-sp-groups .subscriptions-table .rows .row{min-width:609px}.page-matrixx-sp-groups .subscriptions-table .cols .col:first-child,.page-matrixx-sp-groups .subscriptions-table .head .col:first-child{width:25.64103%;min-width:150px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.page-matrixx-sp-groups .subscriptions-table .cols .col:nth-child(2),.page-matrixx-sp-groups .subscriptions-table .head .col:nth-child(2){width:17.09402%;min-width:100px}.page-matrixx-sp-groups .subscriptions-table .cols .col:nth-child(3),.page-matrixx-sp-groups .subscriptions-table .head .col:nth-child(3){width:25.64103%;min-width:150px}.page-matrixx-sp-groups .subscriptions-table .cols .col:nth-child(4),.page-matrixx-sp-groups .subscriptions-table .head .col:nth-child(4){width:17.09402%;min-width:100px}.page-matrixx-sp-groups .subscriptions-table .cols .col:nth-child(5),.page-matrixx-sp-groups .subscriptions-table .head .col:nth-child(5){width:14.52991%;min-width:85px}.page-matrixx-sp-groups .subscriptions-table .rows .row .col:first-child{width:25.64103%;min-width:150px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.page-matrixx-sp-groups .subscriptions-table .rows .row .col:nth-child(2){width:17.09402%;min-width:100px}.page-matrixx-sp-groups .subscriptions-table .rows .row .col:nth-child(3){width:25.64103%;min-width:150px}.page-matrixx-sp-groups .subscriptions-table .rows .row .col:nth-child(4){width:17.09402%;min-width:100px}.page-matrixx-sp-groups .subscriptions-table .rows .row .col:nth-child(5){width:14.52991%;min-width:85px}}.page-matrixx-sp-groups h1.heading{margin-bottom:48px}.page-matrixx-sp-groups .subscriptions-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-matrixx-sp-groups .subscriptions-table .app-table-box::-webkit-scrollbar{height:24px;border-radius:0 0 6px 6px;background:var(--color-table-row-bg)}.page-matrixx-sp-groups .subscriptions-table .app-table-box::-webkit-scrollbar-thumb{border:8px solid var(--color-table-row-bg);border-radius:3px;background:var(--color-scrollbar-thumb-bg)}.page-matrixx-sp-groups .subscriptions-table .app-loader,.page-matrixx-sp-groups .subscriptions-table .cols,.page-matrixx-sp-groups .subscriptions-table .head,.page-matrixx-sp-groups .subscriptions-table .rows .row{min-width:799px}.page-matrixx-sp-groups .subscriptions-table .cols .col:first-child,.page-matrixx-sp-groups .subscriptions-table .head .col:first-child{width:32.25806%;min-width:250px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.page-matrixx-sp-groups .subscriptions-table .cols .col:nth-child(2),.page-matrixx-sp-groups .subscriptions-table .head .col:nth-child(2){width:15.48387%;min-width:120px}.page-matrixx-sp-groups .subscriptions-table .cols .col:nth-child(3),.page-matrixx-sp-groups .subscriptions-table .head .col:nth-child(3){width:25.80645%;min-width:200px}.page-matrixx-sp-groups .subscriptions-table .cols .col:nth-child(4),.page-matrixx-sp-groups .subscriptions-table .head .col:nth-child(4){width:15.48387%;min-width:120px}.page-matrixx-sp-groups .subscriptions-table .cols .col:nth-child(5),.page-matrixx-sp-groups .subscriptions-table .head .col:nth-child(5){width:10.96774%;min-width:85px}.page-matrixx-sp-groups .subscriptions-table .rows .row .col:first-child{width:32.25806%;min-width:250px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.page-matrixx-sp-groups .subscriptions-table .rows .row .col:nth-child(2){width:15.48387%;min-width:120px}.page-matrixx-sp-groups .subscriptions-table .rows .row .col:nth-child(3){width:25.80645%;min-width:200px}.page-matrixx-sp-groups .subscriptions-table .rows .row .col:nth-child(4){width:15.48387%;min-width:120px}.page-matrixx-sp-groups .subscriptions-table .rows .row .col:nth-child(5){width:10.96774%;min-width:85px}.page-matrixx-sp-groups .app-pagination{margin-top:30px}@media (max-width:1024px){.page-matrixx-sp-groups .subscriptions-table{margin-bottom:30px}.page-matrixx-sp-groups .subscriptions-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-matrixx-sp-groups .subscriptions-table .app-table-box::-webkit-scrollbar{height:24px;border-radius:0 0 6px 6px;background:var(--color-table-row-bg)}.page-matrixx-sp-groups .subscriptions-table .app-table-box::-webkit-scrollbar-thumb{border:8px solid var(--color-table-row-bg);border-radius:3px;background:var(--color-scrollbar-thumb-bg)}.page-matrixx-sp-groups .subscriptions-table .app-loader,.page-matrixx-sp-groups .subscriptions-table .cols,.page-matrixx-sp-groups .subscriptions-table .head,.page-matrixx-sp-groups .subscriptions-table .rows .row{min-width:609px}.page-matrixx-sp-groups .subscriptions-table .cols .col:first-child,.page-matrixx-sp-groups .subscriptions-table .head .col:first-child{width:25.64103%;min-width:150px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.page-matrixx-sp-groups .subscriptions-table .cols .col:nth-child(2),.page-matrixx-sp-groups .subscriptions-table .head .col:nth-child(2){width:17.09402%;min-width:100px}.page-matrixx-sp-groups .subscriptions-table .cols .col:nth-child(3),.page-matrixx-sp-groups .subscriptions-table .head .col:nth-child(3){width:25.64103%;min-width:150px}.page-matrixx-sp-groups .subscriptions-table .cols .col:nth-child(4),.page-matrixx-sp-groups .subscriptions-table .head .col:nth-child(4){width:17.09402%;min-width:100px}.page-matrixx-sp-groups .subscriptions-table .cols .col:nth-child(5),.page-matrixx-sp-groups .subscriptions-table .head .col:nth-child(5){width:14.52991%;min-width:85px}.page-matrixx-sp-groups .subscriptions-table .rows .row .col:first-child{width:25.64103%;min-width:150px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.page-matrixx-sp-groups .subscriptions-table .rows .row .col:nth-child(2){width:17.09402%;min-width:100px}.page-matrixx-sp-groups .subscriptions-table .rows .row .col:nth-child(3){width:25.64103%;min-width:150px}.page-matrixx-sp-groups .subscriptions-table .rows .row .col:nth-child(4){width:17.09402%;min-width:100px}.page-matrixx-sp-groups .subscriptions-table .rows .row .col:nth-child(5){width:14.52991%;min-width:85px}}@media (max-width:480px){.page-matrixx-sp-groups h1.heading{margin-bottom:32px}.page-matrixx-sp-groups .subscriptions-table{margin-bottom:15px}.page-matrixx-sp-groups .subscriptions-table .actions,.page-matrixx-sp-groups .subscriptions-table .app-loader,.page-matrixx-sp-groups .subscriptions-table .detached{min-width:275px}.page-matrixx-sp-groups .subscriptions-table .data .item .line>:first-child{width:30.90909%;min-width:85px}.page-matrixx-sp-groups .subscriptions-table .data .item .line>:nth-child(2){width:69.09091%;min-width:190px}.page-matrixx-sp-groups .subscriptions-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-matrixx-sp-groups .subscriptions-table .app-table-box::-webkit-scrollbar{height:16px;border-radius:0 0 6px 6px;background:var(--color-table-row-bg)}.page-matrixx-sp-groups .subscriptions-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-matrixx-sp-groups .subscriptions-table .data .item{min-width:275px}.page-matrixx-sp-groups .app-pagination{margin-top:15px}}