/*
File Name: 		custom.css
Description:  You can add your custom CSS here and it will overwrite template styles
*/

/*# sourceMappingURL=maps/custom.css.map */

i.fa-product-hunt {
  color: #ffbf13;
}

.form-control {
  color: #FFF;
}

.header-text-ads {
  height: 38px;
  color: #ffffff
}

.header-text-ads marquee {
  margin-top: 6px;
}

.header-logo {
  bottom: -30px;
}

.card__header--has-btn a {
  margin-left: 10px;
}

.btn-active {
  background-color: #1892ed;
  color: #FFFFFF !important;
}

i.fa-product-hunt {
  color: #ffbf13 !important;
}

.award {
  list-style: none;
  padding: 0;
}

.award li {
  font-size: 22px;
  padding: 10px 0px;
}

.btn-topic {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.topic a {
  color: #000;
  font-size: 18px;
}

.topic a i {
  color: #666;
  font-size: 16px;
}

.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td {
  font-size: 14px;
}

.img-hall-of-fame {
  font-size: 120px;
  margin: 0 auto;
  width: 128px;
  height: 128px;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.plays {
  font-size: 10px;
  line-height: 18px;
  width: 20px;
  height: 20px;
  padding: 2px;
}

.list-user {
  list-style: none;
  padding: 0;
}

.list-user li {
  display: flex;
}

.list-user li .avatar {
  width: 20px;
  text-align: center;
}

.list-user li .avatar img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.list-user li .user-nickname {
  padding-left: 10px;
}

.list-user li .user-time {
  margin-left: auto;
}

.modal--login .modal-account__item--logo {
  background-image: url('../images/logo-tdedfree-x1.png');
}

.bet-boxing-red, .bet-boxing-blue {
  cursor: pointer;
  padding: 5px;
  width: 80px
}

.bet-boxing-red:hover {
  color: #FFF !important;
  border: 1px #f34141 solid;
  background-color: #f34141;
}

.bet-boxing-blue:hover {
  color: #FFF !important;
  border: 1px #38a9ff solid;
  background-color: #38a9ff;
}

@media only screen and (max-width: 480px) {
  .main-nav__list {
    padding-bottom: 100px;
  }
}