.bg-primary {
  background-color: #2952a4 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: rgb(12.0784313725%, 24.1568627451%, 48.3137254902%) !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: rgb(33.0825549104%, 35.8394344862%, 38.2899941092%) !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: rgb(11.8215402103%, 49.3549303779%, 20.3921568627%) !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: rgb(6.7973856209%, 47.8772378517%, 54.3790849673%) !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: rgb(82.7450980392%, 62.0588235294%, 0%) !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: rgb(74.2020352445%, 12.8567882849%, 18.7341772152%) !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: rgb(85.5882352941%, 87.6470588235%, 89.7058823529%) !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: rgb(11.4266396214%, 12.7450980392%, 14.0635564571%) !important;
}

.bg-white-6 {
  background-color: rgb(230, 230, 230) !important;
}

a.bg-white-6:hover, a.bg-white-6:focus,
button.bg-white-6:hover,
button.bg-white-6:focus {
  background-color: rgb(80.1960784314%, 80.1960784314%, 80.1960784314%) !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.text-lg {
  font-size: 1.25rem;
}

.text-gold {
  color: #C20114;
}

.bg-gold {
  background-color: #C20114;
}

.track {
  display: flex;
  flex-direction: row;
  height: 80px;
  align-items: center;
  width: 100%;
  margin: 10px 0;
  transform-origin: left center;
  transition: transform 0.5s ease-in-out;
  border-radius: 0.625rem;
  background-color: #2952a4;
}
.track.hide {
  transform: scaleX(0);
}
.track.search-result {
  background-color: #2cc1d9;
}
.track.search-result img {
  border-color: #2cc1d9 !important;
}
.track.search-result .year {
  border-color: #2cc1d9 !important;
}
.track.search-result .info {
  border-color: #2cc1d9;
}
@media screen and (max-width: 768px) {
  .track.search-result .info {
    border: 4px #2cc1d9 solid;
    border-left: none;
    border-radius: 0 0.625rem 0.625rem 0;
  }
}
.track.search-result .year {
  border: 4px #2cc1d9 solid;
  border-left: none;
  border-radius: 0 0.625rem 0.625rem 0;
}
.track .info {
  flex-grow: 1;
  border-top: 4px #2952a4 solid;
  border-bottom: 4px #2952a4 solid;
  box-sizing: border-box;
  height: 100%;
  padding: 10px;
  justify-content: center;
  overflow: hidden;
}
.track .info h6, .track .info h4 {
  margin: 0;
  white-space: nowrap;
}
.track:first-child .number .fa-sort-up {
  display: none;
}
.track:last-child .number .fa-sort-down {
  display: none;
}
.track .number {
  flex-grow: 0;
  height: 100%;
  padding: 10px;
  border-radius: 20px 0 0 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.track .number .fa-sort-up {
  padding-top: 0.3em;
  margin-bottom: -0.7em;
}
.track .number .fa-sort-down {
  padding-bottom: 0.3em;
  margin-top: -0.7em;
}
.track .number i {
  cursor: pointer;
}
.track .number h1 {
  color: white;
  text-align: center;
  width: 40px;
  flex-grow: 0;
  margin: 0;
  font-size: 2em;
  transition: width 0.5s ease-in-out;
}
.track .year, .track .trash {
  border: 4px #2952a4 solid;
  border-left: none;
  border-right: none;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 0;
}
.track .year h2, .track .trash h2 {
  margin: 20px;
  flex-grow: 0;
  font-size: 1.5em;
}
@media screen and (max-width: 768px) {
  .track .year {
    display: none;
  }
}
.track .trash {
  border: 4px #2952a4 solid;
  border-left: none;
  border-radius: 0 20px 20px 0;
}
.track .trash h2 {
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .track .trash h2 {
    margin-left: 0;
  }
}
.track img {
  z-index: 101;
  object-fit: cover;
  flex-grow: 0;
  max-height: 100px;
  max-width: 100px;
  height: 100%;
  margin: 0;
  padding: 0;
  border-top: 4px #2952a4 solid;
  border-bottom: 4px #2952a4 solid;
}

@keyframes show-track {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes slide-in {
  from {
    width: 0;
  }
  to {
    width: 40px;
  }
}
.col {
  background-color: rgba(255, 255, 255, 0.5);
}

body {
  background-image: url("/static/images/christmas.4c6e2d7776dd.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  min-height: 100vh;
}

/*# sourceMappingURL=vote.css.5550a1949a2c.map */