html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 180px;
}

.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 130px;
  max-height: 130px;
  padding-top: 20px;
  font-size: 13px;
  font-weight: 300;
  color: #FFFFFF;
}

.footer ul {
  list-style-type: none;
  padding-left: 0px;
}

.right {
  text-align: right;
}

.footer a {
  color: #FFFFFF
}

.red {
  color: #e74c3c;
}

.green {
  color: #18bc9c;
}

.orange {
  color: #f39c12;
}

.light {
  opacity: 0.65;
}

.halflight {
  opacity: 0.5;
  filter: grayscale(100%);
}

.halfgray {
  filter: grayscale(50%);
}

.halflight:hover {
  opacity: 1;
  filter: grayscale(0%);
}

.inactive {
  opacity: 0.5;
  filter: grayscale(100%);
}

.disabled {
  pointer-events: none;
}

ol.condensed {
  padding-left: 20px;
  margin-bottom: 2px;
}
ol.condensed li {
  margin: 1px 0px 0px 0px;
}

ul {
  list-style: none;
  padding-left: 5px;
}

ul:not(.none):not(.nav):not(.dropdown-menu) li {
  padding-left: 10px;
  margin-left: 2px;
}
ul:not(.none):not(.nav):not(.dropdown-menu) li::before {
  content: "▪";
  color: #aaa;
  margin-left: -10px;
  margin-right: 5px;
}

ul.none {
  list-style: none;
  list-style-type: none;
  padding-left: 0px;
}

.status-5 {
  color: #e74c3c;
}

.status-4 {
  color: #e74c3c;
}

.affix-top {
  display: inline;
  position: absolute;
  left: 20px;
  float: left;
}

.affix {
  right: 20px;
  display: inline;
}

tr.request {
  border-top: 1px solid #ccc;
  padding-top: 2px;
}

div.request-details {
  word-break: break-all;
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 5px 5px 0px 5px;
  margin: 0px 2px 0px 2px;
  background-color: #f9f9f9;
}

tr.console-message {
  border-top: 1px solid #ccc;
  padding-top: 2px;
}

.nowrap {
  white-space: nowrap;
}

.break-all {
  overflow-wrap: anywhere;
  word-break: break-all;
  white-space: normal;
  max-width: 100%;
}

tr.summary {
  border-top: 1px solid #ccc;
}

img.screenshot {
  border: 1px solid #aaa;
  border-radius: 5px;
  box-shadow: 5px 5px 5px #eee;
  max-width: 100%;
  max-height: 100%;
}

img.screenshot-small {
  border: 1px solid #aaa;
  border-radius: 5px;
  box-shadow: 5px 5px 5px #eee;
  width: 100%;
  max-height: 250px;
  object-fit: cover;
  object-position: top;
  display: block;
  overflow: hidden;
  transition: max-height 1s, height 1s;
}

img.screenshot-small:hover {
  max-height: 100%;
  transition: max-height 1s, height 1s;
}

div.screenshot {
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 5px 5px 5px #eee;
  max-width: 100%;
  max-height: 100%;
  padding: 2px 5px 2px 5px;
  margin-top: 4px;
}

div.screenshot:hover {
  border: 1px solid #aaa;
}

table a:not(.btn), .table a:not(.btn) {
  text-decoration: none;
}

table a:not(.btn):hover, .table a:not(.btn):hover {
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}

img.grayscale, div#map {
  filter: grayscale(70%) contrast(100%);
  transition: 0.5s filter linear;
}

div:hover > img, img.grayscale:hover, div#map:hover {
  filter: none;
}

th.align-right {
  text-align: right;
}

th.align-left {
  text-align: left;
}

code {
  font-family: Menlo, Consolas, monospace;
  font-size: 13px;
  -webkit-font-smoothing:antialiased;
  font-weight: 400;
}
pre.code {
  padding: 0px;
  font-size: 13px;
  margin: 5px;
  -webkit-font-smoothing:antialiased;
  font-weight: 400;
}

pre.json { 
  margin: 5px; padding: 20px;
  color: #bbb; background-color: #222;
  white-space: pre; text-shadow: 0 1px 0 #000;
  border-radius: 15px; border-bottom: 1px solid #555;
  box-shadow: 0 1px 5px rgba(0,0,0,0.4) inset, 0 0 20px rgba(0,0,0,0.2) inset;
  /*font: 16px/24px 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;*/
}

