@media (min-width: 1200px) {
    .pl-xl-card-home {
        padding-left: 2rem!important;
    }
}

.card-home {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #1b1c23;;
    background-clip: border-box;
    border-radius: 1.75rem;
}

.card-home h5 {
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    line-height: unset;
}

.card-home h6 {
    color: #fff;
    /*font-size: 1.125rem;*/
    font-weight: 400;
    line-height: 1.3;
    margin: 0;
}

.card-home ul {
    margin:0;
    padding:0;
}

.card-home .card-body {
    padding: 2rem 1.25rem 1.25rem 2.1875rem;
}
.btn-rules, .btn-rules:hover {
    border: #959aa2 1px solid;
    border-radius: 1rem;
    color: #959aa2;
}
.tournament-detail-arena {
    font-style: italic;
    text-transform: uppercase;
    font-weight: 700!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.circulo {
    width: 1rem;
    height: 1rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #959aa2;
}
.circulo:after {
    content: '';
    height:1px;
    background:#959aa2;
    width:25%;
    display: inline-block;
    position: absolute;
    margin-top:.5rem;
}
.nav-link:before {
    content:'';
}
.card-body-inscription {
    text-align: center;
}


.card-body-inscription-start-title {
    white-space: nowrap;
}
.card-body-inscription-end{
    flex:1;
}
.card-body-inscription-end-title {
    white-space: nowrap;
}
.card-body-tournament-start {
    flex:1;
}

.card-body-tournament-start-title {
    white-space: nowrap;
}
.card-body-tournament-extra {
    flex:2;
}
.card-body-tournament-extra hr {

    margin-top: 3.5rem;
    border-top: 2px dashed #959aa2;
    width:50%;
    text-align:left!important;
    margin-left:2rem;
}
.card-body-tournament-start .circulo:after {
    width:10%;
}



/*Fake*/
@media (max-width: 1199px) {
    .class-fake {
        display: block!important;
        padding-right: 1.875rem;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .class-fake .col-lg-4, .class-fake .col-lg-8 {
        width: 100%!important;
        max-width: 100%!important;
    }

    .class-fake .pl-lg-3 {
        padding-left: 3rem!important;
    }
}

/*Card inscritos/plazas */
#app-tournament-detail .card-tournament-inscription-info {
    background-color: #1b1c23;
    background-clip: border-box;
    border-radius: 1.75rem;
}
#app-tournament-detail .card-tournament-inscription-info-header {
    display:flex;
    justify-content: space-between;
}
#app-tournament-detail .fa-inscriptions {
    width:4.5rem;
    height:4.5rem;
    vertical-align: middle;
    padding-right: 2rem;
    display: inline-block;
    background-color: #959aa2;
    -webkit-mask:  url(../images/user/inscritos.svg) no-repeat 0% 50%;
    mask: url(../images/user/inscritos.svg) no-repeat 0% 50%;
}
#app-tournament-detail .card-tournament-inscription-info-result {
    display: flex;
    justify-content: space-around;
    text-align: center;
}
#app-tournament-detail .card-tournament-inscription-info-played-number, .card-tournament-inscription-info-wins-number {
    font-size: 2rem;
    font-weight:500;
    color: #fff;
}
#app-tournament-detail .card-tournament-inscription-info-divider hr {
    height: 100%;
    transform: rotate3d(1, 1, 1, 45deg);
    margin: 0;
    border:1px solid;
}

