html{
    font-family: 'Source Sans Pro', sans-serif;
}

.content{

}
#menuContainer3{
    text-align: center;
    padding-top: 20px;
}

.consiglioItem{
    margin-bottom: 15px;
}

.consiglioTitle{
    color: black;
    font-size: 21px;
    margin-bottom: 15px;
    padding-top: 10px;
    font-weight: bold;
}

.consiglioDecription{
    color: black;
    font-size: 15px;
    margin-bottom: 15px;
}

.consiglioContent{
    color: black;
    margin-bottom: 15px;
    margin-left: 30px;
    margin-right: 30px;
}

.consiglioContent img{
    max-width: 100%;
    text-align: center;
    display: block;
    margin: auto;
    margin-bottom: 30px;
    margin-top: 30px;
}

.consiglioContent p, .consiglioContenuto, .consiglioContent li{
    margin-bottom: 10px;
    line-height: 17px;
    margin-top: 10px;
    font-size: 13px;
}

.consiglioButton{
    float: right;
}

.consiglioButton .btn, .consiglioContent .btn{
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    margin-right: 15px;
}

.sticky {
    position: sticky;
    top: 0;
    z-index: 2000;
    width: 100%;
    background: white;
}

#menuContainer3 img{
    max-width: 600px;
    height: auto;
    margin: auto;
}

.clear-mobile{
    display: none;
}

.opacityRole{
    opacity: 0.4;
}

.filter-order-selected{
    background: linear-gradient(88.39deg, #145EA2 11.25%, #4082E6 95.98%);
}
.filter-order-selected div{
    color:#fff !important;
}

.only-mobile, .only-1200{
    display: none !important;
}

.mbottomSponsored{
    margin-bottom: 10px;
}

.w100{
    width: 100%;
}

.float{
    float:left;
}

.rfloat{
    float:right;
}

.text-right{
    text-align: right;
}

#menuContainer{
    height: 70px;
    background: #000;
}

#menuContainer ul{
    float: right;
    position: relative;
    z-index: 10;
    overflow: hidden;
    *zoom: 1;
    overflow: visible;
}

#menuContainer ul li.guest {
    text-align: right;
}
#menuContainer ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
    position: relative;
    padding: 0px;
}



#menuContainer ul li a {
    display: inline-block;
    padding: 28px 20px;
    font-size: 14px;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFF;
    text-decoration: none;
}

#menuContainer ul li a.yellowLink{
    color: #FFBC0F !important;
    font-size: 18px;
    padding-left: 0px;
    font-weight: bold;
}

.pipe{
    margin-right: 20px;
}

.label-desktop{
    font-size: 14px;
    margin: 10px;
    text-align: left;
}

.credit-container{
    font-size: 15px;
}
#credit-number{
    font-size: 18px;
}

#credit-reload i{
    font-weight: normal;
    font-size: 14px;
}

#menuContainer .logged-menu li a{
    padding: 8px 20px;
}
#menuContainer .logged-menu li a.logout{
    padding: 28px 20px;
    font-weight: bold;
}

#menuContainer ul li.language-container{margin-left: 20px;}

#menuContainer2{
    height: 53px;
}

#menuContainer2 .mainmenu {
    width: 100%;
    float: right;
    text-align: right;
    position: relative;
}

#menuContainer2 .mainmenu > li {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
}

#menuContainer2 .mainmenu > li a {
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    padding: 20px 20px;
    display: inline-block;
    color: #02172f;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.leftColumnHome{
    margin-bottom: 25px;
}

#headerSpace{
    background: linear-gradient(88.39deg, #145EA2 11.25%, #4082E6 95.98%);
    border-radius: 16px;
    min-height: 113px;
}


.collegamenti-rapidi-content .desc{
    width: auto;
    padding-bottom: 25px;
}
#header{
    margin-left: 0;
    margin-right: 0;
}

.bottom_header .shield{
    left: 20px;
}

.zeroMarginRow{
    margin: 0
}

.bottom_header .shield-title-smaller, .bottom_header .shield-title{
    margin-left: 60px;
    font-size: 22px;
}

.collegamenti-rapidi .item {
    width: auto;
    margin: 0px 10px;
    min-height: 145px;
    height: auto;
}

