body {
    background-image:url("/assets/img/bg_viola_trending_small.jpg");
    background-repeat:no-repeat;
    background-position: top center !important;
    background-size: cover;
    background-attachment: fixed;
}

body.is_admin #editMode{ display:flex !important; }

button{
    background: transparent;
}
button * {
    pointer-events: none;
}

.annula-elimina-giocatore{background:#fff; border-radius: 5px;}


#tp_row_tabella-giocatori_8,#tp_row_tabella-giocatori_9,#tp_row_tabella-giocatori_1,#tp_row_tabella-giocatori_2, #editMode{display:none;}

#tabella-giocatori.nofoot tfoot{display:none;}
#tabella-giocatori.nofoot{padding-bottom:0px !important; margin: auto; }


.page-template-template-scouting .wrapper { 
    position: relative;
    z-index: 1;
    width: 75%;
    margin: auto;
    margin-bottom: auto;
    margin-bottom: 40px;
    float: none;
    display: block;
}


.clone-column-table-wrap table{border: none;}


optgroup{
    /*color: #fff;*/

}

.nav-tabs .nav-link{ 
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.ultimi5_bkgr{
    background:#f002 !important;
}

.td-pb-span8{ min-height:600px;}

b, strong {
    font-weight: 600 !important;
}






.fondo-figurina{
    filter: opacity(100%);
    border-radius: 50%;
    background-image: url(/assets/img/avatar-icon-giocatori.png), url(/assets/img/fondo-profilo.png);
    height: 200px !important;
    background-size: cover !important;
}



.td-header-sp-top-menu li, .td-header-sp-top-menu .top-header-menu, .td-header-sp-top-menu div{ display:inline-block; font-size: 10px; }
.td-header-sp-top-menu a{color:#fff !important; font-size: 10px; z-index:999;}

#trp-floater-ls{display:none;}


#overlay{ 
    width:100%;
    height:100%;
} 

#overlay_field{ 
    height: max-content;
    max-height: 740px;
    overflow: auto;
    width: 98%;
    max-width: 990px;
    top: 3%;
    left: 50%;
    transform: translateX(-50%);


    position: fixed;
    background:#fff;
    padding: 0px 20px 0px 20px;
    border-radius:5px;
    cursor: context-menu;	
    z-index: 999999999;
    border: 0px solid #000000;
    box-shadow: 0px 0px 30px 0px #000; display:none;

}

.snippet #overlay_field{ 
    height: max-content;
    max-height: initial;
    overflow: auto;
    width: 100%;
    max-width: 990px;
    top: initial;
    left: initial;
    transform: none;
    position: relative !important;
    background: transparent;
    padding: 0px;
    border-radius:0px;
    border: none;
    box-shadow: none;


}
.snippet #overlay_field .btn-close-overlay-campo,
.snippet #overlay_field .header-overlay,
.snippet #overlay_field .td-container
{display: none !important;}


#overlay2{ 

    background:#fff;
    max-width: 1410px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);

}

.label_overlay {
    color: #fff;
}



#overlay2 table td {
    padding: 0px 0px !important;
    border: none !important;

}

#overlay2 .campi{margin-bottom: 5px;}

#overlay2 .piu{display:none;}

.sortclick{ text-decoration:none;white-space: nowrap; padding-right: 50px;}

#competizioni{position: relative;
              margin-top: 20px;clear: both;}


/* body{padding:0px !important; 
} */
.td-post-content img {
    display: inline !important;
    margin-bottom:0px !important;
}
.td-header-style-10 {
    height: 75px;
    z-index: 999;
    /* background: transparent !important; */
    display:none;
}

#overlay .td-header-style-10 {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000000 !important;
}


.td-header-menu-wrap-full {
    min-height: 0px;
}

.td-header-menu-wrap-full {
    min-height: 0px !important;
}

#td-outer-wrap{
    width: 80%;
    margin: auto;
    max-width: 1040px;
    min-width: unset !important;
    margin-top: 75px !important;
}



.figurina {
    min-width: 204px !important;
}


#topHeader .menuToggler i {
    color: #bbe53a
}

.fondo-figurina {

    height: 204px;

}



a, a h2 {
    color: #000000;

}

#footer a{color: #fff;}

.overlay a {

    text-decoration:underline;
}


.td-banner-wrap-full {
    /*   background-color: #ffffff; */
}

.td-post-content {

    font-size:20px;

    padding-bottom: 86px;


}

.td-main-sidebar{
    display:none;
}
.td-ss-main-content{
    width:100%;
}
#torna_ricerca{
    /*display:none;*/
}
#platform{
    display:none;
}
.td-post-content{
    border-right:0px !important;
}





.btn {
    padding: 10px;
    border-radius:10px;
}

.td-main-content-wrap {
    padding-bottom: 0px !important;
}
.td-container, .tdc-row {
    width: 100% !important;
}
.td-container {
    min-width: unset !important;
}

.td-post-content{
    border-right: solid 1px  #363636;
}



.td-crumb-container{display:none !important;}

/* DISABILITATA PERCHE NON FA VEDERE IN HOME CERCA PER RUOLO */
/*:target:not(#tabSearchByRole) { 
    display: block;
    position: relative;
    top: -70px; 
    visibility: hidden;
}*/  

#competizioni table td {
    border: 0px solid #ededed;
    border-bottom: 1px solid #ccc;
    padding: 0px 0px;
    vertical-align:middle;
}

.riga_tabella{width:1px; background-color:#ccc; float:left;height: 42px;position: absolute;margin-top: -6px;}

#table_competizioni {
    font-size: 20px; margin-bottom:85px !important;
}

.campi{ float:left; width:25%; min-width: 165px; }	
.campi2{ float:left; }


.filtro_tabella, .filtro_tabella:hover{
    background: #fff !important;
    overflow: hidden !important;
    border: 1px solid #363636 !important;
    color: #363636!important;
    height: auto !important;
    width: 100%;
    margin:0px 0px 5px 0px !important;
    padding: 0px 6px 3px 6px !important;
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    appearance: menulist !important;
    position: relative!important;
    z-index: 1!important;
    min-width: inherit;
    border-radius: 3px;
    font-style: initial;
    font-weight: initial;
}

input.filtro_tabella, input.filtro_tabella:hover{	
    background: #fff !important;
    overflow: hidden !important;
    border: 1px solid #363636 !important;
    color: #000!important;
    height: 24px !important;
    margin: 0px 0px 5px 0px !important;
    padding: 0px 6px!important;
    -webkit-appearance: initial !important;
    -moz-appearance:    initial !important;
    appearance:         initial !important;
    position: relative!important;
    z-index: 1!important;
    min-width: inherit;

}

#filtri-custom .filtro_tabella:not(.lista0):not(.lista1):not(.lista2):not(.lista3):not(.lista4):not(.lista5):not(.lista6), 
#filtri-custom .filtro_tabella:not(.lista0):not(.lista1):not(.lista2):not(.lista3):not(.lista4):not(.lista5):not(.lista6):hover{

    background: #fff !important;
    position: relative!important;
    z-index: 1!important;
    min-width: inherit;
    border-radius: 3px;
    font-style: initial;
    font-weight: initial;
    margin: 0px 8px !important;
    border: 1px solid #ced4da !important;
    border-radius: .25rem;
    padding: 10px 10px 9px 6px !important;
    margin: 4px 0px !important;
    width: 100% !important;
    height: 37px !important;
}

#filtri-custom .cancF2, #filtri-custom .cancF3, #filtri-custom .cancF {
    padding: 6px;
}  



.showscheda{margin-left:10px; font-size: 23px;
            letter-spacing: .2px; }

#formazioni_lista .showscheda2{
    margin-left: 5px;
    font-size: 14px;
    letter-spacing: .2px;
    font-weight: 600;
    display: initial;

}

.showscheda b{margin-left:5px; font-size: 23px;
              letter-spacing: .2px; font-weight: 600;}

.showtab, input.filtro_tabella{display:none;}

.displaynone{display:none !important;}

.toggleMacro{  /*opacity:0.5;*/}