/*Join Button: Botón jugar/inscribirse*/
#app-tournament-detail .joinbutton {
    color: #fff;
    background-color: #3fa9f5;
    border-color: #3fa9f5;
    padding: 5px;
    border-radius: 30px;
    width: 100%;
    font-size: 1.5rem;
}
#app-tournament-detail .joinbutton:hover {
  color: #fff!important;
    background-color: #3385E4;
    border-color: #3385E4;
}
#app-tournament-detail .joinbutton {
  margin-top:1rem;
}
#app-tournament-detail .joinbutton:disabled, button[disabled] {
    color: #fff!important;
    background-color: grey;
    border-color: grey;
}
/*Left Button: Botón abandonar competición */
#app-tournament-detail .leftbutton, .leftbutton:hover, .leftbutton:focus, .leftbutton:active {
    color: #fff!important;
    background:transparent!important;
    border:none!important;
    box-shadow:none!important;
}
#app-tournament-detail .leftbutton i {
    padding-right:  .5rem;
}
#app-tournament-detail .card-tournament-inscription-info .leftbutton {
    font-size: 1.5rem;
}

#app-tournament-detail .timetext {
    color: #fff!important;
}

/* Modal equipos */
#teamUserModal .modal-content {
    background: #21232b;
    border-radius: 1.3rem;
}
#teamUserModal .modal-body {
    width: 90%;
    margin: auto;
}
#teamUserModal .close {
    color: #fff;
    text-shadow: none;
    opacity: 1;
}
#teamUserModal .modal-header {
    border-bottom: none;
}
#teamUserModal input  {
    color: #fff;
}
#teamUserModal .form-control {
    background-color: #1b1c23;
    border: 1px solid #666;
    border-radius: 15px;
}
#teamUserModal select {
    color: #fff;
}
#teamUserModal .btn {
    width:100%;
    margin-top:20px;
    border-radius: 30px;
}
#teamUserModal .btn-primary {
    color: #fff;
    background-color:  #3fa9f5;
    border-color:  #3fa9f5;
    padding:10px;
}
#teamUserModal .btn-primary:hover {
    color: #fff!important;
    background-color:#3385E4;
    border-color: #3385E4;
}
#teamUserModal .btn-cancel, #teamUserModal .btn-cancel:hover {
    border: 2px #3fa9f5 solid;
    color: #3fa9f5;
    padding: 10px;
}

#teamUserModal #modaltitlejoin, #teamUserModal #modaltitleleft {
    display: none;
}
 /*Modal nickname usuario*/
#userGameModal .modal-content {
    background: #21232b;
    border-radius: 1.3rem;
}
#userGameModal .modal-body {
    width: 90%;
    margin: auto;
}
#userGameModal .close {
    color: #fff;
    text-shadow: none;
    opacity: 1;
}
#userGameModal .modal-header {
    border-bottom: none;
}
#userGameModal input  {
    color: #fff;
}
#userGameModal .form-control {
    background-color: #1b1c23;
    border: 1px solid #666;
    border-radius: 15px;
}
#userGameModal select {
    color: #fff;
}
#userGameModal .btn {
    width:100%;
    margin-top:20px;
    border-radius: 30px;
}
#userGameModal .btn-primary {
    color: #fff;
    background-color:  #3fa9f5;
    border-color:  #3fa9f5;
    padding:10px;
}
#userGameModal .btn-primary:hover {
    color: #fff!important;
    background-color:#3385E4;
    border-color: #3385E4;
}
#userGameModal .btn-cancel, #userGameModal .btn-cancel:hover {
    border: 2px #3fa9f5 solid;
    color: #3fa9f5;
    padding: 10px;
}

#userGameModal #modaltitlejoin, #userGameModal #modaltitleleft {
    display: none;
}
.associated-game {
    display: flex;
    align-items: center;
}
.associated-game img {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    margin-right: 1rem;
}

/*Capa datos de usuario*/

#deleteusergamenickname {
    color: red;
    cursor: pointer;
}

