@import url('https://fonts.googleapis.com/css?family=Roboto:300');
@import url('https://fonts.googleapis.com/css?family=Oxygen+Mono');
a, nav, p, h1, h2, h3, h4, h5, h6, button, ul, ol, span, div, input, table {
  font-family: 'Roboto', sans-serif;
}
.mono-font *, div.mono-font *, .mono-font {
    font-family: 'Oxygen Mono', monospace;
}
td.common_name {
    font-family: 'Oxygen Mono', monospace;
}
body {
  padding-top: 20px;
  padding-bottom: 20px;
}
.nobr { white-space: nowrap }
p a, p a:hover, p a:visited, p a:active,
a.nav-link, a.nav-link:hover, a.nav-link:visited, a.nav-link:active,
li.logo-red, li.logo-red:hover, li.logo-red:visited, li.logo-red:active,
a.logo-red, a.logo-red:hover, a.logo-red:visited, a.logo-red:active{
  color: #B11F05;
}

a.white_href, a.white_href:hover, a.white_href:visited, a.white_href:active{
  color: #fff;
}
/*html {
  Removed due to incompability to modal*/
  /*overflow-y: scroll;
}*/
.table-dark td, .bg-logo-grey{
    background-color: #333333;
    color: #fff;
}
.fkie-green {
    color: #009474 !important;
}
.logo-red {
    color: #B11F05 !important;
}
.bg-fkie-green, .bg-fkie-green td{
    background-color: #009474 !important;
}
.btn:hover:not(.disabled) {
    cursor:pointer;
}
.btn-logo-red, .nav-pills .nav-link.active,
nav.navbar .dropdown-menu a.dropdown-item:active,
.alert-logo-red {
    background-color: #B11F05;
    color: #fff;
}
.badge-logo-red, .badge-logo-red:hover {
    background-color: #B11F05;
    color: #fff;
}
.nav-link .badge {
    margin-top: 3px;
    vertical-align: top;
}
.alert-fkie-green {
    background-color: #009474;
    color: #fff;
}
.btn-logo-red:hover:not(.disabled) {
    opacity: 0.8;
}
.clickable-icon:hover {
    cursor:pointer;
}
.clickable-badge:hover{
    background-color: #FFBA08;
}
table {
  margin-bottom: 20px
}
tr.yellow {
    background-color: #FFBA08 !important;
    color: #333333 !important;
}
tr.blue {
    background-color: #345995 !important;
    color: white !important;
}
tr.logo-red {
    background-color: #B11F05 !important;
    color: white !important;
}
/*Colors of OS-Icons:*/
.clickable-row:not(:hover) .fa-windows {
    color: #00abf3 !important;
}
.clickable-row:not(:hover) .fa-android {
    color: #a4c439 !important;
}
.clickable-row:not(:hover) .fa-linux {
    color: #dddddd !important;
}
.clickable-row:not(:hover) .fa-id-card {
    color: #6cc644 !important;
}
table .fa {
    color: #e5e4e2;
}
button.btn-secondary i.fa {
    color: #333333;
}
.clickable-row:not(:hover) .fa-star,
.clickable-row:not(:hover) .fa-star-half-o,
.clickable-row:not(:hover) .fa-star-o {
    color: #fff600 !important;
}
.clickable-row:not(:hover) .fa-tag {
    color: #B11F05 !important;
}

/*Table sort*/
button.sort-button, a[type=submit] {
    -webkit-appearance: none;
    background:none!important;
    border:none;
    padding:0!important;
    font: inherit;
    color: inherit;
    cursor: pointer;
}
/*.sort.asc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333333;
  content:"";
  position: relative;
  top:13px;
  right:-5px;
}
.sort.desc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #333333;
  content:"";
  position: relative;
  top:-10px;
  right:-5px;
}*/

.collapsed > .visible-when-not-collapsed {
    display:none;
}
:not(.collapsed) > .visible-when-collapsed {
    display:none;
}
/*Pagination*/
.page-link, .page-link:focus, .page-link:hover{
    color: #B11F05;
}
ul.pagination > li.active > a.page-link {
    background-color: #B11F05;
    border-color: #B11F05;
    color: #fff;
}

div.loading-icon {
    text-align: center;
    padding-bottom: 10px;
}

div.card {
    margin-bottom: 20px;
}

/*Footer*/
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}
td div.ellipsis {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
.card-title .badge {
    margin-left: 5px;
    /*min-width: 50px;*/
}

div.notification-positive {
    background-color: rgba(0, 148, 116, 0.4);
}

div.notification-neutral {
    background-color: #f7f7f9;
}

div.notification-negative {
    background-color: rgba(177, 32, 5, 0.4);
}

div.notification-card > div.card-header {
    padding-top: 5px;
    padding-bottom: 5px;
}

div.notification-card > div.card-block {
    padding-top: 5px;
    padding-bottom: 5px;
}

.hr {
    display: inline-block;
  }
.hr:after {
content: '';
display: block;
border-top: 1px solid white;
margin: 5px;
  }
  a.searchlink {
    color:white;
    font-family: 'Oxygen Mono', monospace;
  
  }