.collegamenti-rapidi .item .icon, .collegamenti-rapidi .item .icon-middle, .collegamenti-rapidi .item .icon-faq{
    left: 0;
    top: 5px;
}

.collegamenti-rapidi-content{
    padding-left: 80px;
}

.prossimi-tornei .item{
    width: auto;  
    min-height: 174px;
    height: auto;
    padding-bottom: 1px;
}

.prossimi-tornei .item .join .costo-iscrizione, .prossimi-tornei .item .join .montepremi{
    min-height: 18px;
    height: auto;
    padding-bottom: 10px;
}

.prossimi-tornei .item .join{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-top: 15px;
    width: auto;
    min-height: 54px;
    height: auto;
}

.match_container{
    height: 144px;
    background: linear-gradient(
        88.39deg
        , #EAF1F8 11.25%, #EFF6FF 95.98%);
    border-radius: 16px;
    margin-top: 16px;
    padding: 16px;
}

.team-round{
    width: 60px;
    height: 60px;
    background: #FFFFFF;
    border: 2px solid #EBF2F9;
    border-radius: 50px;
    text-align: center;
    display:none;
}

.team-round-overlay{
    position: relative;
    left: -5px;
}

.team-round img{
    width: 36px;
    height: 36px;
    margin: 12px auto;
}

.team-round2{
    width: 44px;
    height: 44px;
    background: #FFFFFF;
    border: 2px solid #EBF2F9;
    border-radius: 50px;
    text-align: center;
}

.row .team-round2 img {
    width: 26px;
    height: 26px;
    margin: 9px auto;
}

.matchName{
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    color: #000000;
}


.matchTime{
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #747474;
}

.matchDataContainer{
    margin-left: 20px;
}

#site-quotazioni .results .item .row .team-round2 img{
    width: 26px;
    height: 26px;
    margin: 9px auto;
}

.team-name{
    color: #000000;
    line-height: 60px;
    margin-left: 16px;
    font-weight: bold;
    font-size: 20px;
}

.match-details {
    width: 100%;
    height: 112px;
    background: #FFFFFF;
    border-radius: 10px;
    padding-top: 26px;
}

.match-details .date{
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #000000;
    height: 40px;
}

.match-details .where {
    font-weight: normal;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    color: #000000;
}

#classifica{
    margin-bottom: 25px;
}

#classifica th, #classifica td{
    padding: 10px;
}

#classifica tr{
    white-space:nowrap;
}

#classifica > thead > tr > th:nth-child(1), #classifica > tbody > tr > td:nth-child(1){
    text-align: left !important;
    padding-left: 25px;
}

#classifica > tbody > tr > td:nth-child(1){
    line-height: 32px;
    position: relative;
    width: 500px;
}

.resultClassifica{
    width: 4px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 6px;
}

#site-news > div.news > div > div.match-teams > div.left, 
#site-news > div.news > div > div.match-teams > div.right{
    min-width: 250px;
}

#site-news .news .content .match-teams .right{
    text-align: right;
}

#formazioneContainer{
    color: black;
}

.bgP, .bg1{
    background: #F8AB29;
}
.bgD, .bg2{
    background: #63C623;
}
.bgC, .bg3{
    background: #2E6BE6;
}
.bgA, .bg4{
    background: #F21A3C;
}

.probabileRuolo{
    width: 18px;
    height: 18px;
    border-radius: 13px;
    color: white;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    font-size: 10px;
}

.probabileNome{
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    margin-left: 10px;
    line-height: 18px;
}
.probabilePercentage{
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    margin-right: 10px;
    line-height: 18px;
    width: 10%;
}

.probabilepercentageBar{
    height: 6px;
    width: 100%;
    border-radius: 10px;
    margin-top: 10px;
    width: 85%;
}

.probabilepercentageBarBackgroundMax{
    background: #63C623;
}
.probabilepercentageBarBackgroundMiddle{
    background: #F8AB29;
}
.probabilepercentageBarBackgroundMin{
    background: #F21A3C;
}

.probabileTitolare{
    padding-top: 10px;
    padding-bottom: 10px;
}
.probabilePanchina{
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #EDEDED;
}

.probabileIndisponibile{
    padding-top: 15px;
    padding-bottom: 15px;
}

.indisponibileName{
    font-weight: 600;
    font-size: 15px;
    line-height: 19px;
    color: #000000;
}

