/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* oxygen-mono-regular - latin */
@font-face {
  font-family: 'Oxygen Mono';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oxygen-mono-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oxygen-mono-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oxygen-mono-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oxygen-mono-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oxygen-mono-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oxygen-mono-v13-latin-regular.svg#OxygenMono') format('svg'); /* Legacy iOS */
}

:root {
  --background-grey-lighter:#444444;
  --background-grey:#333333;
  --dark-grey: #292b2c;
  --fkie-green:#009474;
  --logo-red:#b11f05;
  --logo-red-lightish: #cc6d5c;
  --very-light-grey: #e3e3e3;
  --yellow:#ffba08;
  --blue:#345995;
  --quote-blue:#245991;
  --light-grey: #e5e4e2;
  --light-grey-darkish: #afaca6;
  --medium-grey: #3b3935;
  --white: #fff;
}

body.darkmode {
  --background-color:#222425;
  --white:#e3e3e3;
  color-scheme: dark;
}

body.darkmode nav.navbar li.nav-item.active a.nav-link {
  color: var(--logo-red-lightish) !important;
}

body.darkmode table .badge-default:not(:hover) {
  background-color: var(--background-grey-lighter);
}
body.darkmode table .badge-default.clickable-badge:hover {
  filter: brightness(0.85);
  color: black;
}
body.darkmode table .badge-default.clickable-badge:hover i.fa {
  color: var(--background-color);
}

body.darkmode .alert {
  filter: brightness(0.85);
}

body.darkmode nav.navbar .dropdown-menu a.dropdown-item:hover {
  background-color: var(--background-grey-lighter);
}

body.darkmode .btn-logout:hover {
  background-color: var(--background-grey-lighter);
  cursor: pointer;
}

body.darkmode .btn-secondary:hover {
  background-color: var(--background-color);
  border-color: var(--background-grey-lighter);
  color:var(--white);
}

body.darkmode .text-muted {
  color: var(--light-grey-darkish) !important;  
}

body.darkmode .progress,
body.darkmode .card-header,
body.darkmode thead th,
body.darkmode .btn-secondary {
  background-color: var(--background-grey-lighter);
}

body.darkmode .progress-bar span {
  color: var(--white) !important;
}

.btn-twitter, .btn-twitter:hover, .btn-twitter:focus {
	border-radius: 9999px;
	max-width: 100%;
	box-sizing: border-box;
	position: relative;
	background-color: #1d9bf0;
	color: white;
}

.btn-twitter i {
	width: 21px;
	height: 16px;
	left: 12px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
  filter: brightness(0) invert(1);
	background: rgba(0, 0, 0, 0) url(data:image/png;base64,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) 0 0 no-repeat;
	background-position: -24px 0;
}

.btn-twitter .label {
	padding-left: 20px;
}

.btn-twitter:hover {
  filter: brightness(0.6);
}

body.darkmode .twitter-timeline {
  background-color: var(--background-color);
}

body.darkmode .bg-action {
  background-color: #014681 !important;
}
body.darkmode .bg-danger {
  background-color: #92221f !important;
}
body.darkmode .bg-info {
  background-color: #1f7f9c !important;
}
body.darkmode .bg-warning {
  background-color: #af6d0e !important;
}

body.darkmode .modal-header,
body.darkmode .modal-footer,
body.darkmode hr {
  border-color: var(--background-grey-lighter);
}

body.darkmode .darkmode-background {
  background-color: var(--background-color);
}

body.darkmode p,
body.darkmode h1,
body.darkmode h2,
body.darkmode h3,
body.darkmode h4,
body.darkmode h5,
body.darkmode h6,
body.darkmode div:not(.alert),
body.darkmode thead th,
body.darkmode button,
body.darkmode a.btn {
  color: var(--white);
}

body.darkmode .card {
  background-color: var(--background-grey);
}

body.darkmode .btn {
  border-color: var(--background-grey);
}

body.darkmode thead th {
  border-bottom: 3px solid var(--background-color);
}

a,
nav,
p,
h1,
h2,
h3,
h4,
h5,
h6,
button,
ul,
ol,
span,
div,
input,
table {
  font-family: "Roboto", sans-serif;
}

.card-block .card-title .fa-pull-right {
  margin-top: -2px;
}

.mono-font *,
.mono-font,
div.mono-font *,
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: var(--logo-red);
}