th.macro_ana{ background-color:#321954;}
th.macro_toc{ background-color:#3C0E5B;}
th.macro_pas{background-color:#612794;}
th.macro_lan{background-color:#712C9C;}
th.macro_tir{background-color:#8332A4;}
th.macro_cro{background-color:#9F50B6;}
th.macro_fal{background-color:#173A7F;}
th.macro_con{background-color:#1E4DA6;}
th.macro_dd{background-color:#2E70F4;}
th.macro_int{background-color:#4986F5;}
th.macro_drb{background-color:#4796EC;}
th.macro_fg{background-color:#77B4F0;}
th.macro_da{background-color:#2F1479;}
th.macro_goal{background-color:#5C2AE8;}
th.macro_rec{background-color:#3E1B9E;}
th.macro_mod{background-color:#8255EC;}
th.macro_por{background-color:#AC8DF2;}


tbody tr:nth-child(even) td.macro_ana, 
tbody tr:nth-child(even) td.media_classifiche{ background-color:#f7f7f7;}
tbody tr:nth-child(even) td.macro_toc{ background-color:#3C0E5B22;}
tbody tr:nth-child(even) td.macro_pas{ background-color:#61279422;}
tbody tr:nth-child(even) td.macro_lan{ background-color:#712C9C22;}
tbody tr:nth-child(even) td.macro_tir{ background-color:#8332A422;}
tbody tr:nth-child(even) td.macro_cro{ background-color:#9F50B622;}
tbody tr:nth-child(even) td.macro_fal{ background-color:#173A7F22;}
tbody tr:nth-child(even) td.macro_con{ background-color:#1E4DA622;}
tbody tr:nth-child(even) td.macro_dd{ background-color:#2E70F422;}
tbody tr:nth-child(even) td.macro_int{ background-color:#4986F522;}
tbody tr:nth-child(even) td.macro_drb{ background-color:#4796EC22;}
tbody tr:nth-child(even) td.macro_fg{ background-color:#77B4F022;}
tbody tr:nth-child(even) td.macro_da{ background-color:#2F147922;}
tbody tr:nth-child(even) td.macro_goal{ background-color:#5C2AE822;}
tbody tr:nth-child(even) td.macro_rec{ background-color:#3E1B9E22;}
tbody tr:nth-child(even) td.macro_mod{ background-color:#8255EC22;}
tbody tr:nth-child(even) td.macro_por{ background-color:#AC8DF222;}




#tabella-giocatori tbody tr:nth-child(2n-1){
    background: #fff;
    transition: all .125s ease-in-out;
}

/*tbody tr:nth-child(even) td.macro_toc {
    background-color: rgba(60, 14, 91, .2);
}*/

tbody tr td{
    /*transition: height .2s ease-out;
        height: 43px;*/
}
#tabella-giocatori tbody tr:hover td{
    background-color: #9ef6f3 !important;
}

/*#tabella-giocatori tbody tr a:hover {
    color: #000000 !important;
}*/

#tabella-giocatori tbody tr td{
    font-size:15px;
}
/* nascondo: img squadra, shortname, firstname, lastname   e la col230 che è scout7PlayerId*/
.col2, .col3, .col14, .col13, .col230{display:none !important;}
.media_classifiche{display:table-cell !important;}

.popup{  border-radius:5px; border: 1px solid #000;
         border-top: 40px solid #000;

         background: #fff;

         padding: 15px;}

.freccina{
    width: 30px;
    height: 30px;
    position: absolute;
    top: -50px;
    background: #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 3px;
    left: 14px;
}

#filtroComp, #filtroNaz, #filtroSqua,#filtroPae,#filtroAna{ height:150px !important; width: 92% !important; overflow-y: auto !important; 
                                                            -webkit-appearance: none !important;
                                                            -moz-appearance:  none !important;
                                                            appearance:  none !important;
                                                            margin-left: 5px !important;
}
#filtroPie{ width:100% !important; 
            -webkit-appearance: none !important;
            -moz-appearance:  none !important;
            appearance:  none !important;
            overflow:auto;
            height: 70px !important;

}

#filtroStag{
    height: 115px !important;
}	


.filtro_tabella > option{ 
    padding: 0px 0px 1px 0px !important;
    height: 20px;
}

.clone-head-table-wrap{    border-right: 1px solid #fff;}

table thead a{ color:#fff !important;}

table th img:not(.legend-img){
    position: absolute;
    right: 4px;
    display: inline-block;
    cursor: pointer;
    width: 25px;
    top: 7px;
}

table th:first-child img{
    position: absolute;

    right: 4px;

    display: inline-block;

    cursor: pointer;

}

#tabella-giocatori table th { 
    padding: 0px !important;
    overflow: hidden !important;
    background: #363636;
    color: #fff;

}

table tbody th {

    padding: 0px 8px 0px 8px !important;

}

#tabella-giocatori table thead th a{
    padding: 8px 44px 8px 20px;
    color: #fff !important;
    display: inline-block;
}

table.trasposta{margin:auto;}

table.trasposta thead th:first-child a {
    padding: 8px 44px 8px 9px;
}

.clone-column-head-table-wrap{background-color: rgba(255, 255, 255, 0) !important;}

#tabella-export td{

    white-space: nowrap;

}

#tabella-giocatori table thead tr{font-weight:500;
               font-size: 18px;
               background: #363636 !important; 
               color: #ffffff !important; 
               border-collapse:unset !important;
               overflow:hidden !important;
               border: none !important;
               position:relative;} 

.popup{

    display:none; position:fixed; vertical-align: top; min-width:160px; padding: 10px 10px 10px 10px !important;

}

.popup a {color: #000000 !important; padding: 0px 0px 5px 0px !important;    z-index: 2;
          position: relative;}

#tablePartita{ margin:0px !important;}
#tablePartita td{ border:none !important; font-size:30px;}
#tablePartita tr:hover{ background:#f5f5f5 !important; }

.cancF{
    /* position: absolute;
       background-color: #bbe53b;
       font-style: italic;
       top: -32px; */
    /* right: 5px; */
    font-size: 17px;
    color: #000;
    padding: 0px 6px 1px 6px;
    border-radius: 6px;cursor:pointer;

    /* position: relative;
    top: -15px; */
    background-color: #fff;
    color: #363636;
    text-align: center;
    border: 1px solid #363636;
    margin-left: 5px;
    /* margin-top: 10px; */
    /*display:none;*/
}

.cancF2{
    /* position: absolute; */
    background-color: #363636;
    /* font-style: italic; */
    /* top: -32px; */
    font-size: 17px;
    color: #fff;
    border-radius: 6px;cursor:pointer;
    /* left: 5px !important; */
    padding: 0px 6px 1px 6px;
    right: auto !important;
    font-weight:bold;
    margin-bottom: 10px;
    text-align: center;
}

.cancF3{
    background-color: #fff;
    color: #363636;
    text-align: center;
    border: 1px solid #363636;

    font-size: 17px;

    border-radius: 6px;cursor:pointer;
    /* left: 5px !important; */
    padding: 0px 6px 1px 6px;
    right: auto !important;
    font-weight:bold;
    /*  margin-bottom: 10px; */
    text-align: center;
}	


/* SWITCH ON OFF */



.custom-switch {
    align-self: center;
    /* padding-left: 2.25rem; */
    /* border-right: 1px solid #402867; */
    /* padding-right: 10px; */
    display: flex !important;
    /* flex-direction: row-reverse !important; */
}

.custom-switch:last-child {
    border-right: 0px solid #402867;
    padding-right: 0px;
}

.custom-switch .custom-control-label::before{
    left:0;
}

.custom-control-input {
    left: 0 !important;
}

.custom-switch {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#MostraAnagrafica{padding-right: 40px !important;}

label.custom-control-label-text.input-title-text {
    margin-right: 5px;
}

.custom-switch .custom-control-label::after {
    background-color: #3c3c3c;
}

.divgestione.due .col-9.nascondi-cat .custom-control-label-text {
    width: 30px;
}

.custom-control-input~.custom-control-label::before {
    background: #a3a3a3 !important;
    /* border-color: #402867 !important; */
    /*  width: 50px !important; */
}

.custom-switch .custom-control-label::after {
    left: 0px;
    top: .25rem;
    width: 1rem;
    height: 1rem;
}

.custom-switch .custom-control-label::before {
    width: 2rem;
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    -webkit-transform: translateX(1rem);
    transform: translateX(1rem);
}


.custom-control-input:checked~.custom-control-label::before {
    background: #402867 !important;
    border: 0 !important;
    /*  border-color: #402867 !important; */
    /*  width: 50px !important; */
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: none !important;
}

.custom-control-input:checked~.custom-control-label::after {
    background-color: #c4e25b !important;
}



/*#############################################*/




/*#############################################*/
.onoffswitch-switch {
    display: block;
    width: 11px;
    background: #555;
    position: absolute;
    top: 3px;
    bottom: 3px;
    right: 41px;
    border: 0px solid #fff;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    height: 15px;

}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 11px;
    background-color: #000000; 
}






/* NEW LITTLE */

.onoffswitch.little {
    position: relative; width: 50px; float:left;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; user-select: none;
}

.onoffswitch-label.little {
    border-radius: 4px;
    height: 20px;
}

.onoffswitch-inner.little:before, .onoffswitch-inner.little:after {
    display: block;
    float: left;
    width: 50%;
    height: 26px;
    padding: 0;
    padding-right: 0px;
    line-height: 26px !important;
    font-size: 14px;
    color: white;

    font-weight: 600;
    box-sizing: border-box;
    background-color: #FFFFFF;
}

.onoffswitch-inner.little:before{ 
    padding-left: 2px;
    color: #333;
}

.onoffswitch-inner.little:after {
    padding-right: 3px;
    color: #777 !important;
    text-align: right;
}

.onoffswitch-inner.TOC:before, .onoffswitch-inner.TOC:after {
    content: "TOC";
    font-weight:500;
}

.onoffswitch-inner.PAS:before, .onoffswitch-inner.PAS:after {
    content: "PAS";  font-weight:500;
}

.onoffswitch-inner.LAN:before, .onoffswitch-inner.LAN:after {
    content: "LAN"; font-weight:500; 
}

.onoffswitch-inner.TIR:before, .onoffswitch-inner.TIR:after {
    content: "TIR"; font-weight:500;
}
.onoffswitch-inner.CRO:before, .onoffswitch-inner.CRO:after {
    content: "CRO";  font-weight:500;
}
.onoffswitch-inner.FAL:before, .onoffswitch-inner.FAL:after {
    content: "FAL";  font-weight:500;
}
.onoffswitch-inner.CON:before, .onoffswitch-inner.CON:after {
    content: "CON"; font-weight:500; 
}
.onoffswitch-inner.DD:before, .onoffswitch-inner.DD:after {
    content: "DD";  font-weight:500;
}
.onoffswitch-inner.INT:before, .onoffswitch-inner.INT:after {
    content: "INT"; font-weight:500; 
}
.onoffswitch-inner.DRB:before, .onoffswitch-inner.DRB:after {
    content: "DRB";  font-weight:500;
}
.onoffswitch-inner.FG:before, .onoffswitch-inner.FG:after {
    content: "FG";  font-weight:500;
}
.onoffswitch-inner.DA:before, .onoffswitch-inner.DA:after {
    content: "DA";  font-weight:500;
}
.onoffswitch-inner.REC:before, .onoffswitch-inner.REC:after {
    content: "REC"; font-weight:500; 
}
.onoffswitch-inner.GOAL:before, .onoffswitch-inner.GOAL:after {
    content: "GOL";  font-weight:500;
}		

.onoffswitch-switch.little {
    display: block;
    width: 7px;
    margin: 0px;
    background-color: rgb(100, 100, 100);
    position: absolute;
    top: 3px;
    bottom: 0;
    right: 40px;
    border: 0px;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    height: 14px;

}

.onoffswitch-checkbox.little:checked + .onoffswitch-label .onoffswitch-switch {
    right: 12px;
    background-color: #000000;
    border: 2px solid #000000;
}

.onoffswitch-checkbox.little:checked + .onoffswitch-label .onoffswitch-switch {
    right: 8px;
    background-color: #000000;
}


/* Presonalizza */

.popupAnagrafica.compare{
    font-size: 13px;
    height: 25px;
    vertical-align: middle;
    display: table-cell;
    text-decoration: underline;
    font-weight: bold;}	
/* SWITCH */

.divgestione{ 
    background-color:#f2f2f2;  
    display: flex; 
}




.sideleft{background-color:#000000; color:#fff; font-weight:bold;  float:left; height: 21vh;
          display: table-row; vertical-align:top; }

.sideright{background-color: transparent; color:#333;float:left; vertical-align:top; height: 21vh;
           display: table-row;}
.sideright btn{float:left; white-space: normal !important;}	

#gestione-tools .btn-secondary,#gestione-tools .btn-secondary{
    color: #363636 !important;
    border: 0;
    background-color: transparent !important;
    padding: 3px !important;
    width: 100%;
    height: 27px !important;
    margin-top: 0px;
    white-space: normal !important;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 600;
    line-height: 19px;
    align-items: center;
    display: flex;
}

.btn-secondary svg {
    width: 40px;
    height: 18px;
}

#gestione-tools .btn-secondary:hover{
    color:#bbe53b !important;background-color: #000000  !important;
}

#gestione-tools .btn-secondary:hover svg {
    /* opacity: 0;*/
}

#gestione-tools .btn-secondary.inverted{background-color:#fefefe !important; border:1px solid #000000 !important; color: #000000 !important;}

.togglebut{width: 20% !important;
           padding-top: 0px !important;
           border: 1px solid #000000 !important;
           margin: 0px 3px 0px 0px;
           font-size: 15px !important;
           font-weight: bold !important;
           letter-spacing: 0px;
           color: #000000 !important;
           background-color: transparent !important;
           padding: 0px 0px !important;
           font-style:normal;}

#searchfiltri{
    /*background-color: #363636 !important;
    padding: 3px !important;
    width: 100%;
    height: 27px !important;*/
    margin-top: 10px;
    visibility:hidden;
    /*white-space: normal !important;
    letter-spacing: 1px;
    font-size: 14px !important;
    font-weight: 600;
    line-height: 19px;
    border: 0;
    color: #fff;*/
}

#tableModal #searchfiltri{
    visibility:visible;
}


.sideright a:hover{background-color:#fefefe !important; border:1px solid #000000 !important; color: #000000 !important;}
.sideleft-black{background-color:#1a1a1a; width:100%; padding:4px; }

/*.divgestione.zero{margin:0px 1% 10px 0px;  }
.divgestione.uno{margin:0px 1% 10px 0px; width: 18%; }
.divgestione.due{margin:0px 1% 10px 0px; width: 35%; }
.divgestione.tre{margin:0px 0px 10px 0px; width: 29%; }*/


#overlay[data-dove="ricerca-classifica"] .divgestione.zero{margin:0px 1% 10px 0px;  }
/*#overlay[data-dove="ricerca-classifica"] .divgestione.uno{margin:0px 1% 10px 0px; width: 35%; }*/
#overlay[data-dove="ricerca-classifica"] .divgestione.tre{margin:0px 0px 10px 0px; width: 29%; }

#overlay[data-dove="ricerca-classifica-p-index"] .divgestione.zero{margin:0px 1% 10px 0px;  }
/*#overlay[data-dove="ricerca-classifica-p-index"] .divgestione.uno{margin:0px 1% 10px 0px; width: 35%; }*/
#overlay[data-dove="ricerca-classifica-p-index"] .divgestione.tre{margin:0px 0px 10px 0px; width: 29%; }





.testo-giallo{ color:#000000; font-weight:bold; font-size: 17px !important;line-height:17px;}
.testo-nero{ color:#333; font-weight:bold; font-size: 19px !important;line-height:20px;}
.col1-2{width:50%;padding:10px 10px 10px 10px;float:left;height: 100%;
        display: table-row; vertical-align:top; line-height:15px;}
#gestione-tools .btn-primary{ width:50%;}	

/*#tabellaGiocatori{ min-height:200px;}*/
/* #overlay{ overflow-y:auto;} */
#overlay{ overflow:hidden;}

#spalla{ background-color:rgba(255, 255, 255, .9);
         position:fixed;
         border: 1px solid rgb(210, 172, 21);
         right:-390px;
         top:0; padding:15px;width:14%;

         -webkit-transition: all .3s ease-out;
         -moz-transition:all .3s ease-out;
         -o-transition: all .3s ease-out;
         transition:all .3s ease-out;
         z-index: 9999; min-width:206px;}

#spalla .strisce{
    margin: 0px 0px 4px -9px;
    background-repeat: no-repeat;
    height: 50px;
    width: 110%;
    color: #fff;
    padding: 2px 0px 0px 43%;
    font-size: 18px;

    font-weight: 600;
    background-position: left center;
    background-size: cover;
    clear: both;
}

#spalla .strisce .big-black{
    padding-top: 2px;
    font-size: 22px;
    margin: -10% 6% 0px 0px;
}

.campi_spalla label, .campi_spalla span{font-size: 20px !important; margin-bottom:0px;}


#MyVideo{ /*width:100% !important; height:100% !important;*/ text-align:center;     margin: 90px auto 0px auto !important;
}

#MyVideo iframe{ height: 70vh !important;
                 width: 100%;}

#tabellaGiocatori{
    clear: both; 
    padding: 0px !important; 
    margin:0px 0px; 
    white-space:nowrap; 
    overflow-x:auto; overflow-y:auto;
    margin: auto;
    width: 100%;
    max-width: 100%; 
    height: 100%;
    max-height: calc(100% - 230px);
}
#tabellaGiocatoriMobile{
    clear: both; margin:0px 0px; white-space:nowrap; 
    overflow-x:auto; overflow-y:auto;
    width: 100%;
    margin: auto;
    max-width: 100%; 
    height: 100%;
    max-height: calc(100% - 200px);
    padding: 0px 15px;
    font-size: 14px;
}
/*#tabellaGiocatori td{font-size:15px !important;}*/
#tabellaGiocatori th, #tabellaGiocatori span{font-size:14px !important;}

#tabellaGiocatori th{
    padding: 0px 0px 0px 20px; /* padding per arrow ordinamento */
}
#tabellaGiocatori .holder-ico svg{color: #fff; }

#tabellaGiocatori table td {

    padding: 6px 6px 5px 13px; 

}

/*.clone-column-table-wrap td{border:none !important;}
.clone-column-table-wrap .ids{border-bottom:1px solid #ddd !important;}*/

.highest{
    color: #321954 !important;
    position: relative;
    z-index: 0 !important;
}

.highest:after{
    background: #3a0d7b3d;
    content: "";
    z-index: 0;
    position: absolute;
    padding: 0px 32px;
    border-radius: 15px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    bottom: 0px;
}

#tabella-giocatori{
    margin-bottom: 0px; 
    font-size:20px; 
    border-color:#ccc; 

    width: max-content !important;
    border-collapse:initial;
    /*margin: auto;*/

}

#tabella-giocatori .ids img {
    max-width: 35px;
}

table {
    /* width: calc(100% - 16px) !important;*/
    overflow: visible;
    margin-right: 20px;
}
table tr.medie{
    min-height: 75px;

    color: #321954;
}

#tabella-giocatori thead  {
    position: fixed; /*for most browsers*/
    position: -webkit-sticky; /*for safari*/
    position: sticky; /* for Firefox */
    top: 0;
    z-index:5;
    background: #321954;
}


#tabella-giocatori.trasposta tr:first-child th,
#tabella-giocatori tr.medie,
#tabella-giocatori tfoot td {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    font-size: 13px;
    z-index:2;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

/* FIX tabella ricerca confrento overlap prima riga */
#tabella-giocatori.trasposta thead tr:first-child td {
    /*  position: -webkit-sticky;
     position: sticky; */
    bottom: 0;
    font-size: 13px;
    z-index:3;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    border-bottom: 1px solid #321954 !important;

}



#tabella-giocatori tr.medie,
#tabella-giocatori tfoot td {

    background: #ece8ef;


}



#tabella-giocatori tr td, #tabella-giocatori tr th
, #tabella-giocatori.trasposta thead td
, #tabella-giocatori.trasposta thead th{
    z-index: 22;
    height: 43px;
    vertical-align: middle;

}

#tabella-giocatori tr.tp_rows *:first-child{
    color: #321954
}




#tabella-giocatori tr td:first-child, #tabella-giocatori tbody tr th:first-child{
    position: -webkit-sticky !important;
    position: sticky !important;
    left: 0;
    z-index: 2;
}
#tabella-giocatori.trasposta thead tr:first-child td:first-child,
#tabella-giocatori.trasposta thead tr:first-child th:first-child,
#tabella-giocatori thead th:first-child,
#tabella-giocatori tfoot td:first-child {
    position: -webkit-sticky !important;
    position: sticky !important;
    left: 0;
    z-index: 300 !important;
    background: #321954;

}

#tabella-giocatori:not(.trasposta) thead th{
    border: none;
    border-right: 1px solid #fff;
}
#tabella-giocatori tr:not(.medie) td{
    border: none;
    border-right: 1px solid #321954;
}
#tabella-giocatori.trasposta thead td, #tabella-giocatori.trasposta thead th {
    border-right: 1px solid #fff;
}

#tabella-giocatori.trasposta thead .but-campo img{
    background: #fff !important;
    padding: 3px 0px;
    border-radius: 5px;
}

#tabella-giocatori:not(.trasposta) tr:not(.medie):nth-child(even) td:first-child, #tabella-giocatori:not(.trasposta) tbody tr:not(.medie):nth-child(even) th:first-child{
    background-color: #f7f7f7;
    border-right: 1px solid #321954;
    /*	box-shadow: 8px 0px 5px -6px #8888; */
}
#tabella-giocatori:not(.trasposta) tr:not(.medie):nth-child(odd) td:first-child, #tabella-giocatori:not(.trasposta) tbody tr:not(.medie):nth-child(odd) th:first-child{
    background-color: #fff;
    border-right: 1px solid #321954;
    /*	box-shadow: 8px 0px 5px -6px #8888; */
}


#tabella-giocatori tr td:first-child, #tabella-giocatori tbody tr th:first-child{
    box-shadow: 4px 0 7px -1px #0003;
}


#tabella-giocatori tr.medie td{
    background: #eaeaea;
    border-right: 1px solid #ffffff;
    border-top: 3px solid #ffffff;
    padding: 2px;
}

#tabella-giocatori .mediaTotale-container{
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    min-width: max-content;
}
#tabella-giocatori  .media-name{
    padding-top:3px;   
}
#tabella-giocatori .mediaTotale-container font{
    flex: 0 0 auto;
    padding:2px;
}
#tabella-giocatori  .media-name,
#tabella-giocatori .mediaTotale-container font:last-child{
    font-weight: 500
}
#tabella-giocatori .additionButton{
    float: right;
}
#tabella-giocatori .additionButton button{
    color:#00e6fe;
    margin: 0 5px;
    background: transparent;
    padding: 0 3px;
    width: 16px;
    height: 22px;
    background-size: 16px 16px;
    background-position: 50%;
    background-repeat: no-repeat;
}
#tabella-giocatori .additionButton button.openInfo{
    background-image: url('/assets/img/play-video-over.svg')
}
#tabella-giocatori .additionButton button.openVid{
    background-image: url('/assets/img/play-video-over.svg')
}
#tabella-giocatori .additionButton button.openGraph{
    background-image: url('/assets/img/grafico-over.svg')
}

#tabella-giocatori.trasposta a{color: #fff;}
#tabella-giocatori.trasposta a:hover{color: #fff !important;}
#tabella-giocatori.trasposta thead th, #tabella-giocatori.trasposta thead td{
    background-color:#321954 !important;
}