.ballottaggioName{
    font-style: normal;
    font-size: 15px;
    line-height: 19px;
    color: #000000;
}

.mlprobabile10{
    margin-left: 10px;
}

.probabileBallottaggio{

}

.indisponibileMotivation{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #6C6C6C;
}


.probabileSezione{
    background: linear-gradient(88.39deg, #EAF1F8 11.25%, #EFF6FF 95.98%);
    border-radius: 6px;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 38px;
    height: 38px;
    letter-spacing: -0.33px;
    color: #262626;
    padding-left: 25px;
    margin-top: 30px;
    margin-bottom: 10px;
}

.probabileSezioneBallottaggi{
    margin-bottom: 25px;
}

#probabileContainer{
    margin-bottom: 50px;
}

.campionati{
    margin-bottom: 20px;
}

.campionatoItem{
    background: linear-gradient(88.39deg, #EAF1F8 11.25%, #EFF6FF 95.98%);
    border-radius: 12px;
    height: 190px;
    padding: 8px;
    margin-bottom: 20px;
}

.partecipantiItem{
    background: linear-gradient(88.39deg, #EAF1F8 11.25%, #EFF6FF 95.98%);
    border-radius: 12px;
    padding: 25px 40px;
    margin-bottom: 20px;
}

.matchesListGame{
    padding: 25px 40px;
    margin-bottom: 20px;

}

.matchesListGameItem{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #EDEDED;
}

.partecipantiItemTitle{
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 35px;
    color: #000000;
    margin-bottom: 25px;
}

.partecipanteRow{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #DDDDDD;
}

.partecipanteRowName{
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    color: #000000;
}

.partecipanteRowData{
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #747474;
}

.logoCampionatoSpace{
    background: #FFFFFF;
    border-radius: 8px;
    height: 174px;
    color: black;
    text-align: center;
    position: relative;
}

.logoCampionatoSpace img{
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.campionatoTitle{
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 10px;
}

.campionatoButton{
    height: 36px;
    border: 1px solid #155EA2;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    line-height: 36px;
    color: #155EA2;
    margin-bottom: 10px;
}

.filter-option-title{
    font-weight: bold;
    font-size: 28px;
    line-height: 35px;
    color: #000000;
    margin-bottom:30px
}

.mt9{
    margin-top: 9px;
}

.rfloatIcon{
    float:right;
    padding: 7px;
    line-height: 18px;
    height: 38px;
}

.rfloatIcon .dtc{
    display: table-cell;
    vertical-align: middle;
    height: 24px;
}

.rfloatIcon .dtc img{
    padding: 0px 3px;
}

.lfloatIcon{
    float:left;
    padding: 7px;
    line-height: 18px;
    height: 38px;
}

.lfloatIcon .dtc{
    display: table-cell;
    vertical-align: middle;
    height: 24px;
}

.lfloatIcon .dtc img{
    padding: 0px 3px;
}

#probabile .formazione .schema {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
}

#probabile .formazione .playground-bg {
    position: relative;
    z-index: 1;
    margin: auto;
    display: block;
}

#probabile .formazione .playground {
    display: inline-block;
    position: relative;
}

#probabile .formazione .schema {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
}

#probabile .formazione .schema .role_item {
    position: absolute;
    text-align: center;
    width: 50px;
    height: 50px;
    background: #FFF;
    border-radius: 25px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

#probabile .formazione .schema .role_item .player_container {
    overflow: hidden;
    display: block;
    position: relative;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100px;
    padding: 2px;
    z-index: 11;
}

#probabile .formazione .schema .role_item .player_container span.name {
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

#probabile .formazione .schema .role_item .player_container.visible:after {
    display: none;
}

#probabile .formazione .schema .role_item .player_container.visible span.name {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    pointer-events: auto;
}

#probabile .formazione .schema .role_item .player_container:after {
    content: '+';
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 20px;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 300;
    color: #666;
    z-index: 10;
}

#probabile .formazione .schema .role_item img {
    display: block;
    margin: auto;
    position: absolute;
    width: 30px;
    bottom: -30px;
    left: calc(50% - 15px);
}

#probabile .formazione .schema .role_item span {
    color: #000;
    font-weight: bold;
}

