.rank-te {
  position:relative;
  left: 0px;
}

.rank-hint {
  border: 1px solid #c0c0c0;
  border-radius:5px;
  background-color:#d0d0d0;
  padding:3px;
  font-size:1.1em;
  font-weight: bold;
}

.rank-wrapper {
    height: 400px;
    /*min-height: 90%;*/
    min-height: 400px;
    display:flex;
    flex-direction: column;
}

.rank-wrapper > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex:1;
}

.rank-fill-height-or-more > div {
  display:flex;
  flex-direction: column;
  flex: 1;
}



.rank-txt {
  cursor: move;
  padding: 3px;
  border: 1px solid #d6d6d6;
  margin: 3px;
  font-size:0.85em;
  padding-left:8px;
  word-break:break-all;
}


/* Basket */

.basket-wrapper {
    width: 100%;
    /*min-height: 90%;*/
    min-height: 100px;
    display:flex;
    flex-direction: row;
}

.basket-wrapper > div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex:1;
}


.basket-label {
    width: 100%;
    display:flex;
    flex-direction: row;
}

.basket-label > div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex:1;
}



.basket-fill-width-or-more > div {
  display:flex;
  flex-direction: row;
  flex: 1;
}

.basket-te {
  position:relative;
  left: 0px;
  display: flex;
  border: none !important;
  align-items:center;
  font-weight:bold;
}

.basket-te img {
  max-width: 50%;
}

@media (max-width: 768px) {
  .basket-te img {
    max-width: 100%;
  }
}

.basket-hint {
  display:none;
  border: 1px solid #c0c0c0;
  border-radius:5px;
  background-color:#d0d0d0;
  padding:3px;
  font-size:1.1em;
  font-weight: bold;
}


.basket-txt {
  cursor: move;
  padding: 3px;
  border: 1px solid #d6d6d6;
  margin: 3px;
  font-size:0.85em;
  padding:8px;
  word-break:break-all;
}

.basket-txt img {
  max-height: 200px;
  width: auto;
}