#tabella-giocatori.trasposta .buttfiltro{display:none;}


#tableModal{
    max-width: 100%;
    min-width: 100%;
    left: 50%;
    top: 0px;
    transform: translateX(-50%);
    background: none;
    padding: 0px !important;
}



@media screen and (min-width: 1450px) {

    #overlay-header, #totaliErisultati, #tabellaGiocatori{max-width: 1428px; margin: auto;}

    #tabellaGiocatori{width: max-content; max-width: 1428px; }

    #overlay:not([data-dove=""]) #overlay-header,
    #overlay:not([data-dove=""]) #totaliErisultati,
    #overlay:not([data-dove=""]) #tabellaGiocatori{ max-width: 100% !important; }





    #overlay[data-dove="ricerca-classifica-p-index"] .divgestione.zero{margin:0px 0% 30px 0px; width: 100%; }


    #overlay[data-dove="ricerca-giocatori"] .divgestione.zero{margin:0px 0% 30px 0px; width: 100%; }

    #overlay[data-dove="ricerca-squadre"] .divgestione.zero{margin:0px 0% 30px 0px; width: 100%; }

    #overlay[data-dove="ricerca-competizioni"] .divgestione.zero{margin:0px 0% 30px 0px; width: 100%; }




    


    /* #tableModal{
         min-width: 1428px;
     }*/
}
@media screen and (max-width: 1390px) {
    body {
        background-size: cover;
    }
    #spalla .figurina {

        transform: translateX(0%);

    }

    #searchcompetizione3{width:calc(20vw - 50px) !important; }

    #td-outer-wrap {
        width: 100%;
        margin: auto;
    }

    #spalla{ background-color:rgba(255, 255, 255, .9);
             position:fixed;
             border: 1px solid rgb(210, 172, 21);
             z-index:9999;
             padding: 7px 0px 0px 0px;width:100%;

             -webkit-transition: all .3s ease-out;
             -moz-transition:all .3s ease-out;
             -o-transition: all .3s ease-out;
             transition:all .3s ease-out;
             min-width:215px;
             right: 0px !important;
             line-height: 22px !important;
             margin-top:0px;

    }

    #spalla .campi_spalla, 
    #spalla .campi_spalla2, 
    #spalla .campi_spalla3,
    #spalla .strisce,
    #spalla .entry-title, 
    #spalla .figurina{
        width: 7% !important;
        float: left !important;

        clear: inherit !important;
        margin-left: 10px;
        line-height: 22px !important;
        min-width: 61px;
    }

    #spalla .campi_spalla2{
        /*width: 56% !important;*/
        min-width: 128px;

    }

    #spalla .campi_spalla3{
        /*width: max-content !important;*/

    }
    #spalla .strisce {

        padding: 4px 15px 0px 0px;
        line-height: 16px;
        width: 193px !important;
        text-align: right;
        margin-right: 10px;
        float: right !important;

    }



    #spalla .figurina{
        width: 60px !important;
        margin-left: 10px !important;
        margin: -4px 10px 3px 7px !important;
    }

    #spalla .strisce .big-black {

        padding-top: 14px;
        font-size: 22px;
        margin: -15px -1px 0px 0px;

    }
    #spalla label, #spalla span{
        font-size: 16px !important;

    }

    #spalla input, #spalla select {
        font-size: 15px !important;
    }

    #spalla .entry-title{ margin-left:0px !important; width:15% !important;}
    #ancore{ width: max-content !important;}


}
@media screen and (max-width: 1140px) {
    #spalla .strisce{display:none;}

    /* #save_video {
         float: left;
         width: 40%;
         padding-top: 10px;
         min-width: 155px;
         margin-left: 10px;
     }*/
}
@media screen and (max-width: 1002px) {
    .divgestione.uno{ width: 98%; font-size:80% !important; }
    /*.divgestione.due{margin:1%; width: 98%; font-size:80% !important;}*/
    .divgestione.tre{ width: 98%; font-size:80% !important;}
    #tabellaGiocatori{ min-height:500px;}
    .testo-giallo{ font-size: 18px !important;}
}


.td-boxed-layout .td-container-wrap {
    width: 100% !important;
}

#trp-floater-ls {
    left: inherit !important;
    right: 0px !important;
    border-radius: 0px 0px 5px 5px;
}

/* CHECKBOX DELLE MULTI SELECT */


.multiselect {
    width: 23px;
    overflow: hidden;
    /*  position: absolute;
     left: 5px;
     top: 31px; */
}

.selectBox {
    position: relative;
}

.selectBox select {
    width: 100%;

    font-weight: 600;
}

.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.checkboxes {
    display: block;
    /*border: 1px #dadada solid;*/
    height: 145px;
    overflow-y: hidden;
    padding-right: 39px;
    overflow-x: hidden;
    scroll-behavior: initial; 

}

.checkboxes input{
    margin: 0px 0px 0px 0px;
    padding: 0px !important;
    height: 20px;
    min-width: 16px;
    display: block;
}



.checkboxes label {
    display: block;
}

.checkboxes label:hover {
    background-color: #1e90ff;
}
/* CHECKBOX DELLE MULTI SELECT */

#filtriAttivi {
    max-height: 192px;
    overflow-y: auto;
    padding-top: 10px;
}

option{font-weight:500; }


.popup_video{cursor:pointer;}




.uCard{ 
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #000;
    color: #fff;
    background-clip: border-box;
    border: 1px solid #ccc;
    border-radius: 15px;
}

#AddNewUser{

    border-radius:6px;
}




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

   

    .optionGroup {
        font-weight: bold;
        font-style: italic;
    }

    .optionChild {
        padding-left: 15px;
    }


    #AddNewUser{
        z-index: 9;
        border-radius:6px; 
    }


    #profileLinks{display:block !important;}

    /*button.close.menu_overlay {
        display: block !important;
        position:fixed;
        bottom:10px;
        right:10px;
        
    }*/

    .holder-icon-profile-toggle{display:none;}

    #iframe_video{
        height: 50vw;
    }
    #popup_video .overlay, #popup_video .overlay_vimeo {
        width:98% !important;
    }

}

#searchruolobutton {

    padding-top: 17px;
}

/*#openFilter, #openProfile, .cerca-giocatori{display:none;}*/

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

    #searchruolobutton {

        padding-top: 4px;
    }
}

@media screen and (max-width: 767.9px) {
    #save_video {
        padding-top: 0px;
    }
    /*#openFilter, #openProfile{display:block;}*/
}



@media screen and (max-width: 640px) {
    .td-sub-footer-container{margin-top: 0px !important;}

    #showcompare{width:100% !important;}

    #container {
        padding: 0px 0px !important;
    }

    #spalla .campi_spalla2 {
        min-width: 56%;
        float: left !important;
        clear: both !important;

    }
    #spalla .campi_spalla3 {

        width: 36% !important;
        float: right !important;

    }
    .td-wpml .td-header-sp-top-menu {
        font-size: 10px;
    }
    #lingue{
        top: 105px;
    }
    .wrapper {
        width: 100% !important;
        float: none !important;
    }
    #iframe_video {
        width: 100%;
        height: 83vw;
    }
    .campi, .campi2, SELECT, select:hover, select:checked, input[type="text"]{width:100% !important;}
    #campiricerca{ margin:0px !important;}
    .acf-input, .acf-input::before, .acf-input::before {
        margin-right: 0%;
        right: 0px;
    }
}


#lingue{
    position: absolute;
    left: 7px;
    top: 0px;
    visibility: visible;
    z-index: 999;
}

.wrapper{
   /* position: relative;*/
    /*z-index: 1;*/
    display: inline-block;
    width: 100%;
    /*float: left;*/
    height: auto;

}

.page-template-opta-giocatore .wrapper, 
.page-template-opta-squadra .wrapper, 
.page-template-opta-competizione .wrapper{
    position: relative;
    z-index: 1;
    /*display: inline-block;
    width: 75%;
    float: left;*/
    height: auto; 
    flex-wrap: wrap;
} 

.page-template-opta-squadra .checkbox_clips input,
.page-template-opta-squadra #headingSave{display:none;}



/*.page-template-opta-squadra .a25,
.page-template-opta-squadra .a26,
.page-template-opta-squadra .a27,
.page-template-opta-squadra .a28{
    display:none;
}*/


.wrapper2{
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
}





.td-header-top-menu-full.td-container-wrap {
    position: absolute;
}

.td-header-style-10 .td-header-top-menu-full {
    border-bottom: none !important;

}


#giocatore_info_container label {

    font-weight: bold !important;
    font-weight:500;

}

#giocatore_info_container span {

    font-weight: normal !important;
    font-weight:500;

}



#lingue, .td-header-top-menu-full.td-container-wrap{visibility:hidden;}

.animated_growUp{ 
    animation: growUp 0.4s;
}

@keyframes growUp {
    0%   { transform:scale(0.7); }
    100% { transform:scale(1); }
}
#checkbox_wrap{

    padding-left: 1px;
}


.thumbs{ 
    right: 0;
    margin-right: 6px;
    position: absolute;
    top: 8px;
}

.thumbs input[type="text"] {

    height: 32px !important;
    width: calc(23vw - 106px) !important;
    float: right;

}

.thumbs img{-webkit-transition: all 0.2s ease-out;
            -moz-transition: all 0.2s ease-out;
            -o-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;}
.checkbox_clips input{width: 20px; margin:0px 0px 5px 0px !important}



.proposte-accordion[aria-expanded="true"] {

    /*background-color: #fff !important;*/

}
.td-main-content-wrap {
    padding-bottom: 0px !important;
}
.td-container, .tdc-row {
    width: 100% !important;
}
/*.td-post-content{min-height: 1000px;}*/ 
.td-container{
    /*min-width: 910px !important;*/

}
.td-post-content{
    border-right: solid 1px  #363636;
}
#riga {
    margin: 0px 0px 6px 0px;
}


.td-crumb-container{display:none !important;}

/* :target {
    display: block;
    position: relative;
    top: -70px; 
    visibility: hidden;
} */
/*
.proposte-accordion{border-radius: 15px;color:#000000 !important;
font-weight: 600;font-size: 23px !important; font-size: 30px !important;
}
*/
#nuovaricerca a{padding:20px; border:1px solid #000000;}

.overlay .dettaglio-grafico{display:none !important;}

#minutiGiocati, #minutiGiocati2{line-height: 7px !important;display:none; position: absolute;background-color: #fff; border:2px solid #000000; border-radius:3px; padding:8px; width:max-content;}

#minutiGiocati{right: 97%;

               top: 144px; }

#minutiGiocati2{right: 5.5%;
                top: 656px;
                width: 31.4%;
                z-index: 1; }

#minutiGiocati p, #minutiGiocati2 p{
    line-height: 13px !important;
    color:
        #333;
    font-size: 14px !important;
    margin: 4px;
}
.ordered{
    background: #371557;
    /* box-shadow: 0px 0px 17px -1px #000; */
    z-index: 2;
}
.ordered a.sortclick {
    color: #fff !important;
} 

.colonna_tab .bi-arrow-down , .colonna_tab .bi-arrow-up {
    display: none;
}

.colonna_tab.ordered[data-inverse="false"] .bi-arrow-up  {
    display: none;
}
.colonna_tab.ordered[data-inverse="false"] .bi-arrow-down{
    display: inline-block;
}

.colonna_tab.ordered[data-inverse="true"] .bi-arrow-up {
    display: inline-block;

}
.colonna_tab.ordered[data-inverse="true"] .bi-arrow-down {
    display: none;

}


.compare{cursor:pointer;}
.compare img{transform: rotateY(0deg) rotate(0deg); 
             transition: transform .5s ease-in-out;}
.compare img:hover{transform: rotateY(0deg) rotate(180deg); 
}	

#container{padding:0px 30px; }
.td-pb-row{ margin:0px !important;}
.td-sub-footer-copy{margin-left:20px;}


#tablePartita .vista_squadra img{
    -webkit-transition: transform .2s ease-out;
    -moz-transition:transform .2s ease-out;
    -o-transition: transform .2s ease-out;
    transition:transform .2s ease-out;
    transform:scale(0.9);}
#tablePartita .vista_squadra{ 
    -webkit-transition: all .2s ease-out;
    -moz-transition:all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition:all .2s ease-out;
    text-shadow: 2px 2px 4px #999;
} 

.myCampo div p, .myCampo .area,  .myCampo_compare  div p, .myCampo_compare  .area{-webkit-transition: all .2s ease-out;
                                                                                  -moz-transition:all .2s ease-out;
                                                                                  -o-transition: all .2s ease-out;
                                                                                  transition:all .2s ease-out;}

#tablePartita .vista_squadra img:hover{transform:scale(1);  }
#tablePartita .vista_squadra:hover{ text-shadow: 2px 2px 2px #999; /*margin-right:2px; margin-bottom:4px;*/  }
#scheda{padding: 0px 30px; min-height: 1274px;

} 

.overlay2 .select2-selection ul li {
    line-height: 19px;
}

.overlay2 .dettaglio-grafico{display:none;}

.triangoli{float: right;
           margin-top: 6px;
           margin-right: 5px;
}

.riga_compare{background-color: #fff !important;
              color:#000 !important;}

/*.riga_compare a{color: #000000 !important;}*/

.riga_compare td{border-left: 1px solid #eee !important;font-size: 15px !important;}
.riga_compare a{color:#000 !important;}



.minitab{float:left; width:max-content; text-align:center; border:1px solid #333; padding: 3px 6px; margin:1px; font-size:15px;line-height: 15px; color:#fff; cursor:pointer;
         -webkit-transition: all 0.5s ease-out;
         -moz-transition: all 0.5s ease-out;
         -o-transition: all 0.5s ease-out;
         transition: all 0.5s ease-out;
         position: relative;
}

.minitext{display:none;height: 32px !important;
          width: 100%;
          margin-top: 4px !important;
          margin-bottom: 0px !important;text-align: center;}

.portavanti{position: absolute;
            left: 46%;
            top: 135px;
            box-shadow: 0px 0px 13px #444;
            -webkit-transition: all 0.5s ease-out, left 1ms, top 1ms;
            -moz-transition: all 0.5s ease-out, left 1ms, top 1ms;
            -o-transition: all 0.5s ease-out, left 1ms, top 1ms;
            transition: all 0.5s ease-out, left 1ms, top 1ms;


            z-index: 9;
            opacity:1 !important;
            width: 140px;
            height: 126px;
            font-size: 20px;
            line-height: 22px;
            padding: 5px;
            border-radius:3px;

}
.portavanti input[type="text"]{margin:5px 0px 0px 0px !important;font-size: 25px !important;}

#MyConfronto input[type="text"]{font-size: 25px !important;}

#MyConfronto td{vertical-align:middle;}
.portavanti .range{font-size: 20px !important;}
/*
#giocatore_info_container2 .proposte-accordion{ text-transform:uppercase;}	
*/
.range{display: inline; color:#fff;font-weight: bold; text-shadow: -1px 1px 2px #000;
       margin-left: 2px;
       font-size: 18px;
       letter-spacing: 1px;
}
.myclose{position:absolute; top:-12px; right:-12px; transform: rotateY(0deg) rotate(45deg); 
         /* needs Y at 0 deg to behave properly*/
         transition: transform .3s ease-in-out; cursor:pointer; z-index: 2;}
.myclose:hover {
    transform:  rotateY(0deg) rotate(135deg); /* notice the order */
}
.myclose img{width:24px;}


#filtriAttivi .filtro_tabella{
    width: 40px !important;
    margin-left: 4px !important;
}

.box_filtriattivi{
    /*border: 1px solid #363636;*/
    /* background:#eee;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    padding: 0px 10px;
    margin-bottom: 5px;
    cursor:pointer;
    margin-top: 5px;
    margin-right: 5px;
   height: 50px; */
}
.box_filtriattivi .btn-filtro-edit{

    background: #F0F0F0;
    padding: 4px 8px;
    border-radius: 9px;
    display: flex;

    align-items: center;
    min-width: 80px;
    justify-content: space-between;
    cursor: pointer;
}  

.box_filtriattivi.highlighted .btn-filtro-edit{
    background: #ED5F67;
    color: #fff;
}

.box_filtriattivi .btn-filtro-edit .ico{
    margin-left: 5px;
}

.btn-filtro-edit .ico{
    background-color:#020202;
    -webkit-mask: url(/assets/img/matita_bianca.svg) no-repeat center;
    mask: url(/assets/img/matita_bianca.svg) no-repeat center;
    width: 15px;
    height: 15px;
}

.ASKcancellaFiltro * {
    pointer-events: none;
}

.ASKcancellaFiltro .ico{
    background-color:#020202;
    -webkit-mask: url(/assets/img/cestino_rosa.svg) no-repeat center;
    mask: url(/assets/img/cestino_rosa.svg) no-repeat center;
    width: 16px;
    height: 18px;
}

.box_filtriattivi.highlighted  .btn-filtro-edit .ico{
    background-color:#fff;
    -webkit-mask: url(/assets/img/matita_bianca.svg) no-repeat center;
    mask: url(/assets/img/matita_bianca.svg) no-repeat center;
}

.box_filtriattivi.highlighted  .ASKcancellaFiltro .ico{
    background-color:#ED5F67;
    -webkit-mask: url(/assets/img/cestino_rosa.svg) no-repeat center;
    mask: url(/assets/img/cestino_rosa.svg) no-repeat center;
}


#box_campo_compare, #box_campo_compare2{ 
    /* max-width: 610px;
    min-width: 610px; */
    width: 100%;
     overflow-x: auto; 
}

#overlay_field .a23, #overlay_field .a24 {
    color: #fff;
}