#probabile .formazione .schema .role_item span.name {
    font-size: 14px;
    padding: 1px;
    display: inline-block;
    cursor: pointer;
    pointer-events: none;
}

#probabile .formazione .schema .role_item span.delete {
    background: #FFF;
    cursor: pointer;
    line-height: .7em;
    padding: 1px;
    display: inline-block;
}

#probabile .formazione .schema .role_item span.block {
    display: block;
}

#probabile .formazione .schema .role_1_container {
    position: absolute;
    top: 5px;
    width: 100%;
    height: 8%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
#probabile .formazione .schema .role_2_container {
    position: absolute;
    top: 13%;
    width: 100%;
    height: 8%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
#probabile .formazione .schema .role_3_container {
    position: absolute;
    top: 25%;
    width: 100%;
    height: 8%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
#probabile .formazione .schema .role_4_container {
    position: absolute;
    top: 39%;
    width: 100%;
    height: 8%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

#probabile .formazione .schema .role_1_container_reverse {
    position: absolute;
    bottom: 15px;
    width: 100%;
    height: 8%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
#probabile .formazione .schema .role_2_container_reverse {
    position: absolute;
    bottom: 15%;
    width: 100%;
    height: 8%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
#probabile .formazione .schema .role_3_container_reverse {
    position: absolute;
    bottom: 27%;
    width: 100%;
    height: 8%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
#probabile .formazione .schema .role_4_container_reverse {
    position: absolute;
    bottom: 41%;
    width: 100%;
    height: 8%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.fix_more_five_top{
    margin-top: -15px;
}

.fix_more_five_bottom{
    margin-top: 15px;
}

.fix_more_five_reverse_top{
    margin-bottom: -15px;
}

.fix_more_five_reverse_bottom{
    margin-bottom: 15px;
}


#probabile .formazione .schema .role_1 {
    position: absolute;
    top: 5px;
    left: calc(50% - 25px);
}

#probabile .formazione .schema .role_2 {
    position: absolute;
    top: 20%;
}

#probabile .formazione .schema .role_3 {
    position: absolute;
    top: 45%;
}

#probabile .formazione .schema .role_4 {
    position: absolute;
    top: 75%;
}

.probableItem{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 2px 8px 2px 2px;
    height: 20px;
    background: rgba(0, 0, 0, 0.64);
    backdrop-filter: blur(4px);
    border-radius: 28px;
    font-weight: 600;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
    padding-right: 7px;
    margin: 0px 10px;
}

.probableItem_reverse{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 2px 8px 2px 2px;
    height: 20px;
    background: rgba(255, 255, 255, 0.64);
    backdrop-filter: blur(4px);
    border-radius: 28px;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
    padding-right: 7px;
    margin: 0px 10px;
}


.probableItem .probabileRuolo, .probableItem_reverse .probabileRuolo{
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.ultimoAggiornamento{
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    margin-top: 20px;
    color: #6C6C6C;
}

.datiUfficialiFormazioni{
    font-weight: normal; 
    font-size: 14px;
    line-height: 18px;
    text-align: center; 
    color: #6C6C6C; 
    padding:20px 0px
}

.datiUfficialiTitolari{
    font-weight: bold;
    font-size: 20px;
    line-height: 21px;
    letter-spacing: -0.33px;
    color: #262626;
    padding: 20px 0px;
}

.datiUfficialiDisposizione{
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    text-align: right;
    letter-spacing: -0.33px;
    color: #2E6BE6;
    padding: 20px 0px;
    cursor: pointer;
}

.greenColor{
    color: #64C622 !important;
}

.main-subtitle-live{
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
    padding-left: 25px;
}

#live-top .main-title-container{
    padding-bottom: 25px;
    height: auto;
}

#live-top .main-title{
    line-height: 32px;
    padding-bottom: 5px;
}

.main-title-montepremi{
    padding-right: 25px;
    font-weight: normal;
    font-size: 20px;
    line-height: 55px;
    color: #FFFFFF;

}

.live-top-left{
    float: left;
    padding-top: 25px;
}

.live-top-right{
    float: right;
    padding-top: 25px;
}

.live-top-right-iscrizione{
    padding-top: 45px;
}

.cpointer{
    cursor: pointer;
}

.rotation{
    transform: rotate(180deg); /* Equal to rotateZ(45deg) */
}

