@media (max-width: 400px) and (min-width: 350px) {
  .modal-dialog {
    margin: min(0.5rem, (100vw - 350px) * 0.5);
  }
}
.text-list-modal .modal-header {
  overflow: hidden;
}

.btn-primary {
  background-color: #337ab7;
}

.column {
  flex: 50%;
  padding-right: 10px;
}

.fancy-header {
  border: 40px solid black;
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  font-family: BankGothicHD, Impact, sans-serif;
}
.fancy-header .squad-name {
  position: absolute;
  font-size: 32px;
  margin-top: 8px;
  font-weight: 100;
}
.fancy-header .mask {
  position: absolute;
  right: 0;
  width: 60px;
  background-color: white;
  height: 60px;
  z-index: 999;
}
.fancy-header .outer-circle {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  margin-left: -30px;
  background-color: white;
}
.fancy-header .outer-circle .inner-circle {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: gray;
  position: relative;
  top: 5px;
  left: 5px;
  line-height: 50px;
  font-size: 20px;
  text-align: center;
}

.fancy-under-header {
  border: 20px solid gray;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  position: relative;
  left: 40px;
}

.fancy-ship {
  overflow: hidden;
  margin-bottom: 10px;
}
.fancy-ship .fancy-pilot-header {
  border: 34px solid lightgray;
  color: black;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  font-family: EurostileStandard, Impact, sans-serif;
  height: 0px;
}
.fancy-ship .fancy-pilot-header .pilot-header-text {
  position: absolute;
  font-size: 27.2px;
  margin-top: -44.2px;
  font-weight: 100;
}
.fancy-ship .fancy-pilot-header .pilot-header-text .fancy-ship-type {
  display: none;
}
.fancy-ship .fancy-pilot-header .mask {
  position: relative;
  float: right;
  clear: both;
  right: -51px;
  top: -34px;
  width: 51px;
  background-color: white;
  height: 68px;
  z-index: 999;
}
.fancy-ship .fancy-pilot-header .outer-circle {
  width: 51px;
  height: 51px;
  border-radius: 25.5px;
  margin-left: -25.5px;
  background-color: white;
}
.fancy-ship .fancy-pilot-header .outer-circle .inner-circle {
  width: 41px;
  height: 41px;
  border-radius: 20.5px;
  background-color: gray;
  position: relative;
  top: 5px;
  left: 5px;
  line-height: 46px;
  font-size: 17px;
  text-align: center;
  color: white;
}
.fancy-ship .fancy-pilot-stats {
  position: relative;
  left: 34px;
  top: -34px;
  border: 34px solid gray;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  margin-bottom: -68px;
}
.fancy-ship .fancy-pilot-stats .pilot-stats-content {
  position: relative;
  margin-top: -32px;
}
.fancy-ship .fancy-pilot-stats .pilot-stats-content .xwing-miniatures-font {
  vertical-align: middle;
}
.fancy-ship .expanded-hull-or-shield {
  display: none;
}
.fancy-ship .fancy-dial {
  display: none;
  float: right;
  padding: 10px;
  table-layout: fixed;
}
.fancy-ship .fancy-dial table > tbody > tr > td {
  border: 2px solid #d6c9d2;
}
.fancy-ship .fancy-dial table > tbody > tr > td:first-child {
  color: white;
  text-align: center;
  padding: 3px;
  background-color: #888888;
  background-image: linear-gradient(rgba(45, 45, 45, 0.2) 50%, transparent 50%, transparent);
  background-size: 5px 5px;
}
.fancy-ship .fancy-dial table > tbody > tr > td ~ td {
  background-color: #a29199;
}
.fancy-ship .fancy-pilot-text, .fancy-ship .fancy-pilot-chassis {
  clear: both;
  margin-left: 68px;
  padding: 5px;
  width: 80%;
}
.fancy-ship .fancy-upgrade-container {
  color: black;
  position: relative;
}
.fancy-ship .fancy-upgrade-container .upgrade-container {
  position: relative;
  padding-bottom: 3px;
  margin-left: 60px;
  margin-bottom: 5px;
  margin-right: 30px;
  clear: both;
  border: 1px dotted lightgray;
}
.fancy-ship .fancy-upgrade-container .upgrade-container .upgrade-stats {
  min-height: 38px;
}
.fancy-ship .fancy-upgrade-container .upgrade-container .card-restriction-container {
  padding-top: 10px;
}
.fancy-ship .fancy-upgrade-container .upgrade-container .mask {
  float: right;
  text-align: right;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 38.25px;
  height: 38.25px;
  z-index: 999;
  margin-right: 5px;
}
.fancy-ship .fancy-upgrade-container .upgrade-container .outer-circle {
  width: 38.25px;
  height: 38.25px;
  border-radius: 19.125px;
  background-color: white;
}
.fancy-ship .fancy-upgrade-container .upgrade-container .outer-circle .inner-circle {
  width: 33.25px;
  height: 33.25px;
  border-radius: 16.625px;
  background-color: gray;
  position: relative;
  top: 2.5px;
  left: 2.5px;
  line-height: 38.25px;
  font-size: 17px;
  text-align: center;
  color: white;
}
.fancy-ship .fancy-upgrade-container .upgrade-container .upgrade-name {
  display: inline-block;
  vertical-align: middle;
  line-height: 38.25px;
  float: left;
  text-align: left;
  margin-left: 10px;
  margin-right: 5px;
  min-width: 150px;
  font-family: EurostileStandardBold;
}
.fancy-ship .fancy-upgrade-container .upgrade-container .upgrade-name i {
  display: inline-block;
  min-width: 26px;
}
.fancy-ship .fancy-upgrade-container .upgrade-container .upgrade-attack, .fancy-ship .fancy-upgrade-container .upgrade-container .upgrade-energy, .fancy-ship .fancy-upgrade-container .upgrade-container .upgrade-charge, .fancy-ship .fancy-upgrade-container .upgrade-container .upgrade-force {
  float: right;
  text-align: right;
  margin-top: 4px;
  margin-right: 8px;
  height: 28px;
}
.fancy-ship .fancy-upgrade-container .upgrade-container .upgrade-attack-range {
  vertical-align: middle;
  padding: 2px 8px;
  color: white;
  background-color: black;
  font-family: kimberley;
  font-size: 1.2em;
}
.fancy-ship .fancy-upgrade-container .upgrade-container .upgrade-attack-rangebonus {
  vertical-align: middle;
  padding: 2px 8px;
  color: red;
  background-color: black;
  font-family: kimberley;
}
.fancy-ship .fancy-upgrade-container .upgrade-container .info-attack {
  margin-right: 2px;
}
.fancy-ship .fancy-upgrade-container .upgrade-container .xwing-miniatures-font {
  vertical-align: middle;
}
.fancy-ship .fancy-upgrade-container .upgrade-container .upgrade-text {
  padding-right: 38.25px;
  padding-left: 26px;
  margin-left: 10px;
}
.fancy-ship .ship-points-total {
  text-align: right;
  padding-bottom: 3px;
  margin-left: 60px;
  margin-bottom: 5px;
  margin-right: 30px;
  clear: both;
}

