.app-loader{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;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;background:var(--color-loader-bg);border-radius:inherit;margin:0;padding:20px;z-index:9}.app-loader svg{content:"";width:96px;height:96px;max-width:95%;max-height:95%;-o-object-fit:contain;object-fit:contain}.app-loader svg circle{fill:var(--color-loader)}.app-loader.fixed-on-desktop svg{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:fixed}.app-loader~* .app-loader{display:none}.app-error{width:100%;height:auto;font-size:20px;line-height:1.1;color:var(--color-error-darker);padding:14px;background:var(--color-error-bg);-webkit-transition:.3s;transition:.3s;text-align:center;border-radius:4px}.app-error.err-enter-active,.app-error.err-leave-active{-webkit-transition:all .15s linear;transition:all .15s linear;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);padding:14px 14px}.app-error.err-enter,.app-error.err-leave-to{-webkit-transition:all .15s linear;transition:all .15s linear;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);padding:0 14px}@media (max-width:1024px){.app-error{font-size:16px;line-height:18px;padding:8px}}.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}}#page-fibre-order-notes{margin:24px 0 80px}#page-fibre-order-notes .btn-back-to{margin-bottom:12px}#page-fibre-order-notes .header-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:20px}#page-fibre-order-notes .header-info :first-child{font-weight:700}#page-fibre-order-notes .header-info h3.heading{margin-bottom:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;font-size:18px}#page-fibre-order-notes .header-info .status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:unset;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;font-size:16px;line-height:24px;color:var(--color-text-default)}#page-fibre-order-notes .header-info .status .tag{margin-left:16px;padding:4px 12px;font-weight:700;text-align:center;border-radius:4px}#page-fibre-order-notes .header-info .status .tag.acknowledged{color:var(--color-acknowledged);background-color:var(--color-acknowledged-bg)}#page-fibre-order-notes .header-info .status .tag.completed{color:var(--color-completed);background-color:var(--color-completed-bg)}#page-fibre-order-notes .header-info .status .tag.success{color:var(--color-success);background-color:var(--color-success-bg)}#page-fibre-order-notes .header-info .status .tag.inprogress{color:var(--color-inprogress);background-color:var(--color-inprogress-bg)}#page-fibre-order-notes .header-info .status .tag.held{color:var(--color-held);background-color:var(--color-held-bg)}#page-fibre-order-notes .header-info .status .tag.info{color:var(--color-info);background-color:var(--color-info-bg)}#page-fibre-order-notes .header-info .status .tag.pending{color:var(--color-pending);background-color:var(--color-pending-bg)}#page-fibre-order-notes .header-info .status .tag.warning{color:var(--color-warning);background-color:var(--color-warning-bg)}#page-fibre-order-notes .header-info .status .tag.cancelled{color:var(--color-cancelled);background-color:var(--color-cancelled-bg)}#page-fibre-order-notes .header-info .status .tag.danger{color:var(--color-danger);background-color:var(--color-danger-bg)}#page-fibre-order-notes .header-info .status .tag.initial{color:var(--color-acknowledged);background-color:var(--color-acknowledged-bg)}#page-fibre-order-notes .header-info .status .tag.pendingcancellation{color:var(--color-pending);background-color:var(--color-pending-bg)}#page-fibre-order-notes .header-info .status .tag.failed{color:var(--color-danger);background-color:var(--color-danger-bg)}#page-fibre-order-notes .header-info .status .tag.retry{color:var(--color-warning);background-color:var(--color-warning-bg)}#page-fibre-order-notes .header-info .status .tag.requiresnewrfstime,#page-fibre-order-notes .header-info .status .tag.requiressitevisitchangeontbooking,#page-fibre-order-notes .header-info .status .tag.RequiresSiteVisitcsebooking,#page-fibre-order-notes .header-info .status .tag.RequiresSiteVisitinstallbooking,#page-fibre-order-notes .header-info .status .tag.RequiresSiteVisitinstallcsebooking,#page-fibre-order-notes .header-info .status .tag.requiressitevisitreplaceontbooking,#page-fibre-order-notes .header-info .status .tag.requiressitevisitscopebooking{color:var(--color-info);background-color:var(--color-info-bg)}#page-fibre-order-notes .header-info .status .tag.created{color:var(--color-acknowledged);background-color:var(--color-acknowledged-bg)}#page-fibre-order-notes .header-info .status .tag.pendingactive{color:var(--color-inprogress);background-color:var(--color-inprogress-bg)}#page-fibre-order-notes .header-info .status .tag.aborted{color:var(--color-warning);background-color:var(--color-warning-bg)}#page-fibre-order-notes .header-info .status .tag.active{color:var(--color-success);background-color:var(--color-success-bg)}#page-fibre-order-notes .header-info .status .tag.suspended{color:var(--color-cancelled);background-color:var(--color-cancelled-bg)}#page-fibre-order-notes .header-info .status .tag.pendingterminate,#page-fibre-order-notes .header-info .status .tag.rejected,#page-fibre-order-notes .header-info .status .tag.terminated{color:var(--color-danger);background-color:var(--color-danger-bg)}#page-fibre-order-notes .header-info .status .tag.assessingcancellation{color:var(--color-pending);background-color:var(--color-pending-bg)}#page-fibre-order-notes .header-info .status .tag.activatepending{color:var(--color-activate-pending);background-color:var(--color-activate-pending-bg)}#page-fibre-order-notes h1.heading{margin-bottom:48px}#page-fibre-order-notes .app-error{margin:0 0 24px 0}#page-fibre-order-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-order-notes .board h3.heading{margin-bottom:24px}#page-fibre-order-notes .board .form-group{margin-bottom:32px}#page-fibre-order-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-order-notes .board .form-group:last-child{margin-bottom:0}#page-fibre-order-notes .board .app-textarea{height:144px;margin-bottom:24px}#page-fibre-order-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-order-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-order-notes .board .notes .note .details .author{font-weight:700}#page-fibre-order-notes .board .notes .note .details .date{font-size:14px;color:var(--color-comments-secondary)}#page-fibre-order-notes .board .notes .note .message{word-break:break-word}#page-fibre-order-notes .board .notes .note:last-child{border-bottom:none}#page-fibre-order-notes .board .app-pagination{margin-top:24px}#page-fibre-order-notes.on-sidebar{margin:24px 0 32px}#page-fibre-order-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-order-notes.on-sidebar .board .form-group .form-controls{-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:1024px){#page-fibre-order-notes .header-info{width:100%;margin-bottom:48px;min-height:56px}#page-fibre-order-notes .header-info .status{font-size:14px;line-height:24px;white-space:nowrap}}@media (max-width:480px){#page-fibre-order-notes .board{padding:8px}#page-fibre-order-notes .board .form-group{margin-bottom:24px}#page-fibre-order-notes .board .form-group .form-controls{-webkit-box-align:center;-ms-flex-align:center;align-items:center}#page-fibre-order-notes .board .app-textarea{height:129px}#page-fibre-order-notes .board .notes .note{padding:8px 0;font-size:14px}#page-fibre-order-notes .board .app-pagination{margin-top:16px}}