.iscrivitiClass{
    width: 140px;
    height: 44px;
    color: #155EA2;
    line-height: 44px;
    text-align: center;
    font-weight: bold;
    background: #FFFFFF;
    border-radius: 4px;
}


.tornaAiTorneiLink{
    font-weight: bold;
    font-size: 28px;
    line-height: 35px;
    color: #000000;
}

.tornaAiTorneiLink i {
    position: relative;
    top: 2px;
    font-weight: normal;
    margin-right: 10px;
}


.schieraFormazioneCrediti{
    font-weight: normal;
    font-size: 20px;
    line-height: 25px;
    color: #FFFFFF;
}

.schieraFormazioneTempo{
    font-weight: normal;
    font-size: 15px;
    line-height: 19px;
    color: #FFFFFF;
}

.schieraFormazioneButton{
    background: #FFFFFF;
    border-radius: 6px;
    height: 51px;
    line-height: 51px;
    min-width: 235px;
    text-align: center;
    color: #286FC1;
    font-weight: 600;
    font-size: 14px;
}

.schieraFormazioneButton i{
    margin-right: 10px;
}

.schiera-formazione-left{
    float:left;
    margin-left: 16px;
    padding-top: 22px;
}
.schiera-formazione-right{
    float:right;
    margin-right: 16px;
    padding-top: 18px;
}

#left-schiera-formazione #secondFilter .other{
    width: 100%;
}

#left-schiera-formazione #site-quotazioni .filter-options .search{
    float: right;
    margin-right: 0
}

.label-modulo{
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
    color: #000000;
}

#utente-genera-formazione .select-style{
    border-bottom: 0;
}

#left-schiera-formazione #site-quotazioni .filter-title{
    margin-top: 0;
}

#utente-genera-formazione .select-style select{
    width: 50%;
    float: right;
}

#utente-genera-formazione .formazione{
    float: none;
    width: 100%;
}

#utente-genera-formazione .seconde_scelte {
    float: none;
    width: 100%;
}

#utente-genera-formazione .formazione .schema .role_1{
    background: #F8AB29;
    border: 5px solid white;
}
#utente-genera-formazione .formazione .schema .role_2{
    background: #63C623;
    border: 5px solid white;
}
#utente-genera-formazione .formazione .schema .role_3{
    background: #2E6BE6;
    border: 5px solid white;
}
#utente-genera-formazione .formazione .schema .role_4{
    background: #F21A3C;
    border: 5px solid white;
}

#utente-genera-formazione .formazione .schema .role_1 .player_container:after{
    content: 'P';
    color: white;
    font-weight: bold;
}
#utente-genera-formazione .formazione .schema .role_2 .player_container:after{
    content: 'D';
    color: white;
    font-weight: bold;
}
#utente-genera-formazione .formazione .schema .role_3 .player_container:after{
    content: 'C';
    color: white;
    font-weight: bold;
}
#utente-genera-formazione .formazione .schema .role_4 .player_container:after{
    content: 'A';
    color: white;
    font-weight: bold;
}

#utente-genera-formazione .formazione .schema .role_item:hover{
    background: linear-gradient(88.39deg, #145EA2 11.25%, #4082E6 95.98%);
}
#utente-genera-formazione .formazione .schema .role_item:hover .player_container:after{
    content: '+';
}

/*#utente-genera-formazione .formazione .schema .role_item:hover{
    background: rgba(168, 0, 0, 0.8);
}
#utente-genera-formazione .formazione .schema .role_item:hover .player_container:after{
    content: 'X';
}*/

span.fullname{
    position: absolute;
    bottom: -30px;
    width: 100px;
    left: -25px;
    height: 19px;
    display: block;
    line-height: 19px;
    color: #FFFFFF !important;
    font-style: normal;
    font-weight: 500!important;
    font-size: 12px;
    backdrop-filter: blur(4px);
    border-radius: 28px;
    display: none;
}

.role_1 .fullname{
    background: #F8AB29;
}
.role_2 .fullname{
    background: #63C623;
}
.role_3 .fullname{
    background: #2E6BE6;
}
.role_4 .fullname{
    background: #F21A3C;
}