.box_filtriattivi .nobr{
    text-align: center;
    background: #363636;
    width: 23px;
    margin-left: 10px;
    border-radius: 5px;
}

#box_campo_compare, #box_campo_compare2{ float: left; min-height: 80vh;
                                         margin: 10px 10px 10px 0px; padding: 20px;}
#box_form{ margin:10px; float:left; /* max-width:600px;min-width: 400px;*/
           width: 48%;}
#box_minitab{ margin-top: 10px;width:48%; float:left;}

#box_contenitore{width: -webkit-calc(100% - 620px);
                 width:    -moz-calc(100% - 620px);
                 width:         calc(100% - 620px); float:left;}


.led {
    width:4px; height:100%;

    /* box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #000 0 -1px 9px, #666 0 2px 12px;*/
    -webkit-animation: blinkYellow 1s infinite;
    -moz-animation: blinkYellow 1s infinite;
    -ms-animation: blinkYellow 1s infinite;
    -o-animation: blinkYellow 1s infinite;
    animation: blinkYellow 1s infinite;

    position: absolute;
    left: 0;
    top: 0;
}	 
@-webkit-keyframes blinkYellow {
    from { background-color: rgba(255, 255, 255, 0.9); }
    50% { background-color: rgba(255, 255, 255, 0.5); 
          /*box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0;*/ }
    to { background-color: rgba(255, 255, 255, 0.9); }
}
@-moz-keyframes blinkYellow {
    from { background-color: rgba(255, 255, 255, 0.9); }
    50% { background-color: rgba(255, 255, 255, 0.5); /*box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0;*/ }
    to { background-color: rgba(255, 255, 255, 0.9); }
}
@-ms-keyframes blinkYellow {
    from { background-color: rgba(255, 255, 255, 0.9); }
    50% { background-color: rgba(255, 255, 255, 0.5); /*box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0;*/ }
    to { background-color: rgba(255, 255, 255, 0.9); }
}
@-o-keyframes blinkYellow {
    from { background-color: rgba(255, 255, 255, 0.9); }
    50% { background-color: rgba(255, 255, 255, 0.5); /*box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0;*/ }
    to { background-color: rgba(255, 255, 255, 0.9); }
}
@keyframes blinkYellow {
    from { background-color: rgba(255, 255, 255, 0.9); }
    50% { background-color: rgba(255, 255, 255, 0.5); /*box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0;*/ }
    to { background-color: rgba(255, 255, 255, 0.9); }
}

#season_compare{width:max-content; display:inline;}

#collapsericerca3 span, collapse {
    font-size: 20px !important;
}

#collapsericerca3 b {
    font-size: 20px !important;
}

.slider-container{float: left;
                  margin: 16px 30px 0px 10px;}

.overlay2 .black1-3, .overlay2 .black1-4{margin: 10px 1% 10px 1%  !important;}

/*.overlay2 .black1-4{height: 52px;}*/


.overlay2 .black1-4 .font-oro-grande {
    margin-top: -14px !important;
    margin-bottom: 0px !important;
}

.overlay2 .big-yellow {
    text-align: center;
    margin-top: -20px;
    margin-bottom: 1px;
}
.overlay2 .tabella1-3 {
    width: 100%;
}
.overlay2 .box3 {
    width: 18%;
    margin: 11px 1% 8px 1%;
    height: 49px;
    padding-top: 3px;
    line-height: 1;
}

.overlay2 .box3.centro {
    margin: 8px 1%;
}

.overlay2 .top {
    display: none;
}


.formazioni_campo{
    width: 350px !important;
    height: 560px !important;
    padding: 0px;
    clear: both;
    background-color:transparent;
    color: #fff;
    font-size: 18px;
    font-style: italic;
    margin: 0px auto;
    background-image: url("/assets/campo_verticale.jpg");
    background-size: contain;
    background-repeat: no-repeat;
}

.scorers {text-align:left;}

.oppscorers{text-align:left;}

#scorer_container{ font-size:14px; text-transform: capitalize; margin:10px auto;background-color: rgb(245, 245, 245);max-width: 320px;}

#stat_game{
    font-size: 0.5rem;
    width: 50%;
    margin: 0px;
    float: left;
    margin-top: 10px;
}
#statFormazioni{
    width:50%; 
    font-size: 14px;
    background-color:rgb(245, 245, 245); 
    float: right;
}
#statCambi{
    width: 50%;
    margin: 0px;
    float: left;
    font-size: 14px;
} 

#cambi_home{float:left; width:50%; text-align:left;line-height: 20px;}
#cambi_away{float:left; width:50%; text-align:left;line-height: 20px;}

#cambi_home hr, #cambi_away hr {

    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #ccc;
}
#stat_game tr{border-bottom:1px solid #ccc; margin:0px 1px;}
#stat_game td{padding:2px 5px;}
#formazioni_lista{margin: auto;

                  width: max-content;
                  margin-top: 20px;
                  padding: 0px 20px;}

#timer{color: #888 !important;}


#squadre .vista_squadra:hover { 
    background:rgba(75, 30, 111,.1) !important;
}

.searchItemRow.relazione-row:hover{
    background:transparent !important;
}

#squadre .vista_squadra{ 
    cursor:pointer;
    /*  width: calc(25% - 10px*5); */
    width: calc(240px - 10px*5);
}

#squadre .intestazione-comp{ 
    border-bottom: 1px solid rgba(75, 30, 111,.2) !important;
    font-weight: 700;
}

#squadre .gruppoComp div>div.w-100 {
    flex-direction: column;
    border: 1px solid;
    border-radius: 15px;
    padding-top: 25px;
    padding-bottom: 70px;
    position: relative;
    min-height: 160px;
}

.copy-btn{width:max-content; padding:3px;}
.copy-btn:hover{ background-color: rgba(75, 30, 111,.2) !important; }



.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}





.labelSubHeader {
    font-size: 16px;
    padding: 20px 0px 20px 0px;
}

.labelSubHeader.uno {
    margin: 0px 0% 0px 0px;
    font-weight: 700;
}

.labelSubHeader.due {
    margin: 0px 0% 0px 0px;
    font-weight: 700;
}

.labelSubHeader.tre {
    margin: 0px 0px 0px 0px;

    font-weight: 700;
}

.labelSubHeader .toggleFiltri:active, .labelSubHeader .toggleFiltri:focus, .labelSubHeader .toggleFiltri:hover, .labelSubHeader .toggleFiltri{
    /*  min-width: 40px; */
}

.labelSubHeader .tableFiltri span {
    background: #00d0d4;
}

.labelSubHeader .tableFiltri.colonne span {
    width: 3px;
    height: 20px;
    display: inline-block;
    background: #00d0d4;
    position: relative;
    margin: auto;
    margin-left: 2px;
    margin-right: 2px;
    border-radius: 3px;
    margin-top: 0px;
    margin-bottom: 5px;
}
.labelSubHeader .tableFiltri.colonne {
    height: 20px;
}

.labelSubHeader.tre .tableFiltri, .labelSubHeader.tre .tableFiltri path {
    color: #00d0d4;
    fill: #00D0D5;
}



.labelSubHeader .toggleFiltri.ricerca svg.bi.bi-search {
    width: 25px;
    height: 25px;
    color: #00d0d4;
}

.labelSubHeader .toggleFiltri.colonne span:after{
    display: none;
}

.labelSubHeader .toggleFiltri span:after{
    border: 2px solid #00d0d4;
}



.divgestione {
    background: #fff;
    border: 1px solid;
}

h3#AccordionGestioneFiltri {
    font-weight: 700;
    font-size: 18px;
    color: #363636;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    /* border-bottom: 1px solid #363636; */
    padding: 0;
}

/* .colonne_anagrafica {
    border-right: 1px solid #363636;
} */

hr.separtore-subHeader {
    margin: 0;
    border-bottom-color: #363636;
    padding: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}

.border-primary {
    border-color: #363636 !important;
}

.border-secondary {
    border-color: #f5f4fa !important;
}

.cat-colonne .col-3 {
    padding-left: 0;
    padding-right: 0;
}

.cat-colonne .custom-control{
  /*  max-width: 70px;*/
}

.cat-colonne .custom-control label{
    width: 120px;
}


.holder-inner-col {
    padding-top: 10px;
}

.divgestione.uno .col-6:first-child {
    border-right: 1px solid; 
}

.divgestione.uno .row {
    height: 100%;
}





.d-flex.holder-labelSubHeader {
    margin-bottom: 5px;
}


.labelSubHeader.due .tableFiltri.colonne{
    text-align: left;
}

.labelSubHeader .tableFiltri {
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    color: #00d0d4;
}



#sidebar .btn-aggiorna-relazione {

    font-size: 12px;

}

.btn-lime-outline.removeFilter {
    padding: 2px 11px;
    font-size: 0.8rem;
}

.btn-lime {
    border-radius: 0.25rem;
    background-color: #bbe539;
    cursor: pointer;
}
.btn-lime-outline {
    background: transparent;
    text-decoration: underline;
}
.btn-lime:hover, .btn-red:hover {
    color: #fff;
    border-color: #020202 !important;
    background-color: #020202;
}
.btn-lime-outline:hover {
    background: #bbe539;
    text-decoration: none;
}
#contenitoreFiltri .btn-lime-outline,
#contenitoreFiltri .btn-lime {
    min-width: 25%;
}

#overlay-header {
    width: 100%;
    max-width: inherit !important;
    position: absolute;
    z-index: 999;
    background: transparent;
    margin-left: -15px;
    
}

.expand-filtri.toggleFiltri {
    min-width: 30px;
    padding: 0;
    max-height:30px;
}


.tableFiltri{
    min-width:auto;
    height: 30px;
    max-height: 30px;
    position: relative;
    text-align: center;
    padding-top: 0px;
    background: transparent;
    outline: none !Important;
    box-shadow: none !important;
    border: none !important
}
.tableFiltri span{
    width:27px;
    height:3px;
    background: #020202;
    position: relative;
    display: block;
    margin: auto;
    margin-top: 8px;
    border-radius: 3px;
    transform: translateX(0%) rotate(0deg);
    opacity: 1;
    transition: all .2s ease-out;
}


.tableFiltri span {
    width: 25px;
    height: 2px;
    margin-top: 5px;
}

.expand-filtri.toggleFiltri span:after {
    width: 6px;
    height: 6px;
    border-width: 1px;
    margin-top: -2px;
}

.divgestione.tre .row{
    width: 100%;
}

/* #tabellaGiocatori {
height: 100% !important;
} */

a#chiudi {
    background: transparent;
    color: #363636;
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 10px;
}

a#chiudi span{
    position: relative;
    top: 0px;
    font-size: 21px;
}

.popup {
    /* border-color: #fff; */
    /*  padding-top: 40px !important; */
    /* margin-top: 40px; */
    background: #fff !important;
    border-radius: 0px !important;
    border-top: 1px solid !important;
}
.freccina {
    background: #fff;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 0px;
    border-radius: 0px;
    top: -16px;
}

.holder-ico {
    position: absolute;
    top: 7px;
    left: 3px;
}

/* NEW MODALI */
.modali-strumenti .modal-title {
    text-transform: uppercase;
    width: 100%;
    color: #371557;
    font-weight: 300;
}
.modali-strumenti .modal-title svg {
    max-width: 30px;
}
.modali-strumenti .modal-title svg path {
    fill: #371557 !important;
    stroke-width: 1 !important;
}

#gestione-tools a{ text-transform: uppercase;}


#gestione-tools .btn-secondary svg path {
    fill: #371557 !important;
    stroke-width: 0 !important;
}

#gestione-tools .btn-secondary:hover svg path {
    fill: #bbe53b !important;
    stroke-width: 0 !important;
}

.modali-strumenti .modal-content {
    padding: 10px;
}

.modali-strumenti .modal-header , .modali-strumenti .modal-footer  {
    border-color: #371557;
}

.modali-strumenti button.btn {
    background: #bbe53a;
    border: 0;
    color: #371557;
    font-weight: 700;
}

.modali-strumenti input {
    border: 0;
    border-bottom: 1px solid #020202;
    border-radius: 0px;
}

.modali-strumenti .modal-footer {
    border: 0;
    justify-content:center;
}

.modali-strumenti button.close {
    color: #4c1e70 !important;
    opacity: 1;
}

#collapse-gestione-filtri {
    align-items: flex-end;
}

#collapse-gestione-filtri .toggleFiltri {
    transform: scale(0.7);
    padding: 0;
    min-width: 50px;
    margin-left: -10px;
}

.filtro-modal {
    display: inline-block;
    border: 1px solid;
    margin-right: 5px;
    padding: 4px;
    margin-top: 5px;
    font-size: 13px;
}

.label-filtri-modale {
    color: #020202;
    font-weight: 500;
}



.tooltip.show {
    opacity: 1;
}


#overlay-header #collapseOverlay{
    transition: all 0.4s ease-in-out;
    background: #fff;
    filter: drop-shadow(0px 6px 3px rgba(0,0,0,0.0));
}

#overlay-header.shadow-on #collapseOverlay{
    filter: drop-shadow(0px 6px 3px rgba(0,0,0,0.2));
}


#modale-salvataggio-ricerca, #modale-salvataggio-filtri, #modale-carica-filtri, #modale-leggenda {
    z-index: 10000 !important;
    background-color: rgba(0,0,0,0.7);
}

#modale-salvataggio-ricerca .cls-1, .cls-2 {
    stroke: transparent !important;
} 

.descrizone-filtro {
    font-size: 13px;
}

.td-header-wrap {
    border-bottom: 3px solid #371557;
    margin-left: -15px;
    margin-right: -15px;
    background: #371557 !important;
}

#select-filtri-preset {
    font-weight: 700;
    height: 2.5rem;
}

.modali-strumenti input.invalid {
    border: 1px solid red;
}

.subHeader {
    padding-left: 10px;
    padding-right: 10px;
}

.overlayContainer {
    padding: 15px;
    padding-top: 50px;
    background: #fff;
    /*position: absolute;
    top: 50px;
    bottom: 50px;
    max-width: 98%;
    left: 1%;*/
    margin: auto;
    overflow-y: auto;
}

