/*------------------------------------
- COLOR primary
------------------------------------*/
.alert-primary {
  color: #11260b;
  background-color: #a7e097;
  border-color: #9adb87;
}

.alert-primary hr {
  border-top-color: #89d673;
}

.alert-primary .alert-link {
  color: #000000;
}

.badge-primary {
  color: #fff;
  background-color: #3c8527;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
  color: #fff;
  background-color: #2a5d1b;
}

.bg-primary {
  background-color: #3c8527 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #2a5d1b !important;
}

.border-primary {
  border-color: #3c8527 !important;
}

.btn-primary {
  color: #fff;
  background-color: #3c8527;
  border-color: #3c8527;
}

.btn-primary:hover {
  color: #fff;
  background-color: #2f691e;
  border-color: #2a5d1b;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(60, 133, 39, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #3c8527;
  border-color: #3c8527;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #2a5d1b;
  border-color: #245117;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(60, 133, 39, 0.5);
}

.btn-outline-primary {
  color: #3c8527;
  background-color: transparent;
  border-color: #3c8527;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #3c8527;
  border-color: #3c8527;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(60, 133, 39, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #3c8527;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #3c8527;
  border-color: #3c8527;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(60, 133, 39, 0.5);
}

.list-group-item-primary {
  color: #11260b;
  background-color: #9adb87;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #11260b;
  background-color: #89d673;
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #11260b;
  border-color: #11260b;
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #9adb87;
}

.table-hover .table-primary:hover {
  background-color: #89d673;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #89d673;
}

.text-primary {
  color: #3c8527 !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #2a5d1b !important;
}

/*------------------------------------
- COLOR mc-gray
------------------------------------*/
.alert-mc-gray {
  color: #888888;
  background-color: #c1c1c1;
  border-color: #121212;
}

.alert-mc-gray hr {
  border-top-color: #737373;
}

.alert-mc-gray .alert-link {
  color: #6f6f6f;
}

.badge-mc-gray {
  color: #212529;
  background-color: #c6c6c6;
}

.badge-mc-gray[href]:hover, .badge-mc-gray[href]:focus {
  color: #212529;
  background-color: #acacac;
}

.bg-mc-gray {
  background-color: #c6c6c6 !important;
}

a.bg-mc-gray:hover, a.bg-mc-gray:focus,
button.bg-mc-gray:hover,
button.bg-mc-gray:focus {
  background-color: #acacac !important;
}

.border-mc-gray {
  border-color: #c6c6c6 !important;
}

.btn-mc-gray {
  color: #f9f9f9;
  background-color: #1a151f;
  border-color: #c6c6c6;
}

.btn-mc-gray:hover {
  color: #212529;
  background-color: #b4b4b4;
  border-color: #acacac;
}

.btn-mc-gray:focus, .btn-mc-gray.focus {
  box-shadow: 0 0 0 0.2rem rgba(198, 198, 198, 0.5);
}

.btn-mc-gray.disabled, .btn-mc-gray:disabled {
  color: #212529;
  background-color: #c6c6c6;
  border-color: #c6c6c6;
}

.btn-mc-gray:not(:disabled):not(.disabled):active, .btn-mc-gray:not(:disabled):not(.disabled).active, .show > .btn-mc-gray.dropdown-toggle {
  color: #212529;
  background-color: #acacac;
  border-color: #a4a4a4;
}

.btn-mc-gray:not(:disabled):not(.disabled):active:focus, .btn-mc-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-mc-gray.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(198, 198, 198, 0.5);
}

.btn-outline-mc-gray {
  color: #c6c6c6;
  background-color: transparent;
  border-color: #c6c6c6;
}

.btn-outline-mc-gray:hover {
  color: #212529;
  background-color: #c6c6c6;
  border-color: #c6c6c6;
}

.btn-outline-mc-gray:focus, .btn-outline-mc-gray.focus {
  box-shadow: 0 0 0 0.2rem rgba(198, 198, 198, 0.5);
}

.btn-outline-mc-gray.disabled, .btn-outline-mc-gray:disabled {
  color: #c6c6c6;
  background-color: transparent;
}

