body {
  background-color: #248;
}

.mini-game-menu {
  color: #ccc;
}

.mini-game-menu a {
  color: #aaf;
}

.mini-game-menu a:hover {
  color: #aaa;
}

a.begin-edit-button, a.solo-edit-button {
  border-bottom: none;
  color: #000;
  font-size: 24px;
}

a.begin-edit-button.goal-unlock-edit {
  color: #fff;
}

a.begin-edit-button:hover, a.solo-edit-button:hover {
  border-bottom: none;
  color: #55f;
  font-size: 24px;
  text-decoration: none;
}

a.edit-add-button, a.edit-remove-button, a.edit-add-button:hover, a.edit-remove-button:hover {
  border-bottom: none;
  margin: 5px;
}

#edit-global-modal-container {
  margin: 25px;
}

div.edit-top-menu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

div.navigator {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-flow: row wrap;
  justify-content: center;
  align-items: flex-end;
  align-content: flex-end;

  margin: 25px;
  background-color: #eef;
}

div.navigator div {
  margin-left: 5px;
  margin-right: 5px;
}

div#navigator img {
  height: 80px;
}

div.location-box {
  padding: 10px;
  background-color: #fff;
  text-align: center;
  margin: 10px;
}

.add-remove-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-flow: row wrap;
  justify-content: space-between;
  align-content: center;
}

#machine-mode-nav {
  width: 100%;
  background-color: #eee;
  text-align: center;
  padding: 10px;
  margin: 10px;
}

#machine-mode-nav #nav-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-flow: row wrap;
  justify-content: center;
  align-content: center;
}

#machine-list, .location-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-flow: row wrap;
  justify-content: flex-start;
  align-content: stretch;
}

.machine-container {
  padding: 10px;
}

#machine-list .sortable-placeholder {
  background-color: #bbb;
  margin: 0px;
  padding: 10px;
}

@media only screen and (min-width: 1px)
                   and (max-width: 767px) {
  .machine-container, #machine-list .sortable-placeholder {
    width: 100%;
  }
}

@media only screen and (min-width: 768px)
                   and (max-width: 991px) {
  .machine-container, #machine-list .sortable-placeholder {
    width: 50%;
  }
}

@media only screen and (min-width: 992px)
                   and (max-width: 1199px) {
  .machine-container, #machine-list .sortable-placeholder {
    width: 33%;
  }
}

@media only screen and (min-width: 1200px) {
  .machine-container, #machine-list .sortable-placeholder {
    width: 25%;
  }
}

.machine-progress-container {
  position: relative;
}

.machine-progress {
  position: absolute;
  left: 8%;
  right: 8%;
}

.jsonform-submit-button {
  display: none;
}

.item-icon, .machine-icon, .merchant-icon, .location-icon {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}

.single-item {
  padding: 3px;
}

.single-item span {
  vertical-align: middle;
  margin-left: 6px;
  margin-right: 6px;
}

.single-item .count {
  line-height: 32px;
}

.item-icon {
  height: 32px;
  width: 32px;
}

.machine-icon {
  height: 96px;
  width: 96px;
  margin-left: auto;
  margin-right: auto;
}

.merchant-icon {
  height: 128px;
  width: 128px;
  margin-left: auto;
  margin-right: auto;
}

.location-icon {
  height: 196px;
  width: 196px;
  margin-left: auto;
  margin-right: auto;
}

.editor textarea {
  width: 80%;
}

.splash {
  max-width: 100%;
}

a#tinker > span, a#travel > span {
  color: #000;
}

.inventory-container {
//  background-color: #f5f5f5;
}

.inventory-header {
  margin-bottom: 0px;
}

.convert-line {
  line-height: 40px;
}

.disabled-machine-color {
  color: #600;
}

.enabled-machine-color {
  color: #cfc;
}

#goal-list, #unlock-list {
  text-align: center;
  padding: 10px;
}

#goal-list h2, #unlock-list h2 {
  color: #eee;
}

#goal-list {
  background-color: #404;
}

#unlock-list {
  background-color: #044;
}

a#toggle-goal-completed, a#toggle-unlock-completed {
  color: #ccc;
}

a#toggle-goal-completed:hover, a#toggle-unlock-completed:hover {
  text-decoration: none;
}

a.move-button:hover {
  text-decoration: none;
}

a.completed-goal.btn, a.completed-unlock.btn {
  background-color: #aca;
  opacity: 1.0;
  -webkit-opacity: 1.0;
  -khtml-opacity: 1.0;
  -moz-opacity: 1.0;
  -ms-filter: alpha(opacity=100);
  filter: alpha(opacity=100);
}

.edit-goal-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-flow: row wrap;
  justify-content: flex-start;
  align-content: stretch;
}

.edit-goal-item {
  max-width: 200px;
  margin: 10px;
}

.edit-goal-container .sortable-placeholder {
  background-color: #bbb;
  margin: 10px;
  width: 200px;
}






.btn {
    white-space: normal;
}

.progress .progress-bar {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}