﻿.form__controls .text-danger{
    margin-top: 5px;
}

.ico-spinner {
    width: 30px;
    height: 30px;
    background-image: url(images/icons/ico-spinner.gif);
    background-size: 30px 30px;
}

.ico-challenge-badge-1 {
    width: 85px;
    height: 85px;
    background-image: url(images/badges/challenge-badge-1.png);
    background-size: 85px 85px;
}

.ico-challenge-badge-2 {
    width: 85px;
    height: 85px;
    background-image: url(images/badges/challenge-badge-2.png);
    background-size: 85px 85px;
}

.ico-challenge-badge-3 {
    width: 85px;
    height: 85px;
    background-image: url(images/badges/challenge-badge-3.png);
    background-size: 85px 85px;
}
.ico-challenge-badge-4 {
    width: 85px;
    height: 85px;
    background-image: url(images/badges/challenge-badge-4.png);
    background-size: 85px 85px;
}
.ico-challenge-badge-5 {
    width: 85px;
    height: 85px;
    background-image: url(images/badges/challenge-badge-5.png);
    background-size: 85px 85px;
}
.ico-challenge-badge-6 {
    width: 85px;
    height: 85px;
    background-image: url(images/badges/challenge-badge-6.png);
    background-size: 85px 85px;
}
.ico-challenge-badge-7 {
    width: 85px;
    height: 85px;
    background-image: url(images/badges/challenge-badge-7.png);
    background-size: 85px 85px;
}
.ico-challenge-badge-8 {
    width: 85px;
    height: 85px;
    background-image: url(images/badges/challenge-badge-8.png);
    background-size: 85px 85px;
}
.ico-challenge-badge-9 {
    width: 85px;
    height: 85px;
    background-image: url(images/badges/challenge-badge-9.png);
    background-size: 85px 85px;
}
.ico-challenge-badge-10 {
    width: 85px;
    height: 85px;
    background-image: url(images/badges/challenge-badge-10.png);
    background-size: 85px 85px;
}

.btn-join-challenge {
    background-color: rgba(255, 255, 255, 0.8) !important;
    color: #6C5B7B !important;
    border: 2px solid #61C9D3 !important;
}

.btn-join-challenge:hover {
    background-color: #61C9D3 !important;
    color: #fff !important;
}

@media (max-width: 1023px) {
    .section-tribes-detail .section__widgets-mobile .widget-box,
    .section-tribes-detail .section__widgets-mobile .widget-tribe-info,
    .section-tribes-detail .section__widgets-mobile .widget-tribe-belts {
        display: block;
    }
}