#overlay.overlayContainer {
    top: 0;
    bottom: 0;
    padding-top: 0;
}

.holder-logo-centro img {
    max-width: 145px;
}

.ids a {
    color: #000000;
    font-weight: 500 !important;
    font-size: 15px;
    padding: 2px;
    width: max-content;
    display: inline-block;
}

.ids {
    /* width: max-content;
         min-width:200px;*/
    display: table-cell;
    justify-content: space-between;
    padding-left: 0px !important;
    /*margin-right: 30px; */
}

table img.imgSq {
    position: relative;
    width: 35px !important;
    height: 35px !important;
    background-color: #ddd;
    margin: -5px 7px -3px 3px;
    background-size: cover;
    /* background-image: url(/assets/img/fondo-profilo.png);*/
    border-radius: 50%;

}

table img.imgCo {
    position: relative;
    width: 35px !important;
    height: 35px !important;
    background-color: transparent;
    margin: -5px 7px -3px 3px;
    background:#f3f2ed;
    border-radius: 50%;

}

.team_dataset table img.imgSq {

    border-radius: 0%;

}

.but-campo{width: 42px;
           margin-left: 5px;}

button.btn.btn-player-small img {
    position: relative;
    height: 30px;
    opacity: 0;
}

.btn-close-overlay-campo {
    background: #fff;
    width: 20px;
    height: 20px;
    color: #020202;
    text-align: center;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
}

button.btn.btn-player-small {
    padding: 0 0 0 10px;
}


/*
th.macro_toc,
th.macro_lan,
th.macro_cro,
th.macro_con,
th.macro_int,
th.macro_fg,
th.macro_rec,
th.macro_mod {
    background-color: #7b7979; //*#c6c3c9;*
}

th.macro_pas, 
th.macro_tir,
th.macro_fal,
th.macro_dd,
th.macro_drb,
th.macro_da,
th.macro_goal{
    background-color: #371557;
}
*/
.colonna_tab.on {
    background: #bbe53a;
}

.colonna_tab.on .holder-ico svg,
.colonna_tab.on a.sortclick {
    color: #371557 !important;
}

.holder-label-results-giocatori, .holder-label-results-squadre  {
    border-bottom: 1px solid #C9C9C9;
}

a.btn-toggle-lista-giocatori button {
    background: transparent;
}

a.btn-toggle-lista-giocatori:hover {
    color: #020202;
}

.btn-toggle-lista-giocatori[aria-expanded="false"] .su {
    display: block;

}
.btn-toggle-lista-giocatori[aria-expanded="false"] .giu {
    display: none;
}

.btn-toggle-lista-giocatori[aria-expanded="true"] .su {
    display: none;
}
.btn-toggle-lista-giocatori[aria-expanded="true"] .giu {
    display: block;
}

#squadre, .holder-label-results-giocatori, #resultsetTable,#pagerResult {
   
    margin: auto;
}

.resultsetTable .searchItemRow .playerName {
    min-width: 25%;
    /*  max-width: 35% !important; */
}

.resultsetTable .col.country{
    max-width: 15% !important; 
}

.resultsetTable .col.competition {
    /* max-width: 30% !important; */
}

.resultsetTable .col.competition {
    /* justify-content: flex-start !important; */
}

.resultsetTable .col.competition span {
    text-align: left;
}

.resultsetTable td{
    border: 0;
    border-bottom: 1px solid #dee2e6;
}

.resultsetTable .col:not(.playerName) {
    width: 100%;
    max-width: 10%;
    text-align: center;
    justify-content: flex-start;
}

.resultsetTable .col.playerFigure {
    display: flex;
    max-width: 60px !important;
    text-align: left !important;
    border-radius: 0px;
}

.col.compare svg {
    max-width: 20px;
}

#squadre .vista_squadra {
    padding: 8px;
    margin-bottom: 0px;
    margin-right: 10px;
}

#squadre .vista_squadra .teamName {
    text-align: center;
    position: absolute;
    top: 100px;
    line-height: 1.2rem;
}

#squadre .intestazione-comp  figure {
    width: 30px;
    min-width: 30px;
    align-self: center;
}

figure{
    display: flex; 
    justify-content: center;
    align-content:center;
}

#squadre .vista_squadra .teamFigure {
    width: 65px;
    margin: auto !important;
    padding-right: 0;
    height: 64px;
}

.mostra-tutto-squadre span {
    color:#020202;
    border-bottom: 1px solid;
    /* transition: all 0.5s ease; */
}

.mostra-tutto-squadre span:hover {
    /* border-bottom: 2px solid; */
    color: #0000009e !important;
}


.titolo-confronto h3 {
    color: #46246c;
}

#box_campo_compare2 {
    max-width: 565px;
}

#MyConfronto #box_campo_compare2 {
    min-width: 565px;
    padding-top: 70px;
    background: #321954;
}

#MyConfronto #box_campo_compare2 .campo {
    margin: auto;
    float: none;
}

#MyConfronto #box_campo_compare2 .area {
    color: #fff;
}

#MyConfronto .area.a23, #MyConfronto .area.a24, #overlay_field .area.a23, #overlay_field .area.a24 {
    position: relative;
}


#MyConfronto .area.a23:after, #MyConfronto .area.a24:after, #overlay_field .area.a23:after, #overlay_field .area.a24:after {
    position: absolute;
    content: "";
    display: block;
    width: 98%;
    left: 0;
    right: 0;
    top: 8px;
    border: 1px solid #888;
    height: 10px;
    border-top: 0;
}

#MyConfronto .area.a24:after , #overlay_field .area.a24:after {
    left: 5px;
}

#box_form_rev label {
    white-space: nowrap;
    margin-bottom: 0;
    margin-right: 10px;
}

#box_form_rev input {
    width: 80px;
}

.campi .select2-selection__choice {
    display: flex !important;
    flex-direction: row-reverse;
    background: transparent !important;
    border: 0 !important;
    align-items: center;
}

.campi span.select2-selection__choice__remove {
    font-size: 20px !important;
    border: 0 !important;
    background: #46246c !important;
    border-radius: 100px !important;
    font-weight: 500 !important;
    width: 21px;
    height: 21px;
    line-height: 20px;
    color: #fff !important;
    margin-left: 5px;
}

.campi span.select2-selection.select2-selection--multiple {
    background: #f2f2f2;
    border: 0 !important;
    padding: 4px;
}

.holder-tab-html {
    min-height: 120px;
    border: 1px solid #46246c;
}

#box_form_rev .holder-select {
    top: -20px;
    position: relative;
    background: #ffff;
    left: 30px;
    padding-left: 10px;
    padding-right: 10px;
}


#box_form_rev .select2-dropdown {
    display: none !important;
}

.holder-tab_blocchi .blocco-holder {
    min-width: 108px; 
    /* width: 130px; */
}

.holder-tab_blocchi .blocco-holder .label-blocco {
    font-size: 14px;
}

.holder-tab_blocchi .blocco-holder .blocco {
    border: 1px solid;
    height: 32px;
    border-radius: 5px;
    padding: 4px;
    padding-left: 10px;
}

.holder-tab_blocchi .blocco-holder .blocco input {
    padding: 0;
    margin: 0;
    height: 25px !important;
    border: 0;
    margin-left: 5px;
    margin-top: 0 !important;
}
.holder-tab_blocchi .blocco-holder .minitext.input-blocchi {
    display: block !important;
}

#titolo_overlay label {
    white-space: nowrap;
    margin-bottom: 0;
}

select#cat-tab-html {
    height: 40px;
}

.dropdown-confronto{
    /* max-width: 150px; */
    width: 100%;
    /* margin-bottom: -10px; */
    top: 36px;
    color: #321954 !important;
    background: #f2f2f2 !important;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.dropdown-confronto .select2-results__option--highlighted , .dropdown-confronto .select2-results__option[aria-selected=true] {
    color: #321954 !important;
    background: #c4e25b !important;
    border: 0 !important;
}



.dropdown-confronto ul {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
}

.dropdown-confronto li {
    background: #fff;
    margin: 4px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

/* CAMPO NUMERICO STILE FRECCE SU E GIU*/
.input_number {
    display: inline-block;
    position: Relative;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width:100%;
    min-height: 36px !important;
    /* border-radius: 4px !important;
    border: solid 1px #ccc !important; */
}




/* CUSTOM CSS PER SQUADRE & COMPETIZIONI DATASET */
.team_dataset .ruolo-giocatore-confronto, 
.team_dataset .select_ruoli, 
.team_dataset .sezione_ruolo,
.team_dataset .btn-get-giocatori-lista,
.team_dataset .searchItemRow div.team,
.team_dataset .col4, .team_dataset .col6, .team_dataset .col7, 
.team_dataset .col8, .team_dataset .col12, .team_dataset .col18,
.team_dataset .macro_toc[data-id="20"], .team_dataset .macro_toc[data-id="21"],
.team_dataset #resultsetTable .compare,

.comp_dataset .col4,.comp_dataset .col6,.comp_dataset .col7,.comp_dataset .col8,.comp_dataset .col10,
.comp_dataset .col12, .comp_dataset .col13, .comp_dataset .col14, .comp_dataset .col15, .comp_dataset .col18, .comp_dataset .macro_toc[data-id="21"], .comp_dataset .macro_toc[data-id="20"],
.comp_dataset .ruolo-giocatore-confronto, 
.comp_dataset .select_ruoli, 
.comp_dataset .sezione_ruolo,
.comp_dataset .btn-get-giocatori-lista
{ 
    display:none !important;
}


/* CUSTOM CSS PER SQUADRE DATASET */
#tabella-giocatori.team .ruolo-giocatore-confronto, 
#tabella-giocatori.team .select_ruoli, 
#tabella-giocatori.team .sezione_ruolo,
#tabella-giocatori.team .btn-get-giocatori-lista,
#tabella-giocatori.team .searchItemRow div.team,
#tabella-giocatori.team .col4, #tabella-giocatori.team .col6, #tabella-giocatori.team .col7, 
#tabella-giocatori.team .col8, #tabella-giocatori.team .col12, #tabella-giocatori.team .col18,
#tabella-giocatori.team .macro_toc[data-id="20"], #tabella-giocatori.team .macro_toc[data-id="21"] { 
    display:none !important;
}


.team_dataset .col17{ display:table-cell !important; } /* PAESE SQUADRE */


.team_dataset .searchItemRow .competition,.team_dataset .searchItemRow .country, .team_dataset .searchItemRow .stagione {
    max-width: none !important;
}

.team_dataset .searchItemRow .playerPic, .team_dataset table td:first-child img.imgSq {
    background-image: none;
    border-radius: 0px;
}

.team_dataset table td:first-child img.imgSq {

    background-image: none;

}

.comp_dataset .searchItemRow .col span.competition-name  {
    font-size: 130%;
    padding-top: 4px;
}





.comp_dataset #resultsetTable .team, 
.comp_dataset #resultsetTable .playerFigure,
.comp_dataset #resultsetTable .playerName,
.comp_dataset #resultsetTable .compare,
.comp_dataset #resultsetTable_confronto_ricerca .team,
.comp_dataset #resultsetTable_confronto_ricerca .playerFigure,
.comp_dataset #resultsetTable_confronto_ricerca .playerName,
.comp_dataset #resultsetTable_confronto .team,
.comp_dataset #resultsetTable_confronto .playerFigure,
.comp_dataset #resultsetTable_confronto .playerName
{display:none !important;}

#gestione-filtri-ricerca .col-3 div {
    width: 100%;
}

.divgestione .aggiungi-filtro {
    /* display: table-row; */
    height: min-content;
}

.divgestione .filtri-attivi {
    height: 100%;

}

.filtri-attivi  #filtriAttivi {
    padding-right: 15px;
    margin-right: -12px;
    margin-top: 0;
    top: 35px;
    left: 0;
    width: 100%;
    bottom: 10px;
    overflow-y: auto;
    /* margin-bottom: 10px; */
    padding-top: 0;
}

.filtri-attivi  #filtriAttivi .box_filtriattivi:last-child {
    margin-bottom: 0px;
}

.filtri-attivi  #filtriAttivi::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
}

/* .filtri-attivi  #filtriAttivi::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0.2);
} */

.filtri-attivi  #filtriAttivi::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #363636;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

#gestione-filtri-ricerca label {
    margin-bottom: 0;
    margin-top: 10px;
}



#gestione-filtri-ricerca #contenitoreFiltri .row .col-3 {
    width: 50% !important;
    max-width: 50%;
    flex: 0 0 50%;
    flex-direction: column;
    display: flex;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

#gestione-filtri-ricerca #contenitoreFiltri .row .col-2 {
    width: 33% !important;
    max-width: 33%;
    flex: 0 0 33%;
    flex-direction: column;
    display: flex;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

#gestione-filtri-ricerca #contenitoreFiltri .row .col-6 {
    width: 100% !important;
    max-width: 100%;
    flex: 0 0 100%;
    flex-direction: column;
    display: flex;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

#gestione-filtri-ricerca  select {
    height: 36px;
    font-size: .8rem;
    width: max-content;
}

#gestione-filtri-ricerca #contenitoreFiltri .row {
    /* flex-direction: column; */
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100%;
} 

#gestione-filtri-ricerca #contenitoreFiltri {
    margin-left: 0;
    margin-right: 0;
    /* padding-bottom: 15px; */
    /*  margin-bottom: 15px; */
    display: block !important;
    background: transparent !important;
    border: 0 !important;
}

#gestione-filtri-ricerca #ruolo-pos-zona .sezione_ruolo {
    padding-left: 0;
    padding-right: 0;
    margin-right: 10px;
}

#gestione-filtri-ricerca #ruolo-pos-zona .sezione_ruolo label {
    margin-bottom: 0;
    margin-top: 10px;
}

/*#gestione-filtri-ricerca #ruolo-pos-zona .sezione_ruolo:first-child label  {
    margin-bottom: 0;
    margin-top: 0;
}*/

#gestione-filtri-ricerca #searchruolobutton, #gestione-filtri-ricerca #searchclassificabutton {
    text-align: center;
    margin-bottom: 10px;
}

#gestione-filtri-ricerca #contenitoreFiltri .row .col-3:nth-child(odd) {
    padding-left: 0 !important;
}

#gestione-filtri-ricerca #contenitoreFiltri .row .col-3:nth-child(even) {
    padding-right: 0 !important;
}

#gestione-filtri-ricerca .holder-filtri-ricera #ruolo-pos-zona {
    flex-direction: column;
    padding-bottom: 10px;
}

#gestione-filtri-ricerca #timeframe div{
    display: flex;
}

#gestione-filtri-ricerca #timeframe div #start {
    width: 50%;
    margin-right: 1%;
}

#gestione-filtri-ricerca #timeframe div #end {
    width: 50%;
    margin-left: 1%;
}

.divgestione.zero {
    padding-left: 15px;
    padding-right: 15px;
}

#gestione-filtri-ricerca .inner>.col-12 .col-3  {
    padding: 0 !important;
    max-width: 33%;
    width: 33%;
    flex: 0 0 33%;
}

#gestione-filtri-ricerca .inner>.col-12 .col-4  {
    padding: 0 !important;
    max-width: 41.66667%;
    width: 41.66667%;
    flex: 0 0 41.66667%;
    margin-left: 10px;
}

#gestione-filtri-ricerca .inner>.col-12 .col-3:last-child  {
    padding: 0 !important;
    max-width: 90px;
    margin-left: 10px;
}

#gestione-filtri-ricerca .inner div .col-3:last-child input {
    max-width: 90px;
    height: 30px;
    font-size: 14px;
}

#gestione-filtri-ricerca .inner div .col-3:last-child {
    padding-right: 0;
}

#gestione-filtri-ricerca .inner .form-control.col-4 {
    max-width: 41.66667%;
    width: 41.66667%;
    flex: 0 0 41.66667%;
    height: 30px;
    font-size: 14px;
}

