/* Bootstrap overrides */

/* Make .bg-light work like .card */
.bg-light {
  --bs-light: rgba(0, 0, 0, 0.175);
  border-width: 1px;
  border-style: solid;
  border-color: var(--bs-light) !important;
  border-radius: 0.375rem;
  background-color: #303030 !important;
  background-clip: border-box;
}
.link-white {
  color: #fff;
}
.link-white:hover,
.link-white:focus {
  color: #ddd;
}
.cut-corner {
  --all: 15px;
  --b: pink;

  border: 5px solid var(--b);
  background: linear-gradient(
        45deg,
        var(--b) 0 calc(var(--bottom-left, var(--all)) + 1px),
        transparent 0
      )
      bottom left / 50% 50%,
    linear-gradient(
        -45deg,
        var(--b) 0 calc(var(--bottom-right, var(--all)) + 1px),
        transparent 0
      )
      bottom right/50% 50%,
    linear-gradient(
        135deg,
        var(--b) 0 calc(var(--top-left, var(--all)) + 1px),
        transparent 0
      )
      top left / 50% 50%,
    linear-gradient(
        -135deg,
        var(--b) 0 calc(var(--top-right, var(--all)) + 1px),
        transparent 0
      )
      top right / 50% 50%;
  background-origin: border-box;
  background-repeat: no-repeat;
  -webkit-mask: linear-gradient(
        45deg,
        transparent 0 var(--bottom-left, var(--all)),
        #fff 0
      )
      bottom left,
    linear-gradient(
        -45deg,
        transparent 0 var(--bottom-right, var(--all)),
        #fff 0
      )
      bottom right,
    linear-gradient(135deg, transparent 0 var(--top-left, var(--all)), #fff 0)
      top left,
    linear-gradient(-135deg, transparent 0 var(--top-right, var(--all)), #fff 0)
      top right;
  -webkit-mask-size: 50.5% 50.5%;
  -webkit-mask-repeat: no-repeat;
}

.form-floating > label,
.select2-results__option--selectable {
  color: #333;
}

.form-control,
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #fff;
}

.form-control,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
  background: #666;
}

.form-control:disabled {
  color: #000;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border: 1px solid #222;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: #666;
}

.select2-selection--multiple,
.select2-container .select2-selection--single {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
  padding: 1rem 0.75rem;
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0;
}

.select2-dropdown,
.form-control:focus,
.select2-selection:focus {
  background: #999;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice,
.select2-container--default
  .select2-selection--single
  .select2-selection__choice {
  background-color: #999;
}

.border-treachery {
  --bs-border-opacity: 1;
  border-color: rgba(136, 91, 50, var(--bs-border-opacity)) !important;
}

.border-politics {
  --bs-border-opacity: 1;
  border-color: rgba(248, 226, 27, var(--bs-border-opacity)) !important;
}

.border-leadership {
  --bs-border-opacity: 1;
  border-color: rgba(0, 138, 59, var(--bs-border-opacity)) !important;
}

.border-tactics {
  --bs-border-opacity: 1;
  border-color: rgba(96, 40, 133, var(--bs-border-opacity)) !important;
}

.border-piloting {
  --bs-border-opacity: 1;
  border-color: rgba(183, 35, 34, var(--bs-border-opacity)) !important;
}

.border-support {
  --bs-border-opacity: 1;
  border-color: rgba(0, 106, 170, var(--bs-border-opacity)) !important;
}

.bg-treachery {
  --bs-bg-opacity: 1;
  background-color: rgba(136, 91, 50, var(--bs-bg-opacity)) !important;
}

.bg-politics {
  --bs-bg-opacity: 1;
  background-color: rgb(221, 206, 70) !important;
  color: #000 !important;
}

.bg-leadership {
  --bs-bg-opacity: 1;
  background-color: rgba(0, 138, 59, var(--bs-bg-opacity)) !important;
}

.bg-tactics {
  --bs-bg-opacity: 1;
  background-color: rgba(96, 40, 133, var(--bs-bg-opacity)) !important;
}

.bg-piloting {
  --bs-bg-opacity: 1;
  background-color: rgba(183, 35, 34, var(--bs-bg-opacity)) !important;
}

.bg-support {
  --bs-bg-opacity: 1;
  background-color: rgba(0, 106, 170, var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-black: #fff;
}