table#bounties-table tr td {
  vertical-align: middle;
}
table#bounties-table tr td:nth-child(1) { width: 60px; }
table#bounties-table tr td img.thumbnail {
  width: 50px;
  height: 50px;
}

table#solutions-table tr td {
  vertical-align: middle;
}
table#solutions-table tr td img.thumbnail {
  width: 130px;
  height: 130px;
}

li.task-list-item {
  list-style: square outside url(images/checkbox.png);
}

li.task-list-item-checked {
  list-style: square outside url(images/checkbox_checked.png);
}

li.task-list-item br {
  display: none;
}

li.task-list-item-checked br {
  display: none;
}

div.bounty-buttons { padding: 2%; }
div.bounty-button-panel {padding-left: 10px; padding-right: 10px;}
.bounty-buttons .controls { margin-top: 10px; }
.bounty-buttons .controls:first-of-type { margin-top: 0; }

.no-stripe td { border: 0 !important; background-color: transparent !important; }

td.imagerow {
  width: 60px;
}

.table-progress {
  margin-bottom: 0px;
}

.ng-binding ul > br {
  display: none;
}

.issue-goals.progress {
  margin-bottom: 10px;
}

.issue-table .project-icon {
  text-align: center;
}

/* receipt */
input#bounty-share-url {
  cursor: pointer;
  width: 75%;
  text-align: center;
  margin-top: 15px;
}

td img.issue-table-tracker-img {
  max-height:20px;
  max-width:20px;
}

.table-developer-statuses h4 small { white-space: nowrap; }



.issue-header .issue-title { margin-left: 0 }
@media (min-width: 767px) {
  .issue-header .issue-title { 
    margin-top: 0;
    margin-left: 78px; 
    min-height: 65px; 
    line-height: 30px ;
  }  
}

.issue-detailed-list { margin-top: 20px; }
.issue-detailed-list .thumbs-cell { float: left; width: 50px; height: 64px; }
.issue-detailed-list .issue-details { margin-left: 60px; }
.issue-detailed-list .issue-details h3 { margin: 0 0; }
.issue-detailed-list .issue-details .issue-body { max-height: 200px; overflow: hidden; }
.issue-detailed-list .issue-details .issue-meta { color: #919d9d; margin: 6px 0 4px 0; }

.issue-search img.advanced-img {
  height: 50px;
}


.limit-height-200 {
  max-height: 200px;
}

.issue-body-show-less {
  font-size: 14px;
  line-height: 20px;
  max-height: 100px;
  overflow: hidden;
}

.team-bio-show-less {
  font-size: 12px;
  line-height: 16px;
  height: 48px;
  overflow: hidden;
}

.show-more {
  overflow: visible; 
  height: auto;
  max-height: none;
}

.crypto-input {
  display: flex;
}

.crypto-token-options { display: flex; }
.crypto-token-options > div{
  flex-grow: 0;
  position: relative;
}
.crypto-token-options > div > button { display: flex; align-items: center; }

.usd-input { display: flex; }
.usd-input > div{
  flex-grow: 0;
  position: relative;
}
.usd-input > div > button { display: flex; align-items: center; }

@keyframes blink {
    /**
     * At the start of the animation the dot
     * has an opacity of .2
     */
    0% {
      opacity: .2;
    }
    /**
     * At 20% the dot is fully visible and
     * then fades out slowly
     */
    20% {
      opacity: 1;
    }
    /**
     * Until it reaches an opacity of .2 and
     * the animation can start again
     */
    100% {
      opacity: .2;
    }
}

.saving span {
    /**
     * Use the blink animation, which is defined above
     */
    animation-name: blink;
    /**
     * The animation should take 1.4 seconds
     */
    animation-duration: 1.4s;
    /**
     * It will repeat itself forever
     */
    animation-iteration-count: infinite;
    /**
     * This makes sure that the starting style (opacity: .2)
     * of the animation is applied before the animation starts.
     * Otherwise we would see a short flash or would have
     * to set the default styling of the dots to the same
     * as the animation. Same applies for the ending styles.
     */
    animation-fill-mode: both;
    color: #33ccff;
    font-size: 48px;
}

.saving span:nth-child(2) {
    /**
     * Starts the animation of the third dot
     * with a delay of .2s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .2s;
}

.saving span:nth-child(3) {
    /**
     * Starts the animation of the third dot
     * with a delay of .4s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .4s;
}