body {
    background-color: #300091;
}

.nav-underline .nav-link-color {
    color: #ececec;
}


.nav-underline .nav-link-hover-color {
    color: #ececec;
}

.nav-underline .nav-link.active {
    color: #ececec;
}

.callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    h4 {
      margin-top: 0;
      margin-bottom: 5px;
    }
    p:last-child {
      margin-bottom: 0;
    }
    code {
      border-radius: 3px;
    }
    & + .bs-callout {
      margin-top: -5px;
    }
  }
  .callout-danger {
    border-left-color: #d9534f;
    li {
      color: #d9534f;
    }
  }

  @each $name,$color in (default,#777),(primary,#428bca),(success,#5cb85c),(danger,#d9534f),(warning,#f0ad4e),(info,#5bc0de), (bdc,#29527a) {
    .callout-#{$name} {
      border-left-color: $color;
      h4 {
        color: $color;
      }
    }
  }
/*
.dt-truncate {
    max-width:50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
*/
.dt-center {
    width:100px;
    text-align: center;
}


/* stupid idea to use icons in select options
select {
    font-family: 'FontAwesome', 'Nunito-Sans';
}

select {
    font-family: 'Lato', 'Font Awesome 5 Free';
    font-weight: 900;
}

*/

.rounded-left {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.rounded-right {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.td-padding {
    padding: 20px;
}

table {
    border-spacing: 15px;
    border-collapse: separate;
}
.link {
    fill: none;
    stroke: #000000;
    stroke-opacity: 0.2;
}
.node-network {
    width: 800px;
    height: 600px;
    border: 1px solid lightgray;
    position: relative;
    overflow: hidden;
}
.request-GRAY {
    fill: rgb(184, 184, 184);
    stroke: none;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.request-MISS {
    fill: red;
    stroke: none;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.request-HIT {
    fill: rgb(22, 187, 0);
    stroke: none;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.request-BYPASS {
    fill: rgb(215, 161, 0);
    stroke: none;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.node-menu {
    position: absolute;
    display: none;
    z-index: 10;
    background-color: white;
    border: 1px solid #ddd;
    padding: 5px;
}
.node {
    cursor: pointer;
}
.node-icon {
        pointer-events: none;
}
.focused {
    stroke: red;
    stroke-width: 3px;
}
.selected {
    stroke: rgb(0, 192, 0);
    stroke-width: 3px;
}

/*
#main-table {
    border: 0px solid black;
    border-radius:15px;
    padding: 20px;
}
*/

#main-td {
    border: 0px solid black;
    border-radius:15px;
    padding: 20px;

}


td.exclude {
    border: 0px solid black;
    border-radius:0px;
    padding: 5px;
}

.progress {
    position: relative;
    height: 30px;
  }
.progress-bar {
height: 100%;
position: absolute;
top: 0;
}
.progress-bar-red {
background-color: red;
right: 0;
}
.progress-bar-green {
background-color: green;
left: 0;
}

.vis-timeline {
    background-color:#ececec;
}

.vis-item.timeline-req-ok {
    background-color: rgb(136, 255, 136);
}
.vis-item.timeline-req-not-ok {
    background-color:rgb(255, 97, 97);
}