.bbcode-list textarea, textarea.xws-content, .html-list textarea, .reddit-list textarea, .tts-list textarea, .xws-list textarea, .simplecopy-list textarea {
  width: 95%;
  height: 200px;
  cursor: text;
}

.qrcode-container {
  flex: inherit;
}

.indent {
  padding-left: 10px;
}

.condition {
  float: left;
  width: 24%;
  min-width: 20em;
  max-width: 30em;
  margin: 5px;
  padding: 1em;
  border-radius: 10px;
  background: white;
  color: black;
}
.condition > .name {
  font-family: EurostileStandardBold;
  font-weight: 100;
  font-style: italic;
}

.obstacle-select-container {
  float: left;
}

.obstacle-image-container {
  justify-content: center;
  display: flex;
  background-repeat: no-repeat;
}

.obstacle-sources-container {
  display: flex;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
  .select2-container .select2-choice abbr {
    width: 20px;
    height: 20px;
    right: 20px;
    top: 2px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjIuODggMTIyLjg4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2Y0NDMzNjtmaWxsLXJ1bGU6ZXZlbm9kZDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmNsb3NlLXJlZDwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNjEuNDQsMEE2MS40NCw2MS40NCwwLDEsMSwwLDYxLjQ0LDYxLjQ0LDYxLjQ0LDAsMCwxLDYxLjQ0LDBaTTc0LjU4LDM2LjhjMS43NC0xLjc3LDIuODMtMy4xOCw1LTFsNyw3LjEzYzIuMjksMi4yNiwyLjE3LDMuNTgsMCw1LjY5TDczLjMzLDYxLjgzLDg2LjA4LDc0LjU4YzEuNzcsMS43NCwzLjE4LDIuODMsMSw1bC03LjEzLDdjLTIuMjYsMi4yOS0zLjU4LDIuMTctNS42OCwwTDYxLjQ0LDczLjcyLDQ4LjYzLDg2LjUzYy0yLjEsMi4xNS0zLjQyLDIuMjctNS42OCwwbC03LjEzLTdjLTIuMi0yLjE1LS43OS0zLjI0LDEtNWwxMi43My0xMi43TDM2LjM1LDQ4LjY0Yy0yLjE1LTIuMTEtMi4yNy0zLjQzLDAtNS42OWw3LTcuMTNjMi4xNS0yLjIsMy4yNC0uNzksNSwxTDYxLjQ0LDQ5Ljk0LDc0LjU4LDM2LjhaIi8+PC9zdmc+") !important;
    background-size: 20px 20px !important;
  }
  .select2-container .select2-choice abbr:hover {
    background-position: right 0px;
  }
}