#utente-genera-formazione .seconde_scelte h2{
    background: linear-gradient(88.39deg, #EAF1F8 11.25%, #EFF6FF 95.98%);
    height: 45px;
    line-height: 45px;
    color: #262626;
    text-align: left;
    padding: 0px 16px;
    font-weight: bold;
    font-size: 20px;
}

.reservePlayer{
    text-align: center;
    width: 54px;
    height: 54px;
    background: #FFF;
    border-radius: 27px;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    margin: 10px 15px;
    margin-bottom: 40px;
}

.reservePlayer .name{
    position: relative;
    z-index: 100;
}

.reservePlayer_1{
    background: #F8AB29;
    border: 5px solid white;
}
.reservePlayer_1:after{
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 20px;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 300;
    z-index: 10;
    content: 'P';
    color: white;
    font-weight: bold;
}
.reservePlayer_2:after{
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 20px;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 300;
    z-index: 10;
    content: 'D';
    color: white;
    font-weight: bold;
}
.reservePlayer_3:after{
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 20px;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 300;
    z-index: 10;
    content: 'C';
    color: white;
    font-weight: bold;
}
.reservePlayer_4:after{
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 20px;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 300;
    z-index: 10;
    content: 'A';
    color: white;
    font-weight: bold;
}
.reservePlayer_2{
    background: #63C623;
    border: 5px solid white;
}
.reservePlayer_3{
    background: #2E6BE6;
    border: 5px solid white;
}
.reservePlayer_4{
    background: #F21A3C;
    border: 5px solid white;
}

.probabile-formazione-role-1{
    background: #F8AB29;
}
.probabile-formazione-role-2{
    background: #63C623;
}
.probabile-formazione-role-3{
    background: #2E6BE6;
}
.probabile-formazione-role-4{
    background: #F21A3C;
}

#site-quotazioni .results .item .row .probabile-formazione-role-list{
    width: 20px;
    height: 20px;
}

#site-quotazioni .results .item .row .probabile-formazione-role-list div{
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    padding: 0;
    display: block;
    text-align: center;
}

#site-quotazioni .results .item .rowOne .player{
    line-height: 20px;
    margin-left: 8px;
}

#site-quotazioni .results .item .rowOne .quotazione{
    line-height: 20px;
}

#site-quotazioni .results .item .rowOne{
    padding-top: 16px;
    margin-top: 0;
    margin-bottom: 20px;
}

#site-quotazioni .results .item .rowTwo .role {
    margin-left: 12px;
    margin-top: 5px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #747474;
    width: auto;
}

#site-quotazioni .results .item .rowTwo .role strong{
    color: black;
}

.barProbabile{
    position: relative;
    height: 6px;
    background: #FFFFFF;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    margin-bottom: 16px;
}

.schierapercentageBar{
    height: 6px;
    width: 100%;
    border-radius: 10px;
    width: 85%;
}

#firstFilter{
    margin-bottom: 20px;
}

#campo{
    margin-top: 20px;
}

@media only screen and (min-width: 768px) {
    #mobileUserData{
        display: none;
    }
}
@media only screen and (min-width: 1200px) {
    .probableItem, .probableItem_reverse {
        margin: 0px 12px;
    }
}
@media only screen and (max-width: 1199px) {

    #probabile .formazione{
        text-align: center;
    }

    .only-1200{
        display: block !important;
    }

    .bottom_header .shield-title-smaller, .bottom_header .shield-title{
        margin-left: 60px;
        font-size: 18px;
    }

    #classifica > tbody > tr > td:nth-child(1){
        width: auto;
    }

    .oscroll{
        overflow-x: auto;
    }

    #probabile{
        display: none;
    }
}
@media only screen and (max-width: 1100px) {
    .bottom_header .shield-title-smaller, .bottom_header .shield-title{
        margin-left: 60px;
        font-size: 17px;
    }
}

@media only screen and (max-width: 1023px) {

    .matchDataContainer{
        float: none;
        margin-left: 0;
    }

    .matchesListGameItem .noFloatTablet{
        float: none;
    }

    #site-voti td .voto{
        padding: 4px;
    }

    .player_with_role:before, .player_with_role2:after{
        top: 5px;
    }

    .collegamenti-rapidi .content h2, .prossimi-tornei .content h2{
        font-size: 22px;
    }



    .collegamenti-rapidi .item .icon {
        top: 35px;
    }

    .collegamenti-rapidi .item .icon-middle, .collegamenti-rapidi .item .icon-faq{
        top: 55px;
    }

    .collegamenti-rapidi .item{
        margin-top: 30px;
    }

    .top30{
        margin-top: 0;
    }


}