#gestione-filtri-ricerca .inner .form-control.col-3 {
    max-width: 33%;
    width: 33%;
    flex: 0 0 33%;
    height: 30px;
    font-size: 14px;
}

#filtri-custom .form-control{width:max-content;}


.macro_sb{display:none;}

#overlay.overlayContainer[data-dove="ricerca-classifica-p-index"] .macro_sb,#overlay.overlayContainer[data-dove="ricerca-classifica"] .macro_sb {
    display: table-cell;    
}


#overlay.overlayContainer[data-dove="ricerca-classifica-p-index"],#overlay.overlayContainer[data-dove="ricerca-classifica"] {
    overflow: hidden;
}

#overlay.overlayContainer[data-dove="ricerca-classifica"] #gestione-filtri-ricerca .inner>.row {
    padding-left: 15px;
}

#overlay.overlayContainer[data-dove="ricerca-classifica"] #gestione-filtri-ricerca .inner>.row .col-7 {
    max-width: 77%;
    width: 77%;
    flex: 0 0 77%;
}

#overlay.overlayContainer[data-dove="ricerca-classifica"] #gestione-filtri-ricerca .inner>.row .col-1 {
    max-width: 23%;
    width: 23%;
    flex: 0 0 23%;
}

#gestione-filtri-ricerca .classifica-ricerca .col {
    padding-left: 0;
}


#overlay.overlayContainer[data-dove="ricerca-classifica-p-index"] .labelSubHeader.uno,#overlay.overlayContainer[data-dove="ricerca-classifica"] .labelSubHeader.uno {
    width: 81%;
}

#tabella-giocatori tr:not(.medie) td.onBold {
    font-weight: 600;
}




.wrapper-chart-inside {
    /* background: url("../img/chart_solo_bg_scouting.jpg"); */
    background: #541e74;
    border-radius: 15px;
    /* margin-top: -20px; */
}

#overlay-chart {
    background: #72578e !important;
}

#overlay-chart .titolo_overlay{
    color: #fff;
    margin-bottom: 0;
    font-size: 1.2rem;
    font-weight: 300;
    height: auto;
}

#overlay-chart .titolo_overlay span.tipo-stat{
    font-weight: 700;
}

#overlay-chart  svg path {
    fill: #fff;
}

#overlay-chart  .pos_ranking {
    /* padding-left: 30px; */
    color: #fff;
    /* padding-top: 30px; */
    /* padding-left: 10px; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
}

#overlay-chart .altre-info {
    padding-left: 20px;
}

#overlay-chart  .pos_ranking span {
    font-weight: 700;
    border: 1px solid #bbe53b;
    padding: 0 2px;
    margin-left: 5px;
    border-radius: 5px;
    color: #bbe53b;
    display: inline-block;
    min-width: 20px;
    text-align: center;
    margin-left: 5px;
    line-height: 20px;
}

#overlay-chart  .holder-ranking {
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

#overlay-chart  #ranking-inner {
    /* min-height: 0; */
    /* overflow-y: auto; */
    /* height: 0; */
    /* width: 280px; */
    /*  background: #3c215d; */
    overflow-y: auto;
    width: 100%;
    /* transition: all 0.2s ease; */
    height: 300px;
    min-height: 300px;

}

#overlay-chart  #ranking-inner.active {
    /* padding: 10px; */
    /*   height: 300px;
      min-height: 300px;
      width: 100%; */
}
#overlay-chart  .ranking-label {
    z-index: 2;
    height: 40px;
    background: #541e74;
    margin-top: -10px;
}

#overlay-chart .active .ranking-label {
    /*  position: fixed;
     left: 50px;
     width: calc(100% - 100px) !important; */
}

#overlay-chart .ranking-row {
    display: grid;
    /* border-bottom: 1px solid #ccc; */
    color: #fff;
    /* grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; */
    /* grid-template-columns: 5% 35% 10% 20% 15% 15% ; */
    grid-template-columns:10% 30% 10% 20% 15% 15%;
    /* justify-content: center;
    align-items: center; */
}

#overlay-chart #pagerResult_ranking  {
    z-index: 2;
}

#overlay-chart #pagerResult_ranking button {
    outline: none;
    min-width: 40px;
    font-size: 0.9rem;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}

#overlay-chart #pagerResult_ranking span {
    color: #fff;
}

#overlay-chart #pagerResult_ranking button.active, #overlay-chart #pagerResult_ranking .btn-page.active {
    background: #bbe539;
    color: #020202;
}

#overlay-chart .ranking-row.evidenzia {
    color: #bbe53b;
}

#overlay-chart .ranking-row.evidenzia a {
    color: #bbe53b;
}


#overlay-chart .rank-ranking {
    font-weight: 700;
}

#overlay-chart .ranking-label {
    border-bottom: 1px solid rgba(255,255,255,0.3);
}


#overlay-chart .ranking-row > div {
    justify-content: center;
    text-align: center;
}

#overlay-chart  .nome-ranking{
    justify-content: flex-start !important;
    margin-left: 20px;
}


#overlay-chart .ranking-row .playerPic {
    width: 55px;
    height: 55px;
    /* background-image: url(../img/fondo-profilo.png);
    background-size: 100%; */
    background: #fff;
    object-fit: contain;
    border-radius: 50%;
    background-image: url(../img/fondo-profilo.png);
    background-size: 100%;
}

#overlay-chart .ranking-row  .si-ph img.playerPic {
    background: #ccc !important;
}

#overlay-chart .ranking-row .team-figure {
    background: #fff;
    border-radius: 50px;
    /* padding: 10px; */
    width: 55px;
    padding: 5px;
    height: 55px;
    align-self: center;
}

#overlay-chart .ranking-row a{
    display: flex;
    align-items: center;
    color: #fff;
}
/* 
.ranking-label {
    position: fixed;
    width: 100%;
    background: #3c215d;
    width: calc(100% - 40px);
    height: 40px;
    margin-top: -10px;
    z-index: 2;
} */
#overlay-chart #ranking-inner.active:after {
    opacity: 1;
    pointer-events: none;

}

#overlay-chart #ranking-inner:after {
    opacity: 1;
    content: "";
    /* content: "a"; */
    height: 100px;
    width: calc(100% - 20px);
    position: absolute !important;
    top: 280px;
    /* left: 10px; */
    background: linear-gradient(180deg, rgba(255,254,255,0) 18%, rgba(84,30,116,1) 50%);
    /* width: 500px; */
    display: block;
}

#overlay-chart #btn-ranking-open {
    color: #fff;
    padding-right: 0;
}

#overlay-chart #btn-ranking-open .down {
    display:inline-block;
}

#overlay-chart #btn-ranking-open.active .down {
    display: none;
}

#overlay-chart #btn-ranking-open .up {
    display:none;
}

#overlay-chart #btn-ranking-open.active .up {
    display: inline-block;
}

#overlay-chart .btn_chiudi_overlay {
    padding-right: 10px;
}

#overlay-chart .titolo_overlay,#overlay-chart .titolo_overlay-giocatore {
    color: #fff;
    margin-bottom: 0;
    font-size: 1.2rem;
    font-weight: 300;
    height: auto;
    display: flex;
    flex-direction: column;
    padding-left: 10px;
    line-height: 1.5rem;
    position: relative;
    z-index: 0;
    /* background: #541e74; */
    background: #72578e;

}
#overlay-chart .titolo_overlay-giocatore {
    font-weight: 500;
    font-size: 1.4rem;
}
#overlay-chart .stagione-ranking {
    font-size: 0.9rem;
}


#chartjs-tooltip {
    z-index: 9999999;
}

#overlay-chart .preload-interno {
    
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  height: 100%;
  z-index: 1;
  opacity: 0.8;
  border-radius: 15px;

    background: #541e74;

}    

.preload-interno div {
    position: relative;
    top: 40%;
    width: 100%;
    text-align: center;
    display: block;
    height: 100%;
}

.preload-interno div span{
    color: #541e74;
    background: #fff;
    border-radius: 5px;
    padding: 5px;
    font-weight: 700;
}

#overlay-chart .label-ruoli-media {
    font-size: 0.8rem;
    color: #fff;
    margin-left: 10px;
    border-bottom: 1px solid;
}

#overlay-chart .custom-control-label:before, #overlay-chart .custom-control-input~.custom-control-label::before{
    background-color: #ffffff !important;
    border-radius: 50px;
}
#overlay-chart .custom-checkbox-grafico .custom-control-input:checked ~ .custom-control-label::before{
    background-color:#bbe53b !important;
    border-radius: 50px;
}

#overlay-chart .custom-control-input:checked~.custom-control-label::after {
    background-color:#bbe53b !important;
    border-radius: 50px;
}

#overlay-chart .custom-checkbox-grafico .custom-control-input:checked~.custom-control-label::after{
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23541e74' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

#overlay-chart .form-check.custom-checkbox-grafico label , 
#overlay-chart .label-content-filtri-grafico-medie{
    color: #fff;
    /* text-transform: capitalize; */
}

#overlay-chart .custom-control-label::before, #overlay-chart .custom-control-label::after {
    top: .25rem !important;
}


#overlay-chart .filtri-grafico-label img {
    max-width: 20px;
}

#overlay-chart #btn-filtri-open {
    display: flex;
    padding: 0;
    color: #fff;
}

#overlay-chart .filtri-grafico, #overlay-chart .classifica-grafico {
    background: #541e74;
    border-radius: 15px;
    padding: 10px 30px;
}

#overlay-chart  .filtri-grafico-label, #overlay-chart .classifica-grafico-label {
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    padding-bottom: 5px;
    font-weight: 700;
    cursor: pointer;
}

#overlay-chart .filtri-grafico .content-inner-filtro-grafico {
    flex-grow: 1;
}

#overlay-chart  .label-content-filtri-grafico {
    color: #fff;
    font-weight: 700;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}

#overlay-chart  .content-filtri-grafico, #overlay-chart  .content-classifica-grafico  {
    display: none;
}

#overlay-chart .filtri-grafico .content-filtri-classifica {
    padding-right: 20px;
}

#overlay-chart .filtri-grafico .content-filtri-media {
    padding-left: 20px;
}


#overlay-chart .active #btn-filtri-open .down {
    display: none;
}

#overlay-chart .active #btn-filtri-open .up {
    display: block;
}

#overlay-chart #btn-filtri-open .down {
    display: block;
}

#overlay-chart #btn-filtri-open .up {
    display: none;
}

#overlay-chart .text-filtri-avanazti {
    margin-top: 2px;
}

#overlay-chart .classifica-comp-btns , #overlay-chart .classifica-ruolo-btns{
    flex-grow: 1;
}

#overlay-chart  .intestazione-comp-nome {
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    text-align: right;
}

#overlay-chart  .intestazione-comp-stagione {
    font-size: 1.1rem;
    font-weight: 500;
    color: #fff;
    text-align: right;
}

#overlay-chart  .comp-figure {
    background: #fff;
    border-radius: 50px;
    /* padding: 10px; */
    width: 55px;
    padding: 5px;
    height: 55px;
    align-self: center;
    margin-left: 10px;
    overflow: hidden;
}

#overlay-chart .holder-info-ranking {
    font-size: 0.9rem;
    color: #fff;
}

#overlay-chart .holder-info-ranking .ruolo-ranking {
    font-weight: 500;
}

#overlay-chart .ruolo-ranking:after {
    content: "";
    width: 3px;
    height: 3px;
    background-color: #c2e05b;
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
    vertical-align: middle;
}

#overlay-chart .coppa-svg{
    width: 30px;
    margin-right: 10px;
}

#overlay-chart .coppa-svg svg path {
    fill: none;
}

.alert-viola {
    background: #541e74;
    color: #fff;
}

.holder-overlay-chart {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999999999;
    overflow-y: auto;
    display:none;
    cursor: crosshair;
    cursor: pointer;
}

#overlay-chart.inside-tabella {
    position: relative;
    top: 20px;
    margin: auto;
    max-width: 900px;
    width: 100%;
    background: rgb(255, 255, 255);
    padding: 20px;
    border-radius: 5px;
    cursor: context-menu;
    z-index: 999998;
    box-shadow: rgb(0 0 0) 0px 0px 50px 0px;
    height: max-content !important;

}
#overlay-chart .ranking-row.ranking-squadre {
    display: grid;
    /* border-bottom: 1px solid #ccc; */
    color: #fff;
    /* grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; */
    /* grid-template-columns: 5% 35% 10% 20% 15% 15% ; */
    grid-template-columns: 10% 50% 20% 20%;
    /* justify-content: center;
    align-items: center; */
}

#overlay-chart .ranking-row.ranking-squadre .nome-ranking {
    justify-content: center !important;
}

#overlay-chart .ranking-row.ranking-squadre .nome-ranking a span:first-child {
    justify-content: flex-end;
    margin-right: 10px;
}

#overlay-chart .ranking-row.ranking-squadre .nome-ranking a span {
    width: 50%;
    flex-grow: 1;
    display: flex;
}

#overlay-chart .ranking-row.ranking-squadre a{
    flex-grow: 1;
}

#overlay-chart .ruolo-ranking.no_pseudo:after {
    display: none;
}

body.team_dataset td.colonna_tab {
    min-width: 120px;
}

#collapseOverlay .subHeader {
    max-height: 73vh;
    overflow-y: auto;
}

#tabella-giocatori tbody td .teamcode{display:none;}
#tabella-giocatori tbody td .teamdash{display:none;}



.comp_dataset .squadra_box{display:none;}

.card-header{
    padding: 0px;
    border-radius: 5px !important;
    border: 1px solid #ccc;
    position:relative;
    margin-bottom  :10px;

}

.btn-link:hover, .btn-link:active, .btn-link:focus, .btn-link:visited {
    color: #000;
    text-decoration: none !important;
}

/* TROPPO GENERICA */
/* .card-header:after{
    top: 9px !important;
    right: 13px !important;
    border: solid #000 !important;
    border-width: 0 3px 3px 0 !important;
    padding: 4px !important;
    -webkit-transform: rotate(45deg) !important;
    width: 0;
    height: 0;
    margin: 0;
    z-index: 25;
    content: "";
    opacity: .5;
    display: inline-block;
    position: absolute;
    text-shadow: none;
    transition: opacity 142ms linear,transform 142ms ease-out;


} */

.just-for {display:none;}
.modal-open .just-for {display:block;}

#holder-popup-filtro .popup{
    position: relative !important;
    top: 0px !important;
    left: 0% !important;
    max-width: 299px;
    margin: 15px 0px;
}
#holder-popup-filtro .popup .freccina{display: none;}
#filtri-custom #butt-addfiltro{
    height: 36px;
    margin-top: 31px;
    line-height: 14px;
}

.removeFilter{height: 32px;}
#holder-removeFilter{background:transparent;}

.circle-green {
    border-radius: 100px;
    background: #bbe53b !important;
    color: #000000;
    min-width: 15px;
    max-width: max-content;
    padding: 2px;
}
.circle-purple {
    border-radius: 100px;
    background: #000000 !important;
    color: #bbe53b;
    min-width: 15px;
    max-width: max-content;
    padding: 2px;
}
.circle-gray {
    border-radius: 100px;
    background: #d6d6d6 !important;
    color: #000000;
    min-width: 15px;
    max-width: max-content;
    padding: 2px;
}
.circle-purple-light {
    border-radius: 100px;
    background: #00000044 !important;
    color: #000000;
    min-width: 15px;
    max-width: max-content;
    padding: 2px;
}

#tabellaGiocatoriMobile .circle-green,
#tabellaGiocatoriMobile .circle-purple,
#tabellaGiocatoriMobile .circle-gray,
#tabellaGiocatoriMobile .circle-purple-light{
    min-width: 21px;
    min-height:21px;
}

