.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(30.8, 61.6, 123.2) !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(84.3605150215, 91.3905579399, 97.6394849785) !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(30.1449275362, 125.8550724638, 52) !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(17.3333333333, 122.0869565217, 138.6666666667) !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(211, 158.25, 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(189.2151898734, 32.7848101266, 47.7721518987) !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(218.25, 223.5, 228.75) !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(29.1379310345, 32.5, 35.8620689655) !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(204.5, 204.5, 204.5) !important;
}

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

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

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

.text-gold {
  color: #004200;
}

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

.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 */