.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}}.app-textarea{position:relative;width:100%;height:197px}.app-textarea textarea{display:block;width:100%;height:100%;padding:16px;color:var(--color-text-primary);border:1px solid var(--color-input-border);border-radius:4px;background-color:var(--color-input-bg);resize:none}.app-textarea textarea:hover{border-color:var(--color-input-border-hover)}.app-textarea label{position:absolute;top:16px;left:12px;padding:0 4px;color:var(--color-input-label);background:var(--color-input-bg);-webkit-transition:.3s;transition:.3s}.app-textarea label span{position:relative}.app-textarea label i{color:var(--color-error);font-style:normal}.app-textarea label:before{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-input-bg);content:""}.app-textarea .characters-counter{position:absolute;bottom:0;right:14px;max-width:calc(100% - 29px);padding:0 4px;font-size:14px;font-weight:400;color:var(--color-input-label-typing);-webkit-transform:translateY(50%);transform:translateY(50%)}.app-textarea .characters-counter span{position:relative;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-textarea .characters-counter:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-component-bg-primary)}.app-textarea .error-message{position:absolute;bottom:100%;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:100%;font-size:14px;line-height:24px;color:var(--color-error)}.app-textarea .error-message i{display:inline-block;width:24px;height:24px}.app-textarea .error-message i: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-textarea .error-message span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-textarea.typing label{top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--color-input-label-typing)}.app-textarea.typing label i{color:inherit}.app-textarea.typing label:before{background:var(--color-component-bg-primary)}.app-textarea.typing textarea{border-color:var(--color-input-border-active)}.app-textarea.disabled{opacity:.4}.app-textarea.error label{color:var(--color-error)}.app-textarea.error textarea{color:var(--color-error);border:1px solid var(--color-input-border-error)}@media (max-width:480px){.app-textarea{font-size:14px}.app-textarea .characters-counter{font-size:12px}}.app-pagination{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app-pagination .shadow{display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:48px;background-color:var(--color-pagination-page-bg);border-radius:4px;-webkit-box-shadow:var(--box-shadow-tertiary);box-shadow:var(--box-shadow-tertiary)}.app-pagination .next,.app-pagination .prev{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:96px;font-size:18px;line-height:24px;color:var(--color-pagination-page);cursor:pointer}.app-pagination .next .direction,.app-pagination .prev .direction{position:relative;height:24px}.app-pagination .next .direction:after,.app-pagination .prev .direction:after{position:absolute;top:1px;display:block;width:24px;height:24px;color:var(--color-pagination-page)}.app-pagination .next:hover,.app-pagination .prev:hover{color:var(--color-pagination-page-hover);background:var(--color-pagination-page-bg-hover)}.app-pagination .next:hover .direction:after,.app-pagination .prev:hover .direction:after{color:var(--color-pagination-page-hover)}.app-pagination .next:active,.app-pagination .prev:active{color:var(--color-pagination-page-active);background:var(--color-pagination-page-bg-active)}.app-pagination .next:active .direction:after,.app-pagination .prev:active .direction:after{color:var(--color-pagination-page-active)}.app-pagination .next:disabled,.app-pagination .prev:disabled{pointer-events:none}.app-pagination .next:disabled .direction,.app-pagination .prev:disabled .direction{opacity:.25}.app-pagination .prev{border-right:1px solid var(--color-pagination-border);border-radius:4px 0 0 4px}.app-pagination .prev .direction{padding-left:16px}.app-pagination .prev .direction:after{left:-9px;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-pagination .next{border-left:1px solid var(--color-pagination-border);border-radius:0 4px 4px 0}.app-pagination .next .direction{padding-right:16px}.app-pagination .next .direction:after{right:-9px;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-pagination .pages,.app-pagination .pages .number{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app-pagination .pages .number{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;font-size:18px;line-height:1.33;color:var(--color-pagination-page);background:var(--color-pagination-page-bg);border-radius:6px;cursor:pointer}.app-pagination .pages .number:hover{color:var(--color-pagination-page-hover);background-color:var(--color-pagination-page-bg-hover)}.app-pagination .pages .number.current{color:var(--color-pagination-page-active);background-color:var(--color-pagination-page-bg-active)}.app-pagination .pages .number[disabled]{opacity:.4;cursor:default;pointer-events:none}.app-pagination .pages .dots{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;font-size:18px;line-height:1.33;color:var(--color-pagination-page);cursor:default}.app-pagination .pages .dots,.app-pagination .pages .number{margin-left:4px}.app-pagination .pages .dots:last-child,.app-pagination .pages .number:last-child{margin-right:4px}@media (max-width:480px){.app-pagination .next,.app-pagination .prev{font-size:14px;width:64px}.app-pagination .prev{text-align:left;padding-left:6px}.app-pagination .next{text-align:right;padding-right:6px}.app-pagination .pages{padding:0 5px}.app-pagination .pages .dots,.app-pagination .pages .number{widtH:24px;height:24px;font-size:14px;margin:0}.app-pagination .pages .dots:last-child,.app-pagination .pages .number:last-child{margin:0}}#page-fibre-service-notes{margin:24px 0 80px}#page-fibre-service-notes .btn-back-to{margin-bottom:12px}#page-fibre-service-notes h1.heading{margin-bottom:48px}#page-fibre-service-notes .app-error{margin:0 0 24px 0}#page-fibre-service-notes .board{padding:24px;background-color:var(--color-component-bg-primary);border-radius:4px;-webkit-box-shadow:var(--box-shadow-secondary);box-shadow:var(--box-shadow-secondary)}#page-fibre-service-notes .board h3.heading{margin-bottom:24px}#page-fibre-service-notes .board .form-group{margin-bottom:32px}#page-fibre-service-notes .board .form-group .form-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#page-fibre-service-notes .board .form-group:last-child{margin-bottom:0}#page-fibre-service-notes .board .app-textarea{height:144px;margin-bottom:24px}#page-fibre-service-notes .board .notes .note{padding:16px 24px;font-size:16px;line-height:24px;color:var(--color-comments-primary);border-bottom:1px solid var(--color-divider)}#page-fibre-service-notes .board .notes .note .details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px}#page-fibre-service-notes .board .notes .note .details .author{font-weight:700}#page-fibre-service-notes .board .notes .note .details .date{font-size:14px;color:var(--color-comments-secondary)}#page-fibre-service-notes .board .notes .note .message{word-break:break-word}#page-fibre-service-notes .board .notes .note:last-child{border-bottom:none}#page-fibre-service-notes .board .app-pagination{margin-top:24px}#page-fibre-service-notes.on-sidebar{margin:40px 0 32px}#page-fibre-service-notes.on-sidebar .container .row .col-6{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}#page-fibre-service-notes.on-sidebar .board .form-group .form-controls{-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:480px){#page-fibre-service-notes .board{padding:8px}#page-fibre-service-notes .board .form-group{margin-bottom:24px}#page-fibre-service-notes .board .form-group .form-controls{-webkit-box-align:center;-ms-flex-align:center;align-items:center}#page-fibre-service-notes .board .app-textarea{height:129px}#page-fibre-service-notes .board .notes .note{padding:8px 0;font-size:14px}#page-fibre-service-notes .board .app-pagination{margin-top:16px}}.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}}.app-dialog.app-dialog-info.app-dialog-device-delete .app-dialog-body .wrap{width:100%;margin-left:auto;margin-right:auto}.app-dialog.app-dialog-info.app-dialog-device-delete .app-dialog-body .content{margin-bottom:40px}.app-dialog.app-dialog-info.app-dialog-device-delete .app-dialog-body .btns .btn{-webkit-transition:.3s,margin 0s;transition:.3s,margin 0s}@media (max-width:480px){.app-dialog.app-dialog-info.app-dialog-device-delete .app-dialog-body .content{margin:0}}.page-fibre-services h1.heading{margin-bottom:48px}.page-fibre-services .app-error{margin-bottom:24px}.page-fibre-services .board{margin-bottom:30px;padding:24px 9px;background-color:var(--color-component-bg-primary);border-radius:4px;-webkit-box-shadow:var(--box-shadow-secondary);box-shadow:var(--box-shadow-secondary)}.page-fibre-services .board .form-container{display:-webkit-box;display:-ms-flexbox;display:flex}.page-fibre-services .board .form-container .form-group{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.page-fibre-services .board .form-container .form-group .form-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:25%;max-width:100%;padding:0 15px}.page-fibre-services .board .form-container .form-group .form-controls>.title{-ms-flex-negative:0;flex-shrink:0;margin-right:16px;color:var(--color-table-secondary)}.page-fibre-services .fibre-services-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-fibre-services .fibre-services-table .app-table-box::-webkit-scrollbar{height:24px;border-radius:0 0 6px 6px;background:var(--color-table-row-bg)}.page-fibre-services .fibre-services-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-fibre-services .fibre-services-table .app-loader,.page-fibre-services .fibre-services-table .cols,.page-fibre-services .fibre-services-table .head,.page-fibre-services .fibre-services-table .rows .row{min-width:1080px}.page-fibre-services .fibre-services-table .cols .col:first-child,.page-fibre-services .fibre-services-table .head .col:first-child{width:31.25%;min-width:330px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.page-fibre-services .fibre-services-table .cols .col:nth-child(2),.page-fibre-services .fibre-services-table .head .col:nth-child(2){width:31.25%;min-width:330px}.page-fibre-services .fibre-services-table .cols .col:nth-child(3),.page-fibre-services .fibre-services-table .cols .col:nth-child(4),.page-fibre-services .fibre-services-table .head .col:nth-child(3),.page-fibre-services .fibre-services-table .head .col:nth-child(4){width:14.20455%;min-width:150px}.page-fibre-services .fibre-services-table .cols .col:nth-child(5),.page-fibre-services .fibre-services-table .cols .col:nth-child(6),.page-fibre-services .fibre-services-table .head .col:nth-child(5),.page-fibre-services .fibre-services-table .head .col:nth-child(6){width:48px}.page-fibre-services .fibre-services-table .rows .row .col:first-child{width:31.25%;min-width:330px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.page-fibre-services .fibre-services-table .rows .row .col:nth-child(2){width:31.25%;min-width:330px}.page-fibre-services .fibre-services-table .rows .row .col:nth-child(3),.page-fibre-services .fibre-services-table .rows .row .col:nth-child(4){width:14.20455%;min-width:150px}.page-fibre-services .fibre-services-table .rows .row .col:nth-child(5),.page-fibre-services .fibre-services-table .rows .row .col:nth-child(6){width:48px}.page-fibre-services .app-adding-banner-service,.page-fibre-services .app-pagination{margin-top:30px}@media (max-width:480px){.page-fibre-services h1.heading{margin-bottom:32px}.page-fibre-services .board .form-container .form-group .form-controls{padding:0}.page-fibre-services .board .form-container .form-group .form-controls>.title{display:none}.page-fibre-services .fibre-services-table{margin-bottom:15px}.page-fibre-services .fibre-services-table .actions,.page-fibre-services .fibre-services-table .app-loader,.page-fibre-services .fibre-services-table .detached{min-width:274px}.page-fibre-services .fibre-services-table .data .item .line>:first-child{width:32.84672%;min-width:90px}.page-fibre-services .fibre-services-table .data .item .line>:nth-child(2){width:58.39416%;min-width:160px}.page-fibre-services .fibre-services-table .data .item .line>:nth-child(3){width:8.75912%;min-width:24px}.page-fibre-services .fibre-services-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-fibre-services .fibre-services-table .app-table-box::-webkit-scrollbar{height:16px;border-radius:0 0 6px 6px;background:var(--color-table-row-bg)}.page-fibre-services .fibre-services-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-fibre-services .fibre-services-table .data .item{min-width:274px}.page-fibre-services .app-adding-banner-service,.page-fibre-services .app-pagination{margin-top:15px}}