/* ------------------- EVE Fonts ------------------- */
@font-face {
	font-family: evesansneue;
	src: url("../fonts/evesansneue-regular.otf");
}

@font-face {
	font-family: evesansneue;
	font-weight: bold;
	src: url("../fonts/evesansneue-bold.otf");
}

@font-face {
	font-family: evesansneue;
	font-style: italic;
	src: url("../fonts/evesansneue-italic.otf");
}

@font-face {
	font-family: evesansneue;
	font-weight: bold;
	font-style: italic;
	src: url("../fonts/evesansneue-bolditalic.otf");
}

@font-face {
	font-family: evesansneue;
	font-stretch: condensed;
	src: url("../fonts/evesansneue-condensed.otf");
}

@font-face {
	font-family: evesansneue;
	font-stretch: condensed;
	font-weight: bold;
	src: url("../fonts/evesansneue-condensedbold.otf");
}

@font-face {
	font-family: evesansneue;
	font-stretch: condensed;
	font-style: italic;
	src: url("../fonts/evesansneue-condenseditalic.otf");
}

@font-face {
	font-family: evesansneue;
	font-stretch: condensed;
	font-weight: bold;
	font-style: italic;
	src: url("../fonts/evesansneue-condensedbolditalic.otf");
}

@font-face {
	font-family: evesansneue;
	font-stretch: expanded;
	src: url("../fonts/evesansneue-expanded.otf");
}

@font-face {
	font-family: evesansneue;
	font-stretch: expanded;
	font-weight: bold;
	src: url("../fonts/evesansneue-expandedbold.otf");
}

@font-face {
	font-family: evesansneue;
	font-stretch: expanded;
	font-style: italic;
	src: url("../fonts/evesansneue-expandeditalic.otf");
}

@font-face {
	font-family: evesansneue;
	font-stretch: expanded;
	font-weight: bold;
	font-style: italic;
	src: url("../fonts/evesansneue-expandedbolditalic.otf");
}

/* --------------- Font Application --------------- */

.eveneue
{
	font-family: evesansneue, tahoma, verdana, sans-serif;
}

/*.jumbotron,*/
.splash,
.navbar
{
	font-family: evesansneue, tahoma, verdana, sans-serif;
}

.jumbotron
{
	/*background: #000 url("../images/jumbotron.jpg") 0px -100px no-repeat; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/

	/*color: #FFF;*/
}

.jumbotron .text-muted
{
	/*color: #FFF !important;*/
}

.devnotes pre
{
	padding: 0.5rem;
	border: 1px solid #dee2e6;
	border-radius: 0.25rem;
	background-color: #073642;
}

.devnotes h1
{
	border-bottom: 1px solid #dee2e6;
}

.devnotes h2,
.devnotes h2,
.devnotes h3,
.devnotes h4
{
	text-decoration: underline;
}

.img-banner {
	position: relative;
}

.img-banner::before {
  content: "";
  background: url("../images/jumbotron.jpg") 0px -100px no-repeat;
  background-size: cover;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0.2;
}

.img-banner img {
	position: relative;
}

.splash .img-banner {

}

.splash>H1 {
	text-transform: uppercase;
	font-stretch: condensed;
	font-weight: bold;
}

.splash>H3 {
	font-stretch: condensed;
	font-weight: bold;
	font-style: italic;
}

.bulletin-pane,
.event-pane {
  height: 80vh;
  overflow-y: auto;
}


/* ------------------- Main CSS ------------------- */

body
{
	margin-top: 80px;
	height: 100%;
}

.table td,th {
	vertical-align: middle;
}

.cloaked
{
	display: none !important;
}

