body {
  background: #333;
  color: white;
}


select {
  background-color: #333 !important;
  color: white !important;
}

option {
  background-color: #333 !important;
  color: white !important;
}

html {
  font-size: .8em;
}

@media (min-width: 768px) {
  html {
    font-size: .8em;
  }
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

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

nightreignmap {
  z-index: -1;
}

.selectionButton {
  width: 100%;
  height: 6em;
  margin-top: 1em;
  font-size: .95em;
  padding: 0px;
}

.renderedMapElement {
  transform: translate(-50%, -50%);
}

.mapText {
  color: white;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  z-index: 15;
  white-space: pre-line;
  text-align: center;
  vertical-align: super;
  line-height: 1em;
}

.mapTextLarge {
  color: white;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  z-index: 15;
  white-space: pre-line;
  vertical-align: super;
  line-height: 1em;
  transform: translate(0%, 0%) !important;
  margin: 10px;
  font-size: 1.2em !important;
}

.hollowscrystal {
  z-index: 15 !important;
}

#contentWrapper {
  min-height: 100vh;
  position: relative;
}

#content {
  padding-bottom: 1.5em;
}

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:1.5em;   /* Height of the footer */
   font-size: 1em;
   text-align: center;
}


.table-mapinfo table, .table-mapinfo th, .table-mapinfo td {
  border: 1px solid white;
}

.table-mapinfo td,
.table-mapinfo th {
  padding-right: 20px;
  font-size: .8em;
  white-space: pre-line;
}

.table-nightlord {
  margin-bottom: .5em !important;
}

.table-nightlord table, .table-nightlord th, .table-nightlord td {
  border: 1px solid white !important;
}

.table-nightlord td,
.table-nightlord th {
  padding: 5px;
  font-size: .8em;
}

.bg-immune {
  background-color: rgba(53, 6, 62, 1);
  color: white;
}

.metadata-title {
  font-size: 1.3em;
}

.pulse {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
    animation: pulse .5s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.pulsesmall {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
    border-radius: 50%;
    animation: pulse .5s infinite;
}

@keyframes pulsesmall {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
    }

    70% {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.theme-gladius,
.theme-adel,
.theme-gnoster,
.theme-maris,
.theme-libra,
.theme-fulghor,
.theme-caligo,
.theme-heolstor {
  background-color: #05014a !important;
}


.theme-harmonia,
.theme-straghess {
  background-color: #660000 !important;
}

.theme-unknown {
  background-color:  #4f3372 !important;
}

.theme-rottedwoods {
  background-color: #05014a !important;
}

.theme-crater {
  background-color:  #05014a !important;
}

.theme-mountaintop {
  background-color: #05014a !important;
}

.theme-noklateo {
  background-color: #05014a !important;
}

.theme-greathollow {
  background-color: #05014a !important;
}