/*Modal asociar juego con steam*/
#userGameSteamModal .modal-content {
    background: #21232b;
    border-radius: 1.3rem;
}
#userGameSteamModal .modal-body {
    width: 90%;
    margin: auto;
}
#userGameSteamModal .close {
    color: #fff;
    text-shadow: none;
    opacity: 1;
}
#userGameSteamModal .modal-header {
    border-bottom: none;
}
#userGameSteamModal input  {
    color: #fff;
}
#userGameSteamModal .form-control {
    background-color: #1b1c23;
    border: 1px solid #666;
    border-radius: 15px;
}
#userGameSteamModal select {
    color: #fff;
}
#userGameSteamModal .btn {
    width:100%;
    margin-top:20px;
    border-radius: 30px;
}
#userGameSteamModal .btn-primary {
    color: #fff;
    background-color:  #3fa9f5;
    border-color:  #3fa9f5;
    padding:10px;
}
#userGameSteamModal .btn-primary:hover {
    color: #fff!important;
    background-color:#3385E4;
    border-color: #3385E4;
}
#userGameSteamModal .btn-cancel, #userGameSteamModal .btn-cancel:hover {
    border: 2px #3fa9f5 solid;
    color: #3fa9f5;
    padding: 10px;
}

#userGameSteamModal #modaltitlejoin, #userGameSteamModal #modaltitleleft {
    display: none;
}

.usersteamassoc {
    margin:0 auto;
    cursor: pointer;
}

/*Premios*/
.card-tournament-inscription-prizes-header {
    display: flex;
    justify-content: space-between;
}
.card-tournament-inscription-prizes-header-list ul {
    list-style: none;
    padding-left:0;
}
.card-tournament-inscription-prizes-header-list-item {
    border-bottom: 1px solid #959aa2;
    color: #fff;
}
.card-tournament-inscription-prizes-header-list-item-name p {
    margin-bottom: 0;
}
.card-tournament-inscription-prizes-header-list-item-name .text-virtual-money{
    color: #3fa9f5;
    font-weight:500;
}
.card-tournament-inscription-prizes-header-list-item:last-child {
    border:none;
}
.card-tournament-inscription-prizes-header-list-item div {
    display: inline-block;
    vertical-align: middle;
    margin-right:1.5rem;
}
.card-tournament-inscription-prizes-header-list-item-order {
    font-size: 1.5rem;
    font-weight:500;
}
.fa-premios {
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: middle;
    padding-right: 2.5rem;
    display: inline-block;
    background-color: #fff;
    -webkit-mask: url(../images/user/premios.svg) no-repeat 0% 50%;
    mask: url(../images/user/premios.svg) no-repeat 0% 50%;
}
.nousergames{
    text-align: center;
}
.gamesicon {
    width: 80px;
}

.inscriptionteampass {
    display: none;
}
.inscriptionteamcountry {
    display: none;
}

/* Modal clave inscripción */
#inscriptionPasswordModal .modal-content {
    background: #21232b;
    border-radius: 1.3rem;
}
#inscriptionPasswordModal .modal-body {
    width: 90%;
    margin: auto;
}
#inscriptionPasswordModal .close {
    color: #fff;
    text-shadow: none;
    opacity: 1;
}
#inscriptionPasswordModal .modal-header {
    border-bottom: none;
}
#inscriptionPasswordModal input  {
    color: #fff;
}
#inscriptionPasswordModal .form-control {
    background-color: #1b1c23;
    border: 1px solid #666;
    border-radius: 15px;
}
#inscriptionPasswordModal select {
    color: #fff;
}
#inscriptionPasswordModal .btn {
    width:100%;
    margin-top:20px;
    border-radius: 30px;
}
#inscriptionPasswordModal .btn-primary {
    color: #fff;
    background-color:  #3fa9f5;
    border-color:  #3fa9f5;
    padding:10px;
}
#inscriptionPasswordModal .btn-primary:hover {
    color: #fff!important;
    background-color:#3385E4;
    border-color: #3385E4;
}
#inscriptionPasswordModal .btn-cancel, #inscriptionPasswordModal .btn-cancel:hover {
    border: 2px #3fa9f5 solid;
    color: #3fa9f5;
    padding: 10px;
}

#inscriptionPasswordModal #modaltitlejoin, #inscriptionPasswordModal #modaltitleleft {
    display: none;
}