.dnone{
    display: none!important;
}
.joined-game{
    border:#e4e4e4 solid 1px;
    border-radius: 4px;
    background: #fff;
    margin: 5px;
}

.joined-game h3{
    background: #e2e2e2;
    color: #313131;
    font-size: 0.9rem;
    padding: 3px 5px;
    text-transform: uppercase;
    font-family: Roboto Condensed, sans-serif;
    font-weight: 600;
    margin: 1px;
}

.joined-left{
    float: left;
    width:55%;
}

.joined-right{
    float: right;
    width: 45%;
}

.joined-sub{
    padding: 5px;
}

.joined-sub span{
    float: left;
    width: 50%;
    font-family: roboto condensed, sans-serif;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 0.8rem;
}

.joined-sub span:nth-of-type(1){
    color: #787878;
    font-weight: 400;
    text-transform: capitalize;
}

.joined-sub span:nth-of-type(2){
    color: #7b1a0a;
    font-weight: bold;
}

.joined-game .play-button{
    -webkit-appearance: none;
    border: none;
    line-height: normal;
    height: auto;
    width: 70%;
    margin: 5px 0 0 5px;
    font-size: 0.85rem;
    padding: 8px 0;
    text-align: center;
}

.popup.joined-dailog hr{
    display: none;
}

.badge + .joined-disclaimer{
    width: 96%;
    background: #fff4e8;
    border: #b38a2e solid 1px;
    border-radius: 4px;
    color: #774804;
    font-size: 0.6rem!important;
    padding: 4px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: roboto, sans-serif;
    margin: 0 auto 5px;
    font-weight: 300;
    text-align: center;
}

.badge + .joined-disclaimer .join-warning-text{
    display: inline-block;
    height: auto;
    font-size: 0.68rem;
    line-height: inherit;
    margin-top: 0;
    padding: 4px 0;
    color: #744801;
    font-family: roboto condensed, sans-serif;
}

.group-list{
    max-height: 300px;
    overflow: auto;
}