.circle-purple-light.rank,
.circle-green.rank,
.circle-purple.rank,
.circle-gray.rank {
      min-width: 27px;
    text-align: center;
    height: 27px;
    display: inline-block;
    margin-left: 5px;
    line-height: 25px;
    padding: 0px;
}

.purple-plus{
    background: #020202;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px; 
    width: 17px;
    height: 17px;
    min-width: 17px;
}

.testo-viola{ font-weight:600; color:#452e6c; }

.fasi_btn {
    color: #fff;
    margin-bottom: 10px;
    font-size: 14px;
    white-space: nowrap;
    overflow: auto;
    font-weight: 600;
    background: #372160;
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px;
}

.fasi_btn button{
    background: transparent;
    border: 1px solid #fff;
    border-radius: 100px;
    padding: 9px 11px;
    margin: 0px 10px;
}

.fasi_btn button.active{
    background: #C8A227;
    color: #020202;
}

.fasi_btn{ transition: all .3s ease-out; }

#tabellaGiocatoriMobile .purple-plus:not(.collapsed) .plus{display:none;}
#tabellaGiocatoriMobile .purple-plus:not(.collapsed) .minus{display:block;}
#tabellaGiocatoriMobile .purple-plus.collapsed .plus{display:block;}
#tabellaGiocatoriMobile .purple-plus.collapsed .minus{display:none;}

.macro_toc{display:none !important;}

#switch-x1x90, #switch-x1x90-confronto {
    background-color:#fff !important;
    border:1px solid #ccc;
    border-radius: 15px;
    width:max-content;
}

#switch-x1x90 div, #switch-x1x90-confronto div {
    border-radius: 15px;
    padding: 5px 10px !important;
    border: 0 !important;
    margin:3px;
}

#switch-x1x90 div.active, #switch-x1x90-confronto div.active {
    color: #fff;
    background: #020202;
}
#switch-x1x90 div:hover, #switch-x1x90-confronto div:hover {
    color: #020202;
    background: #ccc;
}




.testata-box-stat{
    background: #CDBEEA;
    margin-left: -10px;
    margin-right: -13px;
    margin-top: -8px;
    padding: 7px 9px 3px 9px;
    white-space: normal;
}

.overlay_video select, .overlay_video #titolo_salvataggio{

    background-color: #020202;
    color: #fff;
    padding: 9px 35px 8px 8px;
    font-size: 14px;
    border: 1px solid #fff;
    text-align: left;
    font-weight: normal;
    cursor: pointer;
    border-radius: 6px;
    height: 38px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    line-height: 20px;

}

#save_video {
    position: relative;
    background:#222222;
    border-radius:10px;
    padding:20px;
    max-height: 502px;

}


#checkbox_wrap{
    height: 100%;
    overflow-y: auto;
}

#checkbox_wrap.more-than-7{
    /*height: calc(100% - 213px);*/
}


#checkbox_wrap input[type=checkbox]{
    /*position: absolute;*/
}

#popup_video .main-fader {
    background-color: transparent;
    top: 50%;
    transform: translateY(-50%);
}

#popup_video .main-fader .loader svg {
    height: 70px;
    display: block;
    margin: 0 auto;
}

#popup_video .main-fader .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999999999;
}

.loader svg path{ color: #bbe53a; }




.video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*display:none;*/
}

.overlay_video #checkbox_wrap {
    padding-left: 1px;
}

.overlay_video .thumbs {
    right: 6;
    margin-right: 6px;
    position: absolute;
    top: auto;

}

.overlay_video .thumbs input[type="text"] {
    height: 32px !important;
    width: calc(23vw - 106px) !important;
    float: right;
}

.overlay_video .thumbs img {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.overlay_video .checkbox_clips input {
    width: 20px;
    margin: 0px 5px 0px 10px !important;
}

.overlay_video ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff6;


}

.overlay_video :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff6;

}

.overlay_video ::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff6;

}

.overlay_video .notat {
    position: relative;
    display:none;

    width: 100%;

}

.overlay_video #save_video input[type="text"] {
    min-width: 100% !important;
    padding: 5px 12px;
    height: 38px !important;

}

.overlay_video .wrapper {
    position: relative;
    z-index: 1;
    /* display: inline-block;
     width: 75%;
     float: left;*/
} 

.hidelogo {
    position: relative;
    width: 100%;
    display: block;
    padding-top: 17px;
}

.overlay_video .ui-accordion-header-icon{display:none;} 

.overlay_video #headingSave .fa{position: absolute;
                                right: 10px;
                                top: 35%;}

#fd_video{ margin: auto;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: none;
    background: transparent;
    color: #ffffff;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none;
    background: transparent;
    color: #ffffff;
}

.video-js .vjs-tech {
    border-radius: 10px;

}

.video-js .vjs-control-bar {

    /* background-color: #2B333F;*/
    background-color: #7e55ca7a;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}


.overlay_video .warning-no-relazione {
    color: #000000;
    text-align: right;
}

.overlay_video #iframe_video {
    width: 100%;
    height: 35vw;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

/*.overlay_video #save_video {
    float: left;
    width: 24%;
    padding-top: 80px;
    min-width: 155px;
    margin-left: 10px;
}*/

.overlay_video .salvapost {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    width: 26%;
    width: 100%;
    float: right;
    padding: 5px 6px;
    border: 1px solid;
    text-align: center;
    background-color: #BBE53A;
    -moz-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    font-weight: bold;
    margin-bottom: 6px;
    border-radius:6px;
    height: 36px;
}

.overlay_video .salvapost:hover {
    color: #fff;
    background-color: #000000;
    border: 1px solid #000000;
}

.overlay_video .checkbox_clips {
    padding: 0px 10px 0px 0px;
    position: relative;
    border-color:#777777;
    font-size: 11px;
    border-radius:10px;
}

.overlay_video .checkbox_clips img{max-width:30px;} 



.overlay_video .checkbox_clips:hover {background:#fff3;}
.overlay_video .checkbox_clips.active{background:#fff2;}

.riga_clip_video{/*width: 100%;*/}

#fd_video #prevButton, #fd_video #nextButton{
    cursor:pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

#panelsSaveBox .ui-widget-content {
    border: none;
    background: transparent;
    color: #fff;
}

#panelsSaveBox .stats-accordion .btn-primary {
    color: #fff;
    background: transparent;
    font-weight: 500;
    width: 100%;
    text-align: left;
    border-color: transparent;
    padding: 7px 10px 6px 20px;
    border-radius: 0px;
}

/*.chiuso{ 
    position: absolute;
    right: 23px;
    top: 15px;
    cursor: pointer;
    z-index: 99;
    font-size: 30px;
    color: #46246c;
} */

.overlay_video .chiuso{ 

    color: #fff;
} 


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


    .chiuso{
        position: fixed;
        right: 10px;
        cursor: pointer;
        z-index: 2;
        background: #120628;
        border-radius: 10px;
        padding: 5px;
        top: 8px;
    }   

    .carousel-item-next, .carousel-item-prev, .carousel-item.active {
        min-height: 350px; 
    }

    #save_video {

        max-height: 310px;
    }

    #holder-footrank{display:none;}

    .filtri-attivi{margin-top:15px;}

    /* #holder-removeFilter{ 
          position: absolute;
          margin-top: -40px;
          right: 0;
      }*/

    #holder-popup-filtro .popup{
        position: relative !important;
        top: inherit;
        left: inherit;
        margin: 10px 0px;
        width: 100%;
        max-width: 100%;
        border: none !important;
    }

    #holder-popup-filtro .popup .freccina{
        display:none;
    }

 

    .labelSubHeader {
        font-size: 16px;
        padding: 15px;
    }

    #tabSearchScores .col{ padding:0px; }
    #chiudi{display:none;} 
    /* solo il chiudi desktop ha l'id su mobile abbiamo classe .chiudi da cui si gestisce il click */

    #overlay[data-dove="ricerca-classifica"] .divgestione.zero{margin:0px 0% 30px 0px; width: 100%; }
    #overlay[data-dove="ricerca-classifica"] .divgestione.uno{margin:0px 0% 30px 0px; width: 100%; }
    #overlay[data-dove="ricerca-classifica"] .divgestione.tre{margin:0px 0px 30px 0px; width: 100%; }

    #overlay[data-dove="ricerca-classifica-p-index"] .divgestione.zero{margin:0px 0% 30px 0px; width: 100%; }
    #overlay[data-dove="ricerca-classifica-p-index"] .divgestione.uno{margin:0px 0% 30px 0px; width: 100%; }
    #overlay[data-dove="ricerca-classifica-p-index"] .divgestione.tre{margin:0px 0px 30px 0px; width: 100%; }

    #overlay[data-dove="ricerca-giocatori"] .divgestione.zero{margin:0px 0% 30px 0px; width: 100%; }
    #overlay[data-dove="ricerca-giocatori"] .divgestione.uno{margin:0px 0% 30px 0px; width: 100%; }
    #overlay[data-dove="ricerca-giocatori"] .divgestione.tre{margin:0px 0px 30px 0px; width: 100%; padding-left: 9px !important; }



    #overlay-header .holder-sx{display:none !important;}
    .subHeader {
        padding-left: 0px;
        padding-right: 0px;
    }
    .divgestione {
        border: none;
        padding:0px !important;
    }
    /*#overlay .td-header-wrap{display: none;}*/
    #chiudi {
        bottom: 29px;
        left: 7px;
        position: fixed;
        top: inherit;
    }
    .stats-accordion .holder-filtri-labels {
        border-bottom: none;
        padding: 0px 20px;
    }

    #collapseOverlay #contenitoreFiltri {position: relative; margin:0px; width: 100%;}

    #contenitoreFiltri {
        margin:0px;

    }

    .overlayContainer {
        padding: 0px; top: 0px; bottom: 0px; max-width: 100%; left: 0%; margin: auto; overflow-y: visible;
    }
    .holder-filtri-ricera .inner, .holder-filtri-ricera #ruolo-pos-zona{padding: 0px 1rem !important;}
    #ruolo-pos-zona .col{margin-top:10px;}
    #totaliErisultati{padding-left: 15px;padding-right: 15px; margin-top: 0px;}

    #overlay-header {
        width: 100%;
        position: fixed;
        top: 100%;
        padding: 0;
        bottom: 0;
        height: 0px;
    }

    #collapseOverlay.collapse:not(.show) {
        display: block !important;
    }


    body.open-filter #overlay-header {
        top: 0;
        height:inherit;
    }

    body.open-filter #contenitoreFiltri, 
    body.open-filter #overlay-header #collapseOverlay {
        left: 0px !important;
    }

    body.open-tools #overlay-header #gestione-tools {
        left: 0px !important;
    }

    body.open-filter .labelSubHeader.uno {display:flex !important;}
    body.open-tools .labelSubHeader.tre {display:flex !important;}
    body.open-columns .labelSubHeader.due {display:flex !important;}




    #overlay-header #collapseOverlay, #overlay-header #gestione-tools{ 
        transition: all 0.4s ease-in-out;
        background: #fff;
        filter: none;
        position: fixed;
        bottom: 0;
        top: 0;
        left: 120vw;
        display: block !important;
        width: 100%;
    }



    #collapseOverlay .subHeader {
        height: calc(100% - 95px);
        overflow-y: auto;
        border-bottom: 1px solid purple;
        max-height: inherit;
    }

    #overlay #searchruolobutton{
        margin: 20px auto;
        width: 90% !important;
        display: block;
    }

    #searchclassificabutton{
        margin: 15px 0px 30px 0px;
    }

    .searchItemRow .buttons {
        width: fit-content !important;
        max-width: none !important;
    }

    .labelSubHeader.uno, .labelSubHeader.due, .labelSubHeader.tre {
        padding: 15px;
    }

    #overlay .card-body {
        padding: 0rem;
    }



    .holder-btn-avvia-ricerca{padding-top:1rem !important;}

    #ruolo-pos-zona .col {
        padding-right: 0;
    }


}



.wrapper-ruolo-bar {
    padding: 10px;
}

.playerRoleInfo .bar {
    background: #eee;
    width: 100%;
    margin: 0;
}

.headerBar span:not(.label-headerBar) {
    font-size: 18px;
    font-weight: 700;
    padding: 0 10px;
}
.headerBar span.label-headerBar {
    font-size: 12px;
    font-weight: 700;
}

.num-ruoli-player {
    background:#c3e15b;
    color: #020202;
    border-radius: 100px;
    width: 20px !important;
    height: 20px !important;
    overflow: hidden;
    min-width: 20px;
    min-height: 20px;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    display: flex;
    font-size: 12px;
}

.holder-select-filtri-popup {
    gap: 5px;
}

.colonna_sx_filtri_tabella {
    width: 66%;
    position: relative;
    padding-right: 20px;
}

.colonna_dx_filtri_tabella {
    width: 33%;
}

.colonna_sx_filtri_tabella:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #E6E6E6;
    display: inline-block;
    position: absolute;
    right: 0;
    margin: 0 10px;
}

.holder-btn-annulla-cancella > div {
    flex-grow: 1;
}

#conferma_rimozione_filtro {
    background: #FCEEEF;
    margin-top: 30px;
    display: inline-flex;
    padding: 8px 20px;
    border-radius: 9px;
    color: #ED5F67;
    font-size: 14px;
    align-items: center;
}

#conferma_rimozione_filtro .elimina_annulla_filtro {
    background: #fff;
    color: #ED5F67;
    padding: 4px;
    border-radius: 9px;
    font-size: 12px;
    margin-left: 10px;
}

#conferma_rimozione_filtro .procedi_elimina_filtro {
    background: #ED5F67;
    color: #fff;
    padding: 4px;
    border-radius: 9px;
    font-size: 12px;
    margin-left: 10px;
}

#filtriAttivi .box_filtriattivi:not(:first-child) {
    margin-left: 20px;
}

.select_stat_confronto { 
    align-items: center;
    gap:10px;
}

/* .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #fff;
} */

.cancellaStatConfronto * {
    pointer-events: none;
}

.stat_confronto {
    display: inline-flex;
    margin-right: 2px;
    margin-top: 2px;

    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 15px;
}

.stat_confronto .inner{
   /* background: #F0F0F0;*/
    display: flex;
    padding: 4px 8px;
    border-radius: 15px;
    text-transform: capitalize;
    align-items: center;
}



.cancellaStatConfronto .ico {
    background-color: #020202;
    -webkit-mask: url(/assets/img/cestino_rosa.svg) no-repeat center;
    mask: url(/assets/img/cestino_rosa.svg) no-repeat center;
    width: 16px;
    height: 18px;
}

#modale-liste-comp {
    z-index: 1051;
}

.label-stat-confronto-recap {
    font-weight: 700;
}

.button.aggiungi-giocatore *, button.rimuovi-giocatore * {
    pointer-events: none;
}

#resultsetTable_confronto_ricerca .elimina-conferma{
    display: none !important;
}

#resultsetTable_confronto .elimina-conferma,
.relationCntainer .elimina-conferma {
    justify-content: space-between;
    display: flex;
    align-items: center;
    background: #FCEEEF;
    margin-top: 10px;
    padding: 8px 20px;
    border-radius: 9px;
    color: #ED5F67;
    font-size: 14px;
    align-items: center;
}

#resultsetTable_confronto .elimina-conferma .elimina_annulla_confronto,
.relationCntainer .elimina-conferma  .elimina_annulla_confronto{
    background: #fff;
    color: #ED5F67;
    padding: 4px;
    border-radius: 9px;
    font-size: 12px;
    margin-left: 10px;
}

#resultsetTable_confronto .elimina-conferma .procedi_elimina_confronto,
.relationCntainer .elimina-conferma  .procedi_elimina_confronto {
    background: #ED5F67;
    color: #fff;
    padding: 4px;
    border-radius: 9px;
    font-size: 12px;
    margin-left: 10px;
}