.mono
{
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Overrides */

.navbar-default .navbar-text {
	color: #fff;
}

.form-horizontal {
	margin-bottom: 0px;
}

.well .form-group:last-of-type {
	margin-bottom: 0px;
}

textarea[name=eft_text] {
	height: 230px;
}

textarea[name=description] {
	height: 120px;
}

textarea.editor {
	height: 400px;
}

input[type=datetime-local].form-control {
	color: #000;
	background-color: #daf2f2;
}

.select2-results .select2-results__option {
	color: #000;
}

.nav-icon-panel {
	text-align: center;
}

.nav-icon-panel a {
	color: #fff;
	text-decoration: none;
}

.nav-icon-panel a:hover {
	color: #00bc8c;
	text-decoration: none;
}

.result-section {
	color: #000;
	font-weight: bold;
	font-size: larger;
	padding-left: 8px;
}

.quickfind .form-group {
	margin-bottom: 0px;
}

.collapse-toggle[aria-expanded=false] .text-expanded {
  display: none;
}
.collapse-toggle[aria-expanded=true] .text-collapsed {
  display: none;
}

.dashboard-header {
	font-size: 1.6rem;
}

.dashboard-entry {
	font-size: smaller;
}

.md-editor {
	height: 400px;
}

.CodeMirror {
	border-radius: 0.25rem;
	resize: vertical;
}

/* -------------------- Sidebar CSS ------------------------------ */
/* -- q.v. https://getbootstrap.com/docs/5.1/examples/sidebars/ -- */

.bi {
  vertical-align: -.125em;
  pointer-events: none;
  fill: currentColor;
}

.btn-toggle {
  display: inline-flex;
  align-items: center;
  padding: .25rem .5rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.55);
  background-color: transparent;
  border: 0;
}
.btn-toggle:hover,
.btn-toggle:focus {
  color: rgba(255, 255, 255, 0.55);
  background-color: #d2f4ea;
}

.btn-toggle::before {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;
  transform-origin: .5em 50%;
}

.btn-toggle[aria-expanded="true"] {
  color: rgba(255, 255, 255, 0.55);
}
.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
}

.btn-toggle-nav a {
  display: inline-flex;
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 1.25rem;
  text-decoration: none;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  background-color: #d2f4ea;
}

.scrollarea {
  overflow-y: auto;
}

.fw-semibold { font-weight: 600; }

/* -------------------- Fittings ------------------------------ */
/* ------------ inspired by Eve-Workbench --------------------- */

.fittings
{
	font-family: evesansneue, tahoma, verdana, sans-serif;
}

.fitting-slots
{
	margin-bottom: 4px;
}

.fitting-slots .slot-name
{
	display: inline-block;
	border: 1px solid white;
	margin-bottom: 2px;
	padding: 2px;
	min-width: 40px;

	text-align: center;
	font-size: 10px;
	text-transform: uppercase;

	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}

.fitting-slots .slot-item
{
	position: relative;
	display: inline-block;
	border: 1px solid white;
	margin-bottom: 2px;
	width: 40px;
	height: 40px;
}

.fitting-slots .slot-item img
{
	width: 38px;
	height: 38px;
}

.fitting-slots .slot-item img.slot-charge
{
	width: 16px;
	height: 16px;

	position: absolute;
	bottom: 0px;
	right: 0px;
}

#fitting_menu .list-group-item
{
	padding: 0.25rem 0.75rem;
	margin-bottom: 1px;
}

.ship-description
{
	white-space: pre-line;
	max-height: 250px;
	overflow-y: scroll;
}

.hft-display textarea.form-control
{
	color: white;
	outline: none;
	resize: none;
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: smaller;
	height: auto;
}

a.btn.new-fitting
{
	line-height: 1;
}

div.fitting-error
{
	white-space: pre-line;
}

.compact-fitting
{
	font-size: x-small;
	background-color: #073642;
	border: 1px solid #dee2e6;
}

.compact-fitting .section-title
{
	font-weight: bold;
	background-color: #2AA198;
}

.compact-fitting .slot-row
{

}

.compact-fitting img.slot-icon
{
	width: 16px;
	height: 16px;
}

.compact-fitting .slot-name
{
	margin-left: 3px;
}

/* -------------- The Charter ----------------- */

.the-charter
{
	font-family: evesansneue, tahoma, verdana, sans-serif;
}

.the-charter>h1
{
	border-bottom: 1px solid #839496;
}

.the-charter>ol
{
	list-style-type: upper-roman;
}

.the-charter>ol>li>ol
{
	list-style-type: lower-roman;
}

.the-charter>ol>li>ol>li>ol
{
	list-style-type: lower-latin;
}

/* -------------- Mission Logs ----------------- */

.mission-type-group {
	border-bottom: 1px solid #839496;
}

.emptylist_placeholder {
	text-align: center;
	font-style: italic;
}

.mission-log-row:last-child {
	margin-bottom: 1rem;
}