html {
    scrollbar-gutter: stable;
}

body.modal-open {
	overflow: hidden !important;
	padding-right: 0 !important;
}

body.modal-open .modal {
	overflow-y: auto;
	scrollbar-width: none;
	/* Firefox */
	-ms-overflow-style: none;
	/* old Edge */
}

body.modal-open .modal::-webkit-scrollbar {
	width: 0 !important;
	height: 0 !important;
	background: #151515 !important;
}

body.modal-open .modal::-webkit-scrollbar-track,
body.modal-open .modal::-webkit-scrollbar-thumb {
	background: #151515 !important;
}

.centered { vertical-align:middle; text-align:center; }
.centered img { display:block; margin:0 auto; }

zk-home-side { display: block; text-align: center; }

.eveimage { background-color: #151515; overflow: hidden; font-size: 0.1px;}

#back-top {
	position: fixed;
	bottom: 50px;
	margin-left: -65px;
}

#back-top a {
	width: 55px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #444;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #999;
}

/* arrow icon (span tag) */
#back-top span {
	width: 55px;
	height: 60px;
	display: block;
	margin-bottom: 7px;
	background: url(/img/up-arrow.png) no-repeat center center;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

.accordion-group {
  margin-bottom: 0px;
  border: 0px;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
}
.accordion-inner{
    padding:0px 0px;
    border-top:0px solid #e5e5e5;
}

#left-banner {
position: fixed;
top: 70px;
left: 5px;
cursor: pointer;
width: 160px;
}

#right-banner {
position: fixed;
top: 70px;
right: 5px;
cursor: pointer;
width: 160px;
}

.facebook{
	background: url("/img/social/fb_1.png") no-repeat center center;
}
.twitter {
	background: url("/img/social/twitter_1.png") no-repeat center center;
}
.googleplus {
	background: url("/img/social/google_plus.png") no-repeat center center;
}
.reddit {
	background: url("/img/social/reddit.png") no-repeat center center;
}

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


.footer {
	margin-top: 20px;
	padding-top: 20px;
}

/* also hide the stuff from ladscape ipad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.hidden-tablet {
		display: none;
	}
}

ul.autocomplete {
    width: 375px;
    padding: 5px 0px;
    z-index: 1200;
}
ul.autocomplete img { position: absolute; top: 4px; left: 4px; }
ul.autocomplete a {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    line-height: 20px;
    padding: 0px 54px 0px 40px;
    color: #fff;
    text-decoration: none;
}
ul.autocomplete a:hover,
ul.autocomplete a:focus {
	color: #fff;
	text-decoration: none;
}
ul.autocomplete li.active > a,
ul.autocomplete li > a:hover,
ul.autocomplete li > a:focus {
    background-color: #111;
}
ul.autocomplete a p { margin: 0px; color: inherit; }
ul.autocomplete span {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
}

/* Override background color of search results */
li.active img {
	background: #050505;
}

/* cut search results on mobile devices to prevent overlapping of category names */
@media only screen and (max-width: 767px) {
	ul.autocomplete a {
        padding: 0px 75px 0px 40px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#details-menu {
		padding: 0px;		
	}
	
	#details-menu .nav li a {
		padding-left: 0px;
	}
}

@media only screen and (min-width: 768px) {
    #details-menu .navbar-nav {
        display: flex;
        flex-direction: row;
        margin: 0;
    }

    #details-menu .navbar-nav > li {
        float: none;
    }

    #details-menu > .navbar-nav > li > a {
        display: block;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 15px;
        padding-right: 15px;
        color: #888;
    }

    #details-menu .navbar-nav.ms-auto {
        margin-left: auto !important;
    }
}

#addentity label { margin-right: 15px; }
#addentity h3 { display: inline-block; }

[rel=tooltip] + div.tooltip {
	/* prevent hover loop when a tooltip is shown above its triggering element */
	pointer-events: none;
}

/* mobile menu stuff */
.mobileNav {
	position: absolute;
	left: -200px;
	top: 0px;
	width: 200px;
	height: 100%;
}

.content {
	position: relative;
	left: 0;
	top: 0;
	right: 0px;
}

.content.opened {
	left: 200px;
}

.mobileNav.opened {
	left: 0px;
}