@media screen and (max-width: 767.9px) {
    #modale-liste-comp {
        z-index: 9999 !important;
    }


    .holder_colonne_filtri{
        flex-direction: column;
    }

    .colonna_sx_filtri_tabella,.colonna_dx_filtri_tabella {
        width: 100%;
    }

    .select_stat_confronto {
        flex-direction: column;
    }

    .select_stat_confronto > div {
        width: 100% !important;
    }
}


.checkbox_clips {
    padding: 0px 8px 0px 0px;
    border-radius: 5px;
}

#popup_video .noRel .checkbox_clips {
    padding: 0px 8px 0px 0px;

}

#popup_video .noRel .thumbs{
    display:none;

}

.little-bar.bar .bar-inside {
    background: #020202;
    height: 8px;
    line-height: 21px;
    border-radius:20px;
}


.little-bar.bar {
    width: 100%;
    background: #F0F0F0;
    height: 8px;
    line-height: 21px;
    border-radius:20px;
    margin:0px;
    margin-top:7px;
    margin-bottom:7px;

}

#profiloTabContainer #abbonamenti.fade:not(.show), #profiloTabContainer #utenze.fade:not(.show){display:none !important;}

#myBtnContainer {
   /* overflow-x: auto;*/
  width: 100%;
  row-gap: 10px;
  display: flex; flex-wrap:wrap;
}

#myBtnContainer .btn{
    margin-right: 7px !important; 
 
    border-radius: 30px; 
    background:#C8A226; 
    color: #fff;

    line-height: 5px;
    text-transform: uppercase;
    font-size:16px;
   box-shadow: inset 0px -10px 1px #0002;
   transition: background .2s ease-out, color .2s ease-out, box-shadow .2s ease-out, transform .1s ease-out;
   transform: scale(1);
}

#myBtnContainer .btn:hover{background:#C8A226dd; box-shadow: inset 0px -2px 1px #0002; transform: scale(1.05);  }

#myBtnContainer .btn.active{background:#BBE53A; font-weight:600px; color:#020202;}

#myCompContainer {max-height:400px; overflow-y:auto; }

.box-lime{padding:4px; background:#BBE53A; color:#020202; border-radius:6px; width:max-content; font-weight:400;}
.box-gray{padding:4px; background:#E2E2E2; color:#020202; border-radius:6px; width:max-content;font-weight:400;}

#itemsContainer{display:none;}
#itemsContainer.show{display:block;}





#svg circle {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 1s ease-out;
    stroke: #f4f3ef;
    stroke-width: 1em;
}
#svg #bar {
    stroke: #afe900;
}
.radial_default {
    display: block;
    height: 200px;
    width: 200px;
    margin-top: 10px;
    /* box-shadow: 0 0 1em black; */
    border-radius: 100%;
    position: relative;
    text-align: center;
}

.radial_default:after {
    position: absolute;
    display: block;
    height: 100px;
    width: 100px;
    left: 50%;
    top: 50%;
    /* box-shadow: inset 0 0 1em black; */
    content: attr(data-pct);
    margin-top: -55px;
    margin-left: -55px;
    border-radius: 100%;
    line-height: 160px;
    font-size: 1.2rem;
    text-align: center;
    color: #4e1d6f;
    /*  text-shadow: 0 0 0.5em black; */
}

.radial_schede {
    display: block;
    height: 200px;
    width: 200px;
    margin-top: 10px;
    /* box-shadow: 0 0 1em black; */
    border-radius: 100%;
    position: relative;
    text-align: center;
}

.radial_schede:after {
    position: absolute;
    display: block;
    height: 100px;
    width: 100px;
    left: 50%;
    top: 50%;
    /* box-shadow: inset 0 0 1em black; */
    content: attr(data-pct);
    margin-top: -55px;
    margin-left: -55px;
    border-radius: 100%;
    line-height: 160px;
    font-size: 1.2rem;
    text-align: center;
    color: #4e1d6f;
    /*  text-shadow: 0 0 0.5em black; */
}




#rounded-graph-wrapper.flex-wrapper {
    display: flex;
    flex-flow: row nowrap;
}

#rounded-graph-wrapper .single-chart {
    width: 33%;
    justify-content: space-around ;
}

#rounded-graph-wrapper .circular-chart {
    display: block;
    margin: 10px auto;
    max-width: 80%;
    max-height: 80px;
    overflow: visible;
}

#rounded-graph-wrapper .circle-bg {
    fill: none;
    stroke: #eee;
    stroke-width: 4.5;
}

#rounded-graph-wrapper .circle {
    fill: none;
    stroke-width: 4.5;
    stroke-linecap: round;
    animation: progress 1s ease-out forwards;
}

@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}

#rounded-graph-wrapper .circular-chart.orange .circle {
    stroke: #ff9f00;
}

#rounded-graph-wrapper .circular-chart.green .circle {
    stroke: #4CC790;
}

#rounded-graph-wrapper .circular-chart.blue .circle {
    stroke: #3c9ee5;
}
#rounded-graph-wrapper .circular-chart.lime .circle {
    stroke: #c3e15b;
}


#rounded-graph-wrapper .percentage {
    fill: #222222;
    font-size: 0.53em;
    text-anchor: middle;
    font-weight: 700;
    font-family: Rubik;

}

/**
* ==============================================
* Dot Flashing
* ==============================================
*/
.dot-flashing {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #ccc;
    color: #ccc;
    animation: dotFlashing 1s infinite linear alternate;
    animation-delay: .5s;
}

.dot-flashing::before, .dot-flashing::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
}

.dot-flashing::before {
    left: -15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #ccc;
    color: #ccc;
    animation: dotFlashing 1s infinite alternate;
    animation-delay: 0s;
}

.dot-flashing::after {
    left: 15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #ccc;
    color: #ccc;
    animation: dotFlashing 1s infinite alternate;
    animation-delay: 1s;
}

@keyframes dotFlashing {
    0% {
        background-color: #ccc;
    }
    50%,
    100% {
        background-color: #ebebeb;
    }
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    appearance: none
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    /*background-color: #0d6efd;*/
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media(prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1.3rem;
    height: 1.3rem;
    background-color: #C8A227;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media(prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track, 
.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.form-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}


/* CONTENT.CSS */


/*.modal {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}*/



.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none;
    /*overflow-y: auto;*/
    height: 100%;
}

.modal.fade .modal-dialog:not(.modal-xl) {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media(prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog:not(.modal-xl) {
    transform: none;
	width: 100%;
	max-width:700px;
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}
/* troppo generica becca tutte le modali non xl */
/* .modal-dialog:not(.modal-xl) .modal-header {
  margin: 10px;
  margin-bottom: 10px;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  background: #BBE53A;
  color: #020202;
  padding: 5px 15px;
} */


.modal-dialog-centered {
    display: flex;
    align-items: start;
    min-height: calc(100% - 1rem);
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #000;
    background-clip: padding-box;
    border: 2px solid #444;
    border-radius: 10px;
    outline: 0;
    max-width: 700px;
    margin: 21px auto;
    color: #fff;
   /*  overflow: hidden; */
}

.modal-xl .modal-content {
    max-width: 100%;

}
#loginModal .modal-content {
    max-width: 100%;

}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;

    width: 100vw;
    height: 100vh;
    background-color: #020202;
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 0px solid #dee2e6;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.modal-header .btn-close {
    padding: .5rem .5rem;
    margin: -0.5rem -0.5rem -0.5rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    display: flex;
  align-items: center;
  column-gap: 5px;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #333;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-dialog {
   margin: auto !important;
   /* top: 50% !important;
    transform: translateY(-50%) !important;*/
}
@media(max-width: 768px) {
    .modal-dialog {
       margin-top: 0px !important;
       width: 100%;
    }
}

.modal.show {
    display: flex !important;
    overflow: auto;
}
#modal-user-registration .modal-dialog{
    width: 100%;
}
#modal-user-registration .modal-content{
    margin-bottom: 20px;
}

.fd-site {
      position: relative;
    background: #000;
    background-repeat: repeat;
}
#modal-user-registration::before, #modal-user-login::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/assets/img/footdata-site-background.svg");
    background-repeat: repeat;
    opacity: 0.3; /* imposta il livello di opacità desiderato */
    pointer-events: none; /* assicura che il pseudo-elemento non interferisca con l'interazione utente */
    z-index: -1; /* assicura che il pseudo-elemento sia dietro il contenuto principale */
    background-attachment: fixed;
    
}
#modal-user-registration, #modal-user-login{
    -webkit-animation: fadein .5s;
  -moz-animation: fadein .5s;
  -ms-animation: fadein .5s;
  -o-animation: fadein .5s;
  animation: fadein .3s;
  background: #000;
   
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.holder-filters .modal-header,  
#modal-user-registration .modal-header,  
#modal-user-login .modal-header{
    margin: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #222;
    color: #ccc;
    padding: 8px;
    /*height: 65px;*/
    cursor: pointer;
    text-transform: uppercase;
}

.holder-filters .modal-header svg,  
#modal-user-registration .modal-header svg,  
#modal-user-login .modal-header svg{
    color: #ccc !important;
    width: 30px !important;
    height: 30px !important;
}

.modal-header{position: relative;}
.modal-header .close {
   padding: 17px;
   margin: 0px !important;
   position: absolute;
   right: 9px;
   top: 50%;
   transform: translateY(-50%);
   opacity: 1;
   transition: all .1s ease-out;
}
@media(min-width: 768px) {
    .modal-header .close:hover {
      transform: scale(1.1) translateY(-45%);
      opacity: 1 !important;
    }
}
@media(max-width: 768px) {
    .modal-header .close {
        padding: 5px;
     }
    .modal-header .close:hover {
      transform: scale(.9) translateY(-52%);
      opacity: 1 !important;
    }
}
.modal-header .close svg{ color: #eee; }
#modale-ricerca-algolia .modal-header .close svg{ color: #eee; }

#modal-user-registration .shoes-steps{ flex-wrap: nowrap; }
#modal-user-registration .shoes-steps svg{ margin:10px 10px; width:30%;}

@media(min-width: 576px) {
    .modal-dialog {
        max-width: 100%;
        width: 98%;
    }
    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-sm {
        max-width: 300px
    }
}

@media(min-width: 992px) {
    .modal-lg,
    .modal-xl {
       max-width: 100%;
    }
}

@media(min-width: 1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

.modal-fullscreen .modal-footer {
    border-radius: 0
}

@media(max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }
    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }
    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }
}

@media(max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }
    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }
    .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }
}

@media(max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }
    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }
    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }
}

@media(max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }
    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }
    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }
}

@media(max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }
    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }
    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }
    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }
}

.fs-1 {
    font-size: 2.5rem !important;
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}

/*.tab-pane span{font-weight: 500;  }*/

.br-6, .button-white, .button-lime, .btn-verde-sf, .button-purple {
    border-radius: 6px;
    overflow: hidden;
}

.br-10 {
    border-radius: 10px !important;
    overflow: hidden;
}
.br-20 {
    border-radius: 20px !important;
    overflow: hidden;
}

.button-white {
    background-color: #fff !important;
}


.bg-purple,
.button-purple {
    background-color: #020202 !important
}


.bc-purple,
#contenitorePopup {
    border-color: #020202 !important
}

.bg-purple-alpha-9 {
    background-color: #020202dd !important
}

.bg-dark-bkg-alpha {
    background: #010000cc !important;
}

.tc-purple-alpha-9 {
    color: #020202dd !important
}

.bc-purple-alpha-9 {
    border-color: #020202dd !important
}

.bg-purple-alpha {
    background-color: #02020244 !important
}

.tc-purple-alpha {
    color: #02020244 !important
}

.bc-purple-alpha {
    border-color: #02020244 !important
}

.bg-purple-alpha-0 {
    background-color: #02020208 !important
}

.tc-purple-alpha-0 {
    color: #02020208 !important
}

.bc-purple-alpha-0 {
    border-color: #02020208 !important
}

/*.form-control:not(select, textarea) {
    color: #4c1e70 !important; 
    border: 0 !important;
    border-bottom: 1px solid #4c1e70 !important;
    border-radius: 0px !important;
}*/


input[type="checkbox"] + .check-label::before, input[type="radio"] + .radio-label::before {
    width: 20px;
    height: 20px;
    border-radius: 17px;
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -10px;
    border: 1px solid #020202;
}

input[type="checkbox"] + .check-label, input[type="radio"] + .radio-label {
    padding-left: 30px;
    min-height: 30px;
    position: relative;
    display: flex;
    align-items: center;
}

input[type="checkbox"]:checked + .check-label::after, input[type="radio"]:checked + .radio-label::after {
    width: 12px;
    height: 12px;
    border-radius: 17px;
    content: "";
    display: block;
    position: absolute;
    left: 9px;
    top: 50%;
    margin-top: -6px;
    background-color: #020202;
}

/* TODO CAPIRE SE RIABILITARE  */
/* input[type="radio"], 
input[type="checkbox"]:not(.switch_sf),
input[type="checkbox"]:not(.switch_sf),
input[type="checkbox"]:not(.switch_sf)
{
    display: none;
} */

#searchcomp_check, #searchteam_check{
    display:block;
}



/*#posizionamentoCollapse .playerRoleInfo {
    max-width: 100% !important;
}*/

#posizionamentoCollapse {
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;

    background: #e8e8e8;
    overflow: hidden;
    border-radius: 15px;
    

    display: block;
}
@media only screen and (max-width: 767.9px) {
    #posizionamentoCollapse {
        background: #fff;
        display: flex;
    }
    #posizionamentoCollapse .bg-campo-stats {
        padding: 0 20px;
    }
    #posizionamentoCollapse .bg-campo-stats > .row {
        /*background: #333;
        border-radius: 17px;*/
        overflow: hidden;
    }
}




.stats-accordion .btn-primary.collapsed i.fa-times,
#posizionamentoCollapse .but.collapsed i.fa-times{
    display: none;
}
.stats-accordion .btn-primary:not(.collapsed) i.fa-times,
#posizionamentoCollapse .but:not(.collapsed) i.fa-times{
    display: block;
    width:11.3px; 
}
.stats-accordion .btn-primary:not(.collapsed) i.fa-chevron-down,
#posizionamentoCollapse .but:not(.collapsed) i.fa-chevron-down
{
    display: none; 
}

.card-wrap-spalla-giocatore {
    margin-top: 15px;
    background: #fff;
    border-radius: 15px;
   /* margin-bottom: 15px;*/
}

.playerRoleInfo.order-1 .card-wrap-spalla-giocatore {
    margin-top: 0px;
}

@media only screen and (max-width: 767.9px) {
    .card-wrap-spalla-giocatore {
        margin-top: 0px;
    }
}

.card-wrap-spalla-giocatore .bande {
    text-align: center;
}

.accordion.btn-primary {
    color: #020202;
    background: #f3f2ee;
    font-weight: 700;
    width: 100%;
    text-align: left;
    border-color: transparent;
    font-size: 1.2rem;
    padding: 10px 20px 10px 20px;
    border-radius: 15px;
    display: flex;
    align-items: center;
}

.accordion.btn-primary:not(.collapsed), .accordion.btn-primary:not(.collapsed){
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.accordion.btn-primary.collapsed i.fa-times,
.accordion.btn-primary.collapsed i.fa-times {
    display: none;
}
.accordion.btn-primary:not(.collapsed) i.fa-times,
.accordion.btn-primary:not(.collapsed) i.fa-times {
    display: block;
    width: 11.3px;
}
.accordion.btn-primary:not(.collapsed) i.fa-chevron-down,
.accordion.btn-primary:not(.collapsed) i.fa-chevron-down {
    display: none;
}

.accordion.btn-primary i {
  margin-left: auto !important;
}

.show > .btn-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled):active{
  color: #fff;
  background-color: #363636;
  border-color: #363636;
}
.accordion.btn-primary + .collapse,
.accordion.btn-primary + .collapsing{
    background: #f3f2ee;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}



.modal-dialog-custom-w-100 {
    width: 100% !important;
    max-width: 100% !important;
}