ntopng/httpdocs/css/ntopng.css

// Media queries breakpoints
// --------------------------------------------------

// Extra small screen / phone
@screen-xsmall:              480px;
@screen-phone:               @screen-xsmall;

// Small screen / tablet
@screen-small:               768px;
@screen-tablet:              @screen-small;

// Medium screen / desktop
@screen-medium:              992px;
@screen-desktop:             @screen-medium;

// Large screen / wide desktop
@screen-large:               1200px;
@screen-large-desktop:       @screen-large;

// So media queries don't overlap when required, provide a maximum
@screen-small-max:           (@screen-medium - 1);
@screen-tablet-max:          (@screen-desktop - 1);
@screen-desktop-max:         (@screen-large-desktop - 1);

// Grid system
// --------------------------------------------------

// Number of columns in the grid system
@grid-columns:              12;
// Padding, to be divided by two and applied to the left and right of all columns
@grid-gutter-width:         30px;
// Point at which the navbar stops collapsing
@grid-float-breakpoint:     @screen-tablet;



body {
  padding-top: 0px;
  padding-bottom: 20px;
}

/* Custom container */
.container-narrow {
  margin-left: 20px;
  margin-right: 20px;
  /* max-width: 1024px; */
}

/* Smaller table row padding */
.table th, .table td {
  padding: 6px;
}

/* Smaller and smaller table row padding */
.table-smaller tbody tr td {
  padding: 2px;
}

/* useful in dropdowns */
.scrollable-menu {
  height: auto;
  max-height: 30em;
  overflow-x: hidden;
}

/* Custom container */
.progress {
  margin-bottom: 0px;
}
.container-narrow > hr {
  margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
  margin: 20px 0;
  text-align: center;
}
.jumbotron h1 {
  font-size: 22px;
  line-height: 1;
}
.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}

/* Supporting marketing content */
.marketing {
  margin: 20px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}

.table th.text-right,
.table td.text-right {
  text-align: right;
}

.navbar-nav > li > a {padding-top:10px !important; padding-bottom:10px !important;}
.navbar {min-height:42px !important}
.nav-pills {min-height:42px !important}

/* Fix for Google Maps and Twitter Bootstrap
https://github.com/twbs/bootstrap/issues/1552
*/
img {
  max-width: none;
}

/*Custom tooltip dimension*/
.tooltip-inner {
  max-width: 350px;
}

/*Flow dropdown resize*/
#flow_dropdown {
  min-width: 110px;
}

/*Host dropdown resize*/
#host_dropdown {
min-width: 100px;
}

/*Footer sticky*/
#footer {
  /*position: absolute;*/
  /*bottom: 10px;*/
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 120px;
  /*background-color: #f5f5f5;*/
}

/* For shaper id selection, should also inherit from form-control */
.shaper-selector {
  width: 11em;
  margin: 0 auto;
}

/* Pool name selector */
.pool-selector {
  margin-right: 1em;
  width: 23em;
  margin-left: 1em;
}

.well-wizard {
  background: rgb(249, 249, 249);
}

nav-wizard a:active, a:focus {
  outline:0;
  border:none;
  -moz-outline-style: none;
}

.text-middle, .table > tbody > tr > td.text-middle {
  vertical-align: middle;
}

/*Hide numeric input box spinners for 'no-spinner' class */
input.no-spinner[type=number]::-webkit-inner-spin-button,
input.no-spinner[type=number]::-webkit-outer-spin-button {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
input.no-spinner[type=number] {
  -moz-appearance:textfield;
}

/* sprobe ****************************** */


.circle {
    border-radius: 50%/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;
}

/* ****************************** */

/* http://stackoverflow.com/questions/13516534/how-to-avoid-page-break-inside-table-row-for-wkhtmltopdf */
table, tr, td, th, tbody, thead, tfoot {
    page-break-inside: avoid !important;
}

.badge-error {
  background-color: #b94a48;
}
.badge-error:hover {
  background-color: #953b39;
}
.badge-warning {
  background-color: #f89406;
}
.badge-warning:hover {
  background-color: #c67605;
}
.badge-success {
  background-color: #468847;
}
.badge-success:hover {
  background-color: #356635;
}
.badge-info {
  background-color: #3a87ad;
}
.badge-info:hover {
  background-color: #2d6987;
}
.badge-inverse {
  background-color: #333333;
}
.badge-inverse:hover {
  background-color: #1a1a1a;
}
.badge-top-right {
  position: relative;
  top: -8px;
  right: 2px;
}

.table-borderless tbody tr td,
.table-borderless tbody tr th,
.table-borderless thead tr th,
.table-borderless thead tr td,
.table-borderless tfoot tr th,
.table-borderless tfoot tr td {
    border: none;
}