diff --git a/httpdocs/css/minified/dark-mode.min.css b/httpdocs/css/minified/dark-mode.min.css index 213ce04759..ad2c474562 100644 --- a/httpdocs/css/minified/dark-mode.min.css +++ b/httpdocs/css/minified/dark-mode.min.css @@ -1 +1 @@ -#particles-js,body,html{background-color:#121212!important;color:#e2e2e2}code{color:#f8f8f2!important}.btn-warning{color:#000!important}.graph-val-95percentile-title,.graph-val-average-title,.graph-val-max-title,.graph-val-total,.graph-val-total-title{border-color:#2c2c2c!important}.ntop_notes{color:#fff}.leaflet-top.leaflet-left{z-index:auto}.btn-primary{background-color:var(--ntop-orange);border-color:var(--ntop-orange)}.btn-primary:hover{color:#000;background-color:#ffa026;border-color:#ff9a1a}.btn-check:focus+.btn-primary,.btn-primary:focus{color:#000;background-color:#ffa026;border-color:#ff9a1a;box-shadow:0 0 0 .25rem rgba(217,122,0,.5)}.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#000;background-color:#ffa533;border-color:#ff9a1a}.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(217,122,0,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#000;background-color:var(--ntop-orange);border-color:var(--ntop-orange)}.btn-secondary{color:#fff;background-color:var(--ntop-blue);border-color:var(--ntop-blue)}.btn-secondary:hover{color:#fff;background-color:#2f3c43;border-color:#2c393f}.btn-check:focus+.btn-secondary,.btn-secondary:focus{color:#fff;background-color:#2f3c43;border-color:#2c393f;box-shadow:0 0 0 .25rem rgba(85,99,105,.5)}.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#2c393f;border-color:#29353b}.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(85,99,105,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:var(--ntop-blue);border-color:var(--ntop-blue)}.alert-primary{color:#995600;background-color:#ffe9cc;border-color:#ffddb3}.alert-primary .alert-link{color:#7a4500}.alert-secondary{color:#212b2f;background-color:#d7dadc;border-color:#c3c8ca}.alert-secondary .alert-link{color:#1a2226}.list-group-item-primary{color:#995600;background-color:#ffe9cc}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#995600;background-color:#e6d2b8}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#995600;border-color:#995600}.list-group-item-secondary{color:#212b2f;background-color:#d7dadc}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#212b2f;background-color:#c2c4c6}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#212b2f;border-color:#212b2f}.link-primary{color:var(--ntop-orange)}.link-primary:focus,.link-primary:hover{color:#ffa533}.link-secondary{color:var(--ntop-blue)}.link-secondary:focus,.link-secondary:hover{color:#2c393f}.border-primary{border-color:var(--ntop-orange)!important}.border-secondary{border-color:var(--ntop-blue)!important}.text-primary{color:var(--ntop-orange)!important}.text-secondary{color:var(--ntop-blue)!important}.pie-chart{background-color:transparent!important}svg:not(.leaflet-zoom-animated){background-color:#121212;color:#eee}#ntop-logo>svg,svg.peity{background:0 0}.btn-link,a{color:#ff8a26}.btn-link:hover,a:hover{color:#f39f55}.btn{color:#eee;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.btn:hover{color:#d6d6d6}.btn-light{color:#eee;background-color:#232323;border-color:#272727}.btn-light:hover,.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#eee;background-color:#333;border-color:#272727}.dropdown-header{color:#9a9a9a}.dropdown-divider{border-top:1px solid #0a0a0a}.bg-primary{background-color:#ff8a26!important}.bg-light,.card{background-color:#1f1f1f!important;color:#e2e2e2!important}.card-body{background-color:#262626!important}.bg-white{background-color:#1f1f1f!important;color:#e2e2e2}.bg-black{background-color:#eee!important}.info-stats a,.navbar-light,.navbar-light .navbar-brand,ul.navbar-nav li.nav-item>a{color:#e2e2e2!important}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:#ff7500}.nav-link{color:rgb(255 255 255 / 50%)!important}.extrainfo{position:absolute;z-index:1;border-radius:4px;left:8px;top:8px;padding:8px;background:rgba(0,0,0,.5)}ul.navbar-nav li.nav-item.active,ul.navbar-nav li.nav-item.active>a.active{color:#e9e9e9!important;font-weight:600}.breadcrumb{background-color:#1d1d1d!important}.breadcrumb-item.active{color:#a2a2a2}.dropdown-menu{background-color:#1d1d1d!important;color:#eee}.blog-section a,.blog-section h6,.blog-section i,.blog-section p,.blog-section small,.dropdown-item{color:#e2e2e2}.blog-section a:hover h6,.blog-section a:hover i,.blog-section a:hover p,.blog-section a:hover small,.list-group-item-action:focus,.list-group-item-action:hover{color:#f39f53}.dropdown-menu .dropdown-item:hover{background-color:#2c2c2c!important;color:#e2e2e2}.popover{background-color:#343434}.popover-body{color:#eee}.popover-header{background-color:#323232;color:#eee;border-bottom:1px solid #272727}.table{background-color:#1f1f1f!important;color:#e2e2e2!important}.table-primary{--bs-table-bg:#161616!important}.table-bordered,.table-bordered td,.table-bordered th{border:1px solid #2c2c2c}.table thead th{border-bottom:2px solid #2c2c2c}.table td,.table th{border-top:1px solid #2c2c2c!important;border-right-color:#2c2c2c!important;border-bottom-color:#2c2c2c!important;color:#e2e2e2}.table-hover tbody tr:hover{color:#e2e2e2!important;background-color:rgba(48,48,48)!important}.table .thead-light th{color:#e2e2e2!important;background-color:#333}.tablesorter,table.tablesorter tfoot tr th,table.tablesorter thead tr th{background-color:#2c2c2c!important}table.tablesorter tbody td{background-color:#121212!important;color:#e2e2e2!important}.btn-outline-dark{border-color:#f8f9fa!important}.btn-outline-dark:hover,ul.navbar-nav li.nav-item>a.btn-outline-dark:hover{color:#212529!important;background-color:#f8f9fa!important;border-color:#f8f9fa!important}.list-group-item,.pagination .page-item .page-link{background-color:#2d2d2d!important;border:1px solid #262626;color:#fff}.pagination .page-item.disabled .page-link{color:#636363!important}.pagination .page-item.active .page-link{background-color:#ff7500!important;color:#fff!important}ul.navbar-nav li.nav-item.active>a.active{color:#ff7500!important}.form-check-input:checked,.list-group-item.active{background-color:#ff8a26!important;border-color:#e26a04}.nav-tabs{border-bottom:0}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#fff!important;background-color:#262626;border-color:#2c2c2c #2c2c2c #212121}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#2c2c2c #2c2c2c #212121}.modal-footer,.modal-header{border-color:#2c2c2c!important}.modal-content{background-color:#242424}.alert-light{background-color:#1f1f1f!important;color:#eee;border-color:#2c2c2c}.filter-scripts-button{color:#ff7500!important}.filter-scripts-button:hover{color:#f39f55!important}.filter-scripts-button.active{background-color:#ff7500!important;color:#eee!important}.btn[role=combobox],.form-control,.form-select{color:#d1d1d1!important;background-color:#181818!important;border:1px solid #3c3c3c!important}.form-control:disabled,.form-control[readonly]{background-color:#696969}.form-control:focus{border-color:#f39f55;background-color:#333;color:#eee;box-shadow:0 0 0 .2rem rgba(255,118,0,.25)}.input-group-text{color:#d8d8d8;background-color:#232323;border:1px solid #3c3c3c}.form-signin{background-color:#242424!important;border:1px solid #3c3c3c!important}.progress{background-color:#383838}table.table .pie-chart circle,table.table svg{background-color:#1d1d1d}.pie-chart circle{fill:#121212!important}g text.tick,text{fill:#eee;text-shadow:none}.table tbody+tbody{border-top:2px solid #464646}#legend{background:0 0!important;color:#ccc!important}.switches-list-container{background:0 0!important}.border-top{border-top:1px solid #2d2d2d!important}.border-bottom{border-bottom:1px solid #2d2d2d!important}.border-left{border-left:1px solid #2d2d2d!important}.border-right{border-right:1px solid #2d2d2d!important}.btn-primary,.primary{color:#000}.border{border:1px solid #323232!important}.nvd3 .nv-axis line,.nvd3 .nv-axis path{stroke-width:.8px!important;stroke:#2c2c2c!important}.modal-header .close{color:#fff}#n-navbar{border-radius:0!important}#n-navbar.scrolled.bg-light{background-color:#151515!important}.toast{box-shadow:0 20px 25px -5px rgba(255,255,255,.1),0 10px 10px -5px rgba(255,255,255,.04)}.toast,.toast-body{background-color:rgba(16,16,16,.85)}.btn-gray{background-color:#414141!important}.overlay{background-color:rgba(15,15,15,.7)!important}.tagify__input{color:#eee!important}.apexcharts-tooltip .apexcharts-tooltip-title{background-color:#414141!important}.apexcharts-tooltip.apexcharts-theme-light{background-color:#202020!important}.btn-close{color:#fff;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat}.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active{border-color:var(--ntop-orange-dark)}.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active,.dropdown-item.active,.dropdown-item:active{background-color:var(--ntop-orange)}.apexcharts-legend-text,summary{color:#e2e2e2!important}.fa-external-link-alt{color:#ff8a26;cursor:pointer}li>a>.fa-external-link-alt{color:#ff8a26} \ No newline at end of file +#particles-js,body,html{background-color:#121212!important;color:#e2e2e2}code{color:#f8f8f2!important}.btn-warning{color:#000!important}.graph-val-95percentile-title,.graph-val-average-title,.graph-val-max-title,.graph-val-total,.graph-val-total-title{border-color:#2c2c2c!important}.ntop_notes{color:#fff}.leaflet-top.leaflet-left{z-index:auto}.btn-primary{background-color:var(--ntop-orange);border-color:var(--ntop-orange)}.btn-primary:hover{color:#000;background-color:#ffa026;border-color:#ff9a1a}.btn-check:focus+.btn-primary,.btn-primary:focus{color:#000;background-color:#ffa026;border-color:#ff9a1a;box-shadow:0 0 0 .25rem rgba(217,122,0,.5)}.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#000;background-color:#ffa533;border-color:#ff9a1a}.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(217,122,0,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#000;background-color:var(--ntop-orange);border-color:var(--ntop-orange)}.btn-secondary{color:#fff;background-color:var(--ntop-blue);border-color:var(--ntop-blue)}.btn-secondary:hover{color:#fff;background-color:#2f3c43;border-color:#2c393f}.btn-check:focus+.btn-secondary,.btn-secondary:focus{color:#fff;background-color:#2f3c43;border-color:#2c393f;box-shadow:0 0 0 .25rem rgba(85,99,105,.5)}.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#2c393f;border-color:#29353b}.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(85,99,105,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:var(--ntop-blue);border-color:var(--ntop-blue)}.alert-primary{color:#995600;background-color:#ffe9cc;border-color:#ffddb3}.alert-primary .alert-link{color:#7a4500}.alert-secondary{color:#212b2f;background-color:#d7dadc;border-color:#c3c8ca}.alert-secondary .alert-link{color:#1a2226}.list-group-item-primary{color:#995600;background-color:#ffe9cc}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#995600;background-color:#e6d2b8}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#995600;border-color:#995600}.list-group-item-secondary{color:#212b2f;background-color:#d7dadc}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#212b2f;background-color:#c2c4c6}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#212b2f;border-color:#212b2f}.link-primary{color:var(--ntop-orange)}.link-primary:focus,.link-primary:hover{color:#ffa533}.link-secondary{color:var(--ntop-blue)}.link-secondary:focus,.link-secondary:hover{color:#2c393f}.border-primary{border-color:var(--ntop-orange)!important}.border-secondary{border-color:var(--ntop-blue)!important}.text-primary{color:var(--ntop-orange)!important}.text-secondary{color:var(--ntop-blue)!important}.pie-chart{background-color:transparent!important}svg:not(.leaflet-zoom-animated){background-color:#121212;color:#eee}#ntop-logo>svg,svg.peity{background:0 0}.btn-link,a{color:#ff8a26}.btn-link:hover,a:hover{color:#f39f55}.btn{color:#eee;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.btn:hover{color:#d6d6d6}.btn-light{color:#eee;background-color:#232323;border-color:#272727}.btn-light:hover,.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#eee;background-color:#333;border-color:#272727}.dropdown-header{color:#9a9a9a}.dropdown-divider{border-top:1px solid #0a0a0a}.bg-primary{background-color:#ff8a26!important}.bg-light,.card{background-color:#1f1f1f!important;color:#e2e2e2!important}.card-body{background-color:#262626!important}.bg-white{background-color:#1f1f1f!important;color:#e2e2e2}.bg-black{background-color:#eee!important}.info-stats a,.navbar-light,.navbar-light .navbar-brand,ul.navbar-nav li.nav-item>a{color:#e2e2e2!important}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:#ff7500}.nav-link{color:rgb(255 255 255 / 50%)!important}.extrainfo{position:absolute;z-index:1;border-radius:4px;left:8px;top:8px;padding:8px;background:rgba(0,0,0,.5)}ul.navbar-nav li.nav-item.active,ul.navbar-nav li.nav-item.active>a.active{color:#e9e9e9!important;font-weight:600}.breadcrumb{background-color:#1d1d1d!important}.breadcrumb-item.active{color:#a2a2a2}.dropdown-menu{background-color:#1d1d1d!important;color:#eee}.blog-section a,.blog-section h6,.blog-section i,.blog-section p,.blog-section small,.dropdown-item{color:#e2e2e2}.blog-section a:hover h6,.blog-section a:hover i,.blog-section a:hover p,.blog-section a:hover small,.list-group-item-action:focus,.list-group-item-action:hover{color:#f39f53}.dropdown-menu .dropdown-item:hover{background-color:#2c2c2c!important;color:#e2e2e2}.popover{background-color:#343434}.popover-body{color:#eee}.popover-header{background-color:#323232;color:#eee;border-bottom:1px solid #272727}.table{background-color:#1f1f1f!important;color:#e2e2e2!important}.table-primary{--bs-table-bg:#161616!important}.table-bordered,.table-bordered td,.table-bordered th{border:1px solid #2c2c2c}.table thead th{border-bottom:2px solid #2c2c2c}.table td,.table th{border-top:1px solid #2c2c2c!important;border-right-color:#2c2c2c!important;border-bottom-color:#2c2c2c!important;color:#e2e2e2}.table-hover tbody tr:hover{color:#e2e2e2!important;background-color:rgba(48,48,48)!important}.table .thead-light th{color:#e2e2e2!important;background-color:#333}.tablesorter,table.tablesorter tfoot tr th,table.tablesorter thead tr th{background-color:#2c2c2c!important}table.tablesorter tbody td{background-color:#121212!important;color:#e2e2e2!important}.btn-outline-dark{border-color:#f8f9fa!important}.btn-outline-dark:hover,ul.navbar-nav li.nav-item>a.btn-outline-dark:hover{color:#212529!important;background-color:#f8f9fa!important;border-color:#f8f9fa!important}.list-group-item,.pagination .page-item .page-link{background-color:#2d2d2d!important;border:1px solid #262626;color:#fff}.pagination .page-item.disabled .page-link{color:#636363!important}.pagination .page-item.active .page-link{background-color:#ff7500!important;color:#fff!important}ul.navbar-nav li.nav-item.active>a.active{color:#ff7500!important}.form-check-input:checked,.list-group-item.active{background-color:#ff8a26!important;border-color:#e26a04}.nav-tabs{border-bottom:0}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#fff!important;background-color:#262626;border-color:#2c2c2c #2c2c2c #212121}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#2c2c2c #2c2c2c #212121}.modal-footer,.modal-header{border-color:#2c2c2c!important}.modal-content{background-color:#242424}.alert-light{background-color:#1f1f1f!important;color:#eee;border-color:#2c2c2c}.filter-scripts-button{color:#ff7500!important}.filter-scripts-button:hover{color:#f39f55!important}.filter-scripts-button.active{background-color:#ff7500!important;color:#eee!important}.btn[role=combobox],.form-control,.form-select{color:#d1d1d1!important;background-color:#181818!important;border:1px solid #3c3c3c!important}.form-control:disabled,.form-control[readonly]{background-color:#696969}.form-control:focus{border-color:#f39f55;background-color:#333;color:#eee;box-shadow:0 0 0 .2rem rgba(255,118,0,.25)}.input-group-text{color:#d8d8d8;background-color:#232323;border:1px solid #3c3c3c}.form-signin{background-color:#242424!important;border:1px solid #3c3c3c!important}.progress{background-color:#383838}table.table .pie-chart circle,table.table svg{background-color:#1d1d1d}.pie-chart circle{fill:#121212!important}g text.tick,text{fill:#eee;text-shadow:none}.table tbody+tbody{border-top:2px solid #464646}#legend{background:0 0!important;color:#ccc!important}.switches-list-container{background:0 0!important}.border-top{border-top:1px solid #2d2d2d!important}.border-bottom{border-bottom:1px solid #2d2d2d!important}.border-left{border-left:1px solid #2d2d2d!important}.border-right{border-right:1px solid #2d2d2d!important}.btn-primary,.primary{color:#000}.border{border:1px solid #323232!important}.nvd3 .nv-axis line,.nvd3 .nv-axis path{stroke-width:.8px!important;stroke:#2C2C2C!important}.modal-header .close{color:#fff}#n-navbar{border-radius:0!important}#n-navbar.scrolled.bg-light{background-color:#151515!important}.toast{box-shadow:0 20px 25px -5px rgba(255,255,255,.1),0 10px 10px -5px rgba(255,255,255,.04)}.toast,.toast-body{background-color:rgba(16,16,16,.85)}.btn-gray{background-color:#414141!important}.overlay{background-color:rgba(15,15,15,.7)!important}.tagify__input{color:#eee!important}.apexcharts-tooltip .apexcharts-tooltip-title{background-color:#414141!important}.apexcharts-tooltip.apexcharts-theme-light{background-color:#202020!important}.btn-close{color:#fff;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat}.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active{border-color:var(--ntop-orange-dark)}.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active,.dropdown-item.active,.dropdown-item:active{background-color:var(--ntop-orange)}.apexcharts-legend-text,summary{color:#e2e2e2!important}.fa-external-link-alt{color:#ff8a26;cursor:pointer}li>a>.fa-external-link-alt{color:#ff8a26} \ No newline at end of file diff --git a/httpdocs/css/minified/ntopng.min.css b/httpdocs/css/minified/ntopng.min.css index 2ddeeffbb0..22ae97d5bd 100644 --- a/httpdocs/css/minified/ntopng.min.css +++ b/httpdocs/css/minified/ntopng.min.css @@ -1 +1 @@ -:root{--sidebar-width:4.5rem;--footer-height:4rem;--padding-md-four:1.5rem;--scrollable-dropdown-height:20rem;--ntop-orange:#ff8f00;--ntop-orange-light:#ffc046;--ntop-orange-dark:#c56000;--ntop-blue:#37474f;--ntop-blue-light:#62717b;--ntop-blue-dark:#101f27}.btn-link,a{text-decoration:none}summary>span{border-bottom:1px dotted gray;font-weight:bolder;color:initial}code{color:#393d44}.masthead>.nav>.nav-item{margin-left:3px;margin-right:3px}.circle{border-radius:50%;width:9px;height:9px;margin-right:5px}.node circle{cursor:pointer;stroke-width:1.5px}.node text{font-size:11px}.report-icon{font-size:18px}path.link{fill:none;stroke:#ccc;stroke-width:1.5px}.line-dashed .nv-line{stroke-dasharray:5,5}.chart-loading-spinner{position:absolute;top:50%;left:50%;font-size:50px}#historical-tab-chart .nv-area-stroke-hint{animation-name:line-stroke-appear;animation-duration:1.5s;animation-fill-mode:both}@keyframes line-stroke-appear{from{stroke-opacity:0;stroke-width:0}to{stroke-opacity:1;stroke-width:1.2}}.line-animated .nv-line{animation-name:line-appear;animation-delay:.25s;animation-duration:1.25s;animation-fill-mode:backwards}@keyframes line-appear{from{-webkit-clip-path:polygon(0 -1000px,0 -1000px,0 1000px,0 1000px)}to{-webkit-clip-path:polygon(0 -1000px,100% -1000px,100% 1000px,0 1000px)}}.ntop-progress-stacked{width:400px}.ntop-progress-stacked-legend{margin-top:4px}.ntop-progress-stacked-legend>span>span:last-child{margin-left:3px}.ntop-progress-stacked-legend>span:not(:first-child){margin-left:20px}.form-inline{display:inline}.typeahead-dropdown-right .dropdown-menu{right:0}.link{fill:none;stroke:#666;stroke-width:1.5px}.link.proc2host{stroke-dasharray:0,2 1}.ebpf_circle{fill:#ccc;stroke:#333;stroke-width:1.5px}.ebpf_text{font:10px sans-serif;pointer-events:none;text-shadow:0 1px 0 #fff,1px 0 0 #fff,0 -1px 0 #fff,-1px 0 0 #fff}.drilldown-icon{font-size:16px}.fa-topology-alt:before{content:"\f1e0"}.mt-6{margin-top:6rem!important}.navbar-shadow{box-shadow:0 3px 6px rgba(0,0,0,.01),0 3px 6px rgba(0,0,0,.1);box-shadow:var(0,0,transparent,0 0 #0000),var(0,0,transparent,0 0 #0000),var(0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06));border-radius:.25rem}.navbar-main-top{align-items:flex-start}@media (max-width:1280px){.navbar-main-badges{width:360px}}@media (max-width:1200px){.navbar-main-badges{width:300px}}@media (max-width:1080px){.navbar-main-badges{width:200px}}.table:not(.dataTable) td,.table:not(.dataTable) th{padding:.5rem!important}.traffic-report-table{height:auto!important}.square-btn{width:2rem;height:2rem}.scrollable-dropdown{max-height:var(--scrollable-dropdown-height);height:auto;overflow-y:auto;overflow-x:hidden}.dark-gray{color:#363943}.ntop-color{color:#ff7500}.bg-ntop{background-color:#ff7500}.custom-control-label-lg{transform:scale(1.5)}.dt-search{display:inline-block}.dt-search label{margin-right:.5rem;margin-top:.25rem}main#n-container{height:100%;flex-flow:column;display:inline-block;width:100%;padding-left:calc(var(--sidebar-width) + 1rem)!important}.downup-charts div.down,.downup-charts div.up,.info-stats div.down,.info-stats div.up{min-width:12rem}.downup-charts div.down,.info-stats div.down{margin-top:-.55rem}.downup-charts,.info-stats{display:flex;align-items:center}.info-stats a{color:#383b45;text-decoration:none}.network-load a{margin:0 .1em}.w-10{max-width:12rem}#n-navbar{left:var(--sidebar-width);z-index:1000;transition:.2s ease-out;background-color:transparent;box-shadow:none}#n-navbar.scrolled{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(88,49,49,.06)!important;background-color:initial}.no-scroll{overflow-y:hidden}.chips-container{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem}.chips-container>input[type=text]{border:none;outline:0;display:inline-block;width:auto;min-width:100%}.chips-container>input[type=text]:focus{border:none!important;outline:0!important}.input-group.template input.form-control{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.multiple-select{height:12rem!important;overflow-y:auto;max-height:20rem}.multiple-select-small{height:8rem!important;overflow-y:auto;max-height:12rem}.pointer{cursor:pointer}.p-btn{padding:.375rem 0}.scroll-x{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.dt-table-wrapper table.table tbody td{vertical-align:middle}details#dt-top-summary{margin:1.25rem 0}details div.progress{height:.55rem}details summary::-webkit-details-marker{display:none}details div.details{padding:1rem;border:1px solid #ccc;border-radius:3px}details ul{margin:0;width:100%;padding:0;display:table}details ul li{display:table-cell;margin:.5rem;font-weight:700;text-align:center;vertical-align:middle;white-space:nowrap;width:1%}details ul li:last-child,details ul li:only-child{border:none}details ul li,details ul li:first-child{border-right:1px solid #ccc}details ul li i.dot{display:inline-block;width:10px;height:10px;border-radius:50%}details ul li>span{color:#8e8e8e}.switches-list-container{width:100%;height:200px;overflow-y:auto;border:1px solid #ccc;border-radius:3px;padding:.5rem;background-color:#fbfbfb}.switches-list-container>ul{list-style-type:none;padding-left:0}#updates-install-li{font-size:.875rem}div.help-block.with-errors .list-unstyled{margin-top:.5em;margin-bottom:0!important}th.dt-head-center{text-align:center}td.dt-body-right{text-align:right}.notification-bell{font-size:.5rem;position:absolute;right:1rem;top:.2rem}.bigger-icon{font-size:12rem}.scrollable-log{height:16rem;overflow-y:scroll}.scrollable-log>code{word-break:break-all}.toast{width:350px}.toast p{word-break:break-all}.toast:not(:last-child){margin-bottom:.2rem}.toast-container{position:fixed;top:.5rem;right:.5rem;z-index:1050}.blog-section{width:30rem}#lldp_network{height:600px}.pre-wrap{white-space:pre}.toast-body.bg-info a{font-weight:600}.body{padding-top:4.5rem}.notes{margin-top:1rem;padding:1rem;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.notes b{margin-bottom:.2rem}.card-shadow{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.extrainfo{position:absolute;z-index:1;border-radius:4px;left:8px;top:8px;padding:8px;background:#dee2e6}footer{width:100%;height:var(--footer-height)}.form-control-with-spinner{position:relative}.form-control-with-spinner .spinner-border{position:absolute;right:.5rem;top:calc(50% - .5rem)}.btn[role=combobox]{border-color:#ced4d9;background-color:#fff}.btn-gray{background-color:#f0f0f0}.px-25{padding:0 25%!important}.actions-group{min-width:120px}.scrollable-list{max-height:16rem;overflow-y:auto}.largegroup{width:500px}.dtr-details{width:100%}.ntop-widget-container>.error-box{display:flex;justify-content:center;align-items:center;height:100%}.no-wrap{white-space:nowrap}.resizable-y-container{resize:vertical;overflow:auto}.overlay{display:flex;background-color:rgba(16,16,16,.1);z-index:1000}.tagify-non-editable .tagify__input{display:none!important}.dashboard-widget-container{--tw-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--tw-ring-offset-shadow:0 0 transparent;height:auto;border:1px solid #e5e7eb;border-radius:.375rem;display:flex;flex-direction:column;box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.dashboard-widget-header{padding:.45rem 1rem;margin-bottom:0;background-color:rgba(0,0,0,.02);border-bottom:1px solid rgba(0,0,0,.125);font-size:.85rem;color:#6b7280}.dashboard-widget-body{height:100%}.percentage-widget{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.percentage-widget .value{font-size:4rem;font-weight:600}.percentage-widget .percentage{font-size:1.5rem;margin-top:-.5rem}.percentage-widget .percentage.positive{color:#2ca61c}.percentage-widget .percentage.negative{color:#e93d3d}.fit-content{width:fit-content;width:-moz-fit-content}.time-input{width:18ch}.h-auto{height:auto}.f-1{font-size:1rem}td.dashboard-counter{font-size:2rem;padding-top:0!important;padding-bottom:0!important}.fa-ntopng-warning{color:#b94a48}#particles-js{position:absolute;width:100%;height:100%;background-color:#f5f5f5;background-image:url("");background-repeat:no-repeat;background-size:cover;background-position:50% 50%}.fa-external-link-alt{color:#0d6efd;cursor:pointer}.leaflet-top.leaflet-left{z-index:auto}.btn{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.alert-warning{color:#5f4702;background-color:#fff0a5;border-color:#f7e694}li>a>.fa-external-link-alt{color:#0091ea}#n-sidebar{position:fixed;width:var(--sidebar-width);top:0;left:0;bottom:0;display:flex;flex-direction:column;color:#fff;transition:width .5s;z-index:1040;padding-left:0!important;padding-right:0!important}#n-sidebar .mobile-menu-button,#n-sidebar .mobile-menu-stats{opacity:0;transition:1s ease-in;display:none!important}#n-sidebar .mobile-menu-stats .info-stats span{color:#fff}#n-sidebar.active .mobile-menu-button{padding:.8rem;background-color:#3e3e3e;opacity:1}#n-sidebar.active .mobile-menu-stats{padding:.8rem;background-color:#2e2e2e;opacity:1}.btn-sidebar{display:none}.sidebar-close-layer{top:0;left:0;position:absolute;width:100%;height:100%;background-color:#000000db;z-index:1005}.mobile-menu-button select.form-control{color:#d1d1d1;background-color:#181818;border:1px solid #3c3c3c}.mobile-menu-button button[data-toggle=sidebar]{color:var(--white);font-size:1.2rem;background:0 0;border:none;height:100%}#sidebar{padding:0;list-style:none}#n-sidebar.bg-light #sidebar li:hover{background-color:#dedede}#n-sidebar .sidebar-info,#n-sidebar.active .sidebar-info{background-color:#ececec;color:#363943;position:fixed;bottom:0;width:inherit;padding:1rem;text-align:center}#n-sidebar .sidebar-info a{background-color:#ececec;color:#363943;text-decoration:none}#collapse-sidebar{position:relative}#collapse-sidebar span{position:absolute;margin-left:.5rem;color:#363943}#n-sidebar .dropdown-divider{border-top:1px solid #c5c5c5}#n-sidebar h3.muted{padding:.1rem .5rem;margin-bottom:2px;position:relative}#n-sidebar h3.muted div>a,#n-sidebar h3.muted div>button{display:inline-block}#n-sidebar.bg-dark button[data-toggle=sidebar]>i{color:#fff}#n-sidebar.active ul{width:100%}#n-sidebar.active ul li{width:100%;text-align:left}#n-sidebar ul li{width:100%;text-align:center}#n-sidebar.active ul li span.title{display:inline-block;font-size:1rem}#n-sidebar ul li span.title{font-size:.75rem;display:block}#n-sidebar.bg-light ul>li.nav-item div.collapse>ul li>a:hover,#n-sidebar.bg-light ul>li.nav-item div.collapsing>ul li>a:hover{background-color:#dedede}#n-sidebar ul>li.nav-item>a{display:block;padding:.8rem 0;text-decoration:none;transition:background .5s;color:#363943;white-space:nowrap;font-size:.75rem}#n-sidebar.bg-dark ul>li.nav-item>a.submenu::before{border-left:4px solid #fff}#n-sidebar ul>li.nav-item>a.submenu::before{display:block;content:" ";position:absolute;border-radius:3px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #333;right:4px}#n-sidebar ul>li.nav-item>a>span{display:block;margin-bottom:.2rem;font-size:1rem}#n-sidebar.active ul>li.nav-item>a{padding:.8rem;font-size:1rem}#n-sidebar.active ul>li.nav-item>a>span{display:inline;font-size:1rem}#n-sidebar.active .submenu::after{display:inline-block;margin-left:auto;margin-right:0;vertical-align:.26em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}#n-sidebar.active .sidebar-info{display:block;text-align:left}#n-sidebar ul>li.nav-item a.active{color:#fff;background-color:#ff7500;border-radius:0}#n-sidebar ul>li.nav-item div.collapse,#n-sidebar ul>li.nav-item div.collapsing{background-color:#ededed;color:#383b45;min-height:40px}#n-sidebar ul>li.nav-item div.collapse>ul li>a.active,#n-sidebar ul>li.nav-item div.collapsing>ul li>a.active{background-color:#f57f17}#n-sidebar ul>li.nav-item div.collapse>ul li>a,#n-sidebar ul>li.nav-item div.collapsing>ul li>a{padding:.5rem;transition:.5s;display:block;font-size:.95rem;color:#363943;text-decoration:none}#ntop-logo{height:3.2rem;width:100%}#ntop-logo>svg{width:100%;height:2.5rem;margin-top:6px}.squared-logo{display:none}.side-collapse{animation:none;transition:none;left:var(--sidebar-width);z-index:1040;width:16rem;top:0;position:absolute;overflow-y:auto;box-shadow:rgba(0,0,0,.12) 0 1px 3px,rgba(0,0,0,.24) 0 1px 2px}.side-collapse a{text-align:left}@media (min-width:320px) and (max-width:480px){footer{font-size:.8rem;height:6rem;min-height:6rem}.body{padding-top:6rem}main#n-container{padding:.8rem!important}#button-switch-interface{display:none!important}.btn-sidebar{display:block}#n-sidebar.active .mobile-menu-button,#n-sidebar.active .mobile-menu-stats{display:flex!important}#n-sidebar.active .mobile-menu-stats{flex-direction:row;flex-wrap:wrap}#n-sidebar .mobile-menu-button,#n-sidebar .mobile-menu-stats{display:none}#n-sidebar{width:0;left:0}#n-sidebar.active{width:85%}#n-container{margin-left:0}#n-navbar{left:0}#n-sidebar h3.muted{display:none}#n-sidebar ul#sidebar{overflow-y:auto;transition:.2s ease-out;opacity:0;padding:0}#n-sidebar.active ul#sidebar{opacity:1}#n-sidebar ul#sidebar li.nav-item>a{padding:1rem}#n-sidebar ul#sidebar li.nav-item div[data-parent="#sidebar"] ul li{padding:.45rem}#n-sidebar ul#sidebar li.nav-item div[data-parent="#sidebar"] ul li.active{background-color:#f57f17}#n-sidebar ul#sidebar li.nav-item div[data-parent="#sidebar"] ul li.dropdown-divider{padding:.1rem}#n-sidebar ul#sidebar li.nav-item.active{background-color:#ff7500}#n-sidebar ul>li.nav-item>a.submenu::after,#n-sidebar ul>li.nav-item>a.submenu::before{display:none}.side-collapse{position:static;overflow-y:hidden;box-shadow:none;width:100%;transition:.5s ease-in}}#n-sidebar.bg-dark .sidebar-info{background-color:#353535;color:#e2e2e2}#n-sidebar.bg-dark .sidebar-info a{background-color:#353535;color:#e2e2e2;text-decoration:none}#n-sidebar.bg-dark{background-color:#1f1f1f!important;color:#e2e2e2}#n-sidebar.bg-dark #toggle-theme{color:#ccc}#n-sidebar.active.bg-dark .sidebar-info{color:#e2e2e2!important}#n-sidebar.bg-dark ul>li.nav-item div.collapse,#n-sidebar.bg-dark ul>li.nav-item div.collapsing{background-color:#353535;color:#e2e2e2}#n-sidebar.bg-dark .dropdown-divider{border-top:1px solid #1f1f1f}#n-sidebar.bg-dark ul#sidebar li.nav-item div[data-parent="#sidebar"] ul li:hover,#n-sidebar.bg-dark ul>li.nav-item div.collapse>ul li>a:hover,#n-sidebar.bg-dark ul>li.nav-item div.collapsing>ul li>a:hover{background-color:#272727}#n-sidebar.bg-dark li,#n-sidebar.bg-dark ul>li.nav-item div.collapse>ul li>a,#n-sidebar.bg-dark ul>li.nav-item div.collapsing>ul li>a,#n-sidebar.bg-dark ul>li.nav-item>a{color:#e2e2e2}#n-sidebar.bg-dark li:hover,#n-sidebar.bg-dark ul>li.nav-item>a:hover{background-color:#353535}#n-sidebar.bg-dark ul>li.nav-item>a:focus{background-color:#1f1f1f}#n-sidebar.bg-dark ul>li.nav-item>a[aria-expanded=true]{background-color:#353535!important}#n-sidebar.bg-dark.active #sidebar li::after{display:none}#n-sidebar.bg-dark #sidebar li::after{background-color:#42424236;content:'';display:block;height:1px;width:3rem;right:calc(50% - 1.5rem);position:absolute}#n-sidebar.bg-dark #sidebar li:last-child::after{display:none} \ No newline at end of file +:root{--sidebar-width:4.5rem;--footer-height:4rem;--padding-md-four:1.5rem;--scrollable-dropdown-height:20rem;--ntop-orange:#ff8f00;--ntop-orange-light:#ffc046;--ntop-orange-dark:#c56000;--ntop-blue:#37474f;--ntop-blue-light:#62717b;--ntop-blue-dark:#101f27}.btn-link,a{text-decoration:none}summary>span{border-bottom:1px dotted gray;font-weight:bolder;color:initial}code{color:#393d44}.masthead>.nav>.nav-item{margin-left:3px;margin-right:3px}.circle{border-radius:50%;width:9px;height:9px;margin-right:5px}.node circle{cursor:pointer;stroke-width:1.5px}.node text{font-size:11px}.report-icon{font-size:18px}path.link{fill:none;stroke:#ccc;stroke-width:1.5px}.line-dashed .nv-line{stroke-dasharray:5,5}.chart-loading-spinner{position:absolute;top:50%;left:50%;font-size:50px}#historical-tab-chart .nv-area-stroke-hint{animation-name:line-stroke-appear;animation-duration:1.5s;animation-fill-mode:both}@keyframes line-stroke-appear{from{stroke-opacity:0;stroke-width:0}to{stroke-opacity:1;stroke-width:1.2}}.line-animated .nv-line{animation-name:line-appear;animation-delay:.25s;animation-duration:1.25s;animation-fill-mode:backwards}@keyframes line-appear{from{-webkit-clip-path:polygon(0px -1000px,0px -1000px,0px 1000px,0px 1000px)}to{-webkit-clip-path:polygon(0px -1000px,100% -1000px,100% 1000px,0px 1000px)}}.ntop-progress-stacked{width:400px}.ntop-progress-stacked-legend{margin-top:4px}.ntop-progress-stacked-legend>span>span:last-child{margin-left:3px}.ntop-progress-stacked-legend>span:not(:first-child){margin-left:20px}.form-inline{display:inline}.typeahead-dropdown-right .dropdown-menu{right:0}.link{fill:none;stroke:#666;stroke-width:1.5px}.link.proc2host{stroke-dasharray:0,2 1}.ebpf_circle{fill:#ccc;stroke:#333;stroke-width:1.5px}.ebpf_text{font:10px sans-serif;pointer-events:none;text-shadow:0 1px 0 #fff,1px 0 0 #fff,0 -1px 0 #fff,-1px 0 0 #fff}.drilldown-icon{font-size:16px}.fa-topology-alt:before{content:"\f1e0"}.mt-6{margin-top:6rem!important}.navbar-shadow{box-shadow:0 3px 6px rgba(0,0,0,.01),0 3px 6px rgba(0,0,0,.1);box-shadow:var(0,0,transparent,0 0 #0000),var(0,0,transparent,0 0 #0000),var(0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06));border-radius:.25rem}.navbar-main-top{align-items:flex-start}@media (max-width:1280px){.navbar-main-badges{width:360px}}@media (max-width:1200px){.navbar-main-badges{width:300px}}@media (max-width:1080px){.navbar-main-badges{width:200px}}.table:not(.dataTable) td,.table:not(.dataTable) th{padding:.5rem!important}.traffic-report-table{height:auto!important}.square-btn{width:2rem;height:2rem}.scrollable-dropdown{max-height:var(--scrollable-dropdown-height);height:auto;overflow-y:auto;overflow-x:hidden}.dark-gray{color:#363943}.ntop-color{color:#ff7500}.bg-ntop{background-color:#ff7500}.custom-control-label-lg{transform:scale(1.5)}.dt-search{display:inline-block}.dt-search label{margin-right:.5rem;margin-top:.25rem}main#n-container{height:100%;flex-flow:column;display:inline-block;width:100%;padding-left:calc(var(--sidebar-width) + 1rem)!important}.downup-charts div.down,.downup-charts div.up,.info-stats div.down,.info-stats div.up{min-width:12rem}.downup-charts div.down,.info-stats div.down{margin-top:-.55rem}.downup-charts,.info-stats{display:flex;align-items:center}.info-stats a{color:#383b45;text-decoration:none}.network-load a{margin:0 .1em}.w-10{max-width:12rem}#n-navbar{left:var(--sidebar-width);z-index:1000;transition:.2s ease-out;background-color:transparent;box-shadow:none}#n-navbar.scrolled{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(88,49,49,.06)!important;background-color:initial}.no-scroll{overflow-y:hidden}.chips-container{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem}.chips-container>input[type=text]{border:none;outline:0;display:inline-block;width:auto;min-width:100%}.chips-container>input[type=text]:focus{border:none!important;outline:0!important}.input-group.template input.form-control{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.multiple-select{height:12rem!important;overflow-y:auto;max-height:20rem}.multiple-select-small{height:8rem!important;overflow-y:auto;max-height:12rem}.pointer{cursor:pointer}.p-btn{padding:.375rem 0}.scroll-x{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.dt-table-wrapper table.table tbody td{vertical-align:middle}details#dt-top-summary{margin:1.25rem 0}details div.progress{height:.55rem}details summary::-webkit-details-marker{display:none}details div.details{padding:1rem;border:1px solid #ccc;border-radius:3px}details ul{margin:0;width:100%;padding:0;display:table}details ul li{display:table-cell;margin:.5rem;font-weight:700;text-align:center;vertical-align:middle;white-space:nowrap;width:1%}details ul li:last-child,details ul li:only-child{border:none}details ul li,details ul li:first-child{border-right:1px solid #ccc}details ul li i.dot{display:inline-block;width:10px;height:10px;border-radius:50%}details ul li>span{color:#8e8e8e}.switches-list-container{width:100%;height:200px;overflow-y:auto;border:1px solid #ccc;border-radius:3px;padding:.5rem;background-color:#fbfbfb}.switches-list-container>ul{list-style-type:none;padding-left:0}#updates-install-li{font-size:.875rem}div.help-block.with-errors .list-unstyled{margin-top:.5em;margin-bottom:0!important}th.dt-head-center{text-align:center}td.dt-body-right{text-align:right}.notification-bell{font-size:.5rem;position:absolute;right:1rem;top:.2rem}.bigger-icon{font-size:12rem}.scrollable-log{height:16rem;overflow-y:scroll}.scrollable-log>code{word-break:break-all}.toast{width:350px}.toast p{word-break:break-all}.toast:not(:last-child){margin-bottom:.2rem}.toast-container{position:fixed;top:.5rem;right:.5rem;z-index:1050}.blog-section{width:30rem}#lldp_network{height:600px}.pre-wrap{white-space:pre}.toast-body.bg-info a{font-weight:600}.body{padding-top:4.5rem}.notes{margin-top:1rem;padding:1rem;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.notes b{margin-bottom:.2rem}.card-shadow{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.extrainfo{position:absolute;z-index:1;border-radius:4px;left:8px;top:8px;padding:8px;background:#dee2e6}footer{width:100%;height:var(--footer-height)}.form-control-with-spinner{position:relative}.form-control-with-spinner .spinner-border{position:absolute;right:.5rem;top:calc(50% - .5rem)}.btn[role=combobox]{border-color:#ced4d9;background-color:#fff}.btn-gray{background-color:#f0f0f0}.px-25{padding:0 25%!important}.actions-group{min-width:120px}.scrollable-list{max-height:16rem;overflow-y:auto}.largegroup{width:500px}.dtr-details{width:100%}.ntop-widget-container>.error-box{display:flex;justify-content:center;align-items:center;height:100%}.no-wrap{white-space:nowrap}.resizable-y-container{resize:vertical;overflow:auto}.overlay{display:flex;background-color:rgba(16,16,16,.1);z-index:1000}.tagify-non-editable .tagify__input{display:none!important}.dashboard-widget-container{--tw-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--tw-ring-offset-shadow:0 0 transparent;height:auto;border:1px solid #e5e7eb;border-radius:.375rem;display:flex;flex-direction:column;box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.dashboard-widget-header{padding:.45rem 1rem;margin-bottom:0;background-color:rgba(0,0,0,.02);border-bottom:1px solid rgba(0,0,0,.125);font-size:.85rem;color:#6b7280}.dashboard-widget-body{height:100%}.percentage-widget{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.percentage-widget .value{font-size:4rem;font-weight:600}.percentage-widget .percentage{font-size:1.5rem;margin-top:-.5rem}.percentage-widget .percentage.positive{color:#2ca61c}.percentage-widget .percentage.negative{color:#e93d3d}.fit-content{width:fit-content;width:-moz-fit-content}.time-input{width:18ch}.h-auto{height:auto}.f-1{font-size:1rem}td.dashboard-counter{font-size:2rem;padding-top:0!important;padding-bottom:0!important}.fa-ntopng-warning{color:#b94a48}#particles-js{position:absolute;width:100%;height:100%;background-color:#f5f5f5;background-image:url("");background-repeat:no-repeat;background-size:cover;background-position:50% 50%}.fa-external-link-alt{color:#0d6efd;cursor:pointer}.leaflet-top.leaflet-left{z-index:auto}.btn{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.alert-warning{color:#5f4702;background-color:#fff0a5;border-color:#f7e694}li>a>.fa-external-link-alt{color:#0091ea}#n-sidebar{position:fixed;width:var(--sidebar-width);top:0;left:0;bottom:0;display:flex;flex-direction:column;color:#fff;transition:width .5s;z-index:1040;padding-left:0!important;padding-right:0!important}#n-sidebar .mobile-menu-button,#n-sidebar .mobile-menu-stats{opacity:0;transition:1s ease-in;display:none!important}#n-sidebar .mobile-menu-stats .info-stats span{color:#fff}#n-sidebar.active .mobile-menu-button{padding:.8rem;background-color:#3e3e3e;opacity:1}#n-sidebar.active .mobile-menu-stats{padding:.8rem;background-color:#2e2e2e;opacity:1}.btn-sidebar{display:none}.sidebar-close-layer{top:0;left:0;position:absolute;width:100%;height:100%;background-color:#000000db;z-index:1005}.mobile-menu-button select.form-control{color:#d1d1d1;background-color:#181818;border:1px solid #3c3c3c}.mobile-menu-button button[data-toggle=sidebar]{color:var(--white);font-size:1.2rem;background:0 0;border:none;height:100%}#sidebar{padding:0;list-style:none}#n-sidebar.bg-light #sidebar li:hover{background-color:#dedede}#n-sidebar .sidebar-info,#n-sidebar.active .sidebar-info{background-color:#ececec;color:#363943;position:fixed;bottom:0;width:inherit;padding:1rem;text-align:center}#n-sidebar .sidebar-info a{background-color:#ececec;color:#363943;text-decoration:none}#collapse-sidebar{position:relative}#collapse-sidebar span{position:absolute;margin-left:.5rem;color:#363943}#n-sidebar .dropdown-divider{border-top:1px solid #c5c5c5}#n-sidebar h3.muted{padding:.1rem .5rem;margin-bottom:2px;position:relative}#n-sidebar h3.muted div>a,#n-sidebar h3.muted div>button{display:inline-block}#n-sidebar.bg-dark button[data-toggle=sidebar]>i{color:#fff}#n-sidebar.active ul{width:100%}#n-sidebar.active ul li{width:100%;text-align:left}#n-sidebar ul li{width:100%;text-align:center}#n-sidebar.active ul li span.title{display:inline-block;font-size:1rem}#n-sidebar ul li span.title{font-size:.75rem;display:block}#n-sidebar.bg-light ul>li.nav-item div.collapse>ul li>a:hover,#n-sidebar.bg-light ul>li.nav-item div.collapsing>ul li>a:hover{background-color:#dedede}#n-sidebar ul>li.nav-item>a{display:block;padding:.8rem 0;text-decoration:none;transition:background .5s;color:#363943;white-space:nowrap;font-size:.75rem}#n-sidebar.bg-dark ul>li.nav-item>a.submenu::before{border-left:4px solid #fff}#n-sidebar ul>li.nav-item>a.submenu::before{display:block;content:" ";position:absolute;border-radius:3px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #333;right:4px}#n-sidebar ul>li.nav-item>a>span{display:block;margin-bottom:.2rem;font-size:1rem}#n-sidebar.active ul>li.nav-item>a{padding:.8rem;font-size:1rem}#n-sidebar.active ul>li.nav-item>a>span{display:inline;font-size:1rem}#n-sidebar.active .submenu::after{display:inline-block;margin-left:auto;margin-right:0;vertical-align:.26em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}#n-sidebar.active .sidebar-info{display:block;text-align:left}#n-sidebar ul>li.nav-item a.active{color:#fff;background-color:#ff7500;border-radius:0}#n-sidebar ul>li.nav-item div.collapse,#n-sidebar ul>li.nav-item div.collapsing{background-color:#ededed;color:#383b45;min-height:40px}#n-sidebar ul>li.nav-item div.collapse>ul li>a.active,#n-sidebar ul>li.nav-item div.collapsing>ul li>a.active{background-color:#f57f17}#n-sidebar ul>li.nav-item div.collapse>ul li>a,#n-sidebar ul>li.nav-item div.collapsing>ul li>a{padding:.5rem;transition:.5s;display:block;font-size:.95rem;color:#363943;text-decoration:none}#ntop-logo{height:3.2rem;width:100%}#ntop-logo>svg{width:100%;height:2.5rem;margin-top:6px}.squared-logo{display:none}.side-collapse{animation:none;transition:none;left:var(--sidebar-width);z-index:1040;width:16rem;top:0;position:absolute;overflow-y:auto;box-shadow:rgba(0,0,0,.12) 0 1px 3px,rgba(0,0,0,.24) 0 1px 2px}.side-collapse a{text-align:left}@media (min-width:320px) and (max-width:480px){footer{font-size:.8rem;height:6rem;min-height:6rem}.body{padding-top:6rem}main#n-container{padding:.8rem!important}#button-switch-interface{display:none!important}.btn-sidebar{display:block}#n-sidebar.active .mobile-menu-button,#n-sidebar.active .mobile-menu-stats{display:flex!important}#n-sidebar.active .mobile-menu-stats{flex-direction:row;flex-wrap:wrap}#n-sidebar .mobile-menu-button,#n-sidebar .mobile-menu-stats{display:none}#n-sidebar{width:0;left:0}#n-sidebar.active{width:85%}#n-container{margin-left:0}#n-navbar{left:0}#n-sidebar h3.muted{display:none}#n-sidebar ul#sidebar{overflow-y:auto;transition:.2s ease-out;opacity:0;padding:0}#n-sidebar.active ul#sidebar{opacity:1}#n-sidebar ul#sidebar li.nav-item>a{padding:1rem}#n-sidebar ul#sidebar li.nav-item div[data-parent="#sidebar"] ul li{padding:.45rem}#n-sidebar ul#sidebar li.nav-item div[data-parent="#sidebar"] ul li.active{background-color:#f57f17}#n-sidebar ul#sidebar li.nav-item div[data-parent="#sidebar"] ul li.dropdown-divider{padding:.1rem}#n-sidebar ul#sidebar li.nav-item.active{background-color:#ff7500}#n-sidebar ul>li.nav-item>a.submenu::after,#n-sidebar ul>li.nav-item>a.submenu::before{display:none}.side-collapse{position:static;overflow-y:hidden;box-shadow:none;width:100%;transition:.5s ease-in}}#n-sidebar.bg-dark .sidebar-info{background-color:#353535;color:#e2e2e2}#n-sidebar.bg-dark .sidebar-info a{background-color:#353535;color:#e2e2e2;text-decoration:none}#n-sidebar.bg-dark{background-color:#1f1f1f!important;color:#e2e2e2}#n-sidebar.bg-dark #toggle-theme{color:#ccc}#n-sidebar.active.bg-dark .sidebar-info{color:#e2e2e2!important}#n-sidebar.bg-dark ul>li.nav-item div.collapse,#n-sidebar.bg-dark ul>li.nav-item div.collapsing{background-color:#353535;color:#e2e2e2}#n-sidebar.bg-dark .dropdown-divider{border-top:1px solid #1f1f1f}#n-sidebar.bg-dark ul#sidebar li.nav-item div[data-parent="#sidebar"] ul li:hover,#n-sidebar.bg-dark ul>li.nav-item div.collapse>ul li>a:hover,#n-sidebar.bg-dark ul>li.nav-item div.collapsing>ul li>a:hover{background-color:#272727}#n-sidebar.bg-dark li,#n-sidebar.bg-dark ul>li.nav-item div.collapse>ul li>a,#n-sidebar.bg-dark ul>li.nav-item div.collapsing>ul li>a,#n-sidebar.bg-dark ul>li.nav-item>a{color:#e2e2e2}#n-sidebar.bg-dark li:hover,#n-sidebar.bg-dark ul>li.nav-item>a:hover{background-color:#353535}#n-sidebar.bg-dark ul>li.nav-item>a:focus{background-color:#1f1f1f}#n-sidebar.bg-dark ul>li.nav-item>a[aria-expanded=true]{background-color:#353535!important}#n-sidebar.bg-dark.active #sidebar li::after{display:none}#n-sidebar.bg-dark #sidebar li::after{background-color:#42424236;content:'';display:block;height:1px;width:3rem;right:calc(50% - 1.5rem);position:absolute}#n-sidebar.bg-dark #sidebar li:last-child::after{display:none} \ No newline at end of file diff --git a/httpdocs/css/minified/rickshaw.min.css b/httpdocs/css/minified/rickshaw.min.css index 152d564733..5363475c0e 100644 --- a/httpdocs/css/minified/rickshaw.min.css +++ b/httpdocs/css/minified/rickshaw.min.css @@ -1 +1 @@ -.rickshaw_graph .detail{pointer-events:none;position:absolute;top:0;z-index:2;background:rgba(0,0,0,.1);bottom:0;width:1px;transition:opacity .25s linear;-moz-transition:opacity .25s linear;-o-transition:opacity .25s linear;-webkit-transition:opacity .25s linear}.rickshaw_graph .detail.inactive{opacity:0}.rickshaw_graph .detail .item.active{opacity:1;opacity:1;background:rgba(0,0,0,.8)}.rickshaw_graph .detail .x_label{font-family:Arial,sans-serif;border-radius:3px;padding:6px;opacity:.5;border:1px solid #e0e0e0;font-size:12px;position:absolute;background:#fff;white-space:nowrap}.rickshaw_graph .detail .x_label.left{left:0}.rickshaw_graph .detail .x_label.right{right:0}.rickshaw_graph .detail .item{position:absolute;z-index:2;border-radius:3px;padding:.25em;font-size:12px;font-family:Arial,sans-serif;opacity:0;background:rgba(0,0,0,.4);color:#fff;border:1px solid rgba(0,0,0,.4);margin-left:1em;margin-right:1em;margin-top:-1em;white-space:nowrap}.rickshaw_graph .detail .item.left{left:0}.rickshaw_graph .detail .item.right{right:0}.rickshaw_graph .detail .item:after{position:absolute;display:block;width:0;height:0;content:"";border:5px solid transparent}.rickshaw_graph .detail .item.left:after{top:1em;left:-5px;margin-top:-5px;border-right-color:rgba(0,0,0,.8);border-left-width:0}.rickshaw_graph .detail .item.right:after{top:1em;right:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,.8);border-right-width:0}.rickshaw_graph .detail .dot{width:4px;height:4px;margin-left:-3px;margin-top:-3.5px;border-radius:5px;position:absolute;box-shadow:0 0 2px rgba(0,0,0,.6);box-sizing:content-box;-moz-box-sizing:content-box;background:padding-box #fff;border-width:2px;border-style:solid;display:none}.rickshaw_graph .detail .dot.active{display:block}.rickshaw_graph{position:relative}.rickshaw_graph svg{display:block;overflow:hidden}.rickshaw_graph .x_tick{position:absolute;top:0;bottom:0;width:0;border-left:1px dotted rgba(0,0,0,.2);pointer-events:none}.rickshaw_graph .x_tick .title{position:absolute;font-size:12px;font-family:Arial,sans-serif;opacity:.5;white-space:nowrap;margin-left:3px;bottom:1px}.rickshaw_annotation_timeline{height:1px;border-top:1px solid #e0e0e0;margin-top:10px;position:relative}.rickshaw_annotation_timeline .annotation{position:absolute;height:6px;width:6px;margin-left:-2px;top:-3px;border-radius:5px;background-color:rgba(0,0,0,.25)}.rickshaw_graph .annotation_line{position:absolute;top:0;bottom:-6px;width:0;border-left:2px solid rgba(0,0,0,.3);display:none}.rickshaw_graph .annotation_line.active{display:block}.rickshaw_graph .annotation_range{background:rgba(0,0,0,.1);display:none;position:absolute;top:0;bottom:-6px}.rickshaw_graph .annotation_range.active{display:block}.rickshaw_graph .annotation_range.active.offscreen{display:none}.rickshaw_annotation_timeline .annotation .content{background:#fff;color:#000;opacity:.9;padding:6px 8px 8px;box-shadow:0 0 2px rgba(0,0,0,.8);border-radius:3px;position:relative;z-index:20;font-size:12px;top:18px;left:-11px;width:160px;display:none;cursor:pointer}.rickshaw_annotation_timeline .annotation .content:before{content:"\25b2";position:absolute;top:-11px;color:#fff;text-shadow:0 -1px 1px rgba(0,0,0,.8)}.rickshaw_annotation_timeline .annotation.active,.rickshaw_annotation_timeline .annotation:hover{background-color:rgba(0,0,0,.8);cursor:none}.rickshaw_annotation_timeline .annotation .content:hover{z-index:50}.rickshaw_annotation_timeline .annotation.active .content{display:block}.rickshaw_annotation_timeline .annotation:hover .content{display:block;z-index:50}.rickshaw_graph .x_axis_d3,.rickshaw_graph .y_axis{fill:none}.rickshaw_graph .x_ticks_d3 .tick,.rickshaw_graph .y_ticks .tick line{stroke:rgba(0,0,0,.16);stroke-width:2px;shape-rendering:crisp-edges;pointer-events:none}.rickshaw_graph .x_grid_d3 .tick,.rickshaw_graph .y_grid .tick{z-index:-1;stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:1 1}.rickshaw_graph .y_grid .tick[data-y-value="0"]{stroke-dasharray:1 0}.rickshaw_graph .x_grid_d3 path,.rickshaw_graph .y_grid path{fill:none;stroke:none}.rickshaw_graph .x_ticks_d3 path,.rickshaw_graph .y_ticks path{fill:none;stroke:grey}.rickshaw_graph .x_ticks_d3 text,.rickshaw_graph .y_ticks text{opacity:.5;font-size:12px;pointer-events:none}.rickshaw_graph .x_tick.glow .title,.rickshaw_graph .y_ticks.glow text{fill:#000;color:#000;text-shadow:-1px 1px 0 rgba(255,255,255,.1),1px -1px 0 rgba(255,255,255,.1),1px 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1),0 -1px 0 rgba(255,255,255,.1),1px 0 0 rgba(255,255,255,.1),-1px 0 0 rgba(255,255,255,.1),-1px -1px 0 rgba(255,255,255,.1)}.rickshaw_graph .x_tick.inverse .title,.rickshaw_graph .y_ticks.inverse text{fill:#fff;color:#fff;text-shadow:-1px 1px 0 rgba(0,0,0,.8),1px -1px 0 rgba(0,0,0,.8),1px 1px 0 rgba(0,0,0,.8),0 1px 0 rgba(0,0,0,.8),0 -1px 0 rgba(0,0,0,.8),1px 0 0 rgba(0,0,0,.8),-1px 0 0 rgba(0,0,0,.8),-1px -1px 0 rgba(0,0,0,.8)}.rickshaw_legend{font-family:Arial;font-size:12px;color:#fff;background:#404040;display:inline-block;padding:12px 5px;border-radius:2px;position:relative}.rickshaw_legend:hover{z-index:10}.rickshaw_legend .swatch{width:10px;height:10px;border:1px solid rgba(0,0,0,.2)}.rickshaw_legend .line{clear:both;line-height:140%;padding-right:15px}.rickshaw_legend .line .swatch{display:inline-block;margin-right:3px;border-radius:2px}.rickshaw_legend .label{margin:0;white-space:nowrap;display:inline;font-size:inherit;background-color:transparent;color:inherit;font-weight:400;line-height:normal;padding:0;text-shadow:none}.rickshaw_legend .action:hover{opacity:.6}.rickshaw_legend .action{margin-right:.2em;opacity:.2;cursor:pointer;font-size:14px}.rickshaw_legend .line.disabled{opacity:.4}.rickshaw_legend ul{list-style-type:none;margin:2px;padding:0;cursor:pointer}.rickshaw_legend li{padding:0 0 0 2px;min-width:80px;white-space:nowrap}.rickshaw_legend li:hover{background:rgba(255,255,255,.08);border-radius:3px}.rickshaw_legend li:active{background:rgba(255,255,255,.2);border-radius:3px} \ No newline at end of file +.rickshaw_graph .detail{pointer-events:none;position:absolute;top:0;z-index:2;background:rgba(0,0,0,.1);bottom:0;width:1px;transition:opacity .25s linear;-moz-transition:opacity .25s linear;-o-transition:opacity .25s linear;-webkit-transition:opacity .25s linear}.rickshaw_graph .detail.inactive{opacity:0}.rickshaw_graph .detail .x_label{font-family:Arial,sans-serif;border-radius:3px;padding:6px;opacity:.5;border:1px solid #e0e0e0;font-size:12px;position:absolute;background:#fff;white-space:nowrap}.rickshaw_graph .detail .x_label.left{left:0}.rickshaw_graph .detail .x_label.right{right:0}.rickshaw_graph .detail .item{position:absolute;z-index:2;border-radius:3px;padding:.25em;font-size:12px;font-family:Arial,sans-serif;opacity:0;background:rgba(0,0,0,.4);color:#fff;border:1px solid rgba(0,0,0,.4);margin-left:1em;margin-right:1em;margin-top:-1em;white-space:nowrap}.rickshaw_graph .detail .item.left{left:0}.rickshaw_graph .detail .item.right{right:0}.rickshaw_graph .detail .item.active{opacity:1;background:rgba(0,0,0,.8)}.rickshaw_graph .detail .item:after{position:absolute;display:block;width:0;height:0;content:"";border:5px solid transparent}.rickshaw_graph .detail .item.left:after{top:1em;left:-5px;margin-top:-5px;border-right-color:rgba(0,0,0,.8);border-left-width:0}.rickshaw_graph .detail .item.right:after{top:1em;right:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,.8);border-right-width:0}.rickshaw_graph .detail .dot{width:4px;height:4px;margin-left:-3px;margin-top:-3.5px;border-radius:5px;position:absolute;box-shadow:0 0 2px rgba(0,0,0,.6);box-sizing:content-box;-moz-box-sizing:content-box;background:padding-box #fff;border-width:2px;border-style:solid;display:none}.rickshaw_graph .detail .dot.active{display:block}.rickshaw_graph{position:relative}.rickshaw_graph svg{display:block;overflow:hidden}.rickshaw_graph .x_tick{position:absolute;top:0;bottom:0;width:0;border-left:1px dotted rgba(0,0,0,.2);pointer-events:none}.rickshaw_graph .x_tick .title{position:absolute;font-size:12px;font-family:Arial,sans-serif;opacity:.5;white-space:nowrap;margin-left:3px;bottom:1px}.rickshaw_annotation_timeline{height:1px;border-top:1px solid #e0e0e0;margin-top:10px;position:relative}.rickshaw_annotation_timeline .annotation{position:absolute;height:6px;width:6px;margin-left:-2px;top:-3px;border-radius:5px;background-color:rgba(0,0,0,.25)}.rickshaw_graph .annotation_line{position:absolute;top:0;bottom:-6px;width:0;border-left:2px solid rgba(0,0,0,.3);display:none}.rickshaw_graph .annotation_line.active{display:block}.rickshaw_graph .annotation_range{background:rgba(0,0,0,.1);display:none;position:absolute;top:0;bottom:-6px}.rickshaw_graph .annotation_range.active{display:block}.rickshaw_graph .annotation_range.active.offscreen{display:none}.rickshaw_annotation_timeline .annotation .content{background:#fff;color:#000;opacity:.9;padding:6px 8px 8px;box-shadow:0 0 2px rgba(0,0,0,.8);border-radius:3px;position:relative;z-index:20;font-size:12px;top:18px;left:-11px;width:160px;display:none;cursor:pointer}.rickshaw_annotation_timeline .annotation .content:before{content:"\25b2";position:absolute;top:-11px;color:#fff;text-shadow:0 -1px 1px rgba(0,0,0,.8)}.rickshaw_annotation_timeline .annotation.active,.rickshaw_annotation_timeline .annotation:hover{background-color:rgba(0,0,0,.8);cursor:none}.rickshaw_annotation_timeline .annotation .content:hover{z-index:50}.rickshaw_annotation_timeline .annotation.active .content{display:block}.rickshaw_annotation_timeline .annotation:hover .content{display:block;z-index:50}.rickshaw_graph .x_axis_d3,.rickshaw_graph .y_axis{fill:none}.rickshaw_graph .x_ticks_d3 .tick,.rickshaw_graph .y_ticks .tick line{stroke:rgba(0,0,0,0.16);stroke-width:2px;shape-rendering:crisp-edges;pointer-events:none}.rickshaw_graph .x_grid_d3 .tick,.rickshaw_graph .y_grid .tick{z-index:-1;stroke:rgba(0,0,0,0.20);stroke-width:1px;stroke-dasharray:1 1}.rickshaw_graph .y_grid .tick[data-y-value="0"]{stroke-dasharray:1 0}.rickshaw_graph .x_grid_d3 path,.rickshaw_graph .y_grid path{fill:none;stroke:none}.rickshaw_graph .x_ticks_d3 path,.rickshaw_graph .y_ticks path{fill:none;stroke:#808080}.rickshaw_graph .x_ticks_d3 text,.rickshaw_graph .y_ticks text{opacity:.5;font-size:12px;pointer-events:none}.rickshaw_graph .x_tick.glow .title,.rickshaw_graph .y_ticks.glow text{fill:black;color:#000;text-shadow:-1px 1px 0 rgba(255,255,255,.1),1px -1px 0 rgba(255,255,255,.1),1px 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1),0 -1px 0 rgba(255,255,255,.1),1px 0 0 rgba(255,255,255,.1),-1px 0 0 rgba(255,255,255,.1),-1px -1px 0 rgba(255,255,255,.1)}.rickshaw_graph .x_tick.inverse .title,.rickshaw_graph .y_ticks.inverse text{fill:white;color:#fff;text-shadow:-1px 1px 0 rgba(0,0,0,.8),1px -1px 0 rgba(0,0,0,.8),1px 1px 0 rgba(0,0,0,.8),0 1px 0 rgba(0,0,0,.8),0 -1px 0 rgba(0,0,0,.8),1px 0 0 rgba(0,0,0,.8),-1px 0 0 rgba(0,0,0,.8),-1px -1px 0 rgba(0,0,0,.8)}.rickshaw_legend{font-family:Arial;font-size:12px;color:#fff;background:#404040;display:inline-block;padding:12px 5px;border-radius:2px;position:relative}.rickshaw_legend:hover{z-index:10}.rickshaw_legend .swatch{width:10px;height:10px;border:1px solid rgba(0,0,0,.2)}.rickshaw_legend .line{clear:both;line-height:140%;padding-right:15px}.rickshaw_legend .line .swatch{display:inline-block;margin-right:3px;border-radius:2px}.rickshaw_legend .label{margin:0;white-space:nowrap;display:inline;font-size:inherit;background-color:transparent;color:inherit;font-weight:400;line-height:normal;padding:0;text-shadow:none}.rickshaw_legend .action:hover{opacity:.6}.rickshaw_legend .action{margin-right:.2em;opacity:.2;cursor:pointer;font-size:14px}.rickshaw_legend .line.disabled{opacity:.4}.rickshaw_legend ul{list-style-type:none;margin:2px;padding:0;cursor:pointer}.rickshaw_legend li{padding:0 0 0 2px;min-width:80px;white-space:nowrap}.rickshaw_legend li:hover{background:rgba(255,255,255,.08);border-radius:3px}.rickshaw_legend li:active{background:rgba(255,255,255,.2);border-radius:3px} \ No newline at end of file diff --git a/httpdocs/js/pages/observation_points_page.js b/httpdocs/js/pages/observation_points_page.js index 14ad67f004..c6854b5750 100644 --- a/httpdocs/js/pages/observation_points_page.js +++ b/httpdocs/js/pages/observation_points_page.js @@ -19,13 +19,27 @@ $(function () { { data: 'column_chart', className: "text-center", + orderable: false, width: "15%", }, { - data: 'column_tot_flows' + data: 'column_curr_hosts' }, { - data: 'column_tot_bytes' + data: 'column_curr_througput', + render: (througput, type) => { + if (type !== 'display') return througput; + if (througput !== undefined) { + return NtopUtils.fbits(througput); + }}, + }, + { + data: 'column_tot_bytes', + render: (bytes, type) => { + if (type !== 'display') return bytes; + if (bytes !== undefined) { + return NtopUtils.bytesToSize(bytes); + }}, }, ], initComplete: function (settings, json) { diff --git a/httpdocs/templates/pages/components/ifaces-dropdown.template b/httpdocs/templates/pages/components/ifaces-dropdown.template index 6e1d4a1817..a57515fa73 100644 --- a/httpdocs/templates/pages/components/ifaces-dropdown.template +++ b/httpdocs/templates/pages/components/ifaces-dropdown.template @@ -87,8 +87,8 @@ {% if(observationPoints ~= nil) then %}   -{% for k, v in pairsByKeys(observationPoints, asc) do %} -
+{% for _, v in pairsByKeys(observationPoints, asc) do %} +
@@ -100,10 +100,10 @@ {% -- The Observationpoint optgroup %} - {% for k, v in pairsByKeys(observationPoints, asc) do %} + {% for _, v in pairsByKeys(observationPoints, asc) do %} {% local selected = '' %} {% if((observationPointId ~= nil) and (tostring(k) == tostring(observationPointId))) then selected = 'selected' end %} - + {% end %} diff --git a/scripts/locales/en.lua b/scripts/locales/en.lua index c9bbab9c08..d6c40b2c61 100644 --- a/scripts/locales/en.lua +++ b/scripts/locales/en.lua @@ -2153,7 +2153,8 @@ local lang = { ["tot_bytes"] = "Total Bytes", ["tot_flows"] = "Total Flows", ["tot_traffic"] = "Total Traffic", - ["tot_throughput"] = "Total Throughput", + ["curr_throughput"] = "Current Throughput", + ["curr_hosts"] = "Current Hosts", }, ["flow_fields_description"] = { ["appl_latency_ms"] = "Application latency (msec), a.k.a. server response time", diff --git a/scripts/lua/inc/menu.lua b/scripts/lua/inc/menu.lua index b8a32bd088..f337a23a72 100644 --- a/scripts/lua/inc/menu.lua +++ b/scripts/lua/inc/menu.lua @@ -341,7 +341,7 @@ else }, { entry = page_utils.menu_entries.observation_points, - hidden = table.len(interface.getObservationPoints() or {}) == 0, + hidden = table.len(interface.getObsPointsInfo() or {}) == 0, url = '/lua/pro/enterprise/observation_points.lua', }, }, @@ -867,7 +867,7 @@ for v,k in pairs(iface_names) do ifHdescr[_ifstats.id] = descr if(ifs.id == _ifstats.id) then - observationPoints = interface.getObservationPoints() + observationPoints = interface.getObsPointsInfo()["ObsPoints"] or {} end end diff --git a/scripts/lua/modules/timeseries/schemas/ts_minute.lua b/scripts/lua/modules/timeseries/schemas/ts_minute.lua index db5199eb7f..bac9f901bc 100644 --- a/scripts/lua/modules/timeseries/schemas/ts_minute.lua +++ b/scripts/lua/modules/timeseries/schemas/ts_minute.lua @@ -376,18 +376,4 @@ schema = ts_utils.newSchema("pod:rtt_variance", {step=60, metrics_type=ts_utils. schema:addTag("ifid") schema:addTag("pod") schema:addMetric("as_client") -schema:addMetric("as_server") - -------------------------------------------------------- --- NPROBE OBSERVATION POINTS SCHEMAS -------------------------------------------------------- - -schema = ts_utils.newSchema("observation_point:traffic", {step=60}) -schema:addTag("ifid") -schema:addTag("observation_point_id") -schema:addMetric("bytes") - -schema = ts_utils.newSchema("observation_point:flows", {step=60}) -schema:addTag("ifid") -schema:addTag("observation_point_id") -schema:addMetric("flows") +schema:addMetric("as_server") \ No newline at end of file diff --git a/scripts/lua/modules/ts_5min_dump_utils.lua b/scripts/lua/modules/ts_5min_dump_utils.lua index c3b27e6a50..9e7b85a5bd 100644 --- a/scripts/lua/modules/ts_5min_dump_utils.lua +++ b/scripts/lua/modules/ts_5min_dump_utils.lua @@ -301,7 +301,7 @@ function ts_dump.obs_point_update_rrds(when, ifstats, verbose) ts_utils.append("obs_point:traffic_rcvd", {ifid=ifstats.id, obs_point=obs_point, bytes=obs_point_stats["bytes.rcvd"]}, when) - -- Save ASN ndpi stats + -- Save Observation Points ndpi stats if obs_point_stats["ndpi"] ~= nil then for proto_name, proto_stats in pairs(obs_point_stats["ndpi"]) do ts_utils.append("obs_point:ndpi", {ifid=ifstats.id, obs_point=obs_point, protocol=proto_name, diff --git a/scripts/lua/modules/ts_min_dump_utils.lua b/scripts/lua/modules/ts_min_dump_utils.lua index 82125ad8e9..b3372df4fe 100644 --- a/scripts/lua/modules/ts_min_dump_utils.lua +++ b/scripts/lua/modules/ts_min_dump_utils.lua @@ -199,15 +199,6 @@ function ts_dump.profiles_update_stats(when, ifstats, verbose) end end -function ts_dump.observation_points_update_stats_rrds(when, ifstats, verbose) - local observation_points = interface.getObservationPoints() or {} - - for id, stats in pairs(observation_points) do - ts_utils.append("observation_point:flows", {ifid=ifstats.id, observation_point_id=id, flows=stats["num_collected_flows"]}, when) - ts_utils.append("observation_point:traffic", {ifid=ifstats.id, observation_point_id=id, bytes=stats["total_flow_bytes"]}, when) - end -end - -- ######################################################## local function update_internals_hash_tables_stats(when, ifstats, verbose) @@ -427,10 +418,6 @@ function ts_dump.run_min_dump(_ifname, ifstats, config, when) ts_dump.update_internals_periodic_activities_stats(when, ifstats, verbose) end - if ntop.isPro() and config.observation_points_rrd_creation ~= "0" then - ts_dump.observation_points_update_stats_rrds(when, ifstats, verbose) - end - -- Save Profile stats every minute if ntop.isPro() and ifstats.profiles then -- profiles are only available in the Pro version ts_dump.profiles_update_stats(when, ifstats, verbose) @@ -459,14 +446,12 @@ function ts_dump.getConfig() config.interface_ndpi_timeseries_creation = ntop.getPref("ntopng.prefs.interface_ndpi_timeseries_creation") config.ndpi_flows_timeseries_creation = ntop.getPref("ntopng.prefs.ndpi_flows_rrd_creation") - config.observation_points_rrd_creation = ntop.getPref("ntopng.prefs.flow_device_port_rrd_creation") config.internals_rrd_creation = ntop.getPref("ntopng.prefs.internals_rrd_creation") == "1" config.is_dump_flows_enabled = ntop.getPrefs()["is_dump_flows_enabled"] -- Interface RRD creation is on, with per-protocol nDPI if isEmptyString(config.interface_ndpi_timeseries_creation) then config.interface_ndpi_timeseries_creation = "per_protocol" end - if isEmptyString(config.observation_points_rrd_creation) then config.observation_points_rrd_creation = "0" end - + return config end diff --git a/src/LuaEngineInterface.cpp b/src/LuaEngineInterface.cpp index 9ad861b2a6..b29a3fb931 100644 --- a/src/LuaEngineInterface.cpp +++ b/src/LuaEngineInterface.cpp @@ -233,21 +233,6 @@ static int ntop_get_max_if_speed(lua_State* vm) { /* ****************************************** */ -static int ntop_interface_get_observation_points(lua_State* vm) { - NetworkInterface *ntop_interface = getCurrentInterface(vm); - - ntop->getTrace()->traceEvent(TRACE_DEBUG, "%s() called", __FUNCTION__); - - if(ntop_interface) - ntop_interface->getObservationPoints(vm); - else - lua_pushnil(vm); - - return(ntop_lua_return_value(vm, __FUNCTION__, CONST_LUA_OK)); -} - -/* ****************************************** */ - #ifdef NTOPNG_PRO /** * @brief Get the SNMP statistics of interface. @@ -4484,7 +4469,6 @@ static luaL_Reg _ntop_interface_reg[] = { { "getId", ntop_get_interface_id }, { "getName", ntop_get_interface_name }, { "isValidIfId", ntop_is_valid_interface_id }, - { "getObservationPoints", ntop_interface_get_observation_points }, { "getMaxIfSpeed", ntop_get_max_if_speed }, { "hasVLANs", ntop_interface_has_vlans }, { "hasEBPF", ntop_interface_has_ebpf },