.content, .mobileNav {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.listPilots {
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	background: #111;
	border: 1px solid #000;
}

.topimage img {
	width: 100%;
}

@media screen and (min-width: 1024px) {
	.topimage {
		width: 100%;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.dropdown-menu {
		max-height: 200px;
		overflow-y: auto;
		overflow-x: hidden;
	}
}

#loginform {
	padding: 0px 10px;
}

.ttooltip, .arrow:after {
  background: black;
  border: 2px solid white;
}

.X {
    position: relative;
    left: 200px;
    cursor: pointer;
    text-align: right;
    margin-bottom: 5px;
}
.ttooltip {
  opacity: 0;
  width: 250px;
  display: inline-block;
  position: absolute;
  padding: 10px 20px;
  color: white;
  border-radius: 10px;
  margin-top: 20px;
  font: bold 14px "Helvetica Neue", Sans-Serif;
  font-stretch: condensed;
  text-decoration: none;
  box-shadow: 0 0 7px black;
}
.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}
.arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  -webkit-box-shadow: 6px 5px 9px -9px black,
                      5px 6px 9px -9px black;
  -moz-box-shadow: 6px 5px 9px -9px black,
                   5px 6px 9px -9px black;
  box-shadow: 6px 5px 9px -9px black,
              5px 6px 9px -9px black;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
}
.ttooltip.active {
  opacity: 1;
  margin-top: 5px;
  -webkit-transition: all 0.2s ease;
  -moz-transition:    all 0.2s ease;
  -ms-transition:     all 0.2s ease;
  -o-transition:      all 0.2s ease;
}
.ttooltip.out {
  opacity: 0;
  margin-top: -20px;
}

td.centered {
    text-align: center;
}

@font-face {
  font-family: 'Triglavian';
  src: url('/data/Triglavian-Regular.ttf') format('truetype');
}

.triglavian {
    font-family: 'Triglavian';
}

.stat-range {
    border-bottom: solid 2px transparent;
    cursor: pointer;
}
.stat-active {
    border-bottom: solid 2px #efefef;
    color: #FCFDFD;
}

@media (max-width: 767px) {
  #details-menu .navbar-nav {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    margin: 0;
  }
  #details-menu .navbar-nav>li {
        float: none;
  }
    #details-menu.navbar-collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
}

.pointer {
    cursor: pointer;
}

#nojsfulloverlay {
  color: black;
  background: white;
  width:      100%;
  height:     100%; 
  z-index:    10;
  top:        0; 
  left:       0; 
  position:   fixed; 
  text-align: center;
  padding-top: 1em;
}

@media only screen and (max-width: 767px) {
.ad-sm-block {
    display: block !important;
}
html,body {
    height: 100%;
    margin-bottom: 125px !important;
}
}
@media only screen and (max-width: 1579px) {
.ad-xl-block {
    display: none !important;
}
}

@media only screen and (min-width: 1580px) {
.left-sticky-ad {
    position: fixed;
    top: 50px;
    left: calc(50% - 785px);
    width: 180px;
    max-width: 180px;
    height: 600px;
    max-height: 600px;
    background-color: transparent;
}

.right-sticky-ad {
    position: fixed;
    top: 50px;
    left: calc(50% + 615px);
    width: 180px;
    max-width: 180px;
    height: 600px;
    max-height: 600px;
    background-color: transparent;
}

.ad-xl-block {
    display: block;
}
.ad-xl-none {
    display: none !important;
}
}

@media only screen and (min-width: 1860px) {
.left-sticky-ad {
    left: calc(50% - 905px);
    width: 300px;
    max-width: 300px;
}

.right-sticky-ad {
    left: calc(50% + 615px);
    width: 300px;
    max-width: 300px;
}
}

.nowrap-parent {
    width: 250px;
}

.nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.wrapplease {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: break-word;
}

.scan-entity {
    margin: 0.25em;
    width: 64px;
}


.entitygroup {
	display: flex;
	flex-wrap: wrap;
}

#resultstable th, #resultstable td {
    padding-left: 4px;
    padding-right: 4px;
}

.pilotmemberimage {
	width: 45px;
}

.pilotships {
	width: 210px;
}

.pilotmember {
	width: 75px;
}

.upperentities {
	padding-right: 0.5em;
}

#scanlayout {
    display: grid;
    grid-template-columns: 75px minmax(0, 1fr);
    width: 100%;
}

#scanlayout.has-ships {
    grid-template-columns: 75px 75px minmax(0, 1fr);
}

#scan-shipgroups-col {
    display: none;
}

#scanlayout.has-ships #scan-shipgroups-col {
    display: block;
}

#resultslegend {
    padding-top: 2px;
}

