.cost-cell{
    background-color: #6cbacb;
    display: inline-block;
    border-radius: 5px;
    color: white;
    padding: 2px 7px;
    font-weight: bold;
    font-size: 16px;
}




.vote-box:hover{
  transform:scale(1.1);
  transition: 700ms all ease;
}

.vote-box:active{
  transform:scale(1.2);
  transition: 150ms all ease;
}

.vote-box{
  transform:scale(1);
  transition: 600ms all ease;
}

.instructions {
  padding: 20px;
  color: white;
  border-radius:20px 20px 0px 0px;
  text-align:center;
  font-size: 22px;
    font-style: italic;
  border: 2px solid #2d776a;
  border: 4px solid #2d776a;
    /* margin-bottom: -10px; */
    border-bottom: none;
}

.pulse {
  display: block;
  background: #f08f8f;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(52,174,150, 0.4);
  animation: pulse 2s infinite;
  border-radius:5px;
  border: 3px solid #e38181 !important;
  font-weight:bold;
  background-color:#f08f8f !important;
  transition:150ms all ease;
}
.pulse:hover {
  animation: none;
  background-color:#f08f8f !important;
  transition:150ms all ease;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(240,143,143, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(240,143,143, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(240,143,143, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(240,143,143, 0.4);
    box-shadow: 0 0 0 0 rgba(240,143,143, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(240,143,143, 0);
      box-shadow: 0 0 0 10px rgba(240,143,143, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(240,143,143, 0);
      box-shadow: 0 0 0 0 rgba(240,143,143, 0);
  }
}

.stupid {
  height: 100px;
  width: 100px;
  background-color: blue;
  color: red !important;
}

.blue-button {
  border: 3px solid #538ac6;
  color: white !important;
  padding: 10px;
  background-color:#34ae96;
}

.table-button {
  min-width: 50px;
}

.blue-button:hover {
  transform:scale(1.05);
  transition:150ms all ease;
  opacity:1 !important;
}
.blue-button:active{
  transform:scale(1.1);
  transition:150ms all ease;
}
.blue-button{
  transform:scale(1);
  transition:150ms all ease;
  padding:10px 6px !important;
  
}

.instruction-img {
  padding: 5px;
  width: 35px;
  height: 35px;
  display: inline-block;
}

table {
  border-bottom: none !important;
}

table th {
  text-align: center;
  padding-top: 20px;
}

td {
  vertical-align: middle !important;
  text-align: center !important;
}

tr:nth-child(even) {
  background: #CCC;
}

.vote-wrapper-yes {
  box-shadow: 1px 1px 5px;
  border: 3px solid #6baab7;
  
}

.vote-wrapper-no {
  box-shadow: none;
  border: 3px solid lightgrey;
}

.vote-box {
  width: 75px;
  margin: 0 auto;
  background-color: #e0e0e0;
  padding: 5px 5px 5px 5px;
  border-radius: 20px;
  cursor: pointer;
}

.icon-img {
  width: 45px;
  height: 45px;
  display: inline-block;
}

.icon-img:hover {
  cursor: pointer;
}

.flower-wrapper {
  display: inline-block;
  vertical-align: middle;
}

.upvotes {
  display: inline-block;
  min-width: 40px;
  text-align: center;
  padding-top: 5px;
}

.product-item-cell {
  width: 150px;
}

.vote-rank-wrapper {
  display: table;
  padding: 5px 5px 5px 5px;
  border-radius: 20px;
  cursor: pointer;
}

.table-link-cell {
  min-width: 100px;
}

.product-img img {
  border: 1px solid #e0e0e0;
  border-radius:5px;
}

.product-title {
  font-size: 1em;
  padding: 10px;
  font-style:italic;
}

.extra-cell {
  font-size: 1.2em;
}

.table-link {
  vertical-align: middle;
}

.load-more-votes {
  position: relative;
  border: 2px solid #e0e0e0;
  height: 60px;
}

.more-wrapper-butt {
  height: 100px;
  width: 100%;
  position: absolute;
  z-index: 1;
}

.more-wrapper-spin {
  height: 100px;
  width: 100%;
  position: absolute;
  z-index: 0;
}

.load-more-votes-button {
  border: 3px solid #e0e0e0;
  margin: 0 auto;
  padding: 15px;
  text-align: center;
  width: 150px;
  color: white;
  cursor: pointer;
}

.hide-me {
  display: none !important;
}

.spinner-canvas {
  align-items: center;
  z-index: 0;
  display: flex;
  height: 50px;
  justify-content: center;
  margin: 0 auto;
  width: 50px;
}

.spinner3 {
  animation: spinnerThree 1s linear infinite;
  background: #76B59B;
  border-radius: 100%;
  width: 2em;
  height: 2em;
}

@keyframes spinnerThree {
  0%, 35% {
    background: #7ABA9A;
    transform: scale(1);
  }
  20%, 50% {
    background: #76B59B;
    transform: scale(1.3);
  }
}
@media only screen and (max-width: 700px) {
  .vote-item-cell {
    min-width: 150px;
  }

  .upvotes {
    text-align: center;
    min-width: 20px;
  }

  .product-img {
    width: 150px;
  }
}

/*# sourceMappingURL=vote-style.css.map */