@media only screen and (max-width: 767px) {

    span.fullname{
        width: 60px;
        left: -5px;
        font-size: 10px;
    }


    #menuContainer2{
        height: auto;
        display: none;
    }

    #menuContainer3 img{
        max-width: 75%;
        height: auto;
        margin: auto;
    }

    .hide-mobile{
        display: none !important;
    }

    .probabileNome{
        font-size: 13px;
    }

    #menuContainer2 .mainmenu > li{
        display: block;
    }

    #credit-number{
        font-size: 16px;
    }

    .reservePlayer{
        margin: 20px 0px;
    }

    .w100{
        width: 100% !important;  
    }

    .mLeft0{
        margin-left: 0 !important;  
    }

    #players-modal #site-quotazioni .filter-options .other{
        float: none;
    }

    .label-modulo{
        font-size: 16px;
    }

    #campo{
        margin-top: 10px;
    }

    #utente-genera-formazione .select-style select{
        font-size: 16px;
        font-weight: bold;
    }

    #utente-genera-formazione .select-style{
        margin-bottom: 0;
    }

    #left-schiera-formazione{
        display: none;
    }


    .schiera-formazione-left, .schiera-formazione-right{
        float:none;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .live-top-right-iscrizione{
        padding-top: 25px;
    }

    .tornaAiTorneiLink{
        padding-bottom: 15px;
    }

    .live-top-right, .live-top-left{
        float:none;
    }

    .main-title-montepremi{
        padding-left: 25px;
    }

    .datiUfficialiFormazioni{
        display: none;
    }

    #site-news .match-list{
        display: block;
        text-align: center;
    }

    .probableItem_reverse, probableItem{
        margin: 0px 5px;
    }

    #site-news .match-list .single-match{
        float: none;
        display: inline-block;
        padding: 4px 10px;
        width: 75px;
        margin-bottom: 10px;
    }

    #site-news .news .content .match-teams .right .team{
        font-size: 18px;
        margin-right: 0;
    }

    #site-news .news .content .match-teams .left .team{
        margin-left: 0;
        font-size: 18px;
    }

    #site-news > div.news > div > div.match-teams > div.left, 
    #site-news > div.news > div > div.match-teams > div.right{
        min-width: auto;
        width: 35%;
    }

    #site-news .news .content .match-teams{
        margin: auto;
    }

    #site-news .news .content .match-teams .left .formazione{
        margin-left: 0;
        margin-top: 0;
    }

    #tableContatti{
        display: table !important;
        margin-left: 30px;
    }

    #classifica > tbody > tr > td:nth-child(1){
        min-width: 180px;
    }

    body, html{
        overflow-x: hidden;
    }

    #menuContainer ul li a.yellowLink{
        font-size: 14px;
    }

    #menuContainer ul{
        float: none;
    }

    #menuContainer2 .mainmenu > li a {
        padding: 13px 15px;
        font-size: 18px;
        font-weight: bold;
    }

    #menuContainer2 #mobileUserData{
        padding-top:15px;
        padding-bottom:30px;
        background: black;
        padding-left: 16px;
        padding-right: 16px;
        font-size: 15px;
        line-height: 30px;
        font-family: 'Roboto', sans-serif;
    }

    #menuContainer2 #mobileUserData div a.yellowLink{
        color: #FFBC0F !important;
        font-weight: bold;
    }

    #ricaricaButton{
        padding: 0px 12px;
        width: 100%;
        height: 36px;
        font-family: Source Sans Pro;
        font-size: 14px;
        text-align: center;
        line-height: 36px;
        background: linear-gradient(88.39deg, #145EA2 11.25%, #4082E6 95.98%);
        border-radius: 6px;
    }

    .horizontalPipe{
        border-top: 1px solid #FFFFFF;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    #menuContainer{
        height: auto;
        font-family: 'Roboto', sans-serif;
    }

    #menuContainer2 .mainmenu{
        width: 100%;
        float: none;
        text-align: left;
    }

    #menuContainer ul li.credit-container{
        margin-left: 20px;
    }

    #preHeader{
        margin-left: 15px;
        margin-right: 15px;
    }

    .rightColumnHome{
        margin-bottom: 25px;
        margin-top: 25px;
    }

    .collegamenti-rapidi .item .desc{
        margin-right: 15px;
    }

    #site-quotazioni .results .item{
        height: auto;
        padding-bottom: 15px;
    }

    #site-quotazioni .results .item .player{
        font-size: 15px;
    }

    #site-quotazioni .results .item .quotazione{
        font-size: 14px;
    }

    #site-quotazioni .results .item .row .media-voto{
        text-align: left;
    }

    #site-quotazioni .filter-options .other{
        width: auto;
        margin-bottom: 15px;
    }

    #site-quotazioni .filter-options .search{
        width: 45%;
        float: right;
        margin-bottom: 10px;
    }

    .clear-mobile{
        clear: both;
        display: block;
    }

    #site-quotazioni #secondFilter .other{
        width: 100%;
    }

    #site-quotazioni #firstFilter .other{
        width: 45%;
        margin-right: 0;
    }

    .hidden-mobile{
        display: none !important;
    }

    .only-mobile{
        display: block !important;
    }

    .match-details{
        padding-top: 26px;
    }

    .match-details .date{
        font-size: 14px;
        padding: 0px 10px;
    }

    .team-round img{
        width: 26px;
        height: 26px;
    }

    .team-round {
        width: 50px;
        height: 50px;
    }

    .team-name{
        font-size: 14px;
    }

    .match-details .where{
        display: none;
    }

    #site-leghe .filter-option-image{
        width: 46%;
        margin: 2%;
        float: left;
    }

    #filterTorneiContainer{
        margin-bottom: 25px;
    }

    .rfloatIcon{
        float: none;
        height: 20px;
        padding: 0;
    }

    .rfloatIcon .dtc{
        height: 20px;
    }

    .rfloatIcon .dtc img{
        max-height: 13px;
    }
    .lfloatIcon{
        float: right;
        height: 20px;
        padding: 0;
    }

    .lfloatIcon .dtc{
        height: 20px;
    }

    .lfloatIcon .dtc img{
        max-height: 13px;
    }

    #site-voti .matches .match table.players td:first-child div, #site-voti .matches .match table.players .player_with_role2 {
        font-size: 11px;
    }

    #site-voti .main-title, #site-voti .main-title-right{
        float: none;
        display: block;
    }

    #site-voti .main-title{
        font-size: 20px;
        line-height: 40px;
        padding-top: 10px;
    }

    #site-voti .main-title-right{
        font-size: 14px;
        line-height: 15px;
        padding-bottom: 20px;
    }

    #site-voti .main-title-container{
        height: auto;
    }

    #site-voti .matches .match{
        padding-top: 5px;
    }

    #site-faq .page-content .la-tua-squadra .title{
        font-size: 13px;
        line-height: 21px;
        margin: 6px 10px;
    }

    #site-faq .page-content .la-tua-squadra .shield-squared{
        float: right;
        background: transparent;
        width: 15px;
        height: 21px;
        margin: 6px 10px;
    }

    #site-faq .page-content .la-tua-squadra .star-number{
        font-size: 13px;
        color: #286FC0;
        line-height: 21px;
    }

    #site-faq .page-content .la-tua-squadra .raw{
        height: auto;
    }

    #site-faq .page-content .la-tua-squadra .punteggio .value{
        font-size: 13px;
        line-height: 21px;
        margin: 0px 18px;
    }

    #site-faq .page-content .la-tua-squadra .punteggio{
        float: left;
    }

    #site-faq .page-content .la-tua-squadra .round-green{
        width: 21px;
        height: 21px;
        background-size: cover;
    }

    #site-faq .page-content .la-tua-squadra .round-green .number{
        font-size: 10px;
        line-height: 21px;
    }

    #site-faq .page-content .la-tua-squadra .raw .arrow{
        display: none;
    }

    .mobileCol6{
        padding-left: 5px;
        padding-right: 5px;
    }

    #site-voti .matches .match table#livePlayers td:first-child{
        width: 75%;
    }

    #site-voti .matches .match table#livePlayers td:last-child{
        width: 25%;
    }
}