/*@media only screen and (min-width: 420px) and (max-width: 997px) {
	#usermenu * {
		padding-left: 0px;
		padding-right: 0px;
	}
    .collapse {
        display: block;
    }

    .navbar-header {
        float: left;
    }

    .navbar-toggle {
        display: none;
    }

    .navbar-nav.navbar-left {
       float: left;
       margin: 0;
    }

    .navbar-nav.navbar-right {
       float: right;
       margin: 0;
    }
    .navbar-nav>li {
        float: left;
    }
    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
    }

	.navbar * {
		margin: 0px;
	}
	
	#search {
		margin: 0px;
		padding: 0px;
		padding-top: 5px;
		width: 10px;
		position: relative;
		left: -240px;
	}
}

@media only screen and (max-width: 420px) {
     .collapse {
        display: none;
     }

     .navbar-header {
        display: block;
     }
}*/

.lb-bold {
    border-left-width: 3px !important;
}

.b-none {
    border: none !important;
}

.scanalyzer {
	color: red;
}

.publift:empty + .pbsep { display: none; }
.publift:empty + .pbsep + .pbblock { display: none; }
.pbblock { margin-bottom: 3em; }
.pbblock .btn {	margin: 0em; }

#dls {
	margin: 0 2em;
}


#toast-container {
	position: fixed;
    bottom: 3rem;
    right: 3rem;
    transform: translate(-50%, -10%); /* center relative to itself */
	z-index: 9999;
	display: flex;
	flex-direction: column;
	gap: 12px;
	border: solid 3px white;
	border-radius: 12px;
}

.toast {
	background: #333;
	color: #fff;
	padding: 14px 22px;
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
	font-size: 2rem;
	pointer-events: auto;
}

#otherapps div {
	margin: 0px;
	padding: 0px;
	margin-bottom: 1em;
	padding: 0.25em;
	border-bottom: solid 1px #333;
}

#otherapps span {
	margin-left: 1em;
}


.shipImageSpan {
  position: relative;
  display: inline-block;   /* ensure the box has the set width/height */
  width: attr(--size);
  height: attr(--size);
}

.shipImageIcon {
	display: none;
}

.pip {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	transform: scale(calc(var(--sizei) / 64));	
	object-position: 0 0;
	transform-origin: 0 0;
	width: 15px;
	height: 15px;
	clip-path: polygon(0 0, 0 100%, 100% 0);
	image-rendering: crisp-edges;   /* fallback */
    image-rendering: pixelated;     /* preferred nearest-neighbor */
	background-color: black;
}

.pip[src="/img/pips/pip_tech1.png"] {
	display: none;
}

.information {
    background-color: #050505;
    color: #ccc;
}

code {
	background-color: black !important;
}

#itemsTable:has(#itemsDestroyed:not(:checked)) .item_row:has(.item_destroyed) {
	display: none;
}

#itemsTable:has(#itemsDropped:not(:checked)) .item_row:has(.item_dropped) {
	display: none;
}

.heatmap-square {
	color: white;
	width: 32px;
	height: 24px;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	background-color: hsla(0, 92%, calc(var(--level) * 10%), 1);
}

#activity-heatmap td {
	padding: 0.2em;
}

.modal-content {
	background-color: #111;
	color: #ddd;
}

.tr-killmail .location {
	max-width: 130px;
}

.tr-killmail .victim, .tr-killmail .finalBlow {
	width: 315px !important;
	max-width: 315px !important;
}

.ambient-killmail-toggle {
    position: fixed;
    right: 14px;
    bottom: 14px;
    padding: 7px 12px;
    border: 1px solid #2f3a4f;
    border-radius: 999px;
    background: rgba(12, 16, 28, 0.86);
    color: #d4dfef;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.03em;
    transition: all 0.2s ease;
    backdrop-filter: blur(6px);
}

.kill-list-header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.kill-list-title {
    margin: 6px 0;
    line-height: 1.1;
}

.kill-list-ambience {
    display: none;
    margin-top: 0;
}

.kill-list-ambience .ambient-killmail-toggle {
    position: static;
    right: auto;
    bottom: auto;
    padding: 5px 10px;
    font-size: 11px;
    letter-spacing: 0.02em;
    line-height: 1;
}

.ambient-killmail-toggle:hover {
    border-color: #4c6385;
    color: #eef4ff;
    background: rgba(16, 24, 40, 0.94);
}

.ambient-killmail-toggle.is-on {
    border-color: #548e71;
    background: rgba(14, 30, 23, 0.9);
    color: #ccefdc;
}

@media only screen and (max-width: 767px) {
    .ambient-killmail-toggle {
        right: 10px;
        bottom: 10px;
        font-size: 11px;
        padding: 7px 10px;
    }

    .kill-list-ambience {
        margin-top: 0;
    }
}

.clearfix {
	margin-bottom: 1em;
}

.img-rounded {
    border-radius: 0 6px 6px 6px;
}