@media (max-width: 820px) {
  .container-fluid, .row {
    padding:0px;
  }
  .navbar {
    margin:0px;
  }

  .navbar .container {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav li a {
    padding-right: 10px;
    padding-left: 10px;
  }

}

@media (max-width: 1300px) {
  .container {
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
  }
}

@media (max-width: 480px) { 
  .nav > li > a {
    padding: 5px;
  }
  div#fullmap {
    border: 1px solid #aaa;
    border-radius: 5px;
    height: 300px;
    box-shadow: 5px 5px 5px #eee;
  }
}

input:checked + label {
  font-weight: bold;
  filter: opacity(1) grayscale(0);
  opacity: 1;
}

.form-control:invalid {
  border: 2px solid #e74c3c;
}

.normal {
  font-weight: 400;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.collapsing {
  -webkit-transition: none;
  transition: none;
}

h3.top, h2.top, h1.top.small {
  margin-top: 2px;
}

h1.top {
  margin-top: 1vw;
}

h4.top {
  margin-top: 1vh;
}

h4.none {
  margin-top: 0px;
}

h4.space {
  margin-top: 20px;
}

span.sc-text {
  font-size: 12px;
}

img.page-logo {
  width: 78px;
  height: 78px;
  border: 2px solid #555;
  border-radius:50%;
  overflow:hidden;
  float: left;
  margin-right: 8px;
  margin-bottom: 5px;
}
 
div.abbrev {
  width: 5em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; 
}

div.abbrev:hover {
  width: auto;
  overflow: visible;
}

hr.tight {
  margin: 2px 0px 2px 0px;
}

hr.medium {
  margin: 15px 0px 15px 0px;
}
hr.small {
  margin: 10px 0px 10px 0px;
}

form input {
  border: 0px;
}

span.label-muted {
  opacity: 0.6;
  filter: grayscale(50%);
  margin-right: 5px;
}

.label-simple {
  background-color: white;
  border: 2px solid #eee;
  padding-top: 2px;
  padding-bottom: 2px;
}

div.summary_background {
  /*filter: sepia(100%) invert(100%) contrast(50%);*/
  filter: grayscale(100%);
  background-size: 100%;
  background-position: center; 
  padding: 0.8vw 0px 0.8vw 0px;
  min-height: 40px;
  color: white;
  display: block;
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  margin-bottom: 20px;
  margin-top: -21px;
  left: 50%;
  /*
  background-color: rgba(200,0,0,.5);
  background-blend-mode: darken, luminosity;
  */
}

h1.summary_headline {
 font-size: 5.5vh;
 /*text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
 margin: 1.5vh 0px 1vh 0px;
}

h1.small {
  font-size: 32px;
}


div.background_tint {
    z-index: 1;
    height: 100%;
    width: 100%;
    position: fixed;
    overflow: auto;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.7); /*can be anything, of course*/
}

.simpletag {
  border: 2px solid #eee;
  border-radius: 5px;
  padding: 3px 5px 3px 5px;
  margin-bottom: 2px;
  margin-top: 5px;
  white-space: nowrap;
  line-height: 2.2;
  display: inline;
}

.simpletag-medium {
  border: 2px solid #eee;
  border-radius: 5px;
  padding: 2px 5px 2px 5px;
  margin-bottom: 2px;
  margin-top: 0px;
  line-height: 1;
  display: inline;
}
.simpletag-small {
  border: 2px solid #eee;
  border-radius: 5px;
  padding: 1px 5px 1px 5px;
  margin-bottom: 0px;
  margin-top: 0px;
  white-space: nowrap;
  line-height: 1;
  display: inline;
}

.checktag {
  cursor: pointer;
  display: block;
}

.pointer {
  cursor: pointer;
}

.searchtag {
  font-family: "Lucida Console", Monaco, monospace;
  color: #555;
  border: 2px solid #eee;
  border-radius: 5px;
  padding: 1px 3px 1px 3px;
  margin-bottom: 0px;
  margin-top: 0px;
  white-space: nowrap;
  line-height: 1.5;
  display: inline;
}

.nomargin {
  margin: 0px 0px 0px 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

pre.wrap {
  white-space: pre-wrap;
}

.pre {
  white-space: pre-wrap;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.new-result {
  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 2s; /* Firefox < 16 */
  -ms-animation: fadein 2s; /* Internet Explorer */
  -o-animation: fadein 2s; /* Opera < 12.1 */
  animation: fadein 2s;
}

.fadein {
  -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 1s; /* Firefox < 16 */
  -ms-animation: fadein 1s; /* Internet Explorer */
  -o-animation: fadein 1s; /* Opera < 12.1 */
  animation: fadein 1s;
}

@media (min-width: 1200px) {
  .pull-right-lg {
    float: right;
  }
}

dl.narrow dt {
  width: 80px;
}

dl.narrow dd {
  margin-left: 100px;
}
img.inline {
  height: 1.1em;
}
.left10 {
  margin-left: 10px;
}
.right5 {
  margin-right: 5px;
}
.right10 {
  margin-right: 10px;
}
.left5 {
  margin-left: 5px;
}
.indexname {
  margin-bottom: 0px;
  font-size: 4em;
  margin-top: 0px;
}
.bottom5 {
  margin-bottom: 5px;
}
.bottom10 {
  margin-bottom: 10px;
}
.top5 {
  margin-top: 5px;
}
.top10 {
  margin-top: 10px;
}
.top20 {
  margin-top: 20px;
}
.grecaptcha-badge {
  display: none;
}
.main-pane {
  display: none;
}
.main-pane.active {
  display: block;
}
.btn-tabs {
  margin-bottom: 3px;
}

div.sectr {
  padding: 0px 5px 5px 5px !important;
  height: 50px;
  margin: 5px 10px 5px 10px;
}

div.sectr.sectr-small {
  margin: 5px 3px 5px 3px;
  height: 50px;
}

div.sectr img {
  height: 52px;
  width: auto;
  margin-top: -1px;
}

.procolor {
  color: #5cb85c;
}

.display-none {
  display: none;
}

.redacted {
  filter: blur(4px);
}
.redacted:hover {
  filter: blur(0px);
}
.usermenu {
  border-width: 1px;
  border-right-style: solid;
  border-right-color: rgb(236, 240, 241);
  padding-right: 10px;
}
.userrow {
  margin-top: 20px;
}
div.pricing-table {
  margin: 0px 2px 10px 2px;
  padding: 5px 0px 0px 0px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 1px 1px 0px 0px #e1e1e1;
}

div.product-table {
  margin: 10px;
  padding: 10px;
}

h1.product-logo {
  font-size: 300%;
  font-weight: 200;
}

table.pricing-table thead tr th {
  padding-top: 15px;
  border-bottom: 3px solid #ddd;
  font-size: 120%;
}

table.pricing-table h3 {
  margin-bottom: 2px;
}

table.pricing-table h4 {
  margin-bottom: 2px;
}

.dark-red {
  color: #af1b05;
}
.dark-green {
  color: #056b05;
}
.live-tile {
  padding-right:1px;
  padding-left:1px;
  text-overflow: clip;
}
.pad5 {
  padding: 5px;
}

.pad10 {
  padding: 10px;
}

.btn-group .btn {
  border: 1px solid #555;
}

div.panel-body-condensed {
  padding: 5px 15px 5px 15px;
}

.securitytrails-logo {
  height: 50px;
  /*filter: opacity(0.7) grayscale(0.7);*/
  transition: 1s;
  margin: 5px 20px 5px 20px;
}

.tines-logo {
  height: 54px;
  /*filter: opacity(0.7) grayscale(0.7);*/
  transition: 1s;
  margin: 5px 20px 5px 20px;
}

.joesecurity-logo {
  height: 50px;
  /*filter: opacity(0.7) grayscale(0.7);*/
  transition: 1s;
  margin: 5px 20px 5px 20px;
}

.hatching-logo {
  height: 42px;
  /*filter: opacity(0.7) grayscale(0.7);*/
  transition: 1s;
  margin: 5px 20px 5px 10px;
  padding-top: 0px;
}

.pentesttools-logo {
  height: 62px;
  /*filter: opacity(0.7) grayscale(0.7);*/
  transition: 1s;
  margin: 5px 20px 5px 20px;
  padding-top: 0px;
}

.intezer-logo {
  height: 55px;
  /*filter: opacity(0.7) grayscale(0.7);*/
  transition: 1s;
  margin: 0px 0px 5px 20px;
  padding-top: 0px;
}
.ctm360-logo {
  height: 68px;
  /*filter: opacity(0.7) grayscale(0.7);*/
  transition: 1s;
  margin: 0px 0px 0px 30px;
  padding-top: 0px;
}
.threathunter-logo {
  height: 84px;
  /*filter: opacity(0.7) grayscale(0.7);*/
  transition: 1s;
  margin: -8px 10px 0px 30px;
  padding-top: 0px;
}

div.csp {
  margin-top: 40px;
}
div.csp a {
  text-decoration: none;
}
div.csp a:hover {
  text-decoration: none;
}

div.csp a:hover img {
  filter: opacity(1) grayscale(0);
  transition: 1s;
}

.ctooltip {
  position: relative;
  display: inline-block;
  opacity: 1;
  border-bottom: 1px dotted #ccc; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.ctooltip .tooltiptext {
  visibility: hidden;
  width: 240px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 10px 8px;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  opacity: 0;
  transition: opacity 0.3s;
}

dt, dd {
  margin-top: 3px;
}

/* Tooltip arrow */
.ctooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.ctooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.capitalize {
  text-transform: capitalize;
}

.extralineheight {
  line-height: 1.8em;
}

img.avatar {
  width: 55px;
  height: 55px;
  border-radius: 50px;
  margin-top: -5px;
  margin-left: 10px;
}
img.avatar-big {
  width: 150px;
  height: 150px;
  border-radius: 5px;
  border: 1px solid #eee;
}

.center-cropped {
  object-fit: cover;
  object-position: center;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  margin: 1px 1px 1px 0;
  filter: saturate(50%) brightness(115%);
}

img.vendorlogo {
  max-width: 100%;
  border: 2px solid #ccc;
  border-radius: 15px;
  padding: 15px;
  object-fit: contain;
  width: 200px;
  min-width: 200px;
  height: 110px;
  margin: 5px;
  flex-shrink: 0;
}

img.vendorlogo:hover {
  border: 2px solid #999;
}

.zoom {
  transition: transform .2s; /* Animation */
  margin: 0 auto;
  position: relative;
}

.zoom:hover {
  transform: scale(5.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  margin-left: -3px;
  margin-top: -3px;
  transform-origin: top left;
  z-index: 1000;
  border-radius: 5px;
  border: 1px solid #eee;
  box-shadow: 10px 10px 21px -2px rgba(0,0,0,0.75);
}

.navbar .glyphicon {
  margin-right: 3px;
  font-size: 110%;
 }

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

a:focus { outline: thin dotted; }


table.table-overflow {
  table-layout: fixed;
}

table.table-overflow td {
  overflow: hidden;
}

tr.htmx-swapping td {
  opacity: 0;
  transition: opacity 1s ease-out;
}

.bordertop0px { border-top: 0px }
.displayflexjustifycontentflexstart { display: flex; justify-content: flex-start }
.displayinline { display: inline }
.displayinlineblockwidth93px { display: inline-block; width: 93px }
.inlineblock { display: inline-block; }
.displaynone { display: none !important}
.fontsize4emmargintop0px { font-size: 4em; margin-top: 0px }
.height09em { height: 0.9em }
.height100pxmargintop15px { height: 100px; margin-top: -15px }
.height11em { height: 1.1em }
.height15em { height: 1.5em }
.height16pxmarginright4px { height: 16px; margin-right: 4px }
.height1em { height: 1em }
.height50pxmargintop15px { height: 50px; margin-top: -15px }
.height50pxmargintop15pxpadding0px0px0px0px { height: 50px; margin-top: -15px; padding: 0px 0px 0px 0px }
.height80px { height: 80px }
.lineheight40pxmargintop0px { line-height: 40px; margin-top: 0px }
.marginbottom0px { margin-bottom: 0px }
.marginbottom20px { margin-bottom: 20px }
.margintop0px { margin-top: 0px }
.margintop15px { margin-top: 15px }
.margintop20px { margin-top: 20px }
.margintop30px { margin-top: 30px }
.margintop3px { margin-top: -3px }
.margintop3px { margin-top: 3px }
.margintop50px { margin-top: 50px }
.margintop5px { margin-top: 5px }
.margintop6px { margin-top: -6px }
.minheight19525px { min-height: 195.25px }
.minheight74pxwidth100pxmargin0px { min-height: 74px; width: 100px; margin: 0px }
.paddingleft2pxpaddingright2px { padding-left: 2px; padding-right: 2px }
.paddingleft5pxpaddingright5px { padding-left: 5px; padding-right: 5px }
.whitespacenowrap { white-space: nowrap }
.width100 { width: 100% }
.width100px { width: 100px }
.width180pxmarginbottom8px { width: 180px; margin-bottom: 8px }
.width20 { width: 20% }
.willchangecontents { will-change: contents }
.wordbreakbreakall { word-break: break-all }

.background-ha {
  background-color: #95a5a6;
}