body.darkmode p a,
body.darkmode p a:hover,
body.darkmode p a:visited,
body.darkmode p a:active,
body.darkmode a.nav-link,
body.darkmode a.nav-link:hover,
body.darkmode a.nav-link:visited,
body.darkmode a.nav-link:active,
body.darkmode li.logo-red,
body.darkmode li.logo-red:hover,
body.darkmode li.logo-red:visited,
body.darkmode li.logo-red:active,
body.darkmode a.logo-red,
body.darkmode a.logo-red:hover,
body.darkmode a.logo-red:visited,
body.darkmode a.logo-red:active {
  color: var(--logo-red-lightish);
}

a.white_href,
a.white_href:hover,
a.white_href:visited,
a.white_href:active {
  color: var(--white);
}

body.darkmode .dropdown-menu {
  background: var(--background-grey); 
  border-color: var(--background-grey-lighter);
}

body.darkmode .dropdown-menu .dropdown-divider {
  background-color: var(--background-grey-lighter);
}

body.darkmode .dropdown-menu .dropdown-item {
  color: var(--white);
}

body.darkmode .card-title .badge-default {
  background: var(--background-grey-lighter);
  color: var(--white);
}

body.darkmode table .fa-star,
body.darkmode table .fa-id-card,
body.darkmode table .fa-tag,
body.darkmode table .fa-windows,
body.darkmode table .fa-android {
  filter: brightness(0.85);
}

body.darkmode .close {
  color: var(--white);
}

body.darkmode .modal-backdrop.show {
  opacity: .65;
}

body.darkmode .table tr:not(:first-child) td {
 border-top: 3px solid var(--background-color);
}

body.darkmode .table tr:first-child td,
body.darkmode .table th {
 border-top: none;
}

body.darkmode code {
  background-color: var(--background-grey-lighter);
  color: var(--logo-red-lightish);
}

body.darkmode {
  background: var(--background-color);
}

body.darkmode .bg-faded {
  background: var(--background-grey-lighter);
}

body.darkmode .footer.bg-faded {
  background: var(--background-grey);
}

body.darkmode .modal-content {
  background: var(--dark-grey);
  color: var(--white);
}

body.darkmode .form-control,
body.darkmode .selectize-input,
body.darkmode .selectize-dropdown {
  background: var(--background-grey) !important;
  border-color: var(--background-grey) !important;
  color: var(--white) !important; 
}

body.darkmode .selectize-dropdown-content .option.active {
  border-color: var(--light-grey) !important;
  color: black;
}

body.darkmode .selectize-control.multi .selectize-input > div.item {
  background: var(--light-grey) !important;
  border-color: var(--light-grey) !important;
  color: black;
}

body.darkmode .page-link {
  background: var(--background-grey);
  border-color: var(--background-grey);
  color: var(--white);
}

body.darkmode .page-item.disabled .page-link {
  background: var(--background-color);
  border-color: var(--background-grey);
}

body.darkmode .logo-red {
  color: var(--logo-red-lightish) !important;
}

body.darkmode img.navbar-logo.fkie-logo {
  filter: brightness(0) invert(1);
}

body.darkmode img.navbar-logo.navbar-logo:not(.navbar-logo-dark) {
  display: none;
}

body.darkmode img.usage-pic.usage-pic:not(.usage-pic-dark) {
  display: none;
}

body:not(.darkmode) img.usage-pic.usage-pic-dark {
  display: none;
}

body.darkmode .navbar-nav .nav-link.fa-sun {
  display: none
}
body:not(.darkmode) .navbar-nav .nav-link.fa-moon {
  display: none
}
body.darkmode .navbar-nav .nav-link.fa {
  color: var(--white);
}
.navbar-nav .nav-link.fa {
  margin-top: 2.5px;
  cursor: pointer;
}

body:not(.darkmode) img.navbar-logo.navbar-logo-dark {
  display: none;
}

body.darkmode nav.bg-faded {
  background-color: var(--background-grey);
}

body.darkmode a.nav-link {
  color: var(--light-grey) !important;
}

/*html {
  Removed due to incompability to modal*/
/*overflow-y: scroll;
}*/
.table-dark td,
.bg-logo-grey {
  background-color: var(--background-grey);
  color: var(--white);
}

.fkie-green {
  color: var(--fkie-green) !important;
}

.logo-red {
  color: var(--logo-red) !important;
}

.bg-fkie-green,
.bg-fkie-green td {
  background-color: var(--fkie-green) !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,
.badge-logo-red,
.badge-logo-red:hover {
  background-color: var(--logo-red);
  color: var(--white);
}

.nav-link .badge {
  margin-top: 3px;
  vertical-align: top;
}

.alert-fkie-green {
  background-color: var(--fkie-green);
  color: var(--white);
}

.btn-logo-red:hover:not(.disabled) {
  opacity: 0.8;
}

.clickable-icon:hover {
  cursor: pointer;
}

.clickable-badge:hover {
  background-color: var(--yellow);
}

table {
  margin-bottom: 20px;
}

tr.yellow {
  background-color: var(--yellow) !important;
  color: var(--background-grey) !important;
}

tr.blue {
  background-color: var(--blue) !important;
  color: white !important;
}

tr.logo-red {
  background-color: var(--logo-red) !important;
  color: white !important;
}

body.darkmode tr.yellow,
body.darkmode tr.blue,
body.darkmode tr.logo-red {
  filter: brightness(0.85);
}

/*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: var(--light-grey);
}

button.btn-secondary i.fa {
  color: var(--background-grey);
}

.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: var(--logo-red) !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 var(--background-grey);
  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 var(--background-grey);
  content:"";
  position: relative;
  top:-10px;
  right:-5px;
}*/

.collapsed > .visible-when-not-collapsed,
:not(.collapsed) > .visible-when-collapsed {
  display: none;
}

/*Pagination*/
.page-link,
.page-link:focus,
.page-link:hover {
  color: var(--logo-red);
}

ul.pagination > li.active > a.page-link {
  background-color: var(--logo-red);
  border-color: var(--logo-red);
  color: var(--white);
}

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 var(--white);
  margin: 5px;
}

a.searchlink {
  color: var(--white);
  font-family: "Oxygen Mono", monospace;
}

/* Login */
.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}

.form-signin .checkbox {
  font-weight: normal;
}

.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}

.form-signin .form-control:focus {
  z-index: 2;
}

.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-signin button[type="submit"] {
  cursor: pointer;
}

/* Navbar */

.navbar-brand img {
  height: 100px;
}

.navbar-brand-small img {
  height: 40px;
}

.navbar {
  margin-bottom: 20px;
  padding: 0.5rem;
}

.navbar .right-logo {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0.5rem;
}

.navbar .right-logo img {
  height: 50px;
}

/* Family Details */
tr.heading-row > td {
  padding-top: 15px;
  padding-left: 0px;
}

tr.heading-row td {
  border: 0;
}

tr.heading-row td {
  background-color: transparent !important;
  color: var(--dark-grey);
}

tr:not(.heading-row) td:first-child {
  font-family: "Oxygen Mono", monospace;
}

/* CSS Speech Bubble */
.quote {
  position: relative;
  max-width: 100%;
  padding: 10px 20px 15px;
  margin: 0px auto;
  font-style: italic;
  color: var(--white);
  background: var(--quote-blue);
  margin-bottom: 40px;
}

.quote:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 25px;
  border-width: 20px 25px 0px 0px;
  border-style: solid;
  border-color: var(--quote-blue) transparent;
}

.quote .credit {
  margin: 1em 0 0;
  font: 14px/1.2 Arial, sans-serif;
}

.quote .credit:before {
  content: "— ";
}

/* blockquote,
p {
  padding: 0;
  margin: 0;
} */

/* ApIQR */
td.apicell {
  position: relative;
  width: 0.0312%;
}

td.apicell:after {
  content: "";
  display: block;
  margin-top: 100%;
}

td.apicell .content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* Badge */
.badge-custom {
  display: inline-block;
  background-color: var(--background-grey);
  color: var(--white);
  padding: 0.3rem;
  margin: 2px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.badge-custom:hover {
  background-color: var(--logo-red);
}

/* Clickable Row */
.clickable-row {
  cursor: pointer;
}

.clickable-row:hover td {
  background-color: var(--logo-red);
}

/* Dropzone */
.binary-dropzone {
  cursor: pointer;
}

.binary-dropzone {
  border: 2px dashed var(--logo-red);
  border-radius: 5px;
  background: var(--white)
  min-height: 150px;
  padding: 54px 54px;
  box-sizing: border-box;
}

.binary-dropzone .dz-message {
  text-align: center;
  font-size: 1.5rem;
}

/* Enumerate Table */
/* http://stackoverflow.com/questions/17012421/auto-number-table-rows */
table.enumerated {
  counter-reset: rowNumber;
}

table.enumerated tbody tr:not(.not-enumerated) {
  counter-increment: rowNumber;
}

table.enumerated tbody tr:not(.not-enumerated) td:first-child::before {
  content: counter(rowNumber);
  min-width: 1em;
  margin-right: 0.5em;
}

.quicksearch table td {
  padding-left: 0.75rem;
}