.btn-outline-mc-gray:not(:disabled):not(.disabled):active, .btn-outline-mc-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-mc-gray.dropdown-toggle {
  color: #212529;
  background-color: #c6c6c6;
  border-color: #c6c6c6;
}

.btn-outline-mc-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-mc-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-mc-gray.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(198, 198, 198, 0.5);
}

.list-group-item-mc-gray {
  color: #888888;
  background-color: #121212;
}

.list-group-item-mc-gray.list-group-item-action:hover, .list-group-item-mc-gray.list-group-item-action:focus {
  color: #888888;
  background-color: #737373;
}

.list-group-item-mc-gray.list-group-item-action.active {
  color: #212529;
  background-color: #888888;
  border-color: #888888;
}

.table-mc-gray,
.table-mc-gray > th,
.table-mc-gray > td {
  background-color: #121212;
}

.table-hover .table-mc-gray:hover {
  background-color: #737373;
}

.table-hover .table-mc-gray:hover > td,
.table-hover .table-mc-gray:hover > th {
  background-color: #737373;
}

.text-mc-gray {
  color: #c6c6c6 !important;
}

a.text-mc-gray:hover, a.text-mc-gray:focus {
  color: #acacac !important;
}

@font-face {
  font-family: "MinecraftSeven";
  src: url("../fonts/Minecraft-Seven_v2.woff") format("woff");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #140c19;
  background-image: url("../images/bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}

footer {
  margin-top: auto;
  padding: 20px;
  font-family: "MinecraftSeven", sans-serif;
  background-color: rgba(20, 12, 25, 0.6509803922);
  text-align: center;
}

h1, h2, h3, h4, h5, h6 {
  color: #fff;
  font-family: "MinecraftSeven", sans-serif;
}

nav {
  font-family: "MinecraftSeven", sans-serif;
}

pre {
  white-space: pre-wrap;
}

th.theader {
  text-align: center;
}

.bg-body-tertiary {
  background-color: rgba(20, 12, 25, 0.6509803922) !important;
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(20, 12, 25, 0.6509803922) !important;
}

.bg-body {
  background-color: rgba(20, 12, 25, 0.6509803922) !important;
}

.container {
  font-family: "MinecraftSeven", sans-serif;
}

.avatar-bg {
  display: flex;
  justify-content: center;
  align-items: center;
}

.skin-render {
  margin: auto;
}

.jumbotron {
  text-align: center;
}

.search {
  font-family: MinecraftSeven;
}

.card {
  color: rgb(255, 255, 255);
  background-color: rgba(20, 12, 25, 0.6509803922) !important;
  margin-bottom: 20px;
}

.card.dashboard {
  min-width: 60%;
}

.card-header {
  text-align: center;
  color: rgb(253, 253, 253);
  padding: 1em 0;
  margin-bottom: 0;
  height: 100%;
  display: flex;
  justify-content: center; /* Add this line */
  align-items: center;
}

.card-body {
  padding: 3em var(--bs-card-spacer-x);
  background-color: rgba(20, 12, 25, 0.6509803922) !important;
  height: 100%;
}

.form-select,
.form-control,
.btn {
  border-radius: 0;
}

.form-control, .form-select {
  background-color: rgba(20, 12, 25, 0.6509803922) !important;
}

.counter {
  margin-top: 3%;
  margin-bottom: 5%;
}

.accordion {
  margin-bottom: 5%;
}

.javajson-display, .bedrockjson-display {
  white-space: pre;
  font-family: monospace;
  font-size: 14px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.imgerror {
  max-width: 60%;
  min-width: 20%;
  height: auto;
}

.fourofour {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 10px;
}

.container.center {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 80px);
}

.container.center.dashboard {
  min-height: calc(100vh - 200px); /* Adjust the value as needed */
}

@media (min-width: 576px) {
  /*sm equivalent*/
  .avatar {
    height: 7em;
  }
}
@media (min-width: 768px) {
  /*md equivalent*/
  .jumbotron {
    text-align: left;
  }
  .avatar {
    height: 10em;
  }
}
@media (min-width: 992px) {
  .search {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  /*xl equivalent*/
}