@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@100;200;300;400;500;600;700;800;900&display=swap");

.border {
  border-width: 1px !important;
}  
.holder-filters.select-label-inside.card {
 
  background-color: #000;
  color: #fff;
  border: 1px solid rgba(0,0,0,.125);

}

.holder-filters.select-label-inside.card h5, 
.holder-filters.select-label-inside.card h6 {
  color: #fff;
}

html:not(.snippet),
body:not(.snippet) {

    /* height: 100%;*/
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #000;
}

body:not(.only-admin) .only-admin-inline,
body:not(.only-admin) .only-admin-block,
body:not(.only-admin) .only-admin-flex,
body:not(.only-admin) .only-admin {
    display: none !important;
}

body.only-admin .only-admin-block {
    display: block;
}

body.only-admin .only-admin-inline {
    display: inline;
}

body.only-admin .only-admin-flex {
    display: flex;
}

#footer {
    padding-top: 40px;
    margin-top: auto !important;
}



/* Z-INDEX CONTROLLO DELLE PROFONDITA' '*/

#mainMenuAccorion .main-body-menu {
    z-index: 22;
}

#mainMenuAccorion .main-title-menu {
    z-index: 2;
}

#topHeader.scrollfix {
    z-index: 23;
}

#scrollHeader {
    z-index: 24;
}

.modal-backdrop {
    z-index: 25;
}



.hystory-modal-error,
.login-modal-error {
    z-index: 27 !important;
}

.hystory-modal-error,
.login-modal-error {
    z-index: 27 !important;
}

.widget-filters-overlay-mobile{ z-index: 0;}
.widget-filters-overlay-mobile.collapsing,
.widget-filters-overlay-mobile.show,
.widget-filter-open-left .widget-filters-overlay-mobile.show,
.snippets-configurator .widget-filters-overlay-mobile.show,
#panelsearchHome .widget-generic-filters-layout.show {
    z-index: 105;
}

.fullscreen {
    z-index: 103;
}

.fixed-bottom,
button.toggleFiltri-custom {
    z-index: 4;
}

#openFilter,
button.cerca-giocatori,
#openProfile {
    z-index: 104;
}

.fixed-bottom.open

/*,
button.toggleFiltri-custom.open*/
    {
    z-index: 107;
}

#modale-ricerca {
    z-index: 105 !important;
}

#loginModal {
    z-index: 107 !important;
}

.holder-filters-stat-overlay {
    z-index: 20;
}

.fixed-right,
#advancedSearchContainer .card.menu-trasparente,
.cont-hamburger-menu,
.hamburger-menu-toggler {
    z-index: 106;
}

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

    #mainMenuAccorion .main-body-menu.show {
        z-index: 104;
    }

    #mainMenuAccorion .main-title-menu:not(.collapsed) {
        z-index: 105;
    }
}

.stat-overlay {
    z-index: 105;
}

.testa-filtri {
    z-index: 105;
}

.modal {
    z-index: 107 !important;
}

#modal-bet-betslips-events {
    z-index: 108 !important;
}

.go-fullscreen.fixed-top-right {
    z-index: 105;
}

.select2-dropdown,
.tooltip {
    z-index: 1000 !important;
}

.fixed-center.widget-filter-open-left.show,
.fixed-center.widget-filters-overlay-mobile.show {
    z-index: 106 !important;
}

.empty-d-none:empty{
    display: none !important;
}


.widget-filters-overlay-mobile .inner-filter-cont {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.widget-filters-overlay-mobile .inner-filter-cont input {
    background: #000;
}

.widget-filters-overlay-mobile .filters-head:not(.sub-accordion) {
    margin-top: 30px !important;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background: #333;
}


.filters-cont .msg-prevalidazione .msg {
    color: red;
    text-transform: uppercase;
}

.filters-cont .prevalidazione-errore.accordion-item {
    border-color: red !important;
}

.stat-overlay .widget-filters-field-events-by-player {
    z-index: 1;
}

/* Z-INDEX CONTROLLO DELLE PROFONDITA' '*/

body,
html#iubenda_policy,
#iubenda_policy body {
    color: #000000;
    background-image: none;
    background-color: #000000;
}

#iubenda-cs-banner .iubenda-cs-content{
    background-color: #111 !important;
}  

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

    body,
    html#iubenda_policy,
    #iubenda_policy body {
        overflow-x: hidden;
    }

    .container-fluid {
        overflow: visible;
        max-width: 100%;
    }
}

.circle-160 {
    width: 160px !important;
    height: 160px !important;
    background: #fafafa;
    border-radius: 50%;
    margin: auto;
    margin-right: auto;
    padding: 0px;
    border: 2px solid #eee;
    overflow: hidden;
}

.circle-160 img {
    max-width: calc(100%) !important;
    height: auto;
    background: transparent !important;
    border-radius: 0px !important;
    padding: 0px !important;
}

.circle-160 img.competitionLogo {
    padding: 20px !important;
}

.circle-160 img.teamImg {
    padding: 20px !important;
}

.circle-max-80 {
    width: 100%;
    height: auto;
    max-width: 80px;
    min-width: 30px;
    max-height: 80px;
    background: #fff;
    border-radius: 50%;
    margin: auto;
    margin-right: auto;
    padding: 0px;
    overflow: hidden;
}

.circle-max-80 img {
    max-width: calc(100%) !important;
    height: auto;
    background: transparent !important;
    border-radius: 0px !important;
}

.circle-80 {
    width: 80px !important;
    min-width: 80px !important;
    height: 80px !important;
    background: #fff;
    border-radius: 50%;
    margin: auto;
    margin-right: auto;
    padding: 0px;
    overflow: hidden;
}

.circle-80 img {
    max-width: calc(100%) !important;
    height: auto;
    background: transparent !important;
    border-radius: 0px !important;
    padding: 0px !important;
}

.circle-80 img.competitionLogo {
    padding: 5px !important;
}

.circle-80 img.teamLogo {
    padding: 5px !important;
}

.circle {
    background: #222;
    border-radius: 50%;
    margin: auto;
    padding: 5px;
}

.circle-border {
    border-radius: 50%;
    margin: auto;
    padding: 5px;
    border: 1.5px solid #fff;
    display: flex;
}

.circle-20 {
    background: #f7f7f8;
    border-radius: 50%;
    margin: auto;
    padding: 2px;
    height: 20px !important;
    width: 20px !important;
    min-width: 20px;
}

.circle-25 {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    padding: 1px;
    background: #f7f7f8;
    overflow: hidden;
}

.circle-30 {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    background: #fff;
    border-radius: 50%;
    margin: 1px auto;
    padding: 3px !important;
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.circle-13 {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    max-width: 13px !important;
    background: #fff;
    border-radius: 50%;
    padding: 0px !important;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.circle-30.p-0 {
    padding: 0px !important;
}

.circle-30 img {
    width: 100%;
    max-width: 100% !important;
    max-height: 100% !important;
    height: max-content;
    align-self: center;
}

.avatar_utente.circle-30{padding: 1px !important;}
.avatar_utente.circle-30 img{border-radius: 50px;}
.user-avatar{ background: #111 !important;} 


.circle-55,
.circle-md-55 {
    width: 55px !important;
    height: 55px !important;
    min-width: 55px !important;
    max-width: 55px !important;
    background: #fff;
    border-radius: 50%;
    margin: 10px auto;
    padding: 6px !important;
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.circle-50,
.circle-md-50 {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    background: #fff;
    border-radius: 50%;
    margin: 10px auto;
    padding: 8px !important;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.circle-50.p-0,
.circle-md-50.p-0 {
    padding: 0px !important;
}

.circle-50.player {
    padding: 0px !important;
}

.circle-50 img {
    width: 100%;
    max-width: 100% !important;
    /*max-height: 100% !important;*/
    height: max-content;
    align-self: center;
}

.circle-50.team img {
    padding: 2px;
}

.circle-30.player {
    padding: 0px !important;
    overflow: hidden;
}

.circle-40 {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    padding: 5px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.circle-35 {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    min-width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.select2-selection__rendered figure.circle-40 img,
.circle-40 img {
    width: auto;
    height: auto;
    max-width: 100% !important;
    max-height: 100% !important
}

.circle-45 {
    width: 45px;
    height: 45px;
    background: #fff;
    border-radius: 50%;
    padding: 5px;
    min-width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.circle-45 img,
.circle-45 svg {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.circle-65 {
    width: 65px;
    height: 65px;
    min-width: 65px;
    min-height: 65px;
    background: #fff;
    border-radius: 50%;
    margin: auto;
    padding: 8px;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center center;
}

.circle-65:not(.p-0) img {
    max-width: 50px;
    max-height: 50px;
}

.circle-90 {
    width: 90px;
    height: 90px;
    min-width: 90px;
    min-height: 90px;
    background: #fff;
    border-radius: 50%;
    margin: auto;
    padding: 12px;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center center;
}

.circle-90:not(.p-0) img {
    max-width: 65px;
    max-height: 65px;
}

.circle-85 {
    width: 85px;
    height: 85px;
    border-radius: 100%;
    padding: 0px;
}
.circle-70 {
    width: 70px;
    height:70px;
    border-radius: 100%;
    padding: 0px;
}

.circle-100,
.circle-md-100 {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    padding: 5px;
}

.tooltip {
    border: 1px solid #777;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 30px #000;
    padding: 0px;
    max-width: 300px !important;
    opacity: 1 !important;
   
}

.tooltip-inner {

    min-width: min-content;
     font-size: 12px;
    line-height: 13px;
    font-weight: 500;
    background-color: #111 !important;
    background: #111 !important;
    color: #eee  !important;
     box-shadow: 0px 0px 20px #000;
}

.tooltip-classifica{
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, .8));
}

.bs-tooltip-top {
    top: -5px !important;
}

.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.bs-tooltip-top .arrow::before {
    display: none;
}

.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    display: none;
}

.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.bs-tooltip-left .arrow::before {
    display: none;
}

.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.bs-tooltip-right .arrow::before {
    display: none;
}

.tooltip .arrow:before {
    /*border-left-color: #fff !important;*/
}

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

    .circle-40.circle-md-50 {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        background: #fff;
        border-radius: 50%;
        margin: 10px auto;
        padding: 4px !important;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }

    .circle-40.circle-md-100 {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        background: #fff;
        border-radius: 50%;
        margin: 10px auto;
        padding: 4px !important;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
}

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

    .holder-teams-classifica-comp .circle.w-30,
    .holder-ranking-class-giocatore .circle.w-30,
    .squadre-cla-competizione .circle.w-30 {
        width: 40px !important;
        height: 40px !important;
        padding: 6px !important;
    }
    
    .circle-40.circle-md-35 {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        min-width: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2px !important;
        
    }
}

.freeRegistration {
    /* display:none; */
}

.bg-transparent {
    background-color: transparent !important;
}

.preload-view.bg-transparent {}

body {
    font-family: "Rubik";
}

.font-family-tnr {
    font-family: "Times New Roman";
}

a:hover {
    color: #101010;
}

.noclick {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
}

.noselect {
    -webkit-user-select: none;
    user-select: none;
}

.select2-selection--single .select2-selection__clear {
    display: none;
}

select.fd-select {
    background-color: #fff;
    color: #000000;
    font-size: 14px;
    border: 1px solid #c9c9c9;
    text-align: left;
    font-weight: normal;
    cursor: pointer;
    border-radius: 7px !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(/assets/img/arrow-down-select.svg) no-repeat right 10px center transparent;
}

.ass_e_contatti img {
    color: #452e6d !important;
    fill: #452e6d !important;
}

.brightness-100,
.filter-white {
    filter: brightness(0) invert(1);
}

.brightness-0,
.filter-black {
    filter: brightness(0);
}

.tc-black {
    color: #101010 !important;
}

.tc-purple {
    color: #000000 !important;
}

.tc-lime {
    color: #C8A227 !important;
}

.tc-lime-dark {
    color: #84CB26 !important;
}



.tc-red-light {
    color: #FF481D !important;
}

/*
.tc-red-light {
    color: #FF575D !important;
}*/

.tc-gray {
    color: #999 !important;
}

.fill-black {
    fill: #101010 !important;
}

.fill-purple {
    fill: #383838 !important;
}

.fill-lime {
    fill: #C8A227 !important;
}

.fill-red {
    fill: #d02e26 !important;
}

.fill-gray {
    fill: #999 !important;
}

.outlined {
    border: 4px solid #E3E3E3;
    outline: 3px solid #fff;
    outline-offset: -5px;
    border-radius: 30px;
}

.outlined-dark-white {
    outline: 2px solid #010000;
    border: 0px solid transparent !important;
    outline-offset: 4px;
    border-radius: 30px;
}

.vh-100 {
    height: 100vh;
}

@media screen and (min-width: 990px) {
    .vh-lg-100 {
        height: 100vh;
    }
}

.of-x-auto {
    max-width: 100% !important;
    overflow-x: auto !important;
     
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    overflow-y: hidden !important;
}

.of-y-auto {
    max-width: 100% !important;
    overflow-y: auto !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    overflow-x: hidden !important;
}

.of-auto {
    overflow: auto !important;
}


.of-visible {
    overflow: visible !important;
}

.of-hidden {
    overflow: hidden !important;
}

@media screen and (min-width: 768px) {
    .position-relative.position-md-absolute {
        position: absolute !important;
    }
}

.of-x-auto:after {
    position: absolute;
    right: 0;
    height: 100%;
    width: 40px;
    background: linear-gradient(to right, #fff0, #fff);
}

.noscroll {
    overflow: hidden;
}

html#iubenda_policy {
    overflow-y: initial !important;
}

.fs-0 {
    font-size: 0px !important;
    line-height: 0px !important;
}

.fs-7 {
    font-size: 7px !important;
    line-height: 7px;
}

.fs-8 {
    font-size: 8px !important;
    line-height: 8px;
}

.fs-9 {
    font-size: 9px !important;
    line-height: 11px;
}

.fs-10 {
    font-size: 10px !important;
    line-height: 10px;
}

.fs-11,
.fs-md-11 {
    font-size: 11px !important;
    line-height: 11px;
}

.fs-12 {
    font-size: 12px !important;
    line-height: 12px;
}

.fs-13 {
    font-size: 13px !important;
    line-height: 13px;
}

.fs-14,
.fs-14 p,
.fs-md-14 {
    font-size: 14px !important;
    line-height: 16px;
}

.fs-15,
.fs-md-15 {
    font-size: 15px !important;
    line-height: 15px;
}

.fs-16,
.fs-md-16 {
    font-size: 16px !important;
    line-height: 19px;
}
.fs-17,
.fs-md-17{
    font-size: 17px !important;
    line-height: 18px;
}

.fs-18,
.fs-18x,
.fs-md-18 {
    font-size: 18px !important;
    line-height: 20px;
}

.fs-19 {
    font-size: 19px !important;
    line-height: 21px;
}

.fs-20,
.fs-md-20 {
    font-size: 20px !important;
    line-height: 25px;
}

.fs-21,
.fs-md-21 {
    font-size: 21px !important;
    line-height: 23px;
}

.fs-22,
.fs-md-22 {
    font-size: 22px !important;
    line-height: 25px;
}

.fs-23,
.fs-md-23 {
    font-size: 23px !important;
    line-height: 23px;
}

.fs-24,
.fs-md-24 {
    font-size: 24px !important;
    line-height: 26px;
}

.fs-25,
.fs-md-25 {
    font-size: 25px !important;
    line-height: 25px !important;
}

.fs-26,
.fs-md-26 {
    font-size: 26px !important;
    line-height: 24px;
}

.fs-27 {
    font-size: 27px !important;
    line-height: 25px;
}

.fs-28,
.fs-md-28 {
    font-size: 28px !important;
    line-height: 26px;
}

.fs-29,
.fs-md-29 {
    font-size: 29px !important;
    line-height: 27px;
}

.fs-30,
.fs-md-30 {
    font-size: 30px !important;
    line-height: 30px;
}

.fs-33 {
    font-size: 33px !important;
    line-height: 33px;
}

.fs-35,
.fs-35x,
.fs-md-35 {
    font-size: 35px !important;
    line-height: 35px;
}

.fs-40,
.fs-md-40 {
    font-size: 40px !important;
    line-height: 40px;
}

.fs-41,
.fs-lg-41 {
    font-size: 41px !important;
    line-height: 41px;
}

.fs-45,
.fs-md-45 {
    font-size: 45px !important;
    line-height: 47px;
}

.fs-48,
.fs-md-48 {
    font-size: 48px !important;
    line-height: 48px;
}

.fs-50,
.fs-md-50 {
    font-size: 50px !important;
    line-height: 50px;
}

.fs-53,
.fs-md-53 {
    font-size: 53px !important;
    line-height: 53px;
}

.fs-59 {
    font-size: 59px !important;
    line-height: 50px;
}

.fs-63 {
    font-size: 63px !important;
    line-height: 45px;
}

.fs-71 {
    font-size: 71px !important;
    line-height: 73px;
}

.fs-100 {
    font-size: 100px !important;
    line-height: 75px;
}

.fs-115 {
    font-size: 115px !important;
    line-height: 115px;
}

.fs-120 {
    font-size: 120px !important;
    line-height: 85px;
}

.fs-150 {
    font-size: 150px !important;
    line-height: 150px;
}

.fs-199 {
    font-size: 199px !important;
    line-height: 145px;
}


/*
.fs-0.fs-md-16 {
    font-size: 16px !important;
    line-height: 16px !important;
}
*/



.lh-10{
    line-height: 10px;
}
.lh-11{
    line-height: 11px;
}
.lh-12{
    line-height: 12px;
}

.lh-13 {
    line-height: 13px;
}

.lh-14 {
    line-height: 14px;
}

.lh-15 {
    line-height: 15px;
}

.lh-16 {
    line-height: 16px;
}

.lh-17 {
    line-height: 17px !important;
}

.lh-18 {
    line-height: 18px !important;
}

.lh-20 {
    line-height: 20px;
}

.lh-24 {
    line-height: 24px;
}

.lh-25 {
    line-height: 25px;
}

.lh-26 {
    line-height: 26px;
}

.lh-28 {
    line-height: 28px;
}

.lh-30 {
    line-height: 30px;
}

.lh-33 {
    line-height: 33px;
}

.lh-35 {
    line-height: 35px;
}

.lh-40 {
    line-height: 40px;
}

.lh-45 {
    line-height: 45px;
}

.lh-55 {
    line-height: 55px;
}

@media screen and (min-width: 768px) {
    .fs-14.fs-lg-22 {
        font-size: 14px !important;
        line-height: 14px;
    }
}
@media screen and (max-width: 767.9px) {
    .fs-30.fs-md-53 {
        font-size: 30px !important;
        line-height: 40px;
    }

    .fs-25.fs-md-53 {
        font-size: 25px !important;
        line-height: 28px;
    }

    .fs-30.fs-md-50 {
        font-size: 30px !important;
        line-height: 30px;
    }

    .fs-26.fs-md-48 {
        font-size: 26px !important;
        line-height: 40px;
    }

    .fs-22.fs-md-48 {
        font-size: 22px !important;
        line-height: 25px;
    }

    .fs-25.fs-md-41 {
        font-size: 25px !important;
        line-height: 25px;
    }

    .fs-18.fs-md-40 {
        font-size: 18px !important;
        line-height: 20px;
    }
    .fs-30.fs-md-40 {
        font-size: 30px !important;
        line-height: 32px;
    }
    .fs-25.fs-md-40 {
        font-size: 25px !important;
        line-height: 27px;
    }

    .fs-18 {
        font-size: 16px !important;
        line-height: 16px;
    }
    .fs-18x{
        font-size: 18px !important;
        line-height: 18px;
    }
    .fs-md-17{
        font-size: 15px !important;
        line-height: 16px;
    }
    .fs-14.fs-md-16 {
        font-size: 14px !important;
        line-height: 14px;
    }
    .fs-14.fs-md-18{
        font-size: 14px !important;
        line-height: 16px;
    }
    .fs-16.fs-md-18{
        font-size: 16px !important;
        line-height: 18px;
    }
    .fs-14.fs-md-25 {
        font-size: 14px !important;
        line-height: 14px;
    }
    
    .fs-12.fs-md-18 {
        font-size: 12px !important;
        line-height: 12px;
    }

    .fs-15.fs-md-18 {
        font-size: 15px !important;
        line-height: 20px;
    }

    
    .fs-18.fs-md-23 {
        font-size: 18px !important;
        line-height: 20px;
    }
    .fs-18.fs-md-25 {
        font-size: 18px !important;
        line-height: 20px;
    }

    .fs-20.fs-md-25 {
        font-size: 20px !important;
        line-height: 25px;
    }

    .fs-18.fs-md-26 {
        font-size: 18px !important;
        line-height: 19px;
    }

    .fs-12.fs-md-15 {
        font-size: 12px !important;
        line-height: 12px;
    }

    .fs-0.fs-md-16 {
        font-size: 0px !important;
        line-height: 0px;
    }

    .fs-12.fs-md-16 {
        font-size: 12px !important;
        line-height: 12px;
    }
    
    
    .fs-22{
        font-size: 16px !important;
        line-height: 22px;
    }

    .fs-15.fs-md-22 {
        font-size: 15px !important;
        line-height: 17px;
    }

    .fs-14.fs-md-22 {
        font-size: 14px !important;
        line-height: 14px;
    }

    .fs-20.fs-md-22 {
        font-size: 20px !important;
        line-height: 20px;
    }


    .fs-15.fs-md-24 {
        font-size: 15px !important;
        line-height: 17px;
    }

    .fs-18.fs-md-24 {
        font-size: 18px !important;
        line-height: 20px;
    }

    .fs-20.fs-md-24 {
        font-size: 20px !important;
        line-height: 24px;
    }

    .fs-16.fs-md-28 {
        font-size: 16px !important;
        line-height: 18px;
    }

    .fs-20.fs-md-28 {
        font-size: 20px !important;
        line-height: 22px;
    }

    .fs-9.fs-md-11 {
        font-size: 9px !important;
        line-height: 9px;
    }

    .fs-12.fs-md-14 {
        font-size: 12px !important;
        line-height: 12px;
    }

    .fs-13.fs-md-14 {
        font-size: 13px !important;
        line-height: 13px;
    }

    .fs-14.fs-md-45 {
        font-size: 14px !important;
        line-height: 16px;
    }

    .fs-30.fs-md-45 {
        font-size: 30px !important;
        line-height: 30px;
    }
    .fs-0.fs-md-20{
        font-size: 0px !important;
        line-height: 0px;
    }

    .fs-16.fs-md-20 {
        font-size: 16px !important;
        line-height: 16px;
    }
    .fs-14.fs-md-18 {
        font-size: 14px !important;
        line-height: 14px; 
    }
    .fs-14.fs-md-20 {
        font-size: 14px !important;
        line-height: 14px;
    }
    .fs-14.fs-md-24 {
        font-size: 14px !important;
        line-height: 14px; 
    }
    .fs-16.fs-md-30 {
        font-size: 16px !important;
        line-height: 16px;
    }

    .fs-20.fs-md-30 {
        font-size: 20px !important;
        line-height: 25px;
    }

    .fs-25.fs-md-30 {
        font-size: 25px !important;
        line-height: 25px !important;
    }

    .fs-16.fs-md-22 {
        font-size: 16px !important;
        line-height: 16px;
    }

    .fs-17.fs-md-35 {
        font-size: 17px !important;
        line-height: 17px;
    }

    .fs-18.fs-md-35 {
        font-size: 18px !important;
        line-height: 18px;
    }

    .fs-18.fs-md-20 {
        font-size: 18px !important;
        line-height: 18px;
    }

    .fs-18.fs-md-25 {
        font-size: 18px !important;
        line-height: 20px;
    }

    .fs-18.fs-md-24 {
        font-size: 18px !important;
        line-height: 20px;
    }

    .fs-19.fs-md-22 {
        font-size: 19px !important;
        line-height: 19px;
    }

    .fs-22.fs-md-25 {
        font-size: 22px !important;
        line-height: 22px;
    }

    .fs-18.fs-md-22 {
        font-size: 18px !important;
        line-height: 20px !important;
    }

    .fs-27 {
        font-size: 23px !important;
        line-height: 23px !important;
    }

    .fs-63 {
        font-size: 35px !important;
        line-height: 35px;
    }

    .fs-40 {
        font-size: 22px !important;
        line-height: 25px;
    }
    .fs-35 {
        font-size: 25px !important;
        line-height: 25px;
    }

    .fs-30 {
        font-size: 23px !important;
        line-height: 26px;
    }

    /* .fs-25 {
        font-size: 15px !important;
        line-height: 15px;
    }*/
    
    /* QUESTO SOLO SU MOBILE max-width: 767.9px */
    .fs-18 {
        font-size: 14px !important;
        line-height: 17px;
    }

    .fs-18-real {
        font-size: 18px !important;
        line-height: 20px;
    }

    .titolo-gradient svg.max-36-mobile {
        max-width: 46px;
        max-height: 36px;
    }
}

.titolo-gradient svg {
    max-width: 46px;
    max-height: 36px;
}

@media screen and (max-width: 360px) {
    .fs-63 {
        font-size: 30px !important;
        line-height: 30px;
    }
}

@media screen and (max-width: 990px) {
    .min-60-mobile {
        min-width: 60px;
        min-height: 60px;
    }
}


.min-1 {
    min-width: 1px;
}
.min-20 {
    min-width: 20px;
}
.min-23 {
    min-width: 23px;
}

.min-25 {
    min-width: 25px;
}

.min-30 {
    min-width: 30px;
}

.min-35 {
    min-width: 35px;
}

.min-40 {
    min-width: 40px;
}

.min-45 {
    min-width: 45px;
}

.min-50 {
    min-width: 50px;
}

.min-60 {
    min-width: 60px;
}

.min-70 {
    min-width: 70px;
}

.min-80 {
    min-width: 80px;
}

.min-90 {
    min-width: 90px;
}

.min-100 {
    min-width: 100px;
}

.min-110 {
    min-width: 110px;
}

.min-120 {
    min-width: 120px;
}
.min-150 {
    min-width: 150px;
}
.min-160 {
    min-width: 160px;
}
.min-170 {
    min-width: 170px;
}

.min-190 {
    min-width: 190px;
}

.min-200 {
    min-width: 200px;
}

.min-250 {
    min-width: 250px;
}
.min-260 {
    min-width: 260px;
}

.min-300 {
    min-width: 300px;
}

.min-230 {
    min-width: 230px;
}

.min-322 {
    min-width: 322px;
}


.min-h-20 {
    min-height: 20px;
}
.min-h-25 {
    min-height: 25px;
}

.min-h-30 {
    min-height: 30px;
}

.min-h-35 {
    min-height: 35px;
}

.min-h-40 {
    min-height: 40px !important;
}
.min-h-45 {
    min-height: 45px !important;
}

.min-h-50 {
    min-height: 50px;
}

.min-h-55 {
    min-height: 55px;
}

.min-h-60 {
    min-height: 60px;
}
.min-h-66 {
    min-height: 66px;
}
.min-h-70 {
    min-height: 70px;
}

.min-h-80 {
    min-height: 80px;
}
.min-h-90 {
    min-height: 90px;
}

.min-h-100 {
    min-height: 100px;
}
.min-h-110 {
    min-height: 110px;
}
.min-h-120 {
    min-height: 120px;
}

.min-h-200 {
    min-height: 200px !important;
}

.min-h-250 {
    min-height: 250px;
}

.min-h-300 {
    min-height: 300px;
}
.min-h-320 {
    min-height: 320px;
}

.min-h-350 {
    min-height: 350px;
}

.min-h-400 {
    min-height: 400px;
}

.min-h-500 {
    min-height: 500px;
}

.min-h-600 {
    min-height: 600px;
}

.min-h-650 {
    min-height: 650px;
}

.min-h-100-perc {
    min-height: 100%;
}

.min-h-95-perc {
    min-height: 95%;
}





.max-1200 {
    max-width: 1200px;
}

.max-1000 {
    max-width: 1000px;
}

.max-950 {
    max-width: 950px;
}

.max-930 {
    max-width: 930px;
}

.max-900 {
    max-width: 900px !important;
}

.max-800 {
    max-width: 800px !important;
}

.max-300 {
    max-width: 300px;
}

.max-350 {
    max-width: 350px !important;
}
.max-360 {
    max-width: 360px !important;
}

.max-400 {
    max-width: 400px;
}

.max-450 {
    max-width: 450px !important;
}

.max-550 {
    max-width: 550px;
}

.max-500 {
    max-width: 500px;
}

.max-600 {
    max-width: 600px;
}

.max-650 {
    max-width: 650px;
}

.max-700 {
    max-width: 700px;
}

.max-750 {
    max-width: 750px;
}

.max-760 {
    max-width: 760px;
}



.max-550 {
    max-width: 550px;
}

.max-373 {
    max-width: 373px;
}

.max-370 {
    max-width: 370px;
}




.max-250 {
    max-width: 250px;
}

.max-230 {
    max-width: 230px;
}
.max-200 {
    max-width: 200px;
}

.max-190 {
    max-width: 190px;
}

.max-180 {
    max-width: 180px;
}

.max-170 {
    max-width: 170px;
}

.max-160 {
    max-width: 160px;
}

.max-150 {
    max-width: 150px;
}

.max-140 {
    max-width: 140px;
}

.max-130 {
    max-width: 130px;
}

.max-120 {
    max-width: 120px;
}

.max-110 {
    max-width: 110px;
}

.max-100 {
    max-width: 100px;
}

.max-100-perc {
    max-width: 100%;
}

.max-90 {
    max-width: 90px;
}

.max-80 {
    max-width: 80px;
}

.max-70 {
    max-width: 70px;
}

.max-60 {
    max-width: 60px;
}

.max-50 {
    max-width: 50px;
}

.max-40 {
    max-width: 40px;
}

.max-35 {
    max-width: 35px;
}
.max-30 {
    max-width: 30px;
}


.max-25 {
    max-width: 25px;
}
.max-22 {
    max-width: 22px;
}

.max-20 {
    max-width: 20px;
}

@media screen and (min-width: 767px) {
    .min-h-sm-40 {
        min-height: 40px !important;
    }
    .max-sm-400 {
        max-width: 400px;
    }
}
@media screen and (min-width: 989px) {
    
    .max-md-250 {
        max-width: 250px;
    }

    .max-md-370 {
        max-width: 370px;
    }

    .max-md-350 {
        max-width: 350px;
    }

    .max-md-400 {
        max-width: 400px;
    }

    .max-md-450 {
        max-width: 450px;
    }
    .max-md-460 {
        max-width: 460px;
    }

    .min-md-350 {
        min-width: 350px;
    }

    .min-md-460 {
        min-width: 460px;
    }

    .max-md-500 {
        max-width: 500px;
    }

    .max-md-600 {
        max-width: 600px;
    }

    .max-md-700 {
        max-width: 700px;
    }

    .max-md-40 {
        max-width: 40px;
    }

    .max-md-30 {
        max-width: 30px;
    }

    .max-h-md-20 {
        max-height: 20px;
    }


}

.max-h-570 {
    max-height: 570px;
}

.max-h-550 {
    max-height: 550px;
}

.max-h-500 {
    max-height: 500px;
}

.max-h-450 {
    max-height: 450px;
}

.max-h-400 {
    max-height: 400px;
}

.max-h-300 {
    max-height: 300px;
}

.max-h-250 {
    max-height: 250px;
}
.max-h-200 {
    max-height: 200px;
}
.max-h-180 {
    max-height: 180px;
}
.max-h-150 {
    max-height: 150px;
}

.max-h-145 {
    max-height: 145px;
}

.max-h-140 {
    max-height: 140px;
}

.max-h-130 {
    max-height: 130px;
}

.max-h-120 {
    max-height: 120px;
}

.max-h-110 {
    max-height: 110px;
}

.max-h-100 {
    max-height: 100px;
}

.max-h-70 {
    max-height: 70px;
}

.max-h-60 {
    max-height: 60px;
}

.max-h-50 {
    max-height: 50px;
}

.max-h-45 {
    max-height: 45px;
}

.max-h-40 {
    max-height: 40px;
}

.max-h-30 {
    max-height: 30px;
}

.max-h-25 {
    max-height: 25px;
}

.max-h-20 {
    max-height: 20px;
}

.max-h-95-perc {
    max-height: 95%;
}

.max-h-100-vh-160 {
    max-height: calc(100vh - 160px);
}

.h-60 {
    height: 60px;
}

.h-50 {
    height: 50px;
}

.height-50 {
    height: 50px !important;
}

.h-40 {
    height: 40px !important;
}

.h-42 {
    height: 42px !important;
}

.h-50 {
    height: 50px !important;
}

.h-35 {
    height: 35px;
}

.h-30 {
    height: 30px;
}

.h-25 {
    height: 25px;
}

.h-20 {
    height: 20px;
}

.h-80-perc {
    height: 80% !important;
}

.h-90-perc {
    height: 90% !important;
}

.w-80-perc {
    width: 80% !important;
}

.w-90-perc {
    width: 90% !important;
}

.w-95-perc {
    width: 95% !important;
}

.w-98-perc {
    width: 98% !important;
}

.w-230 {
    width: 230px;
}

.w-60 {
    width: 60px;
}

.w-50 {
    width: 50px !important;
}

.w-50-perc {
    width: 50%;
}

.w-40 {
    width: 40px;
}

.w-35 {
    width: 35px;
}

.w-30 {
    width: 30px;
}

.w-25 {
    width: 25px !important;
}

.w-20 {
    width: 20px;
}

.max-23 {
    max-width: 23px;
}

.max-content-height,
.max-h-content,
.height-max-content {
    height: max-content !important;
    min-height: max-content !important;
}

.max-height-max-content {
    max-height: max-content !important;
}

.max-content {
    width: max-content !important;
    max-width: max-content !important;
}

.max-w-content {
    max-width: max-content !important;
}

.width-100 {
    width: 100px;
}

.height-100 {
    height: 100px;
}

.max-w-100 {
    max-width: 100%;
}

.min-w-100 {
    min-width: 100%;
}

@media screen and (max-width: 767.9px) {
    .width-md-100 {
        width: 100px;
    }

    .height-md-100 {
        height: 100px;
    }

    .close svg.min-h-50 {
        min-height: 40px;
    }

    .mobile-60 {
        height: 60px !important;
        width: 60px !important;
    }
}

@media screen and (min-width: 768px) {
    .desktop-90 {
        height: 90px !important;
        width: 90px !important;
    }

    .max-3-char {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        /*max-width: 32px;*/
        max-width: 20px;
        transition: all 0.2s ease-in;
    }

    .widget_news_main_inner:hover .max-3-char,
    .max-3-char:hover {
        max-width: 200px;
    }
}

.rotate-90 {
    transform: rotate(90deg);
}

.rotate-180 {
    transform: rotate(180deg);
}

.rotate-270 {
    transform: rotate(270deg);
}

.uppercase {
    text-transform: uppercase !important;
}

.capitalize {
    text-transform: capitalize !important;
}

.no-text-transform {
    text-transform: inherit !important;
}

.underline {
    text-decoration: underline !important;
}

.ass_e_contatti {
    width: 100%;
}

.ass_e_contatti img {
    color: #fff !important;
    fill: #fff !important;
}



.menu-trasparente.news {
    width: 370px;
}

.menu-trasparente a {
    color: #fff !important;
    width: max-content;
    display: flex;
    margin: auto;
}
.menu-trasparente a.fc-light-3 {
    color: #C8A227 !important;
}
.menu-trasparente a.fc-light-4 {
    color: #777 !important;
}

.menu-trasparente.news .profile-holder {
    height: auto;
    min-height: initial;
    background: transparent !important;
    border: none !important;
}

.menu-trasparente.news a,
.menu-trasparente.news .sf-date {
    color: #101010 !important;
}

#advancedSearchContainer .menu-trasparente.news .side {
    width: 370px;
    border-left: none;
    box-shadow: -1px 0 5px rgba(0, 0, 0, 0.1);
}

.menu-trasparente.news .ass_e_contatti {
    filter: brightness(0);
}

.menu-trasparente.news .link-more-wb {
    color: #fff !important;
}

.menu-trasparente.news .widget-news-1-3 .sf-main,
.menu-trasparente.news .widget-news-1-3 .sf-sub {
    min-width: 100%;
}

.menu-trasparente .img-logout {
    filter: brightness(10);
}

.menu-trasparente .profile-holder {
    border-radius: 0px;
}

.page-template-template-scouting #contenitoreFiltri .d-flex {
    display: flex !important;
    flex-wrap: wrap;
}

body.page-template-template-scouting {
    padding-top: 0 !important;
    color: #000000;
}

.component {
    line-height: 1.5em;
    margin: 0 auto;
    padding: 2em 0 3em;
    width: 90%;

    overflow: hidden;
}

table {
    border-collapse: collapse;
    margin-bottom: 3em;
    width: 100%;
    /*background: #fff;*/
}

/*td, th {
    padding: 0.75em 1.5em;
    text-align: left;
}*/

th {
    font-weight: bold;
    /* white-space: nowrap;*/
}

/* Not needed for sticky header/column functionality */
td.user-name {
    text-transform: capitalize;
}

#lingue {
    position: fixed;
    top: 15px;
    left: 15px;
    display: none;
}

#advancedSearchContainer {
    padding: 20px 15px 20px 15px;

}
#advancedSearchContainer .container{

    background: #000;

}

#mainContent {
    position: relative;
    overflow: hidden;
    background: #000;
   
}

@media screen and (min-width: 768px) {
    #advancedSearchContainer {
        padding: 0px 15px 0px 15px;
    }
}

@media screen and (min-width: 989px) {
    .holder-mobile-select {
        display: none !important;
    }

    #sidebar #wrapMultiSelect,
    #sidebar #profileLinks {
        text-align: center;
        background: #fff;
        padding-bottom: 20px;
        padding-top: 20px;
        margin-bottom: 20px;
        border-radius: 0.25rem;
        width: 315px;
        top: -9px;
        right: 121%;
        position: absolute;
        /* margin-top: 68px; */
        box-shadow: 0px 0px 11px 1px #00000055;
        z-index: 4;
        border-radius: 15px;
    }

    #sidebar #wrapMultiSelect {
        top: 0px;
    }

    #sidebar #wrapMultiSelect .btn-close-wrapMultiSelect {
        margin-right: 20px;
        margin-bottom: 10px;
        text-align: right;
    }

    #sidebar #profileLinks {
        width: 280px;
        margin-left: -218px;
    }
}

#sidebar div#holder-multi-select>div:not(:last-of-type) {
    margin-bottom: 10px;
}

.bottone-filtri {
    height: 35px;
    width: 40px;
    min-width: 40px;
    min-height: 35px;
    margin: 13px auto;
    z-index: 3;
    background: #fff;
    border-radius: 5px;
}

.relationCntainer .team-name-short {
    display: none;
}
.relationCntainer a {
    color: #fff;
}

@media screen and (min-width: 989px) {
    #andCloseForAll {
        display: none !important;
    }
}

.menu-trasparente {
    background: #070707;
    color: #fff;
    max-height: max-content;
    border-radius: 0px !important;
    width: 290px;
    border: none !important;
    height: max-content;
    width: 380px;
    margin-left: auto;
    height: 100vh;
     border-left: 2px solid #C8A22755 !important;
     overflow: auto !important;
}

.fixed-right {
  
    min-width: 100%;
    width: max-content;
    bottom: 0;
    position: fixed;
    top: 0px;
    height: 100%;
    display: flex !important;
    transition: all .4s cubic-bezier(.06,.34,.11,1);
    right: 0;
    margin: 0;
    background: transparent;
    padding: 0px 0px;
    overflow: auto;
    visibility: hidden;
    opacity: 0;
   
}

body.open-profile .fixed-right {
    visibility: visible;
    opacity: 1;
}
body .fixed-right .menu-trasparente {
    transition: all .4s cubic-bezier(.06,.34,.11,1);
    transform: translateX(100%);
    width: 0;
    background: #070707;
}
body.open-profile .fixed-right .menu-trasparente {
    transform: translateX(0%);
    width:380px;
    min-height: 100vh;
    height: 100vh;
}

.card.menu-trasparente button.close.menu_overlay {
    display: block !important;
    position: absolute;
    top: 10px;
    right: 15px;
    opacity: 1;
}

.card.menu-trasparente button.close.menu_overlay svg {
    color: #fff;
}

#topHeader.scrollfix .header-primary-menu-bkg {
    display: none !important;
}

#topHeader.scrollfix {
    position: fixed;
    top: 0;
}

#topHeader .top-header-3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 4px;
    background: linear-gradient(to right, #000000, #C8A227, #000000);
    z-index:1;
}

/* MOBILE */
@media screen and (max-width: 767.9px) {
    .modal-title .icona svg {
        max-width: 30px !important;
        max-height: 30px !important;
    }

    .wiki-call {
        right: 0;
    }

    .close-holder-wiki.button-zoom {
        display: none !important;
    }

    #topHeader .top-header-3::after {
        top: 60px;
        z-index: 3;
    }

    .fixed-right {
        min-width: 100%;
        width: 100%;
    }

    #topHeader {
        position: relative;
    }

    ul#scoutingTab {
        overflow-x: auto;
         
        padding-left: 15px !important;
    }

    #advancedSearchContainer {
        padding: 0px;
    }
}

@media screen and (max-width: 990px) {
    body {
        overflow-x: hidden;
        padding-bottom: 0;
    }

    /* MENU  RICERCA*/

    ul#scoutingTab .nav-item a {
        white-space: nowrap;
    }

    #stagioneContainer {
        justify-content: flex-start !important;
    }

    #ruolo-pos-zona,
    #tabSearchScores .sezione_ruolo_inner .classifica-ricerca,
    #holder-hiddenInputContainer-classifiche .select-ricerca-classifica .row {
        flex-direction: column;
    }

    #holder-hiddenInputContainer-classifiche .select-ricerca-classifica .row .col {
        padding: 0;
    }

    #ruolo-pos-zona .col {
        padding-left: 0;
        margin-top: 10px;
    }

    .holder-stats-confronto,
    .holder-inner-stats-confronto {
        flex-direction: column;
    }

    .holder-stats-confronto>div {
        display: flex;
    }

    .select_stat_confronto .select2 {
        /*  max-width: 48%; */
    }

    /* INTERNO  panelgiocatori*/
    .row-inner {
        flex-direction: column;
    }

    #sidebar .card {
        position: fixed;
        left: 120vw;
        z-index: 2;
        background: #fff;
        width: 100%;
        top: 0;
        height: 100vh;
        transition: all 0.2s ease-out;
    }

    #advancedSearchContainer .card .side,
    #sidebar .card .side {
        max-width: 100%;
        width: 100%;
    }

    #contenitoreFiltri {
        position: fixed;
        top: 0px;
        left: 0;
        height: 100vh;
        width: 100vw;
        display: block !important;
        left: 120vw;
        z-index: 999;
        transition: all 0.2s ease-out;
        overflow: auto;
        padding-bottom: 200px !important;
    }

    .filtri_relative.modal-open #openFilter {
        opacity: 1 !important;
        display: block;
    }

    .team_dataset.filtri_relative #contenitoreFiltri,
    .comp_dataset.filtri_relative #contenitoreFiltri {
        position: relative;
        margin: 0px;
        height: initial;
        width: initial;
        display: block !important;
        left: initial;
        top: initial;
        z-index: initial;
        transition: all 0.2s ease-out;
        overflow: auto;
        padding-bottom: 0px !important;
        margin-left: -15px;
        margin-right: -15px;
    }

    .team_dataset #contenitoreFiltri .close,
    .comp_dataset #contenitoreFiltri .close

    /*,
    .modal-content .close*/
        {
        display: none !important;
    }

    #wrapMultiSelect {
        position: fixed;
        top: 0px;
        height: 100vh;
        width: 100%;
        display: block !important;
        z-index: 9999;
        transition: all 0.2s ease-out;
        padding: 90px 20px !important;
        left: 120vw;
        right: 0px;
    }

    #wrapMultiSelect {
        top: 0px;
    }

    .btn-close-wrapMultiSelect {
        display: none;
    }

    #openFilter,
    button.cerca-giocatori,
    #openProfile {
        display: block;
        background: transparent;
        padding: 0;
        bottom: 10px;
        right: 10px;
        position: fixed;
    }

    body.carriera #openFilter,
    body.trasferimenti #openFilter {
        display: none;
    }

    #andCloseForAll {
        bottom: 0px;
        right: 0px;
        position: fixed;
        z-index: 99999999;
        width: max-content;
        padding: 10px 20px;
        background: transparent;
    }

    #andCloseForAll img {
        width: 66px;
        height: 66px;
    }

    button.cerca-giocatori {
        width: 50px;
        height: 50px;
        right: 90px;
        background: #e3e3e3;
        border-radius: 100px;
        bottom: 21px;
        align-items: center;
        justify-content: center;
    }

    #closeButton {
        background: transparent;
        padding: 0;
        bottom: 10px;
        left: 20px;
        position: fixed;
        z-index: 99999;
    }

    #openTools {
        background: transparent;
        padding: 0;
        bottom: 10px;
        right: 160px;
        position: fixed;
        z-index: 99999;
    }

    #openProfile {
        right: 20px;
    }

    body.open-filter,
    body.open-profile {
        overflow: hidden;
        height: 100vh;
    }

    body.open-profile #advancedSearchContainer .card {
        right: 0;
    }

    body.open-profile #sidebar .card {
        left: 0;
    }

    body.open-filter #contenitoreFiltri {
        left: 15px;
    }

    body.open-filter #sidebar #wrapMultiSelect,
    body.open-filter #sidebar #profileLinks {
        left: 0px;
    }

    body.open-filter #wrapMultiSelect {
        background: #fffd;
    }

    .lista-tab .toggleFiltri {
        display: none;
    }

    /* GIOCATORI*/
    /* .relationCntainer .searchItemRow {
        //display: grid !important;
        //grid-template-columns: minMax(40px, 60px) 1fr 1fr; 
        //grid-template-areas:"a b b"
        //    "c d e"
        //    "f f f"
        //    "g g g";
    }*/
    .relationCntainer .searchItemRow .playerFigure:not(.inner_wrap) {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        grid-area: a;
    }

    .relationCntainer .searchItemRow .team-inner-logo {
        grid-area: c;
    }

    .relationCntainer .searchItemRow .team-inner-name {
        grid-area: d;
    }

    .relationCntainer .searchItemRow .stagione {
        grid-area: e;
    }

    .relationCntainer .searchItemRow .playerName {
        max-width: 100%;

        grid-area: b;
    }

    .row-confirm-dialog-label {
        grid-area: f;
    }

    .relationCntainer .searchItemRow .row-confirm-dialog {
        grid-area: g;
    }

    .relationCntainer .team-name-short {
        display: block;
        margin-left: 2px;
    }

    /* FINE MOBILE *******************************************/
}

/* FINE MOBILE *******************************************/

#advancedSearchContainer .content {
    /*min-height: 87vh;*/
}

#advancedSearchContainer .logo {
    max-height: 75px;
    margin-bottom: 0;
}

#advancedSearchContainer .logo img {
    max-height: 75px;
    width: auto;
    object-fit: contain;
}

#logOut {
    font-size: 12px;
    text-transform: none;
    font-weight: 300;
}

#stagioneContainer select {
    width: 100%;
}

#stagioneContainer label {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 0;
    padding-top: 15px;

    /* align-self: center; */
}

.searchcomp_check,
.searchteam_check {
    float: right;
    display: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    padding: 0px 4px 0px 0px;
    font-size: 21px !important;
    position: relative;
    /*right: 0;*/
    color: #999;
}



/* Seleziona il campo di ricerca quando ci sono elementi selezionati */
.select2-selection--multiple:has(.select2-selection__choice) .select2-search__field {
    min-width: 30px !important;
    max-width: 100px !important;
}

/* Seleziona il campo di ricerca quando non ci sono elementi selezionati */
.select2-selection--multiple:not(:has(.select2-selection__choice)) .select2-search__field {
    /*width: 100% !important;*/
}

.select2 ul {
    margin-top: 0;
    margin-bottom: 0;
}

.select2:active {
    opacity: .5;
}

figure {
    margin: 0;
}

.select2-container img {
    max-width: 16px !important;
}

.select2-selection__rendered span {
    display: flex;
    align-items: center;
}

.select2-selection__rendered figure {
    overflow: hidden;
    padding: 0px;
}

.select2-selection__rendered figure img {
    max-width: 26px !important;
}

.select2-results__options img {
    max-width: 100% !important;
    padding: 2px;
}

.select2-results__options .select2-results__option {
    padding: 10px;
}


   



.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0px;
    max-height: 150px;
    resize: vertical;
    overflow-y: auto;
    min-height: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    min-height: 40px;
    display: flex;
    align-items: center;
    padding-right: 40px;
    width: 100%;
}

#profileLinks .select2-selection,
#topHeader .select2-selection{
  min-height: 40px !important;
}  

.select2-container--default .select2-selection--multiple .select2-selection__rendered[style*="height"] {
    max-height: unset;
}

.select2-selection,
.percent_impiego {
    min-height: 52px !important;
    border-radius: 10px !important;
    /*border: solid 1px #ccc !important;*/
    height: 48 !important;
    margin: 0px 0px 0px 0px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    float: none;
    position: absolute;
    font-size: 20px;
    right: 0px;
    font-size: 21px;
    top: 0px;
    padding: 0px;
}

#select2-searchcomp-results li[aria-disabled="true"],
#select2-searchteam-results li[aria-disabled="true"] {
    display: none !important;
}

.select2-results__option[aria-disabled="true"] {
    display: none;
}

#stagioneContainer .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000000;
    font-weight: 700;
    font-size: 18px;
}

#stagioneContainer .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #422d69 transparent transparent transparent;
}

#stagioneContainer .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #422d69 transparent;
}

input[type="text"],
input[type="url"],
input[type="tel"],
input[type="email"]{
    font-size: 14px;
    line-height: 21px;
    color: #ccc;
    border: 2px solid #777;
    width: 100%;
    max-width: 100%;
    height: 40px;
    padding: 3px 9px;
   /*  background: #111; */
    /* responsive portrait phone */
}
textarea{
    color: #ccc;
    border: 2px solid #777;
    background: #111;
    min-height: 40px;
}

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

    input[type="text"],
    input[type="url"],
    input[type="tel"],
    input[type="email"] {
        font-size: 16px;
    }
}

input[type="password"] {
    width: 100%;
    position: relative;
    top: 0;
    display: inline-table;
    vertical-align: middle;
    font-size: 12px;
    line-height: 21px;
    color: #444;
    border: 1px solid #ccc;
    max-width: 100%;
    height: 34px;
    padding: 3px 9px;
    /* margin-bottom: 10px;*/
    /* responsive portrait phone */
}

@media screen and (max-width: 767.9px) {
    input[type="password"] {
        font-size: 16px;
    }
}

.page-template-template-scouting label {
    font-weight: 500;
    display: inline-block;
    margin-bottom: 2px;
}

.toggleFiltri:active,
.toggleFiltri:focus,
.toggleFiltri:hover,
.toggleFiltri {
    min-width: 100px;
    height: 40px;
    position: relative;
    text-align: center;
    padding-top: 0px;
    background: transparent;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

.toggleFiltri span {
    width: 27px;
    height: 3px;
    background: #383838;
    position: relative;
    display: block;
    margin: auto;
    margin-top: 8px;
    border-radius: 3px;
    transform: translateX(0%) rotate(0deg);
    opacity: 1;
    transition: all 0.2s ease-out;
}

.toggleFiltri span:after {
    position: absolute;
    width: 9px;
    height: 9px;
    background: #ffffff;
    border: 2px solid #383838;
    content: "";
    display: block;
    margin-top: -3px;
    border-radius: 50%;
    transition: all 0.2s ease-out;
}

.toggleFiltri span:nth-child(1):after {
    left: 3px;
}

.toggleFiltri span:nth-child(2):after {
    right: 3px;
}

.toggleFiltri span:nth-child(3):after {
    left: 10px;
}

.toggleFiltri .badge {
    background: #bbe539;
    color: #fff;
    position: absolute;
    top: 0;
    left: 40px;
    text-align: center;
    padding: 5px;
    font-size: 12px;
    border-radius: 30px;
    min-width: 22px;
}

.toggleFiltri.open span:nth-child(2) {
    transform: translateX(100%);
    opacity: 0;
}

.toggleFiltri.open span:nth-child(2):after {
    transform: translateX(-300%);
    opacity: 0;
}

.toggleFiltri.open span:nth-child(3) {
    transform: rotate(-45deg);
    top: -10px;
    width: 32px;
}

.toggleFiltri.open span:nth-child(1) {
    transform: rotate(45deg);
    top: 12px;
    width: 32px;
}

.toggleFiltri.open span:nth-child(3):after,
.toggleFiltri.open span:nth-child(1):after {
    opacity: 0;
}

.toggleFiltri-custom:focus,
.buttonAdd:focus {
    outline: none !important;
}

.toggleFiltri-custom span:nth-child(1):after {
    left: 3px;
}

.toggleFiltri-custom span:nth-child(2):after {
    right: 3px;
}

.toggleFiltri-custom span:nth-child(3):after {
    left: 10px;
}

.toggleFiltri-custom .badge {
    background: #bbe539;
    color: #fff;
    position: absolute;
    top: 0;
    left: 40px;
    text-align: center;
    padding: 5px;
    font-size: 12px;
    border-radius: 30px;
    min-width: 22px;
}

.toggleFiltri-custom.open span:nth-child(2) {
    transform: translateX(100%);
    opacity: 0;
}

.toggleFiltri-custom.open span:nth-child(2):after {
    transform: translateX(-300%);
    opacity: 0;
}

.toggleFiltri-custom.open span:nth-child(3) {
    transform: rotate(-45deg);
    top: -14px;
    width: 28px;
}

.toggleFiltri-custom.open span:nth-child(1) {
    transform: rotate(45deg);
    top: 7px;
    width: 28px;
}

.toggleFiltri-custom.open span:nth-child(3):after,
.toggleFiltri-custom.open span:nth-child(1):after {
    opacity: 0;
}

#scoutingTab {
    padding-top: 10px;
    overflow: hidden;
    margin-bottom: -1px;
}

.menu-primary .link-menu {
    padding: 16px 8px;
    font-weight: 500;
}

#iubenda_policy a.link-menu {
    padding: 16px 8px !important;
    color: #fff;
}

#iubenda_policy a:hover:not(.btn),
#iubenda_policy a.link-menu:hover {
    color: #fff !important;
}

.nav-tabs.pill{border: 2px solid #aaa; border-radius: 50px; padding:4px !important; column-gap:5px;}

.nav-tabs .nav-item .nav-link,
.nav-tabs .nav-link.active {
    position: relative;
    border: none !important;
    text-transform: uppercase;
    font-weight: 600;
    background: transparent !important;
    color: #aaa !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 0px; /* 5px 0px 0px;*/
    transition: all 0.2s ease;
    border-radius: 50px;
}

.nav-tabs .nav-item .nav-link:not(.active):hover {

    color: #eee !important;
}

.nav-tabs .nav-link.active {
    background: #444 !important;
    color: #fff !important;

}

.nav-tabs.style-white .nav-item .nav-link {
    background: #383838;
    color: #fff;
}

.nav-tabs.style-white .nav-item .nav-link.active {
    background: #111;
    color: #fff;
}
.nav-tabs.style-white .nav-item {
    margin-bottom: 0px;
}
.nav-tabs.style-white .nav-item .nav-link:hover {

    color: #fff;
}
.nav-tabs.style-pills .nav-item .nav-link {
    background: #000;
    color: #C6C6C6;
    border-radius: 20px;
}

.nav-tabs.style-pills .nav-item .nav-link.active {
    background: #707070;
    color: #000000;
}
.nav-tabs.style-pills .nav-item {
    margin-bottom: 0px;
}
.nav-tabs.style-pills .nav-item .nav-link:not(.active):hover {

    color: #fff;
}

.nav-tabs.style-gray .nav-item .nav-link {
    background: #000;
    color: #ccc;
}



.nav-tabs.style-gray .nav-item .nav-link.active,
.nav-tabs.style-gray .nav-item .nav-link.active:hover {
    background: #111 !important;
    color: #fff !important;
}

.nav-tabs.style-gray .nav-item .nav-link:hover {

    background: #111;
}

.nav-tabs.style-gray .nav-item .nav-link:hover {
    color: #fff;
}

.nav-tabs.style-gray .nav-item .nav-link {

    border-bottom: 1px solid #333 !important;
    border-top: 1px solid #333 !important;
    border-left: 1px solid #333 !important;
    border-right: 1px solid #333 !important;
    border-radius: 10px;
}

.nav-tabs.style-gray .nav-item {
    padding: 10px !important;
    transition: padding .1s ease-out;
}

.nav-tabs.style-gray .nav-link.active {

    border-bottom: 0px !important;
    border-top: 1px solid #676767 !important;
    border-left: 1px solid #676767 !important;
    border-right: 1px solid #676767 !important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.nav-tabs.style-gray .nav-item:has(.nav-link.active) {
    padding: 0px !important;
    margin-bottom: -2px;
}

.tab-content.style-gray {
    border: 1px solid #676767 !important;
    background: #111;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.nav-tabs.style-purple .nav-item .nav-link {
    background: #000;
    color: #fff;
    transition: all .3s ease;
}

.nav-tabs.style-purple .nav-item .nav-link.active {
    background: #383838;
    color: #fff;
}

.nav-tabs.style-purple .nav-item .nav-link:hover {
    background: #38383811;
    color: #000000;
}

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

.overflow-height-500 {
    max-height: 500px;
    overflow: auto !important;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000000;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000000;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #000000;
}

.hiddenInputControl,
.hiddenInputControlClass,
.hiddenInputContainer {
    display: none;
}

.hiddenInputControl:checked+.hiddenInputContainer,
.hiddenInputControlClass:checked+.hiddenInputContainer {
    display: block;
}

.hiddenInputContainer {
    padding: 15px;
    text-align: center;
}

.hiddenInputContainer input[type="text"],
#searchnome {
    /* max-width: 1000px;*/
    font-size: 17px;
    padding: 10px 25px;
    border-radius: 50px;

    height: auto;
    padding-left: 40px;
}

.icon-search svg {
    color: #C8A227;
}

/*.icon-search-home:before {
    content: url(/assets/img/lente.svg);
    position: absolute;
    left: 50px;
    top: 66px;
}*/

.icon-search {
    /* content: url(/assets/img/lente.svg);*/
    position: absolute;
    left: 15px;
    display: flex;
}

form .icon-search {
    /* content: url(/assets/img/lente.svg);*/
    position: absolute;
    left: 20px;
    top: 17px;
    display: flex;
}

#tabSearchScores .hiddenInputContainer input[type="text"] {
    padding: 6px 25px;
}

.radio-label {
    position: relative;
    /* padding-left: 50px; */
    min-width: 160px;
    font-size: 18px;
    padding-bottom: 10px;
    display: flex;
}

.radio-label span {
    width: 26px;
    min-width: 26px;
    height: 26px;
    border-radius: 50px !important;
    border: 1px solid #383838;
    display: flex;
    margin-right: 10px;
    align-items: center;
    justify-content: center;
    background: #fff !important;
}

.radio-label .anno {
    padding-right: 10px;
}

.radio-label span:after {
    width: 16px;
    height: 16px;
    /* position: absolute; */
    background: transparent;
    content: "";
    display: block;
    /* top: 4px;
    left: 4px; */
    border-radius: 18px;
    margin-top: 3px;
}

.radio-label.active span:after {
    /* background: #020202; */
    background: url(/assets/img/spunta_verde.svg);
}

.side .username {
    font-weight: 500;
    max-width: 284px;
}

.side .sep {
    margin: 0px 0px 10px 0px;
}

.side .sep span {
    width: 96%;
    height: 1px;
    display: inline-block;
    background: #fff2;
    margin: auto;
}

.side #profileLinks {
    margin-bottom: 10px;
}

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

.searchItemRow .creationDate {
    max-width: 120px;
    margin-left: auto;
}

.searchItemRow:not(.news-box) .playerFigure[data-type="squadre"] img {
    padding: 5px;
}

.searchItemRow:not(.news-box) .playerFigure:not(.inner_wrap) {}

.searchItemRow .info-fig-name .competitionLogo {
    max-width: 30px;
}

.playerFigure.ui-draggable-dragging {
    max-width: 30px !important;
    width: 30px !important;
    height: 30px !important;
    max-height: 30px !important;
    z-index: 9999;
    color: #ffffff;
}

.playerFigure.ui-draggable-dragging img {
    max-width: 30px !important;
    width: 30px !important;
    height: 30px !important;
    object-fit: contain;
    border-radius: 50%;
    background-image: url("../img/fondo-profilo.png");
    background-size: 30px !important;
}

.playerFigure.ui-draggable-dragging svg {
    width: 30px;
    height: 30px;
    background: #383838;
    border-radius: 30px;
}

.searchItemRow .playerPic {
    width: 60px;
    height: 60px;
    background-size: 100%;
    object-fit: contain;
    border-radius: 50%;

    border: 2px solid #383838;
    /* transition: all 0.3s ease;*/

    /*background-color: #383838;*/
    background: -webkit-linear-gradient(#383838, #fff);
    background: -moz-linear-gradient(#383838, #fff);
    background: -o-linear-gradient(#383838, #fff);
    background: linear-gradient(#383838, #fff);

    -webkit-transition:
        background 1s ease-out,
        transform 0.3s ease;
    -moz-transition:
        background 1s ease-out,
        transform 0.3s ease;
    -o-transition:
        background 1s ease-out,
        transform 0.3s ease;
    transition:
        background 1s ease-out,
        transform 0.3s ease;

    background-size: 1px 100px;
}

.searchItemRow:hover .playerPic {
    /*background-color: #a694c7;*/
    transform: scale(1.15);
    background-position: 50px;
}

body.team_dataset .searchItemRow .playerPic,
body.comp_dataset .searchItemRow .playerPic {
    background-color: #fff;
}

#MyConfronto {
    padding: 15px 0;
}

.ruolo-giocatore-confronto {
    font-weight: normal;
}

#MyConfronto .searchItemRow .playerPic,
#MyConfronto .searchItemRow .playerFigure {
    width: 100px;
    max-width: 100px;
    height: 100px;
}

.searchItemRow .playerName,
#utenze .playerName {
    font-size: 16px;
    font-weight: 500;
}

.searchItemRow .playerName p,
#utenze .playerName p {
    font-size: 14px;
    font-weight: 400;
}

#MyConfronto .searchItemRow {
    margin: 0;
    margin-bottom: 10px;
    background: rgba(75, 30, 111, 0.1) !important;
}

.searchItemRow .competition,
.searchItemRow .team,
.searchItemRow .country,
.searchItemRow .stagione {
    /*  max-width: 120px; */
    padding: 0;
    color: #000000;
    font-weight: 400;
}

.searchItemRow .competition {
    /*max-width: 180px;*/
    text-align: left !important;
}

.searchItemRow .stagione {
    padding-left: 5px;
    font-size: 90%;
    line-height: 16px;
    max-width: 100%;
    text-align: left !important;
}

.team_dataset .searchItemRow .playerPic {
    border-radius: 0% !important;
    padding: 10px 8px 6px 8px !important;
}

.searchItemRow .competition-name {
    font-weight: 500;
    line-height: 13px;
    margin: 0 !important;
}

#MyConfronto .searchItemRow .competition,
#MyConfronto .searchItemRow .team,
#MyConfronto .searchItemRow .country,
#MyConfronto .searchItemRow .stagione {
    max-width: 200px;
}

#MyConfronto .searchItemRow .compare {
    display: none;
}

.searchItemRow .col,
.searchItemRow .col-md {
    align-self: center;
}

.searchItemRow .col span {
    margin: auto 0;
    padding-left: 5px;
    font-size: 12px;
    color: #fff;
}

.searchItemRow .info-country-season {
    font-size: 12px;
}

.searchItemRow .roleOpta,
.pill-green,
.widget-players-in-evidence .players-in-evidence-inner ul li .user_icon .user_text span {
    font-size: 10px;
    border: 1px solid #cbcbcb;
    padding: 0 8px;
    border-radius: 100px;
    /*white-space: nowrap;*/
    margin: 2px 0px 2px 0px;
    font-weight: normal;
    text-transform: uppercase;
}

.pill-cyan {
    font-size: 12px;
    border: 1px solid #00d0d5;
    padding: 0 8px;
    border-radius: 100px;
    white-space: nowrap;
    margin: 2px 0px 2px 0px;
}

.pill-green {
    border: none !important;
    color: #000000;
    background: #C8A227;
    border-radius: 100px;
    white-space: nowrap;
}

.pill-white {
    font-size: 12px;
    border: 1px solid #cbcbcb;
    color: #000000;
    background: #fff;
    padding: 0 8px;
    border-radius: 100px;
    white-space: nowrap;
    margin: 2px 0px 2px 0px;
}

.pill-white-purple {
    font-size: 12px;
    border: 2px solid #676767;
    color: #fff;
    background: #000;
    padding: 3px;
    border-radius: 100px;
    white-space: nowrap;
    margin: 0px;
}

.pill-transparent-light-3 {
    border: 2px solid #C8A227;
    color: #C8A227;
    background: transparent;
    padding: 3px;
    border-radius: 100px;
    white-space: nowrap;
    margin: 0px;
    transition: all 0.2s ease-out;
}

.pill-transparent-light-3:hover {
    border: 2px solid #C8A227;
    color: #fff;
    background: #C8A227;
}

.pill-white-light-3 {
    border: 2px solid #C8A227;
    color: #C8A227;
    background: #000;
    padding: 3px;
    border-radius: 100px;
    white-space: nowrap;
    margin: 0px;
    transition: all 0.2s ease-out;
}

.pill-white-light-3:hover {
    border: 2px solid #C8A227;
    color: #fff;
    background: #C8A227;
    background-image: linear-gradient(rgb(0 0 0/5%) 0 0);
}

.pill-gradient-light-3 {
    border: 2px solid #383838;
    color: #000000;
    background: transparent linear-gradient(0deg, #C8A227 0%, #f4ff9f 100%) 0% 0% no-repeat padding-box;
    padding: 3px;
    border-radius: 100px;
    white-space: nowrap;
    margin: 0px;
    /*transition: all 0.2s ease-out;*/
    outline-style: outset;
}

.pill-gradient-light-3:hover {
    outline-style: inset;
}

.pill-light-2 {
    color: #000000;
    background: #d1d1d1;
}

.pill-light-2:hover {
    color: #fff;
    background: #383838;
}

.wrap-switch label,
.wrap-squadre-avversarie label {
    cursor: pointer;
}

.searchItemRow .col span.team-name {
    font-weight: 700;
}

.searchItemRow .col.compare svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.searchItemRow .col.compare svg path {
    fill: #fff !important;
}

.searchItemRow .col.compare {
    /* border-radius: 50px;
    max-width: 30px;
    height: 30px;
    margin-right: 20px; */
}

.searchItemRow .competition figure,
.searchItemRow .team figure {
    width: 40px;
    min-width: 40px;
    height: 40px;
    align-self: center;
    background: #f7f7f7;
    padding: 5px;
    border-radius: 50px;
    border: 1px solid #d6d6d6;
    display: flex;
}

@media screen and (max-width: 767.9px) {
    #resultsetTable .searchItemRow .wrap-all-inside .col.competition {
        max-width: 100% !important;
        width: 100%;
    }

    button.close.menu_overlay {
        display: none !important;
    }

    .searchItemRow .competition figure,
    .searchItemRow .team figure {
        width: 30px;
        min-width: 30px;
        height: 30px;
    }

    .searchItemRow .col span {
        font-size: 12px;
    }
}

.select2 figure:not(.circle-40) {
    width: 26px;
    min-width: 26px;
    height: 26px;
    background: #fff;
    border-radius: 50px;
    border: 1px solid #fff;
    text-align: center;
    display: flex !important;
    padding: 1px;
}

.select2-container .select2-search--inline .select2-search__field {
    height: 20px;
}

/*
.select2-container--default .select2-selection--multiple .select2-selection__rendered li figure{

    margin-left: -5px;

}*/
.select2-results figure {
    /*padding: 3px !important;*/
    border-radius: 100px;
    background: #fff;
    width: 35px;
    height: 35px;
    min-width: 35px;
    overflow: hidden;
    text-align: center;
}

.select2-results figure img {
    padding: 0px !important;
    width: auto;
    height: auto;
    max-height: 100%;
}

.select2-results figure img.teamLogo,
.select2-results figure img.competitionLogo {
    padding: 4px !important;
}

.select2 figure img.teamLogo,
.select2 figure img.competitionLogo {
    padding: 1px !important;
}

.comp_dataset .searchItemRow .competition figure {
    width: 60px;
    height: 60px;
    padding: 10px;
}

.searchItemRow .playerName {
    /*  max-width: 45%; */
    /* max-width: 180px; */
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.searchItemRow .team {
    justify-content: center;
    /* padding-right: 75px; */
}

.searchItemRow .info-team-comp {
    justify-content: end;
}

body .team_dataset .searchItemRow .info-team-comp {
    justify-content: start;
}

.searchItemRow .team-inner-logo.team {
    max-width: 50px;
}

.searchItemRow .team-inner-name.team {
    justify-content: flex-start;
}

.searchItemRow .wrap-all {
    /* background: #020202; */
}

#resultsetTable {
    min-width: 100%;
}

.searchItemRow .wrap-all-inside {
    background: #000;
    color: #fff;
    /* border-bottom-right-radius: 55px; */
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 95 px;
    border: 1px solid #676767;
    border-radius: 15px;
}

.searchItemRow .info-fig-name {
    flex-grow: 1;
    /* max-width: 450px;
    width: 100%;*/
}

.searchItemRow .info-team-comp {
    max-width: 77%;
    flex-grow: 1;
}

@media screen and (max-width: 767.9px) {
    .searchItemRow .info-team-comp {
        max-width: 100%;
    }
}

#resultsetTable .searchItemRow .col.competition {
    justify-content: start;
}

body.comp_dataset #resultsetTable .searchItemRow .wrap-all-inside .col.competition,
body.comp_dataset #resultsetTable_confronto_ricerca .searchItemRow .wrap-all-inside .col.competition,
body.comp_dataset #resultsetTable_confronto .searchItemRow .wrap-all-inside .col.competition {
    max-width: 100% !important;
    justify-content: flex-start !important;
}

body.comp_dataset #resultsetTable .searchItemRow .wrap-all-inside .info-fig-name,
body.comp_dataset #resultsetTable_confronto_ricerca .searchItemRow .wrap-all-inside .info-fig-name,
body.comp_dataset #resultsetTable_confronto .searchItemRow .wrap-all-inside .info-fig-name {
    padding-bottom: 0;
    display: none !important;
}

body.comp_dataset .searchItemRow .info-team-comp {
    max-width: 100%;
    margin-left: 10px;
}

.info-fig-name {
    padding-left: 11px;
}

#resultsetTable_confronto .compare.giocatore-aggiunto {
    display: none !important;
}

.searchItemRow .wrap-all-inside {
    flex-wrap: wrap;
}

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

    .info-team-comp,
    .info-storico-cancel-btn {
        padding-top: 10px;
    }

    .icon-search-home:before {
        left: 32px;
        top: 63px;
    }

    .searchItemRow .info-fig-name,
    .searchItemRow .info-team-comp {
        /*max-width: 100%;*/
    }

    #resultsetTable .searchItemRow .wrap-all-inside .playerName {
        /*width: 100%;
        min-width: 100% !important;*/
    }

    #resultsetTable .searchItemRow .wrap-all-inside .col.team {
        /*max-width: 100px !important;*/
    }

    #resultsetTable .searchItemRow .wrap-all-inside .col.competition {
        /* max-width: 300px !important;*/
    }

    #resultsetTable .searchItemRow .col.team,
    .searchItemRow .col.competition {
        /*  align-self: start; */
        justify-content: start;
    }

    #resultsetTable_confronto_ricerca .col.playerFigure,
    #resultsetTable_confronto .col.playerFigure {
        justify-content: flex-start;
        max-width: 40px !important;
    }

    #resultsetTable_confronto_ricerca .searchItemRow .col.team,
    #resultsetTable_confronto .searchItemRow .col.team {
        max-width: 100px !important;
        justify-content: flex-start;
    }

    #resultsetTable_confronto_ricerca .searchItemRow .wrap-all .col.team,
    #resultsetTable_confronto .searchItemRow .wrap-all .col.team {
        max-width: 100px !important;
    }

    #resultsetTable_confronto_ricerca .searchItemRow .wrap-all .col.competition,
    #resultsetTable_confronto .searchItemRow .wrap-all .col.competition {
        /*  align-self: start; */
        max-width: 70% !important;
    }

    .searchItemRow .info-fig-name,
    .searchItemRow .info-team-comp {
        flex-grow: 1;
        /*min-width: 100%;*/
    }

    #resultsetTable_confronto .holder-tag-comp {
        padding-top: 0px !important;
    }

    body.team_dataset .searchItemRow .info-fig-name,
    body.team_dataset .searchItemRow .info-team-comp {
        min-width: auto;
        padding-bottom: 0px;
    }

    /* .searchItemRow .info-fig-name {
        padding-bottom: 10px;
    }*/
}

.searchItemRow td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

@media screen and (max-width: 576px) {
    .relationCntainer .team-inner-name {
        display: none !important;
    }

    .searchItemRow td {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .searchItemRow .info-team-comp {
        border-top: 1px solid #e3e3e3;
    }

    .searchItemRow .competition {
        max-width: inherit;
        /*text-align: right !important;*/
    }
}

#resultsetTable .searchItemRow:first-child td {
    padding-top: 10px !important;
}

/* .relationCntainer .playerName>a{
    border-bottom: 1px solid;
} */

.searchItemRow .team {
    /*  max-width: 45%; */
}

#searchResultContainer .ct {
    padding: 0 10px;
    font-size: 110%;
    font-weight: 500;
}

#contenitoreFiltri {
    border: 1px solid #eaeaea;
    border-top: 0;
    /*background: #f9f9f9;*/
    background: #f3f3f3;
    margin-bottom: 15px;
}

#contenitoreFiltriRelazioni {
    border: 1px solid #eaeaea;
    border-top: 0;
    background: #f9f9f9;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px;
}

#panelutenti-club #contenitoreFiltri {
    margin: 0 10px;
}

.pager button {
    background: #efefef;
    border-radius: 0px;
}

.pager button.active,
.btn-page.active {
    background: #bbe539;
    color: #000000;
}

#box_minitab {
    padding: 20px 0;
    position: relative;
    min-height: 200px;
    align-items: center;
}

.minitab {
    display: inline-block;
    margin: 1px;
    transition: all 0.2s ease-out;
    text-align: center;
    padding: 5px;
    color: #fff;
    font-size: 13px;
}

.minitab input[type="number"] {
    display: none;
    font-size: 18px;
    text-align: center;
    max-width: 100%;
    color: #181818;
}

.minitab .myclose {
    position: absolute;
    bottom: 2px;
    top: auto;
    right: 53px;
    display: none;
    transform: rotate(-45deg);
}

.minitab.portavanti {
    width: 130px;
    height: 130px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    font-size: 16px;
    position: absolute !important;
    z-index: 1;
    left: 50% !important;
    top: 50% !important;
    margin-top: -65px;
    margin-left: -65px;
}

.minitab.portavanti .myclose {
    display: block;
}

.btnProfileLinksToggle {
    background: transparent;
    font-size: 45px;
    color: #00d0d5;
}

.btnProfileLinksToggle svg {
    width: 35px;
}

#profileLinks .sep:first-child {
    display: none;
}

@media screen and (min-width: 990px) {
    #sidebar:not(.oldone) {
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        position: sticky;
        top: 100px;
        /*z-index: 999;*/
        max-height: calc(100vh - 20px);
        overflow: auto;
    }

    #sidebar .widget-players-in-evidence {
        max-height: calc(100vh - 20px);
        overflow: auto;
    }
}

.fixed-right a {
    font-size: 14px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.fixed-right a.got-svg {
    margin: 0px 0px 0px 0px;
    height: 70px;
    border-top: 1px solid #fff2;
    width: 100%;
    padding: 0px 25px;
    position: relative;
}

.fixed-right a.got-svg:hover::before {
  width: 100%;
  opacity: 1;
}
.fixed-right a.got-svg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: linear-gradient(to right, #fff1, #fff0);
  opacity: 1;
  transition: all 0.3s cubic-bezier(.28,.07,.35,1);
  z-index: 0;
}


.fixed-right a svg {
    color: #fff;
    width: 30px;
}

.profile-holder {
    padding-bottom: 30px;
}

.btnProfileLinksToggle svg rect {
    fill: #00d0d5 !important;
    stroke: #00d0d5 !important;
}

.holder-icon-profile-toggle {
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    padding: 0px 0;
    margin-top: 30px;
    background: #fff;
    z-index: 3;
    position: relative;
    border-radius: 15px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 34px;
}





.switch input {
    display: none;
}

.filters-cont .switch {
    position: relative;
    display: inline-block;
    width: 70px !important;
    height: 30px !important;
    margin: 0px !important;
}


.filters-cont .slider::before {
    height: 23px;
    width: 23px;
    left: 4px;
    top: 3px;
}


.filters-cont input:checked+.slider::before {
    -webkit-transform: translateX(38px);
    -ms-transform: translateX(38px);
    transform: translateX(38px);
}

.filters-cont .onradio,
.filters-cont .offradio {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    font-size: 13px;
    /*font-family: Verdana, sans-serif;*/
    transition: all 0.2s ease-in;
}

.filters-cont .offradio {
    left: 60%;
}

.filters-cont .onradio {
    left: 40%;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

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

    .switch {

        width: 80px !important;
        height: 24px !important;
        margin: 0px !important;
    }

    .status-attiva .switch {

        width: 50px !important;

    }

    .slider:before {

        height: 16px;
        width: 16px;

    }
}


.switch.h-17 {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 21px;
}

.switch.h-17 .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: #C8A227;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.switch.h-17 .onradio {
    left: 40%;
    font-size: 12px;
}

.switch.h-17 .offradio {

    left: 60%;
    font-size: 12px;

}

.switch.h-17 input:checked+.slider:before {
    -webkit-transform: translateX(29px);
    -ms-transform: translateX(29px);
    transform: translateX(29px);
}

.switch.h-17 input:not(:checked)+.slider:before {
    background: #555;
}

input:checked+.slider {
    background-color: #eaeaea;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196f3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(55px);
    -ms-transform: translateX(55px);
    transform: translateX(55px);
}

#camporadar input:checked+.slider::before {
    -webkit-transform: translateX(126px);
    -ms-transform: translateX(126px);
    transform: translateX(126px);
}

/*------ ADDED CSS ---------*/
.onradio {
    display: none;
}

.onradio,
.offradio {
    color: #000;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    font-size: 13px;
    /*font-family: Verdana, sans-serif;*/
}

input:checked+.slider .onradio {
    display: block;
}
input + .slider {
    background-color: #333 !important;
}
input + .slider .offradio {
    color: #ccc;
}
input:checked + .slider {
    background-color: #777 !important;
}
input:checked + .slider .onradio{
    color: #fff;
}


input:checked+.slider .offradio {
    display: none;
}

/*--------- END --------*/

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

#searchnome_confronto {
    font-size: 18px;
    padding: 10px 25px;
    border-radius: 50px;
    /*margin: auto;*/
    height: auto;
    padding-left: 40px;
}

.btn-get-giocatori-lista {
    border: 1px solid;
    background: transparent;
    color: #000000;
    align-self: flex-end;
}

.btn-get-giocatori-lista:hover {
    background: transparent;
}

.btn-get-giocatori-lista:hover svg {
    fill: #bbe539;
    stroke: #bbe539;
}

.btn_confronto_giocatori {
    font-size: 18px;
}

.btn_confronto_giocatori:hover {
    font-size: 22px;
    color: #bbe539;
}

/* 
.btn-add-stats-confronto {
    color: #000000;
    border-radius: 5px !important;
    font-size: 0.9rem;
    display: flex;
    width: 220px;
    justify-content: space-around;
    padding: 5px;
    margin-left: 15px;
    outline: none;
    position: relative;
    margin-bottom: 10px;
    font-weight: 700;
    background: transparent;
    border: 1px solid #383838 !important;
    transition: background 0.2s ease-out;
}
*/
/* .btn-add-stats-confronto i {
    font-size: 30px;
} */
.btn-add-stats-confronto span.icon-relazione-btn {
    background: #fff;
    position: absolute;
    top: -15px;
    right: -13px;
    padding: 5px;
    color: #cbcbcb;
    font-size: 24px;
    align-items: center;
    display: flex;
    width: 31px;
    height: 30px;
    border-radius: 50px;
}

.btn_confronto_miei_giocatori_add {
    background: transparent;
}

.btn-add-stats-confronto:hover,
.btn_confronto_miei_giocatori_add:hover {
    /*  color: #bbe539;
    background: #020202; */
}

/* 
.btn_confronto_miei_giocatori_add:hover .fa-trash-alt{
    display:block  !important;
}

.btn_confronto_miei_giocatori_add:hover .fa-plus{
    display:none  !important;
} */

.relationCntainer .searchItemRow.aggiunto .btn_confronto_miei_giocatori_add .fa-trash-alt {
    display: block !important;
}

.relationCntainer .searchItemRow.aggiunto .btn_confronto_miei_giocatori_add .fa-plus {
    display: none !important;
}

#resultsetTable_confronto .col.base_confronto_giocatore {
    max-width: 50px !important;
}

#resultsetTable_confronto_ricerca .col:not(.playerName),
#resultsetTable_confronto .col:not(.playerName) {
    max-width: none;
}

#resultsetTable_confronto .col.compare.rimuovi-giocatore {
    max-width: 99px;
    justify-content: center;
    border-radius: 5px;
    padding: 0px;
}

/*#resultsetTable_confronto_ricerca .col.compare.aggiungi-giocatore,
#resultsetTable_confronto_ricerca .rimuovi-giocatore,
#resultsetTable_confronto_ricerca .giocatore-aggiunto,
#resultsetTable .col.compare {
    max-width: 50px !important;
}*/

#resultsetTable_confronto_ricerca .col.giocatore-comp-list {
    max-width: 120px;
}

#resultsetTable_confronto_ricerca .col.giocatore-comp-list .holder-giocatore-comp-list,
#resultsetTable_confronto .col.giocatore-comp-list .holder-giocatore-comp-list,
#resultsetTable_confronto_ricerca .col-md.giocatore-comp-list .holder-giocatore-comp-list,
#resultsetTable_confronto .col-md.giocatore-comp-list .holder-giocatore-comp-list {
    border: 1px solid !important;
    border-radius: 5px !important;
    padding: 4px;
    background-color: transparent;
    margin: auto;
    max-width: 100px !important;
}

#resultsetTable_confronto_ricerca .col.giocatore-comp-list .holder-giocatore-comp-list svg,
#resultsetTable_confronto .col.giocatore-comp-list .holder-giocatore-comp-list svg {
    height: 20px !important;
    width: 20px !important;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
}

#resultsetTable_confronto_ricerca .col.giocatore-comp-list .holder-giocatore-comp-list>span:not(.prov),
#resultsetTable_confronto .col.giocatore-comp-list .holder-giocatore-comp-list>span:not(.prov) {
    background: #383838;
    width: 20px;
    height: 20px;
    padding: 2px;
    border-radius: 100px;
}

#resultsetTable_confronto_ricerca .col.giocatore-comp-list .holder-giocatore-comp-list svg,
#resultsetTable_confronto .col.giocatore-comp-list .holder-giocatore-comp-list svg {
    margin-left: -2px;
    margin-top: -4px;
}

#resultsetTable_confronto_ricerca .col.giocatore-comp-list .holder-giocatore-comp-list svg path,
#resultsetTable_confronto .col.giocatore-comp-list .holder-giocatore-comp-list svg path {
    fill: #fff !important;
}

/* 
#resultsetTable_confronto  .col.giocatore-comp-list {
    display: none;
} */

#resultsetTable_confronto_ricerca .col.giocatore-comp-list .holder-giocatore-comp-list:hover,
#resultsetTable_confronto .col.giocatore-comp-list .holder-giocatore-comp-list:hover {
    background: #383838;
    color: #fff !important;
}

#resultsetTable_confronto_ricerca .col.giocatore-comp-list .holder-giocatore-comp-list:hover span,
#resultsetTable_confronto .col.giocatore-comp-list .holder-giocatore-comp-list:hover span {
    color: #fff !important;
}

#resultsetTable_confronto_ricerca .col.giocatore-comp-list .holder-giocatore-comp-list:hover svg path,
#resultsetTable_confronto .col.giocatore-comp-list .holder-giocatore-comp-list:hover svg path {
    fill: #fff !important;
}

/* overflow: hidden; -> commentato perche ho dovuto spostare dentro a wrap-all alcuni btns */
.searchItemRow .wrap-all {
    /*  border-radius: 15px; */
    /* overflow: hidden; */
}

#resultsetTable_confronto .rimuovi-giocatore,
#resultsetTable_confronto_ricerca .aggiungi-giocatore {
    display: block;
    background: transparent;
    color: #000000;
}

#resultsetTable_confronto button.btn_confronto_giocatori,
#resultsetTable_confronto_ricerca button.btn_confronto_giocatori,
#resultsetTable_confronto button.btn_confronto_giocatori,
#resultsetTable button.btn_confronto_giocatori {
    background: #000;
    color: #fff;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    padding: 5px 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#resultsetTable button.btn_confronto_giocatori svg {
    max-width: 14px !important;
}

#resultsetTable .searchItemRow .col.competition,
#resultsetTable .searchItemRow .playerName,
#resultsetTable .searchItemRow .team,
#resultsetTable_confronto_ricerca .searchItemRow .col.competition,
#resultsetTable_confronto_ricerca .searchItemRow .playerName,
#resultsetTable_confronto_ricerca .searchItemRow .team,
#resultsetTable_confronto_ricerca .searchItemRow .giocatore-comp-list,
#resultsetTable_confronto .searchItemRow .col.competition,
#resultsetTable_confronto .searchItemRow .playerName,
#resultsetTable_confronto .searchItemRow .team,
#resultsetTable_confronto .searchItemRow .giocatore-comp-list {
    /* max-width: 180px !important; */
    /* max-width: 50% !important; */
    /*min-width: auto;*/
}

#resultsetTable .searchItemRow .col.compare {
    display: none;
}

#resultsetTable[data-simili="1"] .searchItemRow .col.compare {
    display: block;
}

#resultsetTable_confronto_ricerca button.btn_confronto_giocatori i,
#resultsetTable_confronto button.btn_confronto_giocatori i {
    color: #45246b;
    font-size: 20px;
}

#resultsetTable_confronto .btn_confronto_giocatori.aggiungi-giocatore,
#resultsetTable_confronto_ricerca .rimuovi-giocatore

/*, 
 #resultsetTable_confronto_ricerca .btn_confronto_giocatori.rimuovi-giocatore*/
    {
    display: none;
}

#resultsetTable_confronto .searchItemRow td,
#resultsetTable_confronto_ricerca .searchItemRow td {
    flex-wrap: wrap;
    flex-direction: column;
    display: block !important;
}

#resultsetTable_confronto .searchItemRow td.disabled,
#resultsetTable_confronto_ricerca .searchItemRow td.disabled {
    opacity: 0.3;
    pointer-events: none;
}

#resultsetTable_confronto_ricerca .holder-tag-comp {
    display: none !important;
}

.text-center.loading-message {
    background: #383838;
    color: #fff;
    border-radius: 15px;
}

#resultsetTable_confronto .holder-tag-comp.filled {
    padding-top: 10px !important;
    /*padding-bottom: 10px;*/
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.tag-comp {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 4px;
    margin-left: 4px;
    margin-right: 4px;
    background-color: #bbe539;
    color: #000000;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    border-radius: 15px;
    text-align: left;
}

.tag-comp button.remove-direct-comp-list {
    background: transparent;
    padding: 0;
    margin-left: 10px;
}

.tag-comp.forced {
    display: none;
}

.holder-lista-comp-confronto-storico .radio-label figure.m-0 {
    width: 40px;
    min-width: 40px;
    height: 40px;
    align-self: center;
    background: #fff;
    padding: 1px;
    border-radius: 50px;
    border: 1px solid #d6d6d6;
    display: flex;
}

.holder-titolo-modale .playerPic {
    width: 60px;
    height: 60px;
    min-width: 60px;
    /* background-image: url(../img/fondo-profilo.png); */
    background-size: 100%;
    object-fit: contain;
    border-radius: 50%;
    background-color: #383838;
}

.holder-comp-unique .unique-comp {
    border: 2px solid;
    padding: 2px 5px;
    border-radius: 5px;
    background: transparent;
    min-width: 115px;
    font-size: 12px;
    line-height: 12px;
}

.holder-comp-unique .unique-comp.active {
    background: #383838;
    color: #fff;
}

.holder-comp-unique {
     overflow-x: auto; 
}

.holder-comp-unique.flex-no-wrap:before {
    content: "";
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    right: 15px;
    background: linear-gradient(274deg, rgba(0, 0, 0, 1) 19%, rgba(0, 0, 0, 0) 100%);
}

#modale-liste-comp input.source-search {
    border-radius: 17px;
    padding-left: 60px;
}

#modale-liste-comp .selectTitleContainer h6 {
    font-size: 14px;
}

#modale-liste-comp .ico-confronto-storico {
    width: 14px;
    min-height: 16px;
    margin-right: 2px;
}

#modale-liste-comp .selectTitleContainer .clearAll {
    font-size: 70%;
    display: block;
    float: right;
}

#modale-liste-comp .modal-header {
    border: 0;
    padding-bottom: 0;
}

#modale-liste-comp .selectTitleContainer {
    border-color: #4c1d6f !important;
}

#modale-liste-comp .source-search-container {
    position: relative;
}

#modale-liste-comp .source-search-container .icon-search {
    position: absolute;
    right: 15px;
    color: #cbcbcb;
    top: 30px;
    font-size: 16px;
}

#modale-liste-comp .selectTitleContainer.border-bottom.border-secondary {
    margin-bottom: 35px;
}

#modale-liste-comp .holder-lista-comp-confronto-storico .radio-label {
    font-size: 14px;
}

#modale-liste-comp .holder-lista-comp-confronto-storico .radio-label div {
    /* width: 38%; */
    flex-grow: 1;
    max-width: 300px;
    width: 100%;
}

#modale-liste-comp .holder-lista-comp-confronto-storico .radio-label div:first-of-type {
    /*  width: 24%; */
    display: flex;
    width: auto;
    min-width: 140px;
    align-items: center;
}

#modale-liste-comp .holder-lista-comp-confronto-storico .radio-label .label-team-comp {
    align-items: center;
    max-width: 500px !important;
    flex-direction: row;
}

.modal-role-opta {
    text-transform: uppercase;
    font-size: 12px;
    border: 1px solid #cbcbcb;
    padding: 2px 6px;
    border-radius: 15px;
}

body.comp_dataset .modal-role-opta,
body.team_dataset .modal-role-opta {
    display: none !important;
}

#modale-liste-comp .holder-lista-comp-confronto-storico .radio-label .radio-comp-mobile {
    display: none;
}

#modale-liste-comp .holder-lista-comp-confronto-storico .radio-team-name {
    font-weight: 700;
    font-size: 16px;
}

@media screen and (max-width: 767.9px) {
    #modale-liste-comp .holder-lista-comp-confronto-storico .radio-label {
        font-size: 13px;
    }

    #modale-liste-comp .holder-lista-comp-confronto-storico .radio-label .label-team-comp {
        flex-direction: column;
        align-items: flex-start;
    }

    .label-team-comp>div:first-child {
        padding-bottom: 5px;
    }

    #modale-liste-comp .holder-lista-comp-confronto-storico .radio-label .radio-comp {
        display: none;
    }

    #modale-liste-comp .holder-lista-comp-confronto-storico .radio-label .radio-comp-mobile {
        display: block;
    }
}

#modale-liste-comp .holder-lista-comp-confronto-storico {
    max-height: 500px;
    overflow-y: auto;
}

.modali-add-giocatori .resultsetTable tbody tr:nth-child(2n-1) {
    background-color: transparent !important;
}

.modali-add-giocatori .searchItemRow .playerFigure {
    max-width: 55px;
    width: auto;
}

.modali-add-giocatori .searchItemRow .stagione {
    max-width: 40%;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 0px;
}

.modali-add-giocatori .searchItemRow .info-player {
    flex-grow: 1;
    max-width: 340px;
    width: 100%;
}

.modali-add-giocatori .searchItemRow .btn-add {
    position: absolute;
    right: -40px;
    /* top: 0; */
}

@media screen and (max-width: 767.9px) {
    .modali-add-giocatori .searchItemRow .btn-add {
        position: absolute;
        right: -40px;
        top: 25px;
    }

    .modali-add-giocatori .searchItemRow .stagione {
        max-width: 100%;
    }

    .relationCntainer .row.searchItemRow {
        margin-bottom: 20px;
    }

    .modali-add-giocatori .searchItemRow .info-player {}
}

.modali-add-giocatori .searchItemRow .stagione .competizione-giocatore {
    border-radius: 5px;
    border-color: #c9c9c9;
}

#modale-add-giocatori .modal-title {
    font-size: 16px;
}

#modale-add-giocatori .competizione-giocatore {
    width: 300px;
}

.modali-add-giocatori .searchItemRow .team {
    align-items: center;
    justify-content: flex-start;
    min-width: 150px;
}

@media screen and (max-width: 767.9px) {
    .modali-add-giocatori .searchItemRow .team {
        min-width: auto;
    }
}

.modali-add-giocatori .searchItemRow .team .team-name {
    margin-left: 5px;
}

.alert-fd {
    border-radius: 15px;
    font-weight: 700;
}

.alert-fd.alert-warning {
    background: #371557;
    color: #fff;
}

.alert-fd.alert-success {
    background: #cbcbcb;
    color: #371557;
}

.base_confronto_giocatore .fas.fa-star {
    display: none;
}

.base_confronto_giocatore .far.fa-star {
    display: block;
}

.base_confronto_giocatore.active .fas.fa-star {
    display: block;
}

.base_confronto_giocatore.active .far.fa-star {
    display: none;
}

.base_confronto_giocatore {
    color: #371557;
}

.base_confronto_giocatore.active {
    color: #cbcbcb;
}

.testata-relazioni-giocatore {
    /*border-bottom: 1px solid;*/
}

.relazioneName {
    background: #f2f2f2;
}

.testata-relazioni-giocatore a .fa-plus {
    display: block;
}

.testata-relazioni-giocatore a .fa-minus {
    display: none;
}

.testata-relazioni-giocatore a:hover {
    color: #371557;
}

.testata-relazioni-giocatore a[aria-expanded="true"] .fa-plus {
    display: none;
}

.testata-relazioni-giocatore a[aria-expanded="true"] .fa-minus {
    display: block;
}

.testata-relazioni-giocatore .info-rel span,
.searchItemRow .data-aggiunta {
    font-weight: 700;
}

.testata-relazioni-giocatore .info-rel span {
    margin-left: 5px;
}

.col.icona-testata {
    color: #371557;
}

.giocatore-aggiunto.button {
    background: transparent;
}

.testata-relazioni-giocatore #svg circle {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 1s ease-out;
    stroke: #f4f3ef;
    stroke-width: 0.3em;
}

.testata-relazioni-giocatore #svg #bar {
    stroke: #afe900;
}

.testata-relazioni-giocatore #cont-radial-rating {
    display: block;
    height: 40px;
    width: 40px;
    margin-top: 0;
    /* box-shadow: 0 0 1em black; */
    border-radius: 100%;
    position: relative;
    text-align: center;
}

.testata-relazioni-giocatore .val-finale {
    font-weight: 700;
    margin-bottom: 20px;
    color: #000000;
}

.testata-relazioni-giocatore #cont-radial-rating:after {
    position: absolute;
    display: block;
    height: 40px;
    width: 40px;
    left: 0%;
    top: 0%;
    /* box-shadow: inset 0 0 1em black; */
    content: attr(data-pct);
    /* margin-top: -55px;
    margin-left: -55px; */
    border-radius: 100%;
    line-height: 40px;
    font-size: 0.8rem;
    text-align: center;
    color: #000000;
    /*  text-shadow: 0 0 0.5em black; */
}

.relationCntainer .row.searchItemRow {
    padding: 10px;
    width: 100%;
    justify-content: space-between;
    position: relative;
    border: 1px solid #dddddd;
    border-radius: 15px;
    /*width: calc(100% - 20px);*/
    margin-bottom: 10px;
    cursor: grab;
}

@media screen and (max-width: 767.9px) {
    .relationCntainer .row.searchItemRow {
        width: 100%;
    }
}

.relationCntainer .row.searchItemRow.aggiunto:before {
    content: "Aggiunto al confronto";
    width: calc(100% + 10px);
    /* height: 20px; */
    background: #cbcbcb;
    margin: 0;
    margin: -5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 4px 8px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
}

.relationCntainer .row.searchItemRow.aggiunto {
    border: 2px solid #cbcbcb;
    padding: 5px;
}

h3.titolo-mie-relazione {
    margin-bottom: 0;
}

#stato-giocatore-relazione {
    max-width: 250px;
}

.relationCntainer>.row.searchItemRow.filtered {
    display: none !important;
}

.alert-no-relazioni {
    font-size: 1rem;
    font-weight: 700;
}

.titolo-mie-relazione .toggleFiltri {
    min-width: 40px;
}

.stats-accordion .holder-filtri-labels {
    border-bottom: 2px solid #383838;
    margin-bottom: 10px;
}

#stagioneContainer #searchannojson {
    min-width: auto !important;
}

#searchannojson:focus {
    box-shadow: none;
}

button.toggleFiltri-custom {
    position: relative;
    background: #FFEB9B;
    border-radius: 100px;
    border: 5px solid #C8A227;
    transition: all 0.2s ease-in-out;
}


button.toggleFiltri-custom.open {
    /* padding-top: 4px;
    padding-bottom: 4px !important;*/
}

div.toggleFiltri-custom {
    min-width: auto;
    margin-top: -8px;
}

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

.toggleFiltri-custom:not(.open) .apri {
    display: block;
    margin-top: 6px;
    margin-left: 15px;
    font-weight: 600;
    color: #000000;
}

.toggleFiltri-custom:not(.open) .chiudi {
    display: none;
}

.toggleFiltri-custom.open .apri {
    display: none;
}

.toggleFiltri-custom.open .chiudi {
    margin-left: 10px;
    display: block;
    font-weight: 600;
    color: #000000;
}

.toggleFiltri-custom span {
    width: 27px;
    height: 3.5px;
    background: #383838;
    position: relative;
    display: block;
    margin: auto;
    margin-top: 7px;
    border-radius: 5px;
    transform: translateX(0%) rotate(0deg);
    opacity: 1;
    transition: all 0.2s ease-out;
}

.toggleFiltri-custom span:after {
    position: absolute;
    width: 9px;
    height: 9px;
    background: #FFEB9B;
    border: 3px solid #383838;
    content: "";
    display: block;
    margin-top: -3px;
    border-radius: 50%;
    transition: all 0.2s ease-out;
}

.widget-generic-filters .filters-head.fixed-bottom {
    display: none !important;
}

.button-filtri {
    position: relative;
    padding: 7px 10px;
    background: #c8a227;
    font-weight: 600;
    color: #010000;
    font-size: 22px;
    border-radius: 50px !important;
    display: flex;
    align-items: center;
    border: 2px solid #010000;
    z-index: 21;
}

.moved-filtri .button-filtri{
   padding: 2px 15px !important; 
}

.button-filtri:hover,
.button-filtri:active,
.btn-primary.button-filtri:active,
.button-filtri:focus {
    background: #EDC531 !important;
    color: #000 !important;
}


.button-filtri svg {
    stroke: #010000;
    stroke-width: 0;
}

.button-filtri:hover,
.button-filtri:focus,
.button-filtri:active {
    border-color: transparent;
}

@media screen and (max-width: 767.9px) {
    .cerca-giocatori .small {
        display: none !important;
    }

    .toggleFiltri-custom span:after {
        background: #FFEB9B;
    }

    #openFilter,
    button.cerca-giocatori,
    #openProfile {
        display: block;
    }

    #openProfile,
    .holder-wrapper-switch_player_team

    /*,
    .cerca-giocatori .small*/
        {
        display: none !important;
    }

    /* FILTRI HOME SONO BUTTON */

    button.toggleFiltri-custom {
        height: 64px;
        padding: 30px !important;
        margin: 0;
        width: 64px;
        float: none;
        font-size: 0px;
        min-width: 64px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .button-filtri.open {
        display: flex;
        position: fixed;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        justify-content: center;
        z-index: 10;
    }

    .button-filtri:not(.open) {
        height: 64px !important;
        padding: 0px !important;
        margin: 0;
        width: 64px;
        float: none;
        font-size: 0px !important;
        min-width: 64px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #EDC531 !important;
        border: 5px solid #C8A227 !important;
        color: #171717;
        bottom: 10px;
        position: fixed !important;
        left: 16%;
        top: inherit !important;
        max-width: max-content;
        transition: all 0.2s ease-in-out;
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
        transform: translateX(-50%) scale(1);
        z-index: 11;

    }
    
    .button-filtri.lonely,
    .button-filtri.lonely.open
    {
        font-size: 18px !important;
        min-width: 80% !important;
        left: 50%;
        column-gap: 10px !important;
        bottom: 0px !important;
        height: max-content !important;
        padding: 2px 15px !important;
        border: 5px solid #C8A227 !important;
        background: #EDC531;
    }
    
    .inner-filter-cont .button-filtri.lonely {
        padding: 4px !important;

    }
    
    
    .extended .button-filtri:not(.open) {
        height: 50px !important;
        padding: 0px !important;
        margin: 0;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0px;
        width: 95%;
        float: none;
        font-size: 21px !important;
        min-width: 64px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #EDC531 !important;
        border: 5px solid #C8A227 !important;
        color: #171717;
        bottom: 0px;
        position: fixed !important;
        left: 50%;
        top: inherit !important;
        transition: all 0.2s ease-in-out;
        transform: translateX(-50%) scale(1);
        z-index: 11;
        column-gap: 10px;
        max-width: inherit;

    }

    .button-filtri:not(.open) svg {
        color: #000 !important;
        margin: 0px !important;
    }

    button.toggleFiltri-custom:not(.open) div {
        /*margin-top: -5px;*/
    }

    button.toggleFiltri-custom .apri {
        display: none !important;
    }

    button.toggleFiltri-custom .chiudi {
        display: none !important;
    }

    /* TUTTI I FILTRI DEI WIDGET NELLE PAGINE HANNO DIV*/
    div.toggleFiltri-custom {
        display: none;
    }

    button.toggleFiltri-custom.open {
        /*background: #C8A227;*/
        /* right: 15px;*/
        /*padding: 0px !important;*/
        /*width: calc(100% - 30px);*/
        /* padding-bottom: 0px !important;*/
    }

    /*.toggleFiltri-custom.open span {
        background: #452e6d;
    }*/
}

body.confronto-advanced #tabella-giocatori th.col1 {
    background-color: #fff !important;
    text-align: center;
    height: 133px;
    border-right: 1px solid #321954;
    min-width: 200px;
}

body.confronto-advanced #tabella-giocatori th .buttfiltro {
    display: none;
}

body.confronto-advanced #tabella-giocatori th.col1 a {
    color: #000000 !important;
    font-size: 80px;
    padding: 0;
    display: block;
}

body.confronto-advanced #tabella-giocatori thead td {
    background-color: #fff !important;
    border-right: 1px solid #321954;
    padding-right: 0;
    text-align: center;
    min-width: 200px;
}

body.confronto-advanced #tabella-giocatori thead td a {
    display: flex;
    flex-direction: column;
    color: #5fd0d4 !important;
    align-items: center;
    margin: auto;
}

body.confronto-advanced #tabella-giocatori.trasposta a:hover {
    color: #5fd0d4 !important;
}

body.confronto-advanced #tabella-giocatori.trasposta th.col1 a:hover {
    color: #000000 !important;
}

body.confronto-advanced #tabella-giocatori thead td a img {
    background: url(/assets/img/fondo-profilo.png);
    background-size: cover;
    max-width: 100px;
    margin-bottom: 5px;
    /*  width: 100px !important;
    height: 100px !important; */
    width: 65px !important;
    height: 65px !important;
    border-radius: 100px;
}

body.confronto-advanced #tabella-giocatori.team thead td a img,
body.confronto-advanced #tabella-giocatori.competition thead td a img {
    background: #f3f2ed !important;
}

#tabella-giocatori.team .col11 {
    display: none;
}

body.confronto-advanced #tabella-giocatori.trasposta thead .but-campo img {
    position: absolute;
    top: 10px;
    right: 10px;
}

body.confronto-advanced #tabella-giocatori thead td a .anno-stagione {
    background-color: #363636;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
    border-radius: 5px;
}

body.confronto-advanced.team_dataset #tabella-giocatori thead td a img,
body.confronto-advanced.comp_dataset #tabella-giocatori thead td a img {
    padding: 10px;
}

body.confronto-advanced #tabella-giocatori tbody td,
body.confronto-advanced #tabella-giocatori tbody th {
    text-align: center;
    padding-right: 13px;
}

body.confronto-advanced #tabella-giocatori tbody th a {
    padding-right: 0;
}

#contenitoreFiltri .select2-selection {
    padding-right: 2px;
    margin: 0 !important;
}

#week {
    margin-top: 1px;
    margin-left: 5px;
    padding: 0px 8px;
    height: 33px;
}

.matchWeek {
    display: flex;
    padding: 0px 0px 0px 5px;
    font-weight: 500;
    font-size: 15px;
}

.matchWeek .figure,
.matchWeek .matchWeek-goals {
    margin: 0px 6px;
}

.matchWeek .matchWeek-goals {
    margin: 0px 6px;
    min-width: max-content;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
}

.matchWeek .matchWeek-goals span {
    white-space: nowrap;
}

@media screen and (max-width: 445px) {
    .matchWeek {
        font-size: 14px;
    }
}

.group-week {
    border-bottom: 0px solid #ccc;
    padding-top: 0px;
}

.matchWeek-home {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

.matchWeek-home span {
    margin-right: 5px;
}

.matchWeek-away {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.matchWeek-away span {
    margin-left: 5px;
}

.matchWeek-goals {
    text-align: center;
    display: flex;
    align-items: center;
}

.weekSelect input.select2-search__field {
    line-height: 0;
    margin: 0 !important;
}

.select2-search__field {
    border: 1px solid #aaa;
    background: #333;
    color: #fff;
    font-size: 14px !important;
    border-radius: 6px;
}

.holder-giocatore-comp-list svg {
    min-width: 18px;
    max-width: 18px;
}

.holder-giocatore-comp-list {
    border: 1px solid !important;
    border-radius: 5px !important;

    background-color: transparent;
    margin: auto;
}

#resultsetTable_confronto_ricerca .col-md.playerName,
#resultsetTable_confronto_ricerca .col-md .competition-name {
    text-align: left !important;
}

#resultsetTable_confronto_ricerca .col-md:not(.playerName) {
    text-align: center !important;
}

.popover {
    max-width: 700px !important;
}

.tab-pane {
    transition: all 0.2s ease-in-out;
}

#totaliErisultati #label-risultati {
    margin-left: 10px;
}

@media screen and (min-width: 768px) {
    #totaliErisultati br {
        display: none;
    }
}

#totaliErisultati {
    /* border-bottom: 1px solid #363636;*/
    margin-bottom: 0px;
    margin-top: 70px !important;
}

@media screen and (max-width: 767.9px) {
    .tab-pane.show {
        padding-right: 0px;
        padding-left: 0px;
    }

    .box-stats .card,
    .card-body-full,
    .rounded-20 {
        border-radius: 0px !important;
    }

    .rounded-pill {
        border-radius: 20px !important;
    }

    /* .col.compare {
        display: none;
    } */
    .searchItemRow .playerFigure:not(.inner_wrap) {
        width: 65px;
        height: 65px;
        max-width: 65px;
        min-width: 65px;
    }

    .popover {
        max-width: 100% !important;
    }

    .base_confronto_giocatore {
        /* display: none; */
        /*position: absolute;
        top: 6px;
        left: 5px;
        padding: 0px;
        width: 16px;
        z-index: 1;*/
        position: absolute;
        right: 0;
        top: 10px;
    }

    body.confronto-advanced #tabella-giocatori th.col1 {
        min-width: inherit;
    }

    .select_stat_confronto {
        flex-wrap: wrap;
    }

    #resultsetTable_confronto_ricerca .col.giocatore-comp-list .holder-giocatore-comp-list,
    #resultsetTable_confronto .col.giocatore-comp-list .holder-giocatore-comp-list,
    #resultsetTable_confronto_ricerca .col-md.giocatore-comp-list .holder-giocatore-comp-list,
    #resultsetTable_confronto .col-md.giocatore-comp-list .holder-giocatore-comp-list {
        /*   max-width: 67px !important; */
    }

    #resultsetTable_confronto_ricerca .searchItemRow .col span {
        padding-left: 4px;
    }

    #resultsetTable_confronto_ricerca .searchItemRow .col span.team-name,
    #resultsetTable_confronto .searchItemRow .col span.team-name {
        /*  display: none; */
    }

    .holder-giocatore-comp-list {
        padding: 3px;
        max-width: 84px !important;
        /*flex-wrap: wrap;*/
    }

    .holder-giocatore-comp-list .fa-angle-down {
        display: none;
    }

    .searchItemRow .playerPic {
        width: 65px;
        height: 65px;
    }

    .searchItemRow .country {
        text-align: left;
        /* font-size: 14px;
        line-height: 15px; */
    }

    .holder-giocatore-comp-list svg {
        min-width: 12px;
        max-width: 12px;
    }

    .searchItemRow .competition {
        max-width: inherit;
    }

    #resultsetTable_confronto_ricerca .col.compare.aggiungi-giocatore {
        max-width: 20px !important;
    }

    #resultsetTable_confronto_ricerca .compare.giocatore-comp-list,
    #resultsetTable_confronto .compare.giocatore-comp-list {
        padding: 0px;
    }

    #advancedSearchContainer input {
        border: 1px solid #38383866;
        max-width: 100%;
        font-size: 14px;
    }

    #contenitoreFiltri input,
    .select2 input {
        height: 25px;
        border: none !important;
    }

    #searchcomp_check,
    #searchteam_check {
        height: 15px;
    }

    /* #stagioneContainer label, */
    #at-custom-sidebar,
    #gestione-filtri,
    #gestione-ricerca {
        display: none !important;
    }

    #scoutingTab {
        flex-wrap: nowrap;
    }

    #scoutingTab .nav-link {
        font-weight: 500 !important;
        font-size: 0.9rem;
    }

    #scoutingTab .nav-link.active {
        font-weight: 700 !important;
    }

    #scoutingTab .nav-item {
        text-transform: uppercase !important;
    }

    .toggleFiltri:active,
    .toggleFiltri:focus,
    .toggleFiltri:hover,
    .toggleFiltri {
        min-width: inherit;
        position: absolute;
        right: 0;
        padding-right: 20px !important;
    }

    #ruolo-pos-zona {
        flex-wrap: wrap;
    }

    #chiudi {
        position: absolute;
        top: -6px;
        right: 20px;
        font-size: 14px;
        text-align: right;
        border: 1px solid #363636 !important;
        padding: 0px 10px 2px 10px !important;
        width: max-content !important;
    }

    .ids a {
        font-size: 14px;
        padding: 0px;
    }

    .but-campo {
        width: 23px;
        margin-left: 2px;
    }

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

    #overlay-header {
        padding-top: 35px;
    }

    #overlay-header .toggleFiltri {
        padding-right: 40px !important;
    }

    .resetta_filtri {
        position: absolute;
        right: 0px;
        top: 139px;
        z-index: 1;
    }
}

.rounded-35 {
    border-radius: 35px !important;
    overflow: hidden;
}

.rounded-20-mobile {
    border-radius: 20px !important;
}

.rounded-10px,
.rounded-10-mobile {
    border-radius: 10px !important;
}
.rounded-13 {
    border-radius: 13px !important;
}
.rounded-8 {
    border-radius: 8px !important;
}

@media screen and (min-width: 767.9px) {
    .rounded-md-35 {
        border-radius: 35px !important;
        overflow: hidden;
    }

    .rounded-10-md-bottom {
        border-radius: 0 0 10px 10px;
    }
}

.rounded-15 {
    border-radius: 15px !important;
}

.rounded-10-top {
    border-radius: 10px 10px 0 0;
}

.rounded-10-bottom {
    border-radius: 0 0 10px 10px;
}
.rounded-20-top {
    border-radius: 20px 20px 0 0;
}

.rounded-20-bottom {
    border-radius: 0 0 20px 20px;
}

.rounded-10-tlb {
    border-radius: 10px 0px 10px 10px;
}

.rounded-10-trb {
    border-radius: 0px 10px 10px 10px;
}


.rounded-top-0 {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.rounded-bottom-0 {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

#switch_player_team,
#searchannojson {
    background: transparent;
    border: 0;
    /*color: white;*/
    padding: 5px;
    color: #000000;
    font-weight: 700;
    font-size: 18px;
}

.select2-results__option:empty {
    display: none !important;
}

.select2-selection__arrow {
    background-position: center !important;
}

.select2-selection {
    display: flex !important;
    align-items: center;
}

.select2-container--default .select2-results__option span {
    display: flex;
    align-items: center;
}

.select2-container--default .select2-results__option .matchWeek-home span {
    text-align: right;
    line-height: 14px;
}

.select2-container--default .select2-results__option .matchWeek-away span {
    text-align: left;
    line-height: 14px;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #222 !important;
    color: #fff;
}

.select2-selection__choice__remove {
    font-size: 25px !important;
    margin: -2px 5px 0px 2px;
    float: left;
}

.select2-selection ul li {
    line-height: 24px;
    margin-left: 3px;
    margin-top: 3px;
}

.holder-wrapper-switch_anno,
.holder-wrapper-switch_player_team {
    display: none;
}

#resultsetTable_confronto .info-storico-cancel-btn,
#resultsetTable_confronto_ricerca .info-storico-cancel-btn {
    width: 100%;
}

.info-storico-cancel-btn {
    border-top: 1px solid #ededed;
    margin-top: 15px;
    padding-top: 15px;
}

#resultsetTable_confronto .info-storico-cancel-btn .col.compare.giocatore-comp-list button,
#resultsetTable_confronto_ricerca .info-storico-cancel-btn .col.compare.giocatore-comp-list button {
    margin-left: 0 !important;
    border: 0 !important;
}

#resultsetTable_confronto .info-storico-cancel-btn .col.compare.giocatore-comp-list button svg {
    stroke: white;
}

#resultsetTable_confronto .info-storico-cancel-btn .col.compare.rimuovi-giocatore {
    height: 100%;
    background: #fceeef;
    align-items: center;
    display: flex;
}

/* #resultsetTable_confronto_ricerca .info-storico-cancel-btn .col.compare.aggiungi-giocatore {
        position: absolute;
        right: 20px;
    }*/

#resultsetTable_confronto .info-storico-cancel-btn .col.compare.rimuovi-giocatore button {
    background: transparent;
}

#resultsetTable_confronto .info-storico-cancel-btn .col.compare.rimuovi-giocatore button i {
    color: #ed5f67;
}

@media screen and (max-width: 767.9px) {
    #dataset-title {
        display: none !important;
    }

    #resultsetTable_confronto .searchItemRow .wrap-all-inside,
    #resultsetTable_confronto_ricerca .searchItemRow .wrap-all-inside {
        padding-bottom: 0;
    }

    #panelsearchHome {
        position: relative;
    }

    #panelsearchHome #scoutingTab {
        background: #372160;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #panelsearchHome #scoutingTab .nav-link {
        background: transparent;
        border: 1px solid #fff !important;
        color: #fff;
        border-radius: 15px;
        font-weight: 400 !important;
        padding: 4px 10px !important;
    }

    #panelsearchHome #scoutingTab a.nav-link.active {
        background: #fff9 !important;
        color: #000000;
        font-weight: 700 !important;
    }

    #panelsearchHome .nav-tabs .nav-item:not(:first-child) {
        margin-left: 20px;
    }

    #panelsearchHome #scoutingTab .nav-link.active:after,
    #panelsearchHome #scoutingTab .nav-link.active:before {
        display: none;
    }
}

@media screen and (max-width: 989px) {
    .holder-mobile-select .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 57px !important;
    }

    .wrapper-switch_player_team .select2-container--open .select2-selection--single .select2-selection__arrow {
        right: 6px;
    }

    #select2-switch_player_team-results {
        overflow: hidden;
    }

    .resultPlayerTeamSwitch,
    .select2-container--open .optionMobile.selectionPlayerTeamSwitch {
        min-width: 200px !important;
    }

    .holder-mobile-select .select2-selection {
        border-radius: 15px !important;
        font-weight: 600;
    }

    .holder-mobile-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
        /*border-color: #020202; */
        border-width: 10px 6px 0 6px;
        left: 44%;
        margin-top: -6px;
    }

    select#searchannojson {
        height: 57px !important;
        border-radius: 15px;
    }

    .holder-wrapper-switch_anno {
        display: block;
        background: transparent;
        padding: 0;
        bottom: 16px;
        left: 100px;
        position: fixed;
        z-index: 995;
    }

    .holder-wrapper-switch_player_team {
        display: block;
        background: transparent;
        padding: 0;
        bottom: 16px;
        left: 20px;
        position: fixed;
        z-index: 996;
        max-width: 200px;
        min-width: 60px;
        border: 1px solid #fff;
        border-radius: 11px;
    }

    .wrapper-switch_player_team .select2-selection.select2-selection--single {
        border-bottom-right-radius: 10px !important;
        border-bottom-left-radius: 10px !important;
        background: #f2edfa;
        border: 0 !important;
    }

    .holder-wrapper-switch_anno .select2-selection.select2-selection--single {
        background: #f2edfa;
        border: 0 !important;
    }

    .wrapper-switch_player_team .select2-dropdown {
        border-top-right-radius: 10px !important;
        border-top-left-radius: 10px !important;
    }

    .wrapper-switch_player_team .select2-container .select2-selection--single .select2-selection__rendered {
        padding-right: 0px;
    }
}

.optionMobile {
    height: 54px;
    min-width: 28px;
    color: #000000;
    align-items: center;
    white-space: nowrap;
    font-size: 13px;
}

.optionMobile .ico {
    display: inline-block;
    max-width: 60px;
}

.optionMobile[data-type="giocatori"] .ico {
    /*background: url(/assets/img/ico_player_switch.svg);*/
    min-width: 28px;
    align-items: center;
    display: inline-block;
    color: #000000;
    height: 54px;
    background-repeat: no-repeat;
    background-position: center;
    width: 37px;
    left: -3px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.optionMobile[data-type="squadre"] .ico {
    color: #000000;
    /*background: url(/assets/img/ico_team_switch.svg);*/
    width: 100%;
    height: 54px;
    background-repeat: no-repeat;
    background-position: center;
    width: 37px;
    left: -3px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.optionMobile[data-type="competizioni"] .ico {
    color: #000000;
    /*background: url(/assets/img/ico_comp_switch.svg);*/
    width: 100%;
    height: 54px;
    background-repeat: no-repeat;
    background-position: center;
    width: 37px;
    left: -3px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.optionMobile.resultPlayerTeamSwitch[data-type="giocatori"] .ico {
    /*  background: url(/assets/img/ico_player_switch_ciano.svg);*/

    color: #a694c7;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.optionMobile.resultPlayerTeamSwitch[data-type="squadre"] .ico {
    /*background: url(/assets/img/ico_team_switch_ciano.svg);*/
    color: #a694c7;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.optionMobile.resultPlayerTeamSwitch[data-type="competizioni"] .ico {
    /*background: url(/assets/img/ico_comp_switch_ciano.svg);*/
    color: #a694c7;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.scouting .optionMobile[data-type="giocatori"] .ico {
    background: url(/assets/img/ico_player_switch.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.scouting .optionMobile[data-type="squadre"] .ico {
    background: url(/assets/img/ico_team_switch.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.scouting .optionMobile[data-type="competizioni"] .ico {
    background: url(/assets/img/ico_comp_switch.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.scouting .optionMobile.resultPlayerTeamSwitch[data-type="giocatori"] .ico {
    background: url(/assets/img/ico_player_switch_ciano.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.scouting .optionMobile.resultPlayerTeamSwitch[data-type="squadre"] .ico {
    background: url(/assets/img/ico_team_switch_ciano.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.scouting .optionMobile.resultPlayerTeamSwitch[data-type="competizioni"] .ico {
    background: url(/assets/img/ico_comp_switch_ciano.svg);
    background-repeat: no-repeat;
    background-position: center;
}

#modale-ricerca .modal-content,
#modale-ricerca-algolia .modal-content {
    min-height: 90vh;
    margin-top: 30px;
}

#modale-ricerca .modal-dialog {
    max-width: 900px;
    height: 100vh;
}

#modale-ricerca-algolia .modal-dialog {
    max-width: 1385px;
    /*height: 100vh;*/
}

@media screen and (max-width: 767.9px) {
    #modale-ricerca-algolia .modal-dialog {
        max-width: 100%;
        min-width: 100%;
    }
}

#modale-ricerca-algolia .toggleFiltri-custom {
    display: none !important;
}

#modale-ricerca .modal-body .resultSearchScheda,
#modale-ricerca .modal-body .player-in-evidence-wrapper .players-rows {
    height: 550px;
    overflow-y: auto;
}

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

    #modale-ricerca .modal-content,
    #modale-ricerca-algolia .modal-content {
        min-height: 100vh;
        margin-top: 0px;
    }

    #modale-ricerca .modal-body .resultSearchScheda {
        height: 100%;
    }
}

.holder_switch_player_team {
    background: #f2edfa;
    min-width: 200px;
    border-radius: 17px;
    padding: 4px 10px;
    min-height: 61px;
}



.holder_switch_player_team .select2-container--default .select2-selection--single {
    background: transparent;
    border: 0 !important;
    text-transform: capitalize;
}

.select2-dropdown.stagioneContainer {
    background: #f2edfa;
    border: 0;
    min-width: 200px !important;
    margin-left: -10px;
    margin-top: -6px;
    border-bottom-left-radius: 19px;
    border-bottom-right-radius: 19px;
    overflow: hidden;
}

.select2-dropdown.stagioneContainer ul li {
    padding: 6px 0px 6px 20px;
    border-top: 1px solid #fff;
    text-transform: capitalize;
}

.select2-dropdown.stagioneContainer .select2-results__option--highlighted[aria-selected] {
    background-color: #fff !important;
    color: #000000 !important;
}

.select2-dropdown.stagioneContainer .select2-results>.select2-results__options {
    margin-bottom: 20px;
}

.input_clear_search {
    cursor: pointer;
    font-weight: bold;
    margin-top: 0px;
    margin-right: 0px;
    padding: 1px;
    position: absolute;
    right: 10px;
    padding: 11px;
    font-size: 27px;
}

.input_clear_search.confronto {
    right: 75px;
}

#infoMatch {
    display: flex;
    padding: 0px;
    padding-top: 20px;
}

#infoMatch .introMatch {
    display: flex;
    align-items: center;
    flex-direction: column;
}

#infoMatch #intro_partita {
    min-width: 40%;
    flex-grow: 1;
}

#collapseInfoMatch {
    margin-bottom: 20px;
}

#infoMatch #dx_partita {
    flex-grow: 1;
}

.header-introMatch {
    border-bottom: 1px solid #dddddd;
    padding: 4px 10px;
    width: 100%;
}

.header-introMatch-dx {
    border-bottom: 1px solid #dddddd;
    padding: 4px 10px;
    width: 100%;
}

.info-team-home figure,
.info-team-away figure {
    background: #f4f4f4;
    border-radius: 100px;
    padding: 10px;
    max-width: 65px;
}

.body-introMatch {
    padding: 20px;
    width: 100%;
}

.body-introMatch .info-score {
    font-size: 25px;
    font-weight: 700;
}

.body-introMatch .info-match-date,
.body-introMatch .info-match-time {
    font-size: 14px;
}

.body-introMatch .info-match-time {
    color: #5bcef0;
}

.introMatch button.popup_video {
    margin: auto;
}

.introMatch .stadio,
.introMatch .week {
    font-size: 16px;
    font-weight: 500;
}

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

#dx_partita .header-introMatch-dx button {
    padding: 0 10px;
    border: 1px solid;
    border-radius: 15px;
}

#dx_partita .header-introMatch-dx button {
    margin-right: 10px;
}

#dx_partita .header-introMatch-dx button[data-active="si"] {
    background: #383838;
    color: #fff;
    border: none;
}

#introMatch-dx-content {
    padding: 20px;
}

.fd-clock {
    background: url("/assets/img/clock.svg") no-repeat 50% 50% !important;
}

.fd-fischietto {
    background: url("/assets/img/fischietto.svg") no-repeat 50% 50% !important;
}

.wrap-rows-resume .row-info-res {
    position: relative;
    min-height: 60px;
    border-bottom: 1px solid #dddddd;
}

.wrap-rows-resume .main-info {
    width: calc(100% - 30px);
    margin-left: 30px;
}

.wrap-rows-resume .score_event {
    min-width: 60px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap-rows-resume .who_event_home,
.wrap-rows-resume .who_event_away {
    min-width: calc(50% - 30px);
    align-self: center;
}

.wrap-rows-resume .who_event_home {
    justify-content: flex-end;
    align-items: flex-end;
}

.wrap-rows-resume .who_event_away {
    justify-content: flex-start;
    align-items: flex-start;
}

.wrap-rows-resume .who_event_away .goal-maker,
.wrap-rows-resume .who_event_home .goal-maker {
    line-height: 14px;
}

.wrap-rows-resume i.fd-color.fd-color-subs_in,
.wrap-rows-resume i.fd-color.fd-color-subs_out {
    max-width: 10px;
}

.wrap-rows-resume .goal-maker,
.wrap-rows-resume .who {
    font-size: 14px;
}

.wrap-rows-resume .info-res-min {
    position: absolute;
    left: 0;
    font-size: 12px;
}

.wrap_cronca p {
    font-size: 14px;
}

.label-formazioni-dettaglio {
    border-bottom: 1px solid;
}

.label-formazioni-dettaglio img {
    max-width: 20px;
}

.switch_formazione .btn,
.switch_formazione .btn.btn-primary.active {
    background: #000;
    color: #fff;
    font-size: 14px !important;
    border: 1px solid #383838 !important;
}

.switch_formazione button figure img {
    max-width: 20px;
}

.img-player-formation {
    padding: 3px;
    max-width: 40px;
    border: 1px solid #ccc;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}

.img-player-formation img {
    border-radius: 100px;
    max-width: 30px;
}

.lista-formazione {
    column-count: 2;
}

.label-lista-formazione {
    font-weight: 700;
}

.lista-formazione>div {
    break-inside: avoid !important;
    page-break-inside: avoid;
    margin-bottom: 5px;
}

.shirt-number {
    margin-right: 5px;
    min-width: 20px;
    font-size: 14px;
    font-weight: 700;
}

.lista-formazione>div .name-player {
    font-weight: 600;
}

.lista-formazione>div .role-player {
    font-size: 14px;
    display: none;
}

.lista-formazione>div span {
    line-height: 16px;
}

@media screen and (max-width: 767.9px) {
    #infoMatch #intro_partita {
        min-width: 300px;
    }

    .header-introMatch-dx {
        flex-wrap: nowrap;
        overflow: auto;
        border-top: 1px solid #dddddd;
        padding: 10px 10px;
    }

    .header-introMatch-dx button {
        white-space: nowrap;
    }

    #intro_partita,
    #dx_partita {
        margin-left: 0 !important;
        margin-right: 0;
        border: 0 !important;
    }

    #infoMatch {
        justify-content: space-between;
        flex-direction: column;
    }

    .select2-container .select2-dropdown.stagioneContainer {
        max-width: 200px;
        left: 10px;
        margin-top: 30px;
        z-index: 995 !important;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .select2-container .select2-dropdown.stagioneAnno {
        left: 10px;
        margin-top: 30px;
        z-index: 994 !important;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .select2-container .select2-dropdown.stagioneAnno .select2-results__options {
        max-height: 230px;
        overflow-y: auto;
    }

    .select2-dropdown.stagioneContainer ul li {
        padding-left: 6px;
    }

    .select2-dropdown.stagioneContainer.stagioneAnno {
        width: 110px !important;
        min-width: inherit !important;
        bottom: 25px;
    }
}

@media (min-width: 990px) {
    .sub-filter-title {
        color: #fff;
    }

    .sub-filter-title img {
        filter: brightness(10);
    }
}

/*
    .sub-filter-title{color: #000;}
    .sub-filter-title img{filter: none;}
*/

.nodesktop {
    display: none !important;
}

.onlymobile {
    display: none !important;
}

.onlymobile-990 {
    display: none !important;
}

.onlymobile-575 {
    display: none !important;
}
.onlytablet {
    display: none !important;
}

.onlymobile-768 {
    display: none !important;
}



.live-score-series .onlymobile-990 {
    display: none !important;
}

@media screen and (max-width: 1199px) {
    .onlydesktop-1200 {
        display: none !important;
    }
}

@media screen and (max-width: 989px) {
    .onlymobile-990:not(.d-none) {
        display: flex !important;
    }

    .onlymobile-990.hide {
        display: none !important;
    }

    .onlydesktop-990 {
        display: none !important;
    }
}

@media screen and (min-width: 576px) and (max-width: 767.9px) {
    .onlytablet{display: flex !important;}
}
@media screen and (max-width: 767.9px) {
    .onlymobile-768 {
        display: flex !important;
    }

    .nomobile {
        display: none !important;
    }

    .nodesktop:not(.d-none) {
        display: flex !important;
    }

    .onlymobile:not(.d-none) {
        display: flex !important;
        text-overflow: ellipsis;
    }

    .onlydesktop {
        display: none !important;
    }
}

@media screen and (max-width: 575px) {
    .onlymobile-575:not(.d-none) {
        display: flex !important;
    }

    .onlydesktop-575 {
        display: none !important;
    }

    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
    }

    .card:not(.snippet-icon):not(.anteprima-card) {
        border-radius: 0px;
        border: none;
    }

    .card:not(.snippet-icon):not(.anteprima-card) .card-body {
        padding: 1rem 0rem 0rem 0rem;
    }

    .anteprima-card {
        padding-top: 10px;
    }
}

.onlymobile-480 {
    display: none !important;
}

.onlydesktop-480 {
    display: block !important;
}

@media screen and (max-width: 479px) {
    .onlymobile-480:not(.d-none) {
        display: block !important;
    }

    .onlydesktop-480 {
        display: none !important;
    }
}

/* SNIPPET STYLE */

body.snippet .ruolo-filtro,
body.snippet .popup_video {
    cursor: default !important;
}

body.snippet button[data-value="video"] {
    display: none !important;
}

/*
.widget-players-comparison-configuration {
    min-width: 450px;
}*/

button.btnFasi {
    margin: 0.5rem 1rem 0rem 1rem;
    padding: 0px 0px 10px 0px;
}

.widget-cont .tabs-cont .tab-single {
    margin: 0px 0px;
    padding: 0px 0px 10px 0px;
}

.widget-snippet-preview {
    min-height: 1200px;
}

/*@media (max-width: 990px) {
    .widget-snippet-preview .snippet-footdata {
        margin-left: -20px;
        max-width: calc(100% + 40px) !important;
    }
}*/

.snippet-icon .card-img-top {
    background: #383838;
}

.snippet-icon .card-title {
    text-transform: uppercase;
}

.snippet-icon .card-title,
.snippet-icon .card-text {
    text-align: center;
}

.snippet-icon .btn-primary {
    display: flex;
    background: #cbcbcb;
    color: #000000;
    border: none;
    font-weight: 600;
    justify-content: center;
}

.snippet-icon .btn-primary:hover {
    background: #383838;
    color: #cbcbcb;
}

/* SNIPPET STYLE */

body.snippet {
    background-color: transparent !important;
    background: transparent;
    padding: 0px;
}

body.snippet #openFilter {
    display: none !important;
}

body.snippet .holder-players-to-compare {
    display: none !important;
}

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

    body.snippet .filters-head:not(.sub-accordion):after,
    body.snippet .widget-filters-head:not(.sub-accordion):after {
        transform: rotate(-90deg) !important;
    }
}

body.snippet .filters-head,
body.snippet .widget-filters-head {
    display: flex !important;
    font-weight: 600px;
}

body.snippet .holder-filters {
    margin: 20px 15px 0px 15px;
    border-radius: 15px !important;
    border: 1px solid #e3e3e3;
    padding: 0px 20px;
}

body.snippet .bg-light-green .holder-filters {
    margin: 20px 0px 0px 0px !important;
}

body.snippet .calender-filters-holder {
    margin: 20px 20px 20px 20px;
    border-radius: 15px !important;
}



.out-of-screen {
    left: 120vw !important;
    transition: none !important;
}

/*@media screen and (min-width: 480px) {*/
body.snippet #andCloseForAll {
    top: 0px !important;
    height: max-content;
    background: #fff;
    padding: 0px;
    right: 0px;
}

/*}*/

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

    body.snippet .widget-filters-overlay-mobile .filters-head,
    body.snippet .widget-filters-overlay-mobile .widget-filters-head {
        display: flex !important;
    }
}

@media (max-width: 575px) {
    /*    .widget-filters-overlay-mobile .accordion-body {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }*/
}

/* POPUP DETTAGLIO STYLE */

#popup_dettaglio,
#popup_video {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999999;
    /*background: rgba(73, 30, 111, 0.8);*/
    background: #383838;
    display: none;
    cursor: crosshair;
    cursor: pointer;
    overflow-y: auto;
}

#popup_dettaglio {
    z-index: 999999999;
}

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

    .overlay_video,
    .overlay_vimeo,
    .overlay_dettaglio {
        overflow-x: hidden;
        padding: 0px 10px;
    }
}

.overlay_video .little-white,
.overlay_dettaglio .little-white {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    border: 1px solid #ddd;
    margin: initial;
    background: #fffa;
    overflow: hidden;
}

.overlay_video .little-white.foto-squadra-overlay,
.overlay_dettaglio .little-white.foto-squadra-overlay,
.overlay_dettaglio .little-white.item-legend {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    border: 1px solid #ddd;
    margin: initial;
    background: #fff;
    overflow: hidden;
    padding: 4px;
}

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

.overlay_video .wrapper {
    height: max-content;
}

.overlay_video,
.overlay_vimeo,
.overlay_dettaglio {
    width: 100%;
    height: max-content;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #383838;
    color: #fff !important;
    padding: 30px 10px;
    border-radius: 0px;
    cursor: context-menu;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 9999999999;
    border: 0px solid #c6a012;
    max-width: 1390px;
}

#paginazione {
    color: #000;
}

#ZoomArea {
    color: #000000 !important;
}

.overlay_video .titolo_overlay,
.overlay_dettaglio .titolo_overlay {
    width: 100%;
    height: max-content;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 2px solid #fff6;
    margin-top: 8px;
    padding: 0px;
}

.overlay_video .hidelogo .ml-auto,
.overlay_dettaglio .hidelogo .ml-auto {
    font-size: 14px;
}

.overlay_dettaglio .showPopupTab {
    padding: 10px 8px !important;
    font-size: 13px;
    margin-right: 5px !important;
}

.overlay_dettaglio button.zoom {
    width: 41px;
    color: #101010;
    border: 2px solid #101010;
    border-radius: 100px !important;
    margin: 0px 5px 0px 5px;
    background: transparent;
    /*height: 41px;*/
    padding: 0px 0px 0px 0px;
    font-size: 20px;
}

.overlay_dettaglio .intercetti {
    padding: 3px 8px;
    background: #fffa;
    color: #000;
    position: absolute;
    bottom: 10px;
    left: 10px;
    border-radius: 15px;
}

.overlay_dettaglio #perpage {
    max-width: 80px;
}

.btn-purple {
    padding: 0;
    color: #fff;
    text-align: center;
    background: #363636;
    width: max-content;
    margin-left: 10px;
    border-radius: 5px;
}

.btn-red {
    padding: 2px 5px;
    color: #fff;
    text-align: center;
    background: #f00;
    width: max-content;
    border-radius: 5px;
}

.btn-lime-outline,
.btn-lime {
    text-transform: uppercase;
    color: #000000;
    display: inline-block;
    padding: 2px 5px;
    border: 2px solid #bbe539;
    font-weight: 500;
}

.box_filtri {
    display: inline-block;
    min-height: 64px;
    color: #363636;
    padding: 0px 10px;
    margin-left: 0;
    font-weight: 500;
    height: 70px;
    font-size: 14px;
    min-height: 64px;
    padding: 0px 5px;
}

.box_filtri .select2-selection {
    min-height: 30px !important;
}

.box_filtri span,
.box_filtri collapse {
    font-size: 15px !important;
}

.overlay2 .box_filtri span,
.overlay2 .box_filtri collapse {
    font-size: 13px !important;
}

#select2-filtro-ricevitore-results span,
#select2-filtro-ricevitore-results collapse,
#select2-filtro-mittente-results span,
#select2-filtro-mittente-results collapse {
    font-size: 15px !important;
}

.filtro-ricevitore .select2-selection__rendered,
.filtro-ricevitore .select2,
.filtro-mittente .select2-selection__rendered,
.filtro-mittente .select2 {
    max-height: max-content !important;
}

.filtro-ricevitore .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.filtro-mittente .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 4px;
    font-size: 24px !important;
}

.filtro-ricevitore {
    width: 150px;
}

.filtro-mittente {
    width: 150px;
}

.select2-dropdown #select2-filtro-ricevitore-results li.select2-results__option,
.select2-dropdown #select2-filtro-mittente-results li.select2-results__option {
    line-height: 19px !important;
    margin-left: 0px !important;
    padding: 0px 4px !important;
    font-size: 13px !important;
}

#template_campo {
    z-index: 9999;
    position: absolute;
    top: 379px;
    left: 230px;
    opacity: 0.8;
    scale: 1.665;
    width: 600px;
}

#template_campo .area {
    border: 1px solid white;
}

#template_campo .area p {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    text-shadow: 2px 1px 1px #222;
    font-size: 10px !important;
    padding-left: 3px;
}

#template_campo .myCampoDett {
    width: 600px !important;
    height: 439px !important;
    padding: 35px 40px;
    float: left;
    background-color: transparent;
    color: #fff;
    font-size: 18px;
    font-style: italic;
    margin: 0px 1% 30px 1%;
    background-image: url("/assets/campo-app.jpg");
    background-image: url("/assets/campo.jpg");
    background-size: contain;
    background-repeat: no-repeat;
}

.drop_shadow {
    filter: drop-shadow(0 0 1px yellow);
    background-image: radial-gradient(ellipse, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6)) !important;
}

#template_campo .area {
    background-image: radial-gradient(ellipse, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.8));
}

.bar {
    background: #a08307;
    margin-bottom: 0px;
    height: 15px;
    display: inline-block;
    margin-left: 10px;
    width: 250px;
}

.bar-inside {
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
    width: 0%;
    text-align: right;
    padding-right: 2px;
    height: 15px;
    background: #c3e15b;
    color: #fff;
    font-size: 15px;
    line-height: 15px;
}

.rTable {
    display: table;
    margin: 7px 11px 20px;
}

.generic-bar {
    overflow: hidden;
    border-radius: 20px;
    background: #eee;
    margin-bottom: 0px;
    height: 11px;
    display: inline-block;
    margin-left: 10px;
    min-width: 100px;
    max-width: 150px;
}

.generic-bar-inside {
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
    border-radius: 20px;
    width: 0%;
    text-align: right;
    padding-right: 2px;
    height: 11px;
    background: #c3e15b;
    color: #fff;
    font-size: 15px;
    line-height: 15px;
}

.rTableRow {
    display: table-row;
    margin-bottom: 3px;
}

.rTableCell {
    vertical-align: middle;
    display: table-cell;
    font-size: 14px;
}

label,
.nav-link,
.nav-tabs a:not(.nowrap) {
    width: max-content;
    max-width: 100%;
}

.form-label,
.loadPanel,
.loadPanelAction,
.sortclick,
.macro_ana,
#totaliErisultati,
#logOut,
.procedi_elimina_confronto,
.elimina_annulla_confronto,
.btn-month {
    text-transform: capitalize;
}

.label-dettagli-aggrgati,
.content-dettagli-aggrgati.content-comp,
.holder-info-career div span:first-of-type {
    text-transform: capitalize;
}

#pills-default {
    max-width: 100%;
    flex-wrap: nowrap;
     overflow-x: auto; 
    white-space: nowrap;
}

#pills-default li.nav-item {
    margin-left: 10px;
    min-width: fit-content;
    width: max-content;
}

#pills-default li.nav-item:first-child {
    margin-left: 0px;
}

#pills-default .nav-link {
    color: #4c1e70;
    padding: 1px 10px;
    font-size: 14px;
    border: 1px solid;
    border-color: #C8A227;
    border-radius: 50px;
}

.nav-link {
    text-align: center;
}

#pills-default li.nav-item .nav-link.active {
    background-color: #C8A227;
    color: #4c1e70;
    font-weight: 500;
    border: none;
    border: 1px solid #C8A227;
}

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

/* LABEL NUOVE SOVRAPPOSTE */
.form-check-label {
    pointer-events: none;
}

.holder-filters label:not(.form-check-label):not(.check-label):not(.switch):not(.text-element),
.holder-filters-stat-overlay label:not(.form-check-label):not(.check-label),
.label-sovrapposta {
    margin-bottom: -9px;
    z-index: 10;
    position: relative;
    background: #000;
    margin-left: 15px;
    padding: 0px 5px;
    color: #fff;
    font-size: 13px;
    /*text-transform: capitalize;*/
    border-radius: 100px;
    height: 16px;
    display: flex !important;
    line-height: 16px;
}

.holder-filters.select-label-inside {
    /* background: #000;*/
}

.label-sovrapposta {
    z-index: 0;
}


.select-label-inside label:not(.form-check-label):not(.check-label):not(.switch):not(.text-element) {
    margin-bottom: -22px;
    z-index: 10;
    position: relative;
    background: transparent;
    margin-left: 10px;
    padding: 0px 0px;
    font-size: 14px;
    border-radius: 0px;
    height: 16px;
    display: flex !important;
    line-height: 16px;
    color: #aaa !important;
    font-weight: 400 !important;
    pointer-events: none;
    text-transform: uppercase;
    margin-top: 5px;
}


.select-label-inside .checks_box label,
.select-label-inside .checks_box label svg {
    color: #fff !important;
}


.select-label-inside .select2-container--default .select2-selection--single .select2-selection__rendered,
.select-label-inside input:not([type="radio"]):not(.select2-search__field):not(.search-filters):not(.normal-input){
    padding-top: 20px !important;
    font-weight: 500 !important;
    color: #fff;
    
    font-size: 15px !important;
    min-height: 52px !important;
    background: #111;
    border-radius: 10px;
}

.select-label-inside input:not([type="radio"]):not(.select2-search__field):not(.search-filters):not(.normal-input) {
    min-height: 54px !important;
}
.select-label-inside .box-checks input:not([type="radio"]):not(.select2-search__field):not(.search-filters):not(.normal-input) {
    min-height: 40px !important;
}

.range-header input:not([type="radio"]):not(.select2-search__field):not(.search-filters):not(.normal-input) {
    padding-top: 0px !important;
    background: #090909;
    color: #fff !important;
}

.select-graphic-big .select2-container--default .select2-selection--single .select2-selection__rendered,
.select-graphic-big input:not([type="radio"]):not(.select2-search__field),
.select-style-big .select2-container--default .select2-selection--single .select2-selection__rendered,
.range-form input {
    padding-top: 0px !important;
}

.select-label-inside .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    margin-top: 15px;
}

.select-label-inside .select2-search__field {
    font-size: 15px !important;
}

.select-label-inside .select2-selection {
    min-height: 56px !important;
}

.select-label-inside .select2-search {
    margin: 0px !important;
    padding: 0px !important;
}

.select-label-inside .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 10px !important;
}


.recap-item-metric-builder {
    border: 1px solid;
    font-size: 13px;
    align-items: center;
}

/* 
label[for="validationGender"] {
    margin-bottom: 5px !important;
    margin-left: 0 !important;
} */

.holder-filters .wrapper-interval-select label,
.holder-filters label.text-element {
    padding: 0px 15px 0px 5px;
    border-radius: 0px;
    height: auto;
    width: auto;
    display: flex;

}

.holder-filters label.text-element {
    margin: 0px !important;
}

.holder-filters .checkboxes {
    height: auto;
}

.holder-filters .checkboxes label {
    margin-bottom: 5px;
    height: auto;
    display: flex !important;
    align-items: center;
}

#panelsearchHome .widget-generic-filters-layout .filters-head:not(.sub-accordion) {
    color: #fff;
}

#panelsearchHome .widget-generic-filters-layout .filters-head:not(.sub-accordion) img,
#panelsearchHome .widget-generic-filters-layout .filters-head:not(.sub-accordion):after {
    filter: brightness(0) invert(1);
}

.searchcomp_check,
.searchteam_check {
    position: absolute;
    top: -2px;
    right: 21px;
    font-size: 13px;
    color: #555;
    display: none !important;
}

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

/* LABEL NUOVE SOVRAPPOSTE */

/* NUOVO STILE FORM */

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    font-size: 13px;
    display: flex;
    align-items: center;
    position: relative;
    margin: 4px 4px 4px 4px;
    padding: 3px 5px;
    border-radius: 10px;
    background: #111;
    order: 1;
    font-weight: 500;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline input {
    min-width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline {
    padding: 3px 10px !important;
    margin: 0px 6px !important;
}

.select2-search__field::-webkit-input-placeholder,
.select2-search__field::placeholder {
    color: #fff;
}

.fc-medium-bkg .select2-search__field::-webkit-input-placeholder,
.fc-medium-bkg .select2-search__field::placeholder {
    color: #777;
    font-weight: 400;
    font-size: 13px;
}

@media (max-width: 767.9px) {
    .select2-container .select2-search--inline .select2-search__field {
        margin-top: 0px;
    }

    .select2-search__field::-webkit-input-placeholder,
    .select2-search__field::placeholder {
        color: #555 !important;
        font-style: italic;
    }

    .select2-container--default .select2-selection--multiple.mobile-searchbox .select2-selection__rendered li.select2-search--inline {
        width: 95%;
        order: 0;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline input {
        min-width: 50px;
        max-width: max-content !important;
    }

    .select2-container--default .select2-selection--multiple.mobile-searchbox .select2-selection__rendered li {
        border: 1px solid #ccc;
    }
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #000;
    border: 1px solid #676767;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    padding: 0px 4px 0px 0px;
    font-size: 25px !important;
    font-weight: 300;
    color: #999;
}

.form-control-input {
    cursor: default !important;
    border: 2px solid #000000 !important;
    border-radius: 10px !important;
    height: 48px !important;
}

.form-control-input[disabled] {
    opacity: 0.3;
    pointer-events: none;
    border: 2px solid #000000;
    border-radius: 10px;
    height: 48px;
}

select.form-control:not(#searchannojson):not(#switch_player_team),
select.competizione-giocatore,
input.filters-valueInt,
input.filters-valueIntAlt,
.filters_grid_box input[type="text"],
form input.form-control:not(.normal-input):not(.search-filters),
form textarea.form-control {
    border-radius: 7px !important;
    border: solid 2px #676767;
    min-height: 52px !important;
    background: #000;
    color: #fff;
    font-size: 13px;
    padding-left: 8px !important;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25) !important;
    padding-top: 15px;
}
form input.form-control.search-filters {

    background: #000;
    color: #fff;
 
}

.form-row{margin-left: 0px;margin-right: 0px;}



.form-control:focus {
    background: #000;
    color: #fff;
}

.holder-radios-gender {
    border-radius: 10px !important;
    border: solid 2px #383838 !important;
    min-height: 52px !important;
    background: transparent;
    font-size: 13px;
    padding-left: 8px !important;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25) !important;
    padding-top: 16px;
}

#date_of_birth {
   /* border-radius: 10px !important;
    border: solid 2px #383838 !important;
    min-height: 52px !important;
    background: transparent;
    font-size: 13px;*/
    padding-left: 8px !important;
   /* box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25) !important;
    padding-top: 20px;*/
}

#togglePassword,
#togglePasswordAlt,
#togglePassword-login {
    right: 35px;
    cursor: pointer;
    position: absolute;
    display: inline;
    top: 50%;
    transform: translateY(-50%);
}

#togglePassword .hidePass,
#togglePasswordAlt .hidePass,
#togglePassword-login .hidePass {
  display: none;
}

#togglePassword.active,
#togglePasswordAlt.active,
#togglePassword-login.active {
  top: 50%;
  transform: translateY(-50%);
}

input:-webkit-autofill {
  background-color: #1116 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  transition: background-color 5000s ease-in-out 0s; /* workaround per evitare il colore giallo */
}


#togglePassword.active .hidePass,
#togglePasswordAlt.active .hidePass,
#togglePassword-login.active .hidePass {
    display: block;
}

#togglePassword.active .showPass,
#togglePasswordAlt.active .showPass,
#togglePassword-login.active .showPass {
    display: none;
}

.step_2 .feedBackStep_2 {
    display: none;
}

.step_2.invalid .feedBackStep_2 {
    display: block;
}

.form-control.error {
    border-width: 2px;
    border-style: solid;
    border-color: #f00 !important;
    box-shadow: 1px 1px 2px rgba(255, 0, 0, 0.25) !important;
}

input[type="text"]:active,
input[type="url"]:active,
input[type="tel"]:active,
input[type="email"]:active,
textarea:active,
input[type="text"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
textarea:focus {
    border-color: #b0b0b0 !important;
    color: #fff !important;
    background: #000 !important;
}

.filters_grid_box input[type="text"] {
    padding: 0px 20px;
}

input.filters-valueInt ,input.filters-valueIntAlt{
    padding-right: 8px !important;
    margin: 0px !important;
}

.select2-selection {
    border-radius: 6px !important;
    border: solid 2px #383838 !important;
    height: auto !important;
}

.select2-container--below .select2-selection {
    border: solid 2px #383838 !important;
}

.select2-container--below .select2-selection[aria-expanded="true"] {
    border-bottom: solid 2px transparent !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.select2-container--above .select2-selection {
    border: solid 2px #676767 !important;
}

.select2-container--above .select2-selection[aria-expanded="true"] {
    border-top: solid 2px transparent !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

/* STYLE BIG 2 */
.select-style-big-2 .select2 figure {
    width: max-content;
    min-width: max-content;
    height: max-content;
    background: #fff;
    border-radius: 0px;
    border: none;
    text-align: center;
    display: inline-block !important;
    padding: 0px;
}

.select-style-big-2 .select2-container--default .select2-selection--single {
    background: transparent !important;
}

.select-style-big-2 .select2-selection,
.select-style-big-2 .select2-container--below .select2-selection,
.select-style-big-2 .select2-container--above .select2-selection {
    border: none !important;
}

.select-style-big-2 .select2-container img {
    max-width: 100px !important;
}

/* STYLE BIG 2 */


/* STYLE BIG */

.select-style-big .select2-container--default .select2-selection--single,
.select-style-big .select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple{
  background-color: #111 !important;
 
}
.riga-andamento .select2-container--default .select2-selection--single{
  background-color: #222 !important;

}

.riga-andamento .select2-container--default .select2-selection--single {
    background-color: #111 !important;

}

.riga-andamento .select2-selection {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}



.select-style-big .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #ccc;
}


.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #ccc;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
    font-weight: 500;
    padding-top: 0px;
}
.select-style-big .select2-container--default .select2-selection--single .select2-selection__rendered {

    line-height: 23px;
    font-size: 23px;
}



/*
.select-style-big .select2-selection{
  border: solid 2px #000000 !important;
}*/
/* STYLE BIG */


.select2-selection--multiple {
    padding-right: 2px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #ccc transparent transparent transparent;
    border-width: 10px 6px 0 6px;
    height: initial;
    left: initial;
    margin-left: initial;
    margin-top: initial;
    position: absolute;
    top: initial;
    width: initial;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #ccc transparent;
    border-width: 0 6px 10px 6px;
    height: initial;
    left: initial;
    margin-left: initial;
    margin-top: initial;
    position: absolute;
    top: initial;
    width: initial;
}

.bet-lab-card .riga-accordion .select2-container--default .select2-selection:hover .select2-selection__arrow b {
    animation: shake 0.4s ease-in-out 1;
}

.select2-container--default .select2-selection:hover .select2-selection__arrow b {
    animation: shake2 0.4s ease-in-out 1;
}

@keyframes shake {
    0% {
        transform: translateY(0px) rotate(45deg);
    }

    25% {
        transform: translateY(4px) rotate(45deg);
    }

    75% {
        transform: translateY(-2px) rotate(45deg);
    }

    100% {
        transform: translateY(0px) rotate(45deg);
    }
}

@keyframes shake2 {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    25% {
        transform: translateY(4px) rotate(0deg);
    }

    75% {
        transform: translateY(-2px) rotate(0deg);
    }

    100% {
        transform: translateY(0px) rotate(0deg);
    }
}

.select2-dropdown {
    background-color: #000;
    border: 2px solid #000000;
    border-radius: 10px;
    overflow: hidden;
}

.select2-dropdown.dropdown_white {
    /*border-color: #fff !important;*/
}

.select2-dropdown.dropdown_1px_gray {
    border-color: #C9C5D1 !important;
    border-width: 1px !important;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-bottom: -1px;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: -1px;
}


.select2-container--open.select2-container--below .select2-selection {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.select2-container--open.select2-container--above .select2-selection {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;

}

.button-outline-fulmine {
    font-size: 13px;
    font-weight: 500;
    /*text-decoration: underline !important;*/
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 7px;
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.button-outline-fulmine:hover {
    font-size: 14px;
    font-weight: 500;
    transform: scale(1.05);
    color: #fff;
    background: #7b69a4;
    border-color: #7b69a4 !important;
}

.button-outline-fulmine img {
    height: 16px;
    width: auto !important;
}

.buttonVoid,
.buttonAdd,
.button-filtersGrid,
.button-addEvidenza,
.button-addSeason,
.button-add-filter-generic,
.btn-add-stats-confronto {

    color: #000000;
    border-radius: 100px;
    margin: auto;
    font-weight: 500;
    transition: all 0.2s ease-out;
    margin: 15px auto !important;
    min-width: 40%;
    min-height: 50px;
    background: #F5F0F7 !important;
    border: 8px solid #000 !important;
    outline: 2px solid #676767;
    font-size: 22px;
    padding: 5px 15px;
    display: flex;
    align-items: center;
    justify-content: center;

}

/*.buttonAdd:before {
    content: "";
    width: 29%;
    height: 2px;
    background: #676767;
    position: absolute;
    left: 0;
    margin-top: 11px;
}

.buttonAdd:after {
    content: "";
    width: 29%;
    height: 2px;
    background: #000000;
    position: absolute;
    right: 0;
    margin-top: 11px;
}*/

@media (max-width: 530px) {

    .buttonAdd:after,
    .buttonAdd:before {
        height: 0px;
    }

    .buttonVoid,
    .buttonAdd,
    .button-filtersGrid,
    .button-addEvidenza,
    .button-addSeason,
    .button-add-filter-generic,
    .btn-add-stats-confronto {
        min-width: calc(100% - 30px);
    }
}

.buttonAdd svg {
    width: 17px;
    height: 24px;
    color: #000000;
    margin-right: 5px;
}

.buttonAdd:hover,
.button-filtersGrid:hover,
.button-addEvidenza:hover,
.button-addSeason:hover,
.button-add-filter-generic:hover,
.btn-add-stats-confronto:hover {
    background: #ccc !important;
    color: #000000 !important;
}

.buttonAdd.bc-light-3 {
    outline: 2px solid #C8A227;
}

.wrapper-recap,
.wrapper-recap-box,
.wrapper-recap-season,
.wrapper-recap-evidenza,

.wrapper-recap-player,
.wrapper-recap-team,
.wrapper-recap-comp,
.wrapper-recap-bookmaker {
    border-radius: 15px;
    border: 1px solid #676767;
    padding: 30px 5px 20px 5px;
    max-height: 225px;
    min-height: 0px;
    overflow: auto;
    align-items: flex-start;
    align-content: flex-start;
}
.adds_box .wrapper-recap,
.adds_box .wrapper-recap-box,
.adds_box .wrapper-recap-season,
.adds_box .wrapper-recap-evidenza,
.adds_box .wrapper-recap-filtri,
.adds_box .wrapper-recap-player,
.adds_box .wrapper-recap-team,
.adds_box .wrapper-recap-comp,
.adds_box .wrapper-recap-bookmaker {
    border-radius: 0px;
    border: 0px solid #676767;
    padding: 15px;
    max-height: initial;
    overflow-x: hidden;
   
}

.adds_box .wrapper-recap-box{
    max-height: 220px;
}

.filters-cont-playersAlike .adds_box .wrapper-recap-box{
    max-height: 350px;
}



.wrapper-recap-box {
    transition: min-height .3s ease;
    align-content: flex-start;
}

.wrapper-recap-box .entity-recap {
    flex: 0 0 auto;
}

.top-box {
   /* max-height: 270px;*/
    z-index: 0;
    transition: max-height .3s ease, opacity .3s ease;
    opacity: 1;
}

.mixin-comp-and-teams .top-box {
    max-height: 330px;
}

.top-box.closed {
    max-height: 0px;
    opacity: 0;
}

.wrapper-recap-box.open,
.wrapper-recap-team.open {
    max-height: 400px;
    min-height: 400px;
    background: #000;
}

.wrapper-recap .stat_confronto,
.wrapper-recap-box .entity-recap,
.wrapper-recap-season .season-recap,
.wrapper-recap-evidenza .evidenza-recap,
.wrapper-recap-filtri .filter-recap,
.wrapper-recap-player .player_confronto,
.wrapper-recap-team .team_confronto,
.wrapper-recap-comp .comp_confronto,
.holder-stat-confronto-recap .stat_confronto,
.wrapper-recap-bookmaker .bookmaker {
    background: #e7e1f5;
    border: 2px solid;
    border-radius: 15px;
    width: max-content;
    height: max-content;
}

div.evidenza-recap {
    border: 2px solid #000;
    background: #fff;
}

div.evidenza-recap[data-use-for-sort="true"][data-first="false"] {
    border-width: 2px !important;
    background: #fff !important;
}

div.evidenza-recap[data-use-for-sort="true"][data-first="true"] {
    border-width: 4px !important;
    border-color: #383838 !important;
    background: #e7e1f5 !important;
}


.wrapper-recap-box {
    border: none;
    padding: 25px 5px 20px 5px;
    max-height: 225px;
    min-height: 0px;
    overflow: auto;
}

.wrapper-recap-box {
    transition: min-height .3s ease;
    align-content: flex-start;
}

.wrapper-recap-box .entity-recap {
    flex: 0 0 auto;
}

.wrapper-recap-box.open {
    max-height: 400px;
    min-height:  400px;
    background: #000;
}


.wrapper-recap-box .entity-recap {
    background: #e7e1f5;
    width: max-content;
    height: max-content;
}

@media (max-width: 767.9px) {

    .wrapper-recap .stat_confronto,
    .wrapper-recap-season .season-recap,
    .wrapper-recap-box .entity-recap,
    .wrapper-recap-box .entity-recap,
    .wrapper-recap-evidenza .evidenza-recap,
    .wrapper-recap-filtri .filter-recap,
    .wrapper-recap-player .player_confronto,
    .wrapper-recap-team .team_confronto,
    .wrapper-recap-comp .comp_confronto,
    .holder-stat-confronto-recap .stat_confronto,
    .wrapper-recap-bookmaker .bookmaker {
        width: 100%;
    }

    .wrapper-recap .stat_confronto button:first-of-type,
    .wrapper-recap-season .season-recap button:first-of-type,
    .wrapper-recap-evidenza .evidenza-recap button:first-of-type,
    .wrapper-recap-filtri .filter-recap button:first-of-type,
    .wrapper-recap-player .player_confronto button:first-of-type,
    .wrapper-recap-team .team_confronto button:first-of-type,
    .wrapper-recap-comp .comp_confronto button:first-of-type,
    .holder-stat-confronto-recap .stat_confronto button:first-of-type,
    .wrapper-recap-bookmaker .bookmaker button:first-of-type,
    .wrapper-recap-box .entity-recap button:first-of-type,
    .wrapper-recap-box .entity-recap button:first-of-type {
        margin-left: auto !important;
    }
}

.form-check-input {
    margin-top: 3px;
}

.holder-radios-gender .form-check-input {
    top: 2px;
}

#selectSideSeasons,
#selectSideComps {
    background-color: #bbe53b;
    color: #000000;
    padding-right: 35px !important;
    font-size: 0.9rem;
    width: 100% !important;
    font-weight: bold;
    cursor: pointer;
    border-radius: 15px;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    line-height: 1rem;
    margin-top: 0px;
    height: 36px;
}

.select-icon.side-comps-season {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 30px;
    height: 36px;
    pointer-events: none;
    color: #fff;
    padding-left: 5px;
    transition:
        background-color 0.3s ease,
        border-color 0.3s ease;
    display: flex;
    transform: translateY(-50%);
}

.widget-subdomain-footer {
    border-top: transparent 10px solid;
    font-size: 18px;
    line-height: 27px;
    padding-top: 65px;
}

/* NUOVO STILE FORM */

/* ANTEPRIME STYLE */

.box-anteprime a {
    width: 100%;
}

.anteprima-card {
    height: 100%;
    background: transparent;
    color: #fff;
    border: 2px solid #C8A227;
}

.anteprima-card .card-body {
    padding: 10px;
    background: initial !important;
}

.anteprima-card .card-text {
    font-size: 14px;
}

.anteprima-card .card-img-top {
    background: #383838;
}

.anteprima-card .card-title {
    text-transform: uppercase;
}

.anteprima-card .card-title,
.anteprima-card .card-text {
    text-align: center;
    color: #000;
    margin-bottom: 0px;
}

.anteprima-card .btn-primary {
    display: flex;
    background: #383838;
    color: #fff;
    border: none;
    font-weight: 600;
    justify-content: center;
    border: 2px solid transparent;
}

.box-slider {
    display: flex;
    column-gap: 15px;
}

.box-slider .box-anteprime {
    min-width: 220px;
}

.anteprima-card .btn-primary:hover {
    background: #fff;
    color: #000000;
    border: 2px solid #383838;
}

.anteprima-card .card-text {
    margin-bottom: 10px;
}

.anteprima-card.stile1 .esplora {
    display: none;
}

.anteprima-card .card-footer {
    transition: all 0.4s ease;
    opacity: 1;
    padding: 0px;
    background-color: transparent;
    border-top: none;
}

.anteprima-card:hover .card-footer {
    opacity: 0;
}

/* STYLE 1 */

.anteprima-card.stile1 {
    background: linear-gradient(#00000088, #67676788) !important;

    transition: background 0.5s cubic-bezier(0.59, 0, 0.05, 0.95);
    min-height: 365px;
}

.anteprima-card.stile1:hover {
    background: #EDC531 !important;
}

.anteprima-card.stile1 svg,
.anteprima-card.stile1 .card-title {
    color: #C8A227;
    transition: all 0.5s cubic-bezier(0.59, 0, 0, 1);
    transform: scale(1);
}

.anteprima-card.stile1 .card-text {
    color: #ffffff;
    line-height: 16px;
    font-size: 14px;
    transition: all 0.2s ease;
    margin-bottom: 0px;
}

.anteprima-card.stile1:hover svg {
    transform: scale(1.2);
}

.anteprima-card.stile1:hover svg,
.anteprima-card.stile1:hover .card-title,
.anteprima-card.stile1:hover .card-text {
    color: #000000;
}

/* STYLE 1 */
/* STYLE 2 */

.anteprima-card.stile2 {
    background: linear-gradient(#00000088, #67676788, #00000088) !important;
    background-size: 100% 200% !important;
    background-position: top !important;

    transition: all 0.9s cubic-bezier(0.59, 0, 0, 1);
    border-color: #383838;
    min-height: 343px;
}

.anteprima-card.stile2 .card-image {
    padding: 0px !important;
    margin: 0px !important;
}

.anteprima-card.stile2 .card-img-top {
    background: transparent;
    border-bottom: 1px solid #fff5;
}

.anteprima-card.stile2:hover {
    background-position: bottom !important;
    border-color: #C8A227;
}

.anteprima-card.stile2 img,
.anteprima-card.stile2 .card-title {
    transition: all 0.5s cubic-bezier(0.59, 0, 0, 1);
    transform: scale(1);
    font-size: 20px !important;
    color: #fff;
}

.anteprima-card.stile2 .card-body {
    padding: 0px;
}

.anteprima-card.stile2 img {
    order: 0;
}

.anteprima-card.stile2 .card-title {
    order: 1;
    text-transform: initial;
    padding: 10px;
    height: 64px;
    font-size: 18px !important;
    text-align: left;
    font-weight: 500 !important;
}

.anteprima-card.stile2 .card-text {
    color: #fff;
    margin-bottom: 0px;
    order: 3;
    padding: 0px 10px 10px 10px;
    opacity: 1;
    transition: opacity 0.3s ease;
    text-align: left;
    line-height: 17px;
}

.anteprima-card.stile2:hover .card-text {
    opacity: 0.8;
}

/* STYLE 2 */

/* STYLE 3 */

.anteprima-card.stile3 .card-image {
    padding: 10px 0px !important;
    margin: 10px 0px !important;
}

.anteprima-card.stile3 {
    background: linear-gradient(#00000088, #67676788, #00000088) !important;
    background-size: 100% 200% !important;
    background-position: top !important;
    transition:
        border-color 0.4s cubic-bezier(0.68, 0, 0.27, 1),
        background .7s cubic-bezier(0.59, 0, 0.05, 0.95);
    border-color: #C8A227;
    min-height: 265px;
    min-height: 325px;
}

.anteprima-card.stile3:hover {
    background-position: bottom !important;
    border-color: #EDC531;
}

.anteprima-card.stile3 .card-title {
    min-height: 41px;
    color: #fff;
}

.anteprima-card.stile3 img {
    opacity: 0.8;
}

.anteprima-card.stile3.fs-17 img {
    opacity: 0.5;
}

.anteprima-card.stile3 img,
.anteprima-card.stile3 .card-title {
    transition: all 0.5s cubic-bezier(0.59, 0, 0, 1);
    transform: scale(1);
    font-size: 20px !important;
    border-radius: 10px;
    text-transform: capitalize !important;
}

.anteprima-card.stile3.fs-17 .card-title {
    font-size: 17px !important;
}

.anteprima-card.stile3:hover img:not(.nohover) {
    transform: scale(1.15);
    opacity: 1;
}

.anteprima-card.stile3 .card-text {
    color: #fff;
    line-height: 17px;
    transition: all 0.2s ease;
    margin-bottom: 0px;
}

/*.anteprima-card.stile3:hover .card-text {
    color: #000000;
   
}*/

.anteprima-card.stile3 .esplora,
.anteprima-card.stile2 .esplora {
    display: flex;
    opacity: 0;
    transition: all 0.4s ease;
    position: absolute;
    bottom: -10px;
    transition: all 0.4s ease;
    border-radius: 50px;
    padding: 5px 8%;
    text-transform: uppercase;
    font-size: 20px;
    margin: 23px 0px;
    margin-top: 23px;
    left: 50%;
    transform: translateX(-50%);
    cursor: default;
    color: #000000;
}

.anteprima-card.stile3:hover .esplora,
.anteprima-card.stile2:hover .esplora {
    opacity: 1;
    cursor: pointer;
    background: #C8A227 !important;
    color: #000000;
    z-index: 1;
    bottom: 0px;
}

/* STYLE 3 */
@media (max-width: 767.9px) {
    .anteprima-card.stile2:hover .card-title {
        transform: scale(1) !important;
    }

    /* disabilito transition su mobile */
    .anteprima-card.stile1:hover svg {
        transform: scale(1);
    }

    .anteprima-card.stile1,
    .anteprima-card.stile2,
    .anteprima-card.stile3 {
        transition: none;
    }

    .anteprima-card.stile1 svg,
    .anteprima-card.stile1 .card-title,
    .anteprima-card.stile2 svg,
    .anteprima-card.stile2 .card-title,
    .anteprima-card.stile3 svg,
    .anteprima-card.stile3 .card-title {
        transition: none;
    }

    .anteprima-card.stile1 .card-text,
    .anteprima-card.stile2 .card-text,
    .anteprima-card.stile3 .card-text {
        transition: none;
    }

    /* disabilito transition su mobile */
}

@media (max-width: 578px) {
    .box-anteprime:not(.slick-slide) .anteprima-card.stile2 .card-img-top {
        border: none !important;
    }

    .box-anteprime:not(.slick-slide) .anteprima-card.stile2 .card-image {
        padding-left: 10px !important;
        min-width: 110px;
        width: 30%;
        margin-bottom: 8px !important;
    }

    .box-anteprime:not(.slick-slide) .anteprima-card.stile2 .card-title {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 0;
        max-width: 100%;
    }

    .box-anteprime:not(.slick-slide) .anteprima-card.stile2 {
        min-height: initial;
    }

    .box-anteprime:not(.slick-slide) .anteprima-card.stile2 .card-body {
        flex-direction: row !important;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 479px) {
    .riga-sfumata-radial-center {
        height: 3px;
        min-height: 3px;
        background: linear-gradient(to right, #ffffff 0%, #ffffff00 100%) !important;
        width: calc(100%) !important;
        margin: 7px 0px 13px -10px !important;
    }

    .anteprima-card.stile1 {
        transition: none;
        min-height: 0px;
    }

    .anteprima-card.stile1 .card-title {
        font-size: 15px !important;
        margin-bottom: 5px;
    }

    .anteprima-card.stile1 .card-title,
    .anteprima-card.stile1 .card-text {
        text-align: left;
        padding-left: 15px;
    }

    .anteprima-card.stile1 svg {
        max-width: 64px;
        max-height: 64px;
        min-width: 64px;
        min-height: 64px;
    }

    .anteprima-card.stile1 {
        padding: 0px;
    }

    .anteprima-card.stile1 .card-body {
        padding: 10px;
    }

    .anteprima-card.stile1:hover .card-text,
    .anteprima-card.stile1 .card-text {
        line-height: 17px;
    }

    .anteprima-card.stile3 .card-image .circle-160 img.teamImg,
    .anteprima-card.stile3 .card-image .circle-160 img.competitionLogo {
        padding: 8px !important;
    }

    .anteprima-card.stile3 .card-image {
        position: absolute;
        padding: 6px 8px !important;
        margin: 0px !important;
        z-index: 1;
    }

    .anteprima-card.stile3.competition .card-title {
        background: transparent linear-gradient(180deg, #ffffff 0%, #e6e6e6 100%) 0% 0% no-repeat padding-box !important;
    }

    .anteprima-card.stile3.player .circle-30 {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        background: #fff;
        padding: 5px !important;
        border: 1px solid #dacaf3;
    }

    .anteprima-card.stile3.player .card-title {
        background: transparent linear-gradient(180deg, #ffffff 0%, #dddddd 100%) 0% 0% no-repeat padding-box !important;
    }

    .anteprima-card.stile3.team .card-title {
        background: transparent linear-gradient(180deg, #ffffff 0%, #dddddd 100%) 0% 0% no-repeat padding-box !important;
    }

    .anteprima-card.stile3 .card-title {
        padding-left: 50px;

        color: #000000;
        border-radius: 0px !important;
        text-align: left;
        padding-left: 90px !important;
        text-transform: none;
        padding-top: 8px;
        font-size: 18px !important;
    }

    .anteprima-card.stile3 .card-footer .mx-auto {
        margin: 0px !important;
    }

    .anteprima-card.stile3 .card-footer .uppercase.fs-15 {
        margin-top: 11px;
    }

    .anteprima-card.stile3 .card-footer .ruolo {
        line-height: 21px;
    }

    .anteprima-card.stile3 .card-footer {
        text-align: left;
        padding-left: 90px !important;
        padding-top: 12px;
        margin-top: 0px !important;
        margin-right: 10px;
        z-index: 1;
        margin-top: -10px !important;
    }

    .anteprima-card.stile3.player .card-footer {
        padding-top: 0px;
    }

    .anteprima-card.stile3 .circle-160 {
        width: 72px !important;
        height: 72px !important;
        background: #fff;
        border-radius: 50%;
        margin: 0px;
        padding: 0px;
        border: 2px solid #e6e6e6;
    }

    .button-vedi-tutte .vedi-box {
        display: none !important;
    }

    .anteprima-card.stile3 .card-body {
        padding: 0px;
    }

    .anteprima-card.stile3:hover .esplora,
    .anteprima-card.stile2:hover .esplora {
        display: none !important;
    }

    .anteprima-card:hover .card-footer {
        opacity: 1;
    }

    .box-slider.stile3 li {
        list-style: none;
    }

    .box-slider.stile3 .slick-dots {
        justify-content: center;
        column-gap: 10px;
    }

    .box-slider.stile3 .slick-dots li button {
        font-size: 0;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        background: #fffa;
        max-width: 20px;
        padding: 0px;
    }

    .box-slider.stile3 .slick-dots li.slick-active button {
        background: #f0f0f0;
    }

    .box-slider.stile3 {
        flex-direction: column;
        margin-bottom: 0px;
    }

    .box-slider.stile3 .slick-dots {
        display: flex;
        flex-direction: row;
        filter: brightness(10);
    }

    .anteprima-card.stile3 .pill-gradient-light-3 {
        margin-bottom: 30px;
    }

    .anteprima-card.stile3 {
        background: #fff !important;
        color: #000000;
        transition: none;
        border: none;
        min-height: 84px;
        padding: 0px;
        margin-bottom: 10px;
    }
}

/* END ANTEPRIME STYLE */
/* END ANTEPRIME STYLE */
/* END ANTEPRIME STYLE */
.hover-bold {
    transition: font-weight .2s ease;
    cursor: pointer;
}

.hover-bold:hover {
    font-weight: 600 !important;
}

.hover-alpha {
    transition: background .3s ease;
    cursor: pointer;
}
.hover-gradient {

    cursor: pointer;
    background-size: 140% 100% !important;
  background-position: right !important;
  transition: background .8s cubic-bezier(0.59, 0, 0.05, 0.95);
  background: linear-gradient(to left, #000 60%, #171717);
  
}
.hover-gradient:hover {
   background-size: 100% 100% !important;
}



@keyframes slideLeft {
    0% { transform: translateX(0); }
    30% { transform: translateX(-5px); }
    100% { transform: translateX(0); }
}

.hover-slide-left {
    transition: filter 0.4s ease-in-out;
    filter: brightness(1);
}

.hover-slide-left:hover {
    animation: slideLeft 0.4s ease-in-out 1;
    filter: brightness(4);
}


.hover-lg-2-0 {
  position: relative;
  cursor: pointer;
  
}
.hover-lg-2-0 a{

  z-index: 1;
  
}


.hover-lg-2-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Inizialmente invisibile */
    height: 100%;
    background: linear-gradient(to right, #fff1, #fff0);
    opacity: 1;
    transition: all 0.3s cubic-bezier(.28,.07,.35,1); /* Animazione morbida */
    z-index: 0;
}

.hover-lg-2-0:hover::before {
    width: 100%;
    opacity: 1; /* Sfondo visibile gradualmente */
}


.hover-alpha:hover {
    background: #ffffff17 !important;
}

.hover-light-1 {
    transition: background .3s ease;
    background: #fff0;
    cursor: pointer;
}

.hover-light-1:hover {
    background: #fcfaff !important;

}

.hover-fc-light-3 {
    transition: color .3s ease;
    cursor: pointer;
}

.hover-fc-light-3:hover {
    background: #000 !important;
    color: #C8A227;
    font-weight: 500;
}

.hover-light-3 {
    transition: background .3s ease;
    cursor: pointer;
}

.hover-light-3:hover {
    background: #C8A227 !important;
    color: #000;
    font-weight: 500;
}

.hover-light-3-detail {
    transition: background .3s ease;
    cursor: pointer;
}

.hover-light-3-detail:hover {
    background: #EDC531 !important;
    color: #000;
}

.hover-medium-bkg {
    transition: background .3s ease;
    cursor: pointer;
}

.hover-medium-bkg:hover {
    background: #222 !important;
    color: #fff;
}

.hover-tc-white,
.hover-tc-white svg {
    transition: color .3s ease;
    cursor: pointer;
}

.hover-tc-white:hover,
.hover-tc-white:hover svg {
    color: #fff !important;
}

.hover-show .hover-show-target{
    opacity: 0;
    transition: opacity .3s ease;
}
.hover-show:hover .hover-show-target{
    opacity: 1;
}


.hover-color-white {
    transition: color .3s ease;
    cursor: pointer;
}

.hover-color-white:hover {
    color: #fff !important;
}
.hover-white {
    transition: background .3s ease;
    background: #fff0;
    cursor: pointer;
}

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

.hover-white:hover svg {

    color: #000 !important;
}

.hover-underline:hover {
    text-decoration: underline !important;
}

.bg-mosaic:after {

    background: url("/assets/img/footdata-site-background.svg");
    background-repeat: repeat;

    pointer-events: none;

    background-attachment: fixed;

    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;

    z-index: 0;
}

.titolo-gradient {
    background: linear-gradient(#222, #000) !important;
    /*#d7cfe5*/
    color: #C8A227 !important;
}

.linear-gradient {
    background: linear-gradient(#C6C6C6, #ffffff) !important;
    /*#d7cfe5*/
    color: #000;
}

.linear-gradient-black-to-transparent {
    background: linear-gradient(#000 30%, #0000);
}

.linear-gradient-black-transparent {
    background: linear-gradient(#0007, #0003);
}

.linear-gradient-green-light {
    background: linear-gradient(#EFFEC5, #D8FA82);
}

.linear-gradient-green-light-to-top {
    background: linear-gradient(#D8FA82, #EFFEC5);
}

.linear-gradient-green-transparent {
    background: linear-gradient(#7CDE19, #00000000);
}

.linear-gradient-green-transparent-little {
    background: linear-gradient(#7CDE19, #00000000 5%),
    linear-gradient(to right, #000, #0000, #000);
    background-blend-mode: multiply;
}

.linear-gradient-gray-transparent-little {
    background: linear-gradient(#444, #00000000 7%);
}

.linear-gradient-green {
    background: linear-gradient(#BBE53A, #E0FF80);
}
.linear-gradient-green-acqua {
    background: transparent linear-gradient(#6BFF98, #00B938);
}
.bc-green-acqua {
    border-color: #08DB47 !important;
}
.bc-cyan {
    border-color: #89F6FF !important;
}
.linear-gradient-purple {
    background: linear-gradient(#000000, #222222) !important;
}

.dark-linear-gradient-purple {
    background: transparent linear-gradient(180deg, #000000 7%, #222222 25%, #000000 100%);
}

.dark-linear-gradient {
    background: transparent linear-gradient(180deg, #4d4d4d 10%, #222222 45%, #000000 75%);
}

.light-linear-gradient-purple, 
.gradient-black-top-1 {
    background: transparent linear-gradient(#111, #000) !important;
}
.gradient-black-top-2 {
    background: transparent linear-gradient(150deg, #171717, #000) !important;
}
.gradient-black-top-5 {
    background: transparent linear-gradient(#555, #000) !important;
}
.gradient-black-bottom-2 {
    background: transparent linear-gradient(#000, #222) !important;
}
.gradient-black-bottom-1 {
    background: transparent linear-gradient(#000, #111) !important;
}

.gradient-black-top-3 {
    background: transparent linear-gradient(#333, #000);
}
.gradient-black {
    background: transparent linear-gradient(#111, #222);
}

.short-linear-gradient-purple {
    background: transparent linear-gradient(#222 0%, #000000 60%);
}

.extra-light-linear-gradient-purple {
    background: transparent linear-gradient(#efefef, #ffffff);
}

.extra-light-linear-gradient-to-bottom {
    background: transparent linear-gradient(#ffffff, #efefef);
}

.extra-dark-linear-gradient-30perc {
    background: transparent linear-gradient(#efefef, #ffffff 30%);
}

.linear-gradient-light-green {
    background: transparent linear-gradient(#FFEB9B, #EDC531);
}

.linear-gradient-light-3 {
    background: transparent linear-gradient(#FFEB9B, #C8A227);
}

.linear-gradient-gold {
    background: transparent linear-gradient(#EDC531 8%, #C8A227 30%, #A5861F 70%);
}
.linear-gradient-cyan {
    background: transparent linear-gradient(#AEF9FF, #00E9FF);
}





.bg-dark-linear {
    background: transparent linear-gradient(#0f0f0f, #171717);
}


.extra-dark-linear-gradient-30perc .form-radio-button {
    transition: all .5s ease;
    box-shadow: 0px 0px 0px #676767aa;
}

.extra-dark-linear-gradient-30perc .form-radio-button:not(.light-1) {
    background: #fff;
}

.extra-dark-linear-gradient-30perc .form-radio-button.light-1 {
    box-shadow: 1px 1px 7px #676767aa;
}

.linear-gradient-greendark-to-left {
    background: linear-gradient(to left, #000, #D0F951);
}

.linear-gradient-greendark-to-right {
    background: linear-gradient(to right, #000, #D0F951);
}

.linear-gradient-reddark-to-left {
    background: linear-gradient(to left, #000, #FF9595);
}

.linear-gradient-reddark-to-right {
    background: linear-gradient(to right, #000, #FF9595);
}

.linear-gradient-green-to-left {
    background: linear-gradient(to left, #D8FA82, #EFFEC5);
}

.linear-gradient-green-to-right {
    background: linear-gradient(to right, #D8FA82, #EFFEC5);
}

.linear-gradient-red-to-left {
    background: linear-gradient(to left, #FF9595, #fff5f5);
}

.linear-gradient-red-to-right {
    background: linear-gradient(to right, #FF9595, #fff5f5);
}

.linear-gradient-purple-to-left {
    background: linear-gradient(to left, #333, #111);
    color: #fff !important;
}

.linear-gradient-purple-to-right {
    background: linear-gradient(to right, #333, #111);
    color: #fff !important;
}

.linear-gradient-gray-to-right {
    background: linear-gradient(to right, #363636, #676767);
}

.linear-gradient-gray-to-left {
    background: linear-gradient(to left, #363636, #676767);
}

.linear-gradient-black-to-left-50 {
    background: linear-gradient(to left, #363636, #000 50%);
}

.linear-gradient-black-to-right-50 {
    background: linear-gradient(to right, #363636, #000 50%);
}

.linear-gradient-black-to-top,
.gradient-black-bottom-1,
.dark-bkg-linear {
    background: linear-gradient(to top, #111, #000);
}

.linear-gradient-black-to-bottom,
.gradient-black-top-1 {
    background: linear-gradient(to bottom, #111, #000);
}

.bg-dark-1 {
    background: #111111;
}

.bg-dark-2 {
    background: #1E1E1E;
}


.border-pos-5 {
    border: #4EFFB4 2px solid !important;
}

.border-pos-4 {
    border: #93F589 2px solid !important;
}

.border-pos-3 {
    border: #FFDA76 2px solid !important;
}

.border-pos-2 {
    border: #FFFEA4 2px solid !important;
}

.border-pos-1 {
    border: #FE8D8D 2px solid !important;
}

.color-pos-5 {
    color: #4EFFB4;
}

.color-pos-4 {
    color: #93F589;
}

.color-pos-3 {
    color: #FFDA76;
}

.color-pos-2 {
    color: #FFFEA4;
}

.color-pos-1 {
    color: #FE8D8D;
}

.background-pos-5 {
    background: #4EFFB4;
}

.background-pos-4 {
    background: #93F589;
}

.background-pos-3 {
    background: #FFDA76;
}

.background-pos-2 {
    background: #FFFEA4;
}

.background-pos-1 {
    background: #FE8D8D;
}


/* GESTIONE HOLDER FILTERS E FILTERS HEAD COMUNI */

.holder-filters {
    padding: 0px 15px;
    font-weight: 400;
    font-size: 15px;
    /*background-color: #f5f5f5;*/
}

.holder-filters label {
    font-weight: 500;
}

@media (min-width: 990px) {

    .accordion-item.bg-white label:not(.form-check-label):not(.switch):not(.text-element) {
        background: #fff !important;
    }

    .holder-filters .wrapper-interval-select .accordion-item.bg-white label,
    .accordion-item.bg-white label.text-element {
        background: transparent !important;
    }
}

.holder-filters .holder-filters {
    background-color: transparent;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 0px;
    border: none;
}

.filters-head {
    /* width: 100%;*/
    font-weight: 600;
    font-size: 20px;
    position: relative;
    cursor: pointer;
    height: 58px;
    min-height: 58px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 10px;
    padding-right: 45px;
    padding-left: 15px;
    /*max-width: 700px;*/
    /*margin: auto;*/
    color: #fff;
}

.box-next-prev{
    transition: all .3s ease;
}
.box-next-prev.open{
    position: absolute;
    background: #111;
    z-index: 10;
    top: -1px;
    padding: 0px 5px;
    bottom: 0;
}


@media screen and (max-width: 989px) {
    .holder-filters {
        padding: 0px;
        border: 0px;
    }

    .filters-head {
        font-size: 18px;
    }
}

.accordion-head {
    font-weight: 600;
    font-size: 18px;
    position: relative;
    cursor: pointer;
    height: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 10px;
    padding-right: 25px;
}

.snippets-configurator .filters-head,
.sub-accordion {
    color: #fff;
}
.sub-accordion.goldy {
    color: #C8A227;
}

.snippets-configurator .col-12.col-lg-4.col-xl-3.position-absolute {
    z-index: 2;
}

/*.filters-head:not(.sub-accordion):after {
    background-image: none;
}*/
/*.filters-head:not(.sub-accordion):not(.fixed-bottom) img {
    filter: brightness(0) invert(1);
}*/
/* nascondo testa filtri nelle pagine schede giocatore, squadra, comeptizione */
.main-container .holder-filters>.filters-head:not(.sub-accordion):not(.fixed-bottom) {
    display: none !important;
}



#pagina-mondiali .holder-filters,
.snippets-configurator .holder-filters:first-child {
    background-color: #111;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 0px 0px;
    border: none;
}

.snippets-configurator .holder-filters:first-child {
    border-radius: 15px;
}

#pagina-mondiali .holder-filters .filters-head:not(.sub-accordion) {
    color: inherit !important;
    text-shadow: none;
}

#pagina-mondiali .holder-filters .filters-head:not(.sub-accordion) img {
    filter: inherit;
}

.filters-head:not(.fixed-bottom) img {
    max-height: 30px;
    filter: brightness(10);
}

.snippets-configurator .filters-head:not(.fixed-bottom) img {
    max-height: 35px;
    filter: brightness(0);
}

.inner-filter-cont h4,
.inner-filter-cont h5 {
    color: #fff;
}

.snippets-configurator .filters-head::after,
.filters-head.sub-accordion::after,
.accordion-head::after {
    height: 15px;
    width: 15px;
    background-image: url("/assets/img/icon-arrow.svg");
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    transform: rotate(180deg);
    transition: transform 0.15s ease-in-out;
    content: "";
    position: absolute;
    right: 10px;
    filter: brightness(3);
}
.filters-head.sub-accordion.disable-collapse {
    pointer-events: none;

}
.filters-head.sub-accordion.disable-collapse::after {
    content: initial;

}

.snippets-configurator .filters-head.light-3::after {
    filter: brightness(0);
}

.snippets-configurator .widget-filters-overlay-mobile .inner-filter-cont {
    height: max-content;
}

.filters-head.sub-accordion{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.open-full-accordion .filters-head.sub-accordion::after{filter: brightness(2);}

.no-arrow:after {
    content: none !important;
}

.snippets-configurator .filters-head::after {
    right: 10px;
}

.snippets-configurator .filters-head[aria-expanded="true"]::after,
.filters-head.sub-accordion[aria-expanded="true"]::after,
.accordion-head[aria-expanded="true"]::after {
    /*transform: rotate(0deg);
    transition: transform 0.25s ease-in-out;*/
    background-image: url("/assets/img/icona-torna-indietro.svg");
    /* filter: brightness(0);*/
    min-height: 32px;
    min-width: 32px;
    transform: rotate(0deg);
}

.snippets-configurator .filters-head.light-3[aria-expanded="true"]::after {
    filter: brightness(0);
}

.accordion-head.p-0:after {
    right: 0px;
}

.inner-filter-cont {
    border-top: #e5e5e5 1px solid;
    display: flex;
    padding: 20px 0px;
    align-items: flex-start;
    justify-content: flex-start;
    column-gap: 15px;
    flex-wrap: wrap;
    cursor: auto;
    height: max-content;
}

.widget-filters-overlay-mobile .inner-filter-cont select{
  background: transparent;
  border: 2px solid #676767;
  min-height: 56px;
  border-radius: 10px;
}

.inner-filter-cont.paywalled .button-filtri{
    display: none !important;
}
.inner-filter-cont .button-filtri{
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 4px;
}
.inner-filter-cont.paywalled .accordion-item.open-full-accordion,
.inner-filter-cont.paywalled .accordion-item.open-full-accordion.open,
.inner-filter-cont.paywalled .accordion-item{
    display: none !important;
}

.inner-filter-cont form {
    width: 100%;
}

#panelsearchHome .filters-head[data-target=".standard-rank-filters-cont"] {
    display: none !important;
}

.widget-filters-overlay-mobile .filters-head:not(.sub-accordion) {
    margin: auto;
}

.widget-filter-open-left .widget-filters-overlay-mobile .filters-head:not(.sub-accordion),
.snippets-configurator .widget-filters-overlay-mobile .filters-head:not(.sub-accordion),
#panelsearchHome .widget-generic-filters-layout .filters-head:not(.sub-accordion),
.sub-filter-title {
    color: #fff !important;
    max-width: 700px;
    margin: auto;
    /*text-shadow: 1px 1px 1px #777;*/
}

.widget-filter-open-left .widget-filters-overlay-mobile .apply-snippet-filter.to-apply button,
.snippets-configurator .apply-snippet-filter.to-apply button {
    background: #EDC531;
    color: #000;
}


.widget-filter-open-left .widget-filters-overlay-mobile .filters-head:not(.sub-accordion) img,
.snippets-configurator .widget-filters-overlay-mobile .filters-head:not(.sub-accordion) img,
#panelsearchHome .widget-generic-filters-layout .filters-head:not(.sub-accordion) img,
.widget-filter-open-left .widget-filters-overlay-mobile .filters-head:not(.sub-accordion):after,
.snippets-configurator .widget-filters-overlay-mobile .filters-head:not(.sub-accordion):after,
#panelsearchHome .widget-generic-filters-layout .filters-head:not(.sub-accordion):after,
.sub-filter-title img {
    filter: brightness(0) invert(1);
}

/* Smartphones */
/* Responsive Styles */
/* Player Records Body */

/*.widget-filter-open-left .filters-head[data-target=".filters-cont"]:after,*/
.widget-filter-open-left .widget-filters-overlay-mobile.show .filters-head[data-target=".filters-cont"]:after,
.widget-filter-open-left .filters-head[data-target=".widget-filter-open-left"]:after,
.snippets-configurator .widget-filters-overlay-mobile.show .filters-head[data-target=".filters-cont"]:after,
#panelsearchHome .widget-generic-filters-layout.show .filters-head[data-target=".widget-generic-filters"]:after {
    background-image: none;
    width: 0px;
    height: 0px;
}

#panelsearchHome .homecollapse .collapse .collapse.show,
#panelsearchHome .homecollapse.show,
#panelsearchHome .homecollapse.collapsing,
#panelsearchHome .homecollapse .collapse {
    display: block !important;
}

.snippets-configurator .widget-filters-overlay-mobile.show .filters-head[data-target=".filters-cont"]:after {
    background-image: url("/assets/img/x2.svg") !important;
    filter: invert(1) !important;
    width: 66px;
    height: 66px;
    rotate: -90deg;
    top: -3px;

    color: #fff;
}

@media screen and (min-width: 990px) {
    /*    .widget-filter-open-left .widget-filters-overlay-mobile.show .filters-head[data-target=".filters-cont"]:after,
    .widget-filter-open-left .filters-head[data-target=".widget-filter-open-left"]:after,
    #panelsearchHome .widget-generic-filters-layout.show .filters-head[data-target=".widget-generic-filters"]:after {
        background-image: url("/assets/img/x2.svg") !important;
        filter: grayscale(1) !important;
        width: 66px;
        height: 66px;
        rotate: -90deg;
        top: -6px;
        transform: scale(0.9);
    }*/

    #panelsearchHome .homecollapse,
    #panelsearchHome .homecollapse .collapse .collapse {
        display: none;
    }

    #panelsearchHome .homecollapse .collapsed {
        display: flex;
    }

    #panelsearchHome #search .holder-filters {
        margin-right: 10px;
        margin-left: 10px;
    }

    /* CONTENITORE FILTRI FIXED DA SINISTRA */

    .widget-filter-open-left .filters-head[data-target=".filters-cont"]::after,
    .snippets-configurator .filters-head[data-target=".filters-cont"]::after,
    #panelsearchHome .filters-head[data-target=".widget-generic-filters"]::after {
        rotate: -90deg;
    }

    .widget-filter-open-left .widget-filters-overlay-mobile,
    .widget-filter-open-left .widget-filters-overlay-mobile.collapsing,
    .snippets-configurator .widget-filters-overlay-mobile,
    .snippets-configurator .widget-filters-overlay-mobile.collapsing,
    #panelsearchHome .widget-generic-filters-layout,
    #panelsearchHome .widget-generic-filters-layout.collapsing {
        position: fixed;
        top: 0px;
        height: 100vh;
        width: 100%;
        display: block !important;
        z-index: 9999;
        transition:
            transform 0.4s cubic-bezier(0.71, 0, 0.28, 0.99),
            opacity 0.3s linear;
        right: 0;
        left: 0;
        transform: translateY(100%);
        margin: 0;
        background: linear-gradient(#000000dd, #00000055);

        padding: 15px;
        overflow: auto;
    }

    .snippets-configurator .widget-filters-overlay-mobile,
    .snippets-configurator .widget-filters-overlay-mobile.collapsing {
        width: 50%;
        max-width: max-content;
        background: linear-gradient(#000000dd, #00000077);
    }

    .widget-filter-open-left .widget-filters-overlay-mobile.show,
    .snippets-configurator .widget-filters-overlay-mobile.show,
    #panelsearchHome .widget-generic-filters-layout.show {
        left: 0px;
        transform: translateY(0%);
        border-top: none !important;
        min-width: 730px;
       
    }

    /*.widget-filter-open-left .holder-filters,*/
    .snippets-configurator .holder-filters,
    #panelsearchHome .widget-generic-filters-layout .holder-filters {
        background: transparent !important;
    }

    widget-filter-open-left .holder-filters label:not(.form-check-label),
    .snippets-configurator .holder-filters label:not(.form-check-label),
    #panelsearchHome .widget-generic-filters-layout .holder-filters label:not(.form-check-label) {

        border-radius: 10px;
    }

    /* CONTENITORE FILTRI FIXED DA SINISTRA */

    .widget-filters-overlay-mobile .holder-filters {
        max-width: 700px;
        margin: auto !important;
    }
}

#panelsearchHome .widget-generic-filters-layout.collapse.show .standard-rank-filters-cont.collapse,
.widget-filter-open-left.collapse.show .holder-filters .filters-cont.collapse {
    display: block !important;
}

@media screen and (max-width: 989px) {
    #panelsearchHome .onlymobile-990 {
        padding: 9px 0px;
    }

    #panelsearchHome .holder-filters {
        background: transparent;
        margin: 0px 15px;
    }

    #panelsearchHome .widget-generic-filters-layout.collapse.show .standard-rank-filters-cont.collapse,
    .widget-filter-open-left.collapse.show .holder-filters .filters-cont.collapse {
        display: block !important;
    }

    .widget-filters-overlay-mobile,
    .widget-filters-overlay-mobile.collapsing {
        position: fixed;
        top: 0px;
        height: 100vh;
        width: 100%;
        display: block !important;
        /*z-index: 99999;*/
        transition: left 0.5s cubic-bezier(0.17, 0.67, 0.45, 1), opacity .5s ease;
        left: 100vw;
        right: 0px;
        margin: 0;
        background: linear-gradient(#000000, #000000cc);
        padding: 0px;
        overflow: auto;
        opacity: 0;
      
    }

    .widget-filters-overlay-mobile.show {
        left: 0px;
        opacity: 1;
   
    }

    /*.widget-filters-head,.filters-head{ display:none !important; }*/
}

@media screen and (min-width: 990px) {
    #panelsearchHome .onlymobile-990 {
        padding: 9px 0px;
    }

    #panelsearchHome .holder-filters {
        background: transparent;
        margin: 0px 15px;
    }

    #panelsearchHome .widget-generic-filters-layout.collapse.show .standard-rank-filters-cont.collapse,
    .widget-filter-open-left.collapse.show .holder-filters .filters-cont.collapse {
        display: block !important;
    }

    .widget-filters-overlay-mobile,
    .widget-filters-overlay-mobile.collapsing {
        position: fixed;
        top: 0px;
        height: 100vh;
        width: 100%;
        display: block !important;
        /* z-index: 99999;*/
        transition:
            transform 0.5s cubic-bezier(0.17, 0.67, 0.45, 1),
            opacity 0.4s cubic-bezier(0.81, 0.15, 0.91, 0.51),
            border-radius 1s ease-in-out;
        right: 0;
        left: 0%;
        margin: 0;
        background: linear-gradient(#00000077, #000000);
        padding: 15px;
        overflow: auto;
        max-width: 100%;
        transform: translate(0%, 100%);
        opacity: 0;
        padding-bottom: 0px;
    }

    .widget-filters-overlay-mobile.show {
        transform: translate(0%, 0%);
        opacity: 1;
        cursor: pointer;
    }

    

    .snippets-configurator .widget-filters-overlay-mobile .filters-head {
        max-width: 100% !important;
    }

    .holder-filters label:not(.form-check-label):not(.switch):not(.text-element) {
        /*background: #fff;*/
    }

    /*.widget-filters-head,.filters-head{ display:none !important; }*/
}

.widget-filters-overlay-mobile .inner-filter-cont,
.widget-filters-overlay-mobile .calendar-filters

/*,
.holder-filters-stat-overlay .inner-filter-cont*/
    {
    border-top: none !important;
    padding: 20px 15px !important;
    background: #000;
    border-radius: 15px;
    margin-top: 10px;
    margin-bottom: 70px;
    display: flex;
    flex-direction: column;
    max-width: 700px;
    margin: auto;
}
.widget-filters-overlay-mobile .inner-filter-cont{
   /* flex-direction: inherit;*/
    border: 1px solid #333;
    align-items: start;
    justify-content:start;
    column-gap: 0px;
}


@media (max-width: 767.9px) {
    .collapse-mobile-absolute{
        
    }
    .collapse-mobile-absolute.show{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
        background: #000;
        display: flex;
        flex-direction: column;
        padding: 15px;
    }
    .collapse-mobile-absolute .mobile-tools{
        display: none;
    }
    .collapse-mobile-absolute.show .mobile-tools{
        display: flex;
    }

    .widget-filters-overlay-mobile .inner-filter-cont,
    .widget-filters-overlay-mobile .calendar-filters {
        padding: 10px !important;
       /* height: calc(100vh - 58px);*/
        justify-content: flex-start;
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;

    }

    .widget-filters-overlay-mobile .inner-filter-cont .col-12,
    .widget-filters-overlay-mobile .calendar-filters .col-12 {
        flex: none !important;
    }
}

.box-match .match-info-close-panel-btn {
    display: none !important;
}

.holder-type-ranking {
    border: 1px solid #c9c9c9;
    border-radius: 10px;
    height: 55px;
    display: flex;
    justify-content: space-between;
    column-gap: 5px;
    padding: 4px;
}

.holder-type-ranking button.active {
    background: #383838;
    color: #fff;
}

.holder-type-ranking button {
    padding: 0px 5px;
    border-radius: 6px;
    margin: 0px;
    font-size: 13px;
    line-height: 12px;
    color: #ccc;
    flex-grow: 1;
    white-space: nowrap;
}

/*.holder-type-ranking button:last-child {
    margin: 5px 2px 5px 2px;
}*/

/*.wrap-boxes-squadre .widget-border-rounded-lrg,
.wrap-boxes-squadre .widget-cont {
    border-radius: 0px;
    border: none;
    padding: 0px;
    height: 100%;
}*/

.wrap-boxes-squadre .stats-accordion {
    padding: 0px 1rem;
}

.header-grid .image-player {
    background: #f4f4f4;
    padding: 3px !important;
    border-radius: 50%;
    background-color: #f4f4f4;
    border: 4px solid #000000;
    box-shadow: 0 0 0 1.5px #f4f4f4;
}


/* STILE DROPDOWN SELECT GIOCATORE */
.circle-60 {
    width: 60px !important;
    height: 60px !important;
    background: #fafafa;
    border-radius: 50%;
    margin: auto;
    margin-right: auto;
    padding: 0px;
    border: 2px solid #eee;
    overflow: hidden;
}

.circle-60 img,
.select2-selection__rendered figure.circle-60 img {
    max-width: 60px !important;
    background: transparent !important;
    border-radius: 0px !important;
    padding: 0px !important;
}

.presenze svg,
.minuti svg {
    color: #a699bc;
    margin-right: 5px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #171717;
    color: #fff;
}

.select2-results__options .select2-results__option .matchWeek {
    padding: 0px !important;
}

.select2-results__options .select2-results__option {
    padding: 10px !important;
    line-height: 20px;
    color: #ccc;
    font-size:14px;
    transition: all .3s ease;
}
.select2-results__options .select2-results__option:not(:last-child) {
    border-bottom: 1px solid #333;
}
.select2-results__options .select2-results__option .select2-results__group {
    color: #C8A227;

  padding: 0px 6px 6px 6px;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 12px;

}

.select2-results__option--highlighted {
  color: #fff !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #222 !important;
    color: #fff !important;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.mixin-player-header {
    background: transparent linear-gradient(180deg, #120628 0%, #000000 60%, #523880 80%, #200550 100%) 0% 0% no-repeat padding-box;
    overflow: hidden;
    border-radius: 10px;
}

.mixin-team-header {
    background: transparent linear-gradient(180deg, #120628 0%, #000000 60%, #523880 80%, #200550 100%) 0% 0% no-repeat padding-box;
    overflow: hidden;
    border-radius: 10px;
}

body.snippet .mixin-player-header,
body.snippet .mixin-team-header {
    border-radius: 0px;
}

.role-pill {
    border: #b0e600 1px solid;
    background-color: #fff;
    color: #222222;
    border-radius: 20px;
    padding: 2px;
}

/* white circle pills*/
.white-pills {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    max-width: 100%;
    justify-content: left;
    column-gap: 15px;
    padding: 10px;
    overflow-x: auto !important;
}

.white-pills button {
    border-radius: 50px;
    color: #fff;
    padding: 4px 10px;
    font-weight: 500;
    white-space: nowrap;
}

.white-pills button.active {
    background: #fff;
    color: #000000;
}

/* white circle pills*/

.nav-pills.bc-white .nav-link.active {
    color: #000000;
    background-color: #fff;
}

.nav-pills.bc-white .nav-link:not(.active) {
    color: #DBCDFB;
    background-color: transparent;
}


/* menu pills dark */
.menu-pills-dark {
    border: 2px solid #fff;
    color: #fff;
    border-radius: 14px;
    padding: 5px;
    display: flex;
    justify-content: start;
    column-gap: 15px;
     overflow-x: auto; 
}

.menu-pills-dark button {
    color: #fff;
    transition:
        transform 0.2s ease-out,
        background 0.2s ease-out;
    padding: 5px 3%;
    line-height: 16px;
    font-size: 16px;
    font-weight: 500;
    background: transparent;
    border-radius: 10px;
}

.menu-pills-dark button:not(.active):hover {
    transform: scale(1.1);
    background: #fff1;
}

.menu-pills-dark button.active {
    color: #000000;
    background: #fff;
    pointer-events: none;
}

/* menu pills dark VARIANTI */
.menu-pills-dark.light-2 button,
.menu-pills-dark.bg-white button {
    color: #000000;
}

.menu-pills-dark.light-2 button.active {
    color: #E3E3E3;
    background: #383838;
    pointer-events: none;
}

.menu-pills-dark.bg-white button.active {
    color: #ffffff;
    background: #383838;
    pointer-events: none;
}

/* menu pills dark */

.fd-nav-pill {
    /*margin: 0px 0px 10px 0px;*/
    padding: 4px 4px;
    border: 3px solid #fff;
    border-radius: 10px;
    justify-content: space-between;
    width: 100% !important;
    display:flex;
}

.fd-nav-pill .nav-item {
    flex-grow: 1;
    cursor: pointer;
}

.fd-nav-pill .nav-link {
    padding: 5px 15px;
    font-weight: 500;
    width: 100%;
    font-size: 22px;
    color: #fff;
    border-radius: 7px;
}
.fd-nav-pill .nav-link svg{
    color: #fff;
}

@media (max-width: 767.9px) {
    .fd-nav-pill .nav-link {
        font-size: 18px;
    }
}

.fd-nav-pill .nav-link.active {
    background-color: #eeeeee;
    color: #000000;
}
.fd-nav-pill .nav-link.active svg{
    color: #000000;
}

/* nav pills dark */
.fd-nav-pill.dark {
    border: 3px solid #383838;
}

.fd-nav-pill.dark .nav-link {
    color: #000000;
}

.fd-nav-pill .nav-link.active {
    background-color: #eeeeee;
    color: #000000;
}

/* nav pills dark */

/* CAMPO RICERCA CON LENTE */
.fd-search-inner {
    width: 100%;
    position: relative;
}

.fd-search-inner svg {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.fd-search-inner input::placeholder {
    color: #b9b9b9;
    font-size: 14px;
}

.fd-search-inner input {
    padding-left: 45px;
    border: 1px solid #c9c5d1;
    border-radius: 30px;
    height: 48px;
    font-size: 16px;
    box-shadow: 0px 3px 6px #0001;
    margin-top: 2px;
    transition: all 0.2s ease;
}

.fd-search-inner input {
    border-radius: 25px;
}

/* CAMPO RICERCA */

.btn-group,
.btn-group-vertical {
    display: flex;
    flex-grow: 1;
    position: relative;
}

.btn-group .dropdown-menu {
    width: 100%;
}

.widget-field-events .dropdown-menu {
    cursor: pointer;
}

.dropdown-menu.show {
  display: block !important;
}

.widget-field-events button {
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    column-gap: 5px;
    justify-content: center;
    color: #000000 !important;
    border-radius: 10px;
    width: 100%;
}

.widget-field-events button[area-expanded="true"] {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.widget-field-events button:hover {
    color: initial !important;
}

@media (max-width: 767.9px) {

    .widget-filters-overlay-mobile .inner-filter-cont,
    .widget-filters-overlay-mobile .calendar-filters {
        padding-bottom: 20px !important;
    }

    .mixin-player-header {
        border-radius: 0px;
    }
}

.border-green {
    border-color: #bbe53b !important;
}

.border-bottom-4 {
    border-bottom: 4px solid #676767 !important;
}

.border-bottom-riga-sfumata-to-right,
.border-bottom-riga-sfumata-to-left,
.border-top-riga-sfumata-to-right,
.border-top-riga-sfumata-to-left {
    position: relative;
}

.border-top,
.border-bottom,
.border-left,
.border-right
{
  border-color: #707070 !important;
}

.riga-sfumata-oro-to-right::after {
    content: "";
    height: 2px;
    width: 100%;
    background: linear-gradient(to right, #ECC431, #000);
    position: absolute;
    left: 0;
}
.border-bottom-riga-sfumata-to-right::after {
    content: "";
    height: 1px;
    width: 80%;
    background: linear-gradient(to right, #fff, #fff0);
    position: absolute;
    bottom: 0;
    left: 0;
}

.border-bottom-riga-sfumata-to-left::after {
    content: "";
    height: 1px;
    width: 80%;
    background: linear-gradient(to left, #fff, #fff0);
    position: absolute;
    bottom: 0;
    right: 0;
}

.border-top-riga-sfumata-to-right::after {
    content: "";
    height: 1px;
    width: 80%;
    background: linear-gradient(to right, #fff, #fff0);
    position: absolute;
    top: 0;
    left: 0;
}

.border-top-riga-sfumata-to-left::after {
    content: "";
    height: 1px;
    width: 80%;
    background: linear-gradient(to left, #fff, #fff0);
    position: absolute;
    top: 0;
    right: -10px;
}

.border-dark-bkg {
    border-color: #000000 !important;
}

.border-medium-bkg {
    border-color: #383838 !important;
}

.border-light-4 {
    border-color: #676767 !important;
}

.border-light-3 {
    border-color: #C8A227 !important;
}

.border-light-2 {
    border-color: #E3E3E3 !important;
}

.border-light-1 {
    border-color: #fcfaff !important;
}

.border-none,
.border-none.nav-link {
    border: none !important;
    border-bottom: 0px solid transparent !important;
    border-top: 0px solid transparent !important;
    border-left: 0px solid transparent !important;
    border-right: 0px solid transparent !important;
}

.header-main-txt {
    color: #ffffff;
    fill: #ffffff;
}

.header-main-txt svg {
    color: #ffffff;
}

.header-primary-menu-txt {
    color: #ffffff;
    fill: #ffffff;
}

.header-primary-menu-txt svg {
    color: #ffffff;
}

.header-secondary-menu-txt {
    color: #ffffff;
    fill: #ffffff;
}

.header-secondary-menu-txt svg {
    color: #ffffff;
}

/*.bg-white:not(#mainContent) svg {
    color: #000000 !important;
}*/
.tc-white svg,
a.tc-white,
svg.tc-white {
    color: #fff !important;
}

.tc-red, .tc-red svg, svg.tc-red {
    color: #d02e26 !important;
}

.tc-white .tc-black svg,
.tc-white svg.tc-black,
.tc-black svg,
svg.tc-black {
    color: #000 !important;
}

.tc-white-a a {
    color: #fff !important;
}

.color-white,
.color-white svg,
.color-white a {
    color: #fff !important;
}

svg.fc-light-4 {
    color: #676767 !important;
}

/*
.dark-linear-gradient svg {
    color: #fff !important;
}*/


.fc-white {
    color: #ffffff !important;
}

.fc-light-1 {
    color: #fcfaff !important;
}

.fc-light-2,
svg.fc-light-2 {
    color: #E3E3E3 !important;
}

.fc-light-3b {
    color: #c6c6c6 !important;
}

.fc-light-3b.hover-color-white,
.fc-light-3b.hover-color-white svg,
.fc-light-3b.hover-color-white a
{
    color: #c6c6c6 !important;
    transition: color .3s ease;
}
.fc-light-3b.hover-color-white:hover,
.fc-light-3b.hover-color-white:hover svg,
.fc-light-3b.hover-color-white:hover a
{
    color: #fff !important;
}

.menu-primary .hover-color-white {
  display: flex;
  align-items: center;
  column-gap: 7px;
}
.menu-primary .hover-color-white:hover a:not(.noafter):after {
  transform: scaleX(1);
}
.menu-primary .hover-color-white a:not(.noafter):after {
  display: block;
  content: '';
  border-bottom: solid 4px #C8A227;
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
  border-radius: 50px;
}


.fc-light-3 {
    color: #C8A227 !important;
}

.fc-light-3-detail {
    color: #EDC531 !important;
}

.fc-lighter-3 {
    color: #FFEB9B !important;
}

.bc-lighter-3 {
    border-color: #FFEB9B !important;
}

.fc-light-4 {
    color: #676767 !important;
}

.fc-medium-bkg {
    color: #000000 !important;
}

.fc-dark-bkg {
    color: #000000 !important;
}



.fc-green {
    color: #B6FFA0 !important;

}

.fc-green-2 {
    color: #CFF852 !important;
}

svg.fc-green-2 {
    color: #CFF852 !important;
}

.fc-green-light {
    color: #ECFDBD !important;
}

.fc-red {
    color: #ffaaaa !important;
}

.fc-red-2 {
    color: #FF5026 !important;
}

svg.fc-red-2 {
    color: #FF5026 !important;
}

.medium-txt {
    color: #fff;
}

.dark-txt {
    color: #fff;
}

/* SVG DENTRO LE CLASSI COLOR */
.fc-light-1 svg {
    color: #f6f6f6 !important;
}

.fc-light-2 svg {
    color: #E3E3E3 !important;
}

.fc-light-3b svg,
svg.fc-light-3b {
    color: #c6c6c6 !important;
    fill: #c6c6c6 !important; 
    stroke: transparent !important;
}

.fc-light-3 svg,
svg.fc-light-3 {
    color: #C8A227 !important;
}

.fc-light-4 svg {
    color: #676767 !important;
}

.fc-medium-bkg svg {
    color: #000000 !important;
}

.fc-light-4 svg.fc-medium-bkg,
svg.fc-medium-bkg {
    color: #000000 !important;
}

.fc-dark-bkg svg,
svg.fc-dark-bkg {
    color: #000000 !important;
}

.fc-cyan svg {
    color: #4ef8f2 !important;
}

.medium-txt svg {
    color: #000000;
}

.dark-txt svg {
    color: #fff;
}

/* SVG DENTRO LE CLASSI COLOR */
.gray-mouse {
    background: #707070;
}

.fc-mouse {
    color: #707070;
}

.gray-bkg,
.bg-gray {
    background: #b7b7b7;
}

.gray-light,
.bg-gray-light {
    background: #F0F0F0;
}

.alert-yellow {
    background: #f5f0d5;
}


.light-1 {
    background: #fcfaff;
}

.light-1-alpha {
    background: #fffa;
}

.light-3b {
    background: #c6c6c6;
}

.light-2 {
    background: #E3E3E3;
}

.light-3 {
    background: #C8A227;
    color: #000;
}

.light-3c,
.light-3-detail {
    background: #edc531;
}

.light-3-detail2 {
    background: #FFEB9B;
}

.fc-light-3-detail2,
svg.fc-light-3-detail2,
.tc-white .tc-black svg.fc-light-3-detail2 {
    color: #FFEB9B !important;
}

.bc-light-3-detail2 {
    border-color: #FFEB9B !important;
}

.hover-light-3-detail2 {
    transition: all .3s ease;
}

.hover-light-3-detail2:hover {
    background: #FFEB9B !important;
    color: #000 !important;
}

.light-4 {
    background: #676767;
}

.medium-bkg {
    background: #212121;
    color: #fff;
}

.medium-bkg-light {
    background: #363636;
    color: #fff;
}

.dark-bkg2 {
    background: #111;
}

.dark-bkg {
    background: #000000;
}

.widget-cont.light-4 {
    background: #676767 !important;
}


.butt-sovrapponi {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: -2px;
}

.grayscale {
    filter: grayscale(1);
}

.gap-5 {
    gap: 5px;
}

.gap-10 {
    gap: 10px;
}

.gap-15 {
    gap: 15px;
}

.gap-20 {
    gap: 20px;
}

.cgap-3 {
    column-gap: 3px !important;
}

.cgap-5 {
    column-gap: 5px !important;
}

.cgap-8 {
    column-gap: 8px !important;
}

.cgap-10 {
    column-gap: 10px !important;
}

.cgap-15 {
    column-gap: 15px !important;
}

.cgap-20 {
    column-gap: 20px !important;
}

.cgap-30 {
    column-gap: 30px !important;
}

.cgap-40 {
    column-gap: 40px !important;
}
@media only screen and (min-width: 768px) {
    .cgap-md-5 {
        column-gap: 5px;
    }
    .cgap-md-10 {
        column-gap: 10px;
    }
    .cgap-md-15 {
        column-gap: 15px;
    }
    .cgap-md-20 {
        column-gap: 20px;
    }
}

.rgap-1 {
    row-gap: 1px;
}

.rgap-2 {
    row-gap: 2px;
}

.rgap-3 {
    row-gap: 3px;
}

.rgap-4 {
    row-gap: 4px;
}

.rgap-5 {
    row-gap: 5px;
}

.rgap-7 {
    row-gap: 7px;
}

.rgap-10 {
    row-gap: 10px;
}

.rgap-15 {
    row-gap: 15px;
}

.rgap-20 {
    row-gap: 20px;
}

.rgap-30 {
    row-gap: 30px;
}

.rgap-40 {
    row-gap: 40px;
}

.mobile-grid:not(.fullscreen) .little-header svg.position-absolute,
.mobile-grid:not(.fullscreen) .little-header .image-player,
.mobile-grid:not(.fullscreen) .little-header .info-header-player {
    display: none !important;
}

.mobile-grid.fullscreen .little-header.mini svg.position-absolute,
.mobile-grid.fullscreen .little-header.mini .image-player,
.mobile-grid.fullscreen .little-header.mini .info-header-player {
    display: none !important;
}

.fullscreen .header-box{padding:10px 15px !important;}

.mobile-grid.fullscreen .little-header.mini {}

.mobile-grid:not(.fullscreen) .little-header .preloader-header-player-match {
    display: none;
}

.mobile-grid:not(.fullscreen) .little-header .header-grid .name-player {
    font-size: 0;
}

.mobile-grid:not(.fullscreen) .little-header .fondo-small.intestazione-metrica {
    margin-bottom: 0px;
}

@media only screen and (max-width: 767.9px) {
    .mobile-grid:not(.fullscreen) .little-header.wrap-header-scores .header-player-matches-grid {
        padding-top: 0px;
    }

    .mobile-grid:not(.fullscreen) .little-header.wrap-header-scores {
        padding-top: 0px;
    }

    .mobile-grid:not(.fullscreen) .little-header .header-grid .name-player {
        min-height: 0px;
        display: none !important;
    }

    .mobile-grid:not(.fullscreen) .little-header .name-container {
        padding: 0px !important;
    }

    .mobile-grid:not(.fullscreen) .little-header .wrap-header-stat-focus {
        padding: 0px 0px 0px 5px;
    }
}

@media screen and (min-width: 768px) {
    .border-md-none {
        border: none !important;
        border-bottom: 0px solid transparent !important;
        border-top: 0px solid transparent !important;
        border-left: 0px solid transparent !important;
        border-right: 0px solid transparent !important;
    }

    .slick-dots li,
    .owl-dot {
        transition:
            transform 0.2s ease,
            background-color 0.2s ease !important;
        transform: scale(1);
    }

    .slick-dots li:hover,
    .owl-dot:hover {
        transform: scale(1.3);
    }

    .mobile-grid:not(.fullscreen) .little-header .header-grid {
        position: absolute;
        right: 0;
        left: 0;
        z-index: 0;
    }

    .mobile-grid:not(.fullscreen) .little-header .header-grid .item-container {
        padding-left: 0px;
        position: absolute;
        left: 0;
        right: 0;
    }

    .mobile-grid:not(.fullscreen) .little-header .wrap-header-scores-recaps {
        position: relative;
        top: 0px;
        left: 0px;
        width: max-content !important;
        outline: 0px;
        outline-offset: 0px;
        margin: 8px 15px;
    }

    .mobile-grid:not(.fullscreen) .little-header .wrap-header-tags-recaps {
        position: relative;
        top: 0px;
        left: 0px;
        margin: 8px 0px 8px 10px;
        -ms-flex-order: 2;
        order: 2;
    }

    .mobile-grid:not(.fullscreen) .little-header.wrap-header-scores {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        /* background: transparent !important;*/
    }
    
    .wrap-header-scores:not(.little-header) .ph-button-filtri{
       margin-right: 0px !important;
    }

    .mobile-grid:not(.fullscreen) .little-header .wrap-header-stat-focus {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        width: 100%;
    }

    .mobile-grid:not(.fullscreen) .little-header .name-container {
        height: 57px;
    }

    .mobile-grid:not(.fullscreen) .little-header .wrap-header-stat-focus {
        padding: 0px 0px 0px 20px;
    }

    .mobile-grid:not(.fullscreen) .little-header .header-grid {
        height: 70px;
    }

    /*.mobile-grid:not(.fullscreen) .little-header.wrap-header-scores {
        background: #fff;
        padding: 15px;
    }*/
}

/* GO FULL SCREEN */

/*.snippets-configurator .go-fullscreen .svg-chiudi, */
.snippets-configurator .go-fullscreen .svg-apri {
    filter: invert(1);
}

.snippets-configurator iframe.snippet-footdata {
    background: #f9f9f9;
}

.border-dashed {
    border: 2px dashed #ccc;
}

#mainContent.fullscreen iframe.snippet-footdata {
    max-height: calc(100vh - 190px);
}

#mainContent.fullscreen {
    position: fixed !important;
}

body.snippet .go-fullscreen {
    display: none !important;
}

.fixed-top-right {
    position: fixed;
    right: 20px;
    top: 4px;
    background: #000000;
    border-radius: 10px;
}

.go-fullscreen {
    cursor: pointer;
    transition: all 0.1s ease-out;
    margin: 10px 10px;
}

.go-fullscreen.fixed-top-right {
    /*z-index: 999999999999999;*/
    padding: 5px 0px !important;
    margin: 0px;
}

.holder-header-rosa .go-fullscreen.fixed-top-right {
    padding-top: 10px !important;
}

.widget-team-rosa.fullscreen .boxed {
    max-width: calc(100% - 50px) !important;
}

.widget-team-rosa.fullscreen .competition-title-cont {
    padding-right: 25px !important;
    border-right: 2px solid #fffa;
    margin-right: 119px;
}

.go-fullscreen:hover {
    transform: scale(1.1);
}

.go-fullscreen.fixed-top-right:hover {
    transform: scale(0.9);
}

.go-fullscreen .svg-apri {
    display: block;
}

.go-fullscreen .svg-chiudi {
    display: none;
}

.go-fullscreen.fixed-top-right .svg-apri {
    display: none;
}

.go-fullscreen.fixed-top-right .svg-chiudi {
    display: block;
}

.fullscreen {
    position: fixed;
    top: 0;
    left: 0px;
    right: 0px;
    bottom: 0;
    background: #383838;
    overflow: auto;
    margin: 0px !important;
    padding-top: 0px !important;
}

.widget-team-rosa.fullscreen {
    padding-top: 65px !important;
}

.fullscreen.exiting {
    top: 50px;
    margin: 0px !important;
}

.fixed-bottom,
button.toggleFiltri-custom {
    /*  bottom: 10px;
    position: fixed !important;
    left: 19%;
    top: inherit !important;*/
    max-width: max-content;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: translateX(0%) scale(1);

    /* min-width: 200px;*/
}

button.toggleFiltri-custom {
    /* transform: translateX(-50%) scale(1);*/
}

.pulse {
    transition: all 0.2s ease-in-out;
    animation: pulse-simple 4s infinite;
}

.pulse-little {
    transition: all 0.2s ease-in-out;
    animation: pulse-little 1s infinite;
}
.pulse-slow {
    transition: all 1s ease-in-out;
    animation: pulse-slow 6s infinite;
}


@keyframes flash-bg {
  0% {
    background-color: #fff5;
  }
  100% {
    background-color: #fff0;
  }
}

.flash-once {
  animation: flash-bg 1s ease-out;
}

@keyframes pulse-once {
    0% {
        box-shadow: 0 0 10px rgba(255, 255, 255, .6);
    }
    100% {
        background: #000;
    }
}

/*.pulse-once {
    animation: pulse-once .8s ease-out;
}*/

.added-tags .pulse-once:last-child {
    animation: pulse-once 0.8s ease-out;
}

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

    .fixed-bottom,
    button.toggleFiltri-custom {
        /*  z-index: 9999;*/
    }

    .fixed-bottom,
    button.toggleFiltri-custom.open {
        /*z-index: 99999999;*/
    }
}

.fixed-bottom:hover,
button.toggleFiltri-custom:hover,
.fixed-bottom.open {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
    transform: translateX(0%) scale(1) !important;
    box-shadow: 0 0 0 0 transparent;
}

.fixed-bottom.absolute-x-center:hover {
    transform: translateX(-50%) scale(1) !important;
}

button.toggleFiltri-custom:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
    /* transform: translateX(-50%) scale(1) !important;*/
    box-shadow: 0 0 0 0 transparent;
}

@keyframes pulse-black {
    0% {
        transform: translateX(-50%) scale(1);
        box-shadow: 0 0 0 0 #C8A227aa;
    }

    70% {
        transform: translateX(-50%) scale(0.95);
        box-shadow: 0 0 0 10px #C8A22700;
    }

    100% {
        transform: translateX(-50%) scale(1);
        box-shadow: 0 0 0 0 #C8A22700;
    }
}

@keyframes pulse-simple {
    0% {
        transform: scale(1) rotate(-10deg);
    }

    80% {
        transform: scale(0.9) rotate(0deg);
    }

    100% {
        transform: scale(1) rotate(-10deg);
    }
}

@keyframes pulse-little {
    0% {
        transform: scale(1.2) rotate(0deg);
    }

    80% {
        transform: scale(1) rotate(0deg);
    }

    100% {
        transform: scale(1.2) rotate(0deg);
    }
}
@keyframes pulse-slow {
    0% {
        transform: scale(1.2) rotate(0deg);
    }

    70% {
        transform: scale(1) rotate(0deg);
    }

    100% {
        transform: scale(1.2) rotate(0deg);
    }
}



.filters-head.fixed-bottom {
    width: calc(100% - 30px) !important;
    padding: 0px 30px;
    background: #C8A227;
    border-radius: 100px;
    border: 5px solid #FFEB9B;

    justify-content: center !important;
    max-width: max-content;

    color: #000000;
}

.filters-head.fixed-bottom:after {
    background: none !important;
}

.filters-head.fixed-bottom img,
.filters-head.fixed-bottom svg {
    width: 27px;
    max-height: 30px;
}

.go-fullscreen .svg-chiudi,
.go-fullscreen .svg-apri {
    height: 36px !important;
}

@media screen and (max-width: 767.9px) {
    .go-fullscreen.fixed-top-right {
        margin-top: 10px !important;
        right: 10px !important;
    }

    .go-fullscreen {
        display: none !important;
    }
}

@media screen and (max-width: 989px) {
    .go-fullscreen.fixed-top-right {
        margin-top: 0px !important;
        right: 10px !important;
    }
}

.widget-filters-overlay-mobile .inner-filter-cont,
    .widget-filters-overlay-mobile .sub-filter-title,
    .widget-filters-overlay-mobile .calendar-filters,
    .widget-filters-overlay-mobile .holder-filters,
    .widget-filters-overlay-mobile .filters-head {
        /*width: 100%;*/
        max-width: 700px !important;
        margin: 0px auto;
    }

.fixed-center.widget-filter-open-left .filters-head,
    .fixed-center.widget-filters-overlay-mobile .filters-head {
        max-width: 700px !important;
        margin: 0px auto !important;
    }
    
    
.widget-filters-overlay-mobile .filters-head:not(.sub-accordion) {
       pointer-events: none;
    }    
    
    
    
@media screen and (min-width: 767.9px) {
    .toggleFiltri-custom:not(.open) div:first-child {
        margin-top: -7px;
    }

    .toggleFiltri-custom:not(.open) .apri,
    .toggleFiltri-custom.open .chiudi {
        margin-top: 0px !important;
    }

    button.toggleFiltri-custom.open {
        transform: translateX(0%) !important;
        /* padding: 0px !important;*/
    }

    button.toggleFiltri-custom,
    .filters-head.fixed-bottom {
        /* top: inherit !important;*/
        bottom: 3px !important;
        height: 55px !important;

        /*top: auto;
        position: fixed !important;*/
        display: block;
        margin: 0;
        /* width: 100% !important;*/
        /* max-width: 100% !important;*/
        float: none;
        /*  left: 0%;
        right: 0%;*/
        transform: translateX(0%) !important;
        /* border-radius: 0px !important;*/
        /*border: none !important;*/
        font-size: 24px !important;
        padding: 30px !important;
    }

    button.toggleFiltri-custom:hover,
    .filters-head.fixed-bottom:hover {
        /* left: 0%;
        right: 0%;*/
        transform: translateX(0%) !important;
        /*  font-size: 28px !important;*/
    }

    .go-fullscreen .svg-chiudi,
    .go-fullscreen .svg-apri {
        height: 36px !important;
    }

    .fixed-center.widget-filter-open-left,
    .fixed-center.widget-filter-open-left.collapsing,
    .fixed-center.widget-filters-overlay-mobile,
    .fixed-center.widget-filters-overlay-mobile.collapsing {
        position: fixed;
        left: 50% !important;
        transform: translate(-50%, 100%) !important;
        height: 100vh;
        width: 100%;
        max-width: 100%;
        display: block;
        z-index: 104;
        transition: all 0.2s ease-out;
        margin: 0;
        /*background: #383838cc;*/
        background: linear-gradient(#000000, #000000cc);
        padding: 15px;
        overflow: auto;
        opacity: 0;
        max-width: 100%;
        border-right: none !important;
        border-top: none !important;
    }

    

    .fixed-center.widget-filter-open-left.show,
    .fixed-center.widget-filters-overlay-mobile.show {
        left: 0% !important;
        transform: translate(0%, 0%) !important;
        opacity: 1;
        width: 100%;
        max-width: 100% !important;
    }

    .fixed-center.widget-filters-overlay-mobile.show .filters-head[data-target=".filters-cont"]:after {
        background-image: none !important;
        filter: brightness(0) invert(1) !important;
    }
}

/* GO FULL SCREEN */

.loadingoverlay {
    border-radius: 15px;
}

.notification {
    padding: 8px 15px;
    width: 100%;
    border-radius: 10px;
    background: #eee;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.notification.success {
    background: #d6f9d6;
}

.notification.error {
    background: #ffdede;
}

.notification.text-danger {
    background: #fffcd4;
}

.notification p {
    padding: 0px;
    margin: 0px;
}

form label:not(.form-check-label) {
    text-transform: capitalize;
}

#customerCareSubmit {
    border-radius: 50px;
    border: none;
    background: #383838;
    color: #bce53a;
}

.fd-site {
    position: relative;
    background: #000;
    background-repeat: repeat;
}

.fd-site::before,
.bg-mosaic::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/assets/img/footdata-site-background.svg");
    background-repeat: repeat;
    opacity: 0.2; /* 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;

}

.box-background-people {
    background-image: url("/assets/img/background-people.webp") !important;
    box-shadow: inset 0 0 0 1920px #383838aa;
    background-repeat: no-repeat;
    background-position: top center !important;
    background-size: cover;
    background-attachment: fixed;
}

.box-background-gradient {
    background-image: linear-gradient(#000, #383838aa, #000) !important;
    box-shadow: inset 0 0 0 1920px #383838aa;
    background-repeat: no-repeat;
    background-position: top center !important;
    background-size: cover;
    background-attachment: fixed;
}

.box-background-duel {
    background-image: url("/assets/img/background-duel.webp") !important;
    box-shadow: inset 0 0 0 1920px #383838aa;
    background-repeat: no-repeat;
    background-position: top center !important;
    background-size: cover;
    background-attachment: fixed;
}

@media screen and (max-width: 767px) {
    .logo{
        margin-left: 40px !important; 
    }
    .modal .logo{
        margin-left: auto !important; 
    }
}
@media screen and (min-width: 768px) {
    .logo.fun-engagement:not(.pro){
        margin-bottom: -35px; 
        margin-left: 40px !important; 
        z-index: 10;
    }
}

.logo-fd {
    max-height: 72px;
}

.loginInner {
    max-width: 550px;
    border-radius: 10px;
    margin: auto;
    overflow: hidden;
}

.allarga {
    margin-left: -15px !important;
    width: calc(100% + 30px) !important;
    min-width: calc(100% + 30px) !important;
    padding-left: 30px;
    padding-right: 30px;
}

@media screen and (max-width: 989px) {
    .allarga-mobile-990 {
        margin-left: -15px !important;
        width: calc(100% + 30px);
        min-width: calc(100% + 30px);
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (max-width: 767.9px) {
    .allarga-mobile {
        margin-left: -15px !important;
        width: calc(100% + 30px);
        min-width: calc(100% + 30px);
        padding-left: 30px;
        padding-right: 30px;
    }
}

.allarga-10 {
    margin-left: -10px;
    width: calc(100% + 20px);
    min-width: calc(100% + 20px);
    padding-left: 15px;
    padding-right: 15px;
}

.allarga-20 {
    margin-left: -20px;
    width: calc(100% + 40px);
    min-width: calc(100% + 40px);
    padding-left: 20px;
    padding-right: 20px;
}

.allarga-7 {
    margin-left: -7px;
    width: calc(100% + 14px);
    min-width: calc(100% + 14px);
}

.allarga-5 {
    margin-left: -5px;
    width: calc(100% + 10px);
    min-width: calc(100% + 10px);
}

.c-pointer {
    cursor: pointer;
}
.c-text {
    cursor: text;
}



@media screen and (max-width: 767.9px) {
    [data-toggle="collapse-horizontal"] {
        cursor: pointer;
    }

    .collapse-horizontal {
        -webkit-transition: width 1s ease;
        -moz-transition: width 1s ease;
        -o-transition: width 1s ease;
        transition: width 1s ease;

        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        vertical-align: middle;
        overflow: auto;
        z-index: 2;
        background: #000000;
        
        padding: 10px 0px 5px 0px;

        width: 0px;
    }

    .collapse-horizontal.in {
        width: calc(100% - 67px);
    }
}

span#select2-competition_active-container {
    padding-left: 45px !important;
}

.content-search-filters .select2-selection__rendered {
    padding-left: 30px !important;
}

.icon-into-select {
    position: absolute;
    z-index: 1;
    top: 16px;
    left: -10px;
}

.select2-container .select2-search--inline {
    padding-top: 0px !important;
    font-size: 17px !important;
    margin-top: 2px !important;
}

.quicksearchItem a:hover .title,
.quicksearchItem a:hover .content-type {
    font-weight: 500;
}

.quicksearchItem:not(:last-child) {
    border-bottom: 1px solid #E3E3E3;
}

#AuthFormInnerContainerSubmit,
#AuthFormContainerSubmit {
    transform: scale(1);
    transition: all 0.3s cubic-bezier(0.59, 0, 0, 1);
    border: 4px solid #fff;

    height: max-content;
}

#AuthFormInnerContainerSubmit:hover,
#AuthFormContainerSubmit:hover {
    transform: scale(1.2);
    border: 4px solid #FFEB9B;
}

.form-control[disabled=""] {
    position: relative;
}

/* .form-control[disabled=""] + .select2:before {
    background: #fff9;
    content: "";
    position: absolute;
    top: 0px;
    width: 100%;
    height: 48px;
    z-index: 1;
    border-radius: 10px;
} */

/* .form-control[disabled=""]:not(.interval_today) + .select2:before {
    top: -4px;
    height: 110%;
} */
.button.registerUserBtn,
.button.loginrUserBtn,
.zoom-button,
.butt-sovrapponi {
    transform: scale(1);
    font-size: 18px;
    transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1);
    cursor: pointer;
}


.butt-sovrapponi {
    transform: scale(1) translateX(-50%);
}

.button.registerUserBtn:hover,
.button.loginrUserBtn:hover {
    transform: scale(1.1);
}

.zoom-button:hover {
    transform: scale(1.1);
    font-size: 18px;
}

.butt-sovrapponi:hover {
    transform: scale(1.2) translateX(-42%);
    font-size: 17px;
}

@media screen and (max-width: 989.9px) {
    .butt-sovrapponi:hover {
        transform: scale(1) translateX(-50%);
        font-size: 17px;
    }

    .button.registerUserBtn:hover,
    .button.loginrUserBtn:hover {
        transform: scale(.9);
    }

    .zoom-button:hover {
        transform: scale(.9);
    }
}

.button-zoom,
.button-zoom-05,
.button-zoom-01,
.button-zoom-big{
    z-index: 1;
    transform: scale(1);

   /* -webkit-transition-duration: 0.3s !important;
    transition-duration: 0.3s !important;
    -webkit-transition-timing-function: cubic-bezier(.66,-0.22,.37,1.22) !important;
    transition-timing-function: cubic-bezier(.66,-0.22,.37,1.22) !important;
    -webkit-transition-property: transform, font-size, box-shadow, background-color !important;
    transition-property: transform, font-size, box-shadow, background-color !important;*/
    transition: all .3s cubic-bezier(.66,-0.8,.37,1.8);
    cursor: pointer;
}

.button-zoom-01:hover {
    transform: scale(1.02);
}

.button-zoom-05:hover {
    transform: scale(1.05);
}

.button-zoom:hover {
    transform: scale(1.1);
}
.button-zoom-big:hover {
    transform: scale(1.3);
}

.button-zoom-05:active,
.button-zoom:active,
.zoom-button:active {
    transform: scale(0.98);
}

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

    .button-zoom-05:hover,
    .button-zoom:hover,
    .zoom-button:hover {
        transform: scale(0.90);
    }
}

.button-zoom-05.active,
.button-zoom.active,
.zoom-button.active {
    transform: scale(1);
}

.button-zoom-05.active:hover,
.button-zoom.active:hover,
.zoom-button.active:hover {
    transform: scale(1);
}

.inner-filter-cont {
    position: relative;
}

.filterPayWall::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/assets/img/footdata-site-background.svg");
    background-repeat: repeat;
    opacity: 0.3;
    pointer-events: none;
    z-index: -1;
    background-attachment: fixed;
}

.filterPayWall {
    position: absolute;
    width: 100%;
    min-height: 100%;
    height: max-content;
    top: 0;
    left: 0;
    z-index: 105;
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-image: url(/assets/img/background-game.webp) !important;*/
    /* box-shadow: inset 0 0 0 1000px #383838aa;*/
    /*background-repeat: no-repeat;
    background-position: center !important;
    background-size: cover;
    background-attachment: fixed;*/
    border: 2px solid #d1d1d1;
    border-radius: 10px;
    background: #000;
}

.double_circle {
    height: 55px;
    width: 55px;
    min-width: 55px;
    padding: 6px;
    border-radius: 50%;
    background-color: #f4f4f4;
    border: 3px solid #000000;
    box-shadow: 0 0 0 1.5px #f4f4f4;
  
}

.double_circle_90 {
    height: 85px;
    width: 85px;
    padding: 10px;
    border-radius: 50%;
    background-color: #f4f4f4;
    border: 3px solid #000000;
    box-shadow: 0 0 0 1.5px #f4f4f4;
    margin-bottom: 5px;
}

@media screen and (max-width: 767.9px) {
    .double_circle {
        height: 50px;
        width: 50px;
        min-width: 50px;
        padding: 6px;
    }

    .double_circle_90 {
        height: 60px;
        width: 60px;
        padding: 7px;
    }
}

.riga-gradient-center {
    height: 2px;
    min-height: 2px;
    background: linear-gradient(to left, #000, #c6c6c6, #000);
    width: calc(100%);
    margin: 0px;
}

.riga-sfumata-radial-center {
    height: 3px;
    min-height: 3px;
    background: radial-gradient(circle at 50%, #fff, #fff4 70%, #00000022 100%);
    width: calc(112%);
    margin: 5px -6% 0px -6%;
}

.button-vedi-tutte {
    cursor: pointer;
}

.vedi-box {
    text-transform: initial;
    height: 23px;
    display: flex;
    align-items: center;
}

.vedi-txt {
    transition: all 0.5s cubic-bezier(0.59, 0, 0, 1);
    opacity: 0;
    color: #fff;
    font-size: 0px;
}

.vedi-svg {
    color: #fff;
}

.button-vedi-tutte:hover .vedi-svg {
    margin-left: -5px;
    color: #C8A227;
}

.button-vedi-tutte:hover .vedi-txt {
    opacity: 1;
    color: #C8A227;
    font-size: 18px;
    margin-left: 5px;
}

.p-05 {
    padding: 3px;
}
.p-01 {
    padding: 1px !important; 
}
.py-01 {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.py-05 {
    padding-top: 3px;
    padding-bottom: 3px;
}

.px-05 {
    padding-right: 3px;
    padding-left: 3px;
}

/* Tabs Pills OUTLINED */

.nav-pills.outline {
    margin: 10px 0px;
    padding: 4px 4px;
    border: 3px solid #d1d1d1;
    border-radius: 10px;
    justify-content: space-between;
    margin: 10px 0;
    color: #fff;
}

.nav-pills.outline .nav-item {
    flex-grow: 1;
}

.nav-pills.outline .nav-link {
    padding: 2px 15px;
    font-weight: 500;
    width: 100%;
    color: #000000;
}

.nav-pills.outline .nav-link.active {
    background-color: #eeeeee;
    color: #000000;
}

/* Tabs Pills ROUNDED */

.nav-pills.rounded-50 {
    margin: 10px 0px;
    padding: 4px 4px;

    background: #000;
    border-radius: 50px;
    justify-content: space-between;
    margin: 10px 0;
    color: #eee;
    border-radius: 50px;
}

.nav-pills.rounded-50 .nav-item {
    flex-grow: 1;
}

.nav-pills.rounded-50 .nav-link {
    padding: 4px 10px;
    font-weight: 500;
    width: 100%;
    color: #fff;
}

.nav-pills.rounded-50 .nav-link svg {
    color: #fff;
}

.nav-pills.rounded-50 .nav-link.active {
    background-color: #eee;
    color: #000000;
    border-radius: 50px;
}

.nav-pills.rounded-50 .nav-link.active svg {
    color: #000000;
}

/* Tabs Pills */

.min-80vh {
    min-height: 80vh;
}

.min-70vh {
    min-height: 70vh;
}

.min-60vh {
    min-height: 60vh;
}

.min-50vh {
    min-height: 50vh;
}

/* MOST IMPORTANT */

.no-border {
    border: none !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.tc-transparent {
    color: transparent !important;
}

.bc-transparent {
    border-color: transparent !important;
}

.bc-gray {
    border-color: #D2D3D2 !important;
}

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

.fc-cyan {
    color: #4ef8f2 !important;
}
.tc-white.fc-cyan {
    color: #4ef8f2 !important;
}
.tc-white.fc-light-3b {
    color: #fff !important;
}



.bg-gray-light {
    background-color: #F4F4F4;
}

.bg-gray-medium {
    background-color: #ebeef0;
    color: #000;
}

.bg-gray-dark {
    background-color: #9B9B9B;
}

.bg-cyan-light {
    background-color: #d4f7fa !important;
}

.bg-cyan {
    background-color: #89f6ff !important;
    color: #000000;
}

.bg-gold {
    background-color: #e2d775 !important;
}

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

.bg-black-1 {
    background-color: #111 !important;
    color: #fff;
}

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

}



.ph-item.bg-transparent::before {
    -webkit-animation: ph-animation .8s linear infinite;
    animation: ph-animation .8s linear infinite;
    background: linear-gradient(100deg, hsla(0, 0%, 100%, 0) 35%, hsla(0, 0%, 0%, .3) 50%, hsla(0, 0%, 100%, 0) 54%) 50% 50%;
}

.ph-item::before {
    -webkit-animation: ph-animation .8s linear infinite;
    animation: ph-animation .8s linear infinite;
    background: linear-gradient(100deg, hsla(0, 0%, 100%, 0) 35%, hsla(0, 0%, 0%, .3) 50%, hsla(0, 0%, 100%, 0) 54%) 50% 50%;
}

.ph-item {

    background: #fff1;
    border: 1px solid #333;
}

.ph-row div {
    background-color: #ced4da22;
    border-radius: 20px;
}

.ph-picture {
    background-color: #ced4da22;
}

/*inner_wrap*/
.placeholder .bg-white .ph-item.bg-transparent::before {
    -webkit-animation: ph-animation .8s linear infinite;
    animation: ph-animation .8s linear infinite;
    background: linear-gradient(120deg, hsla(0, 0%, 100%, 0) 35%, hsla(0, 0%, 100%, .8) 50%, hsla(0, 0%, 100%, 0) 54%) 50% 50%;
}

.bg-gray-medium.ph-item::before {
    /*
    background: linear-gradient(90deg, hsla(0, 0%, 65%, 0) 46%, hsla(0, 0%, 95%, 0.4) 50%, hsla(0, 0%, 65%, 0) 54%) 50%
        50%;*/
    background: linear-gradient(120deg, #00000000 46%, #00000033 50%, #00000000 54%) 50% 50%;
}

.bg-dark.ph-item {
    border: 1px solid #666;
}

.bg-dark.ph-item::before {
    background: linear-gradient(120deg, #00000000 46%, #00000033 50%, #00000000 54%) 50% 50%;
}

.bg-gray-medium .ph-avatar,
.bg-gray-medium .ph-row div:not(.empty) {
    background-color: #fffa;
}

@media screen and (max-width: 767.9px) {
    .bg-mobile-white {
        background-color: #fff !important;
        background: #fff !important;
    }
}



.bg-yellow {
    background-color: #f2e763 !important;
}

.bg-yellow-light {
    background-color: #FFFC9F !important;
}

.hover-yellow-light {
    transition: background-color .2s ease;
}

.hover-yellow-light:hover {
    background-color: #FFFC9F !important;
    color: #000;
}

.bg-green-light {
    background-color: #e2ff88 !important;
    color: #000;
}

.bg-green-light2 {
    background-color: #d0f951 !important;
    color: #000;
}

.bg-green-inset {
    -webkit-box-shadow: inset 0px 0px 0px 4px #d0f951;
    -moz-box-shadow: inset 0px 0px 0px 4px #d0f951;
    box-shadow: inset 0px 0px 0px 4px #d0f951;
}

.bg-white-inset {
    -webkit-box-shadow: inset 0px 0px 0px 2px #000;
    -moz-box-shadow: inset 0px 0px 0px 2px #000;
    box-shadow: inset 0px 0px 0px 2px #000;
}

.bg-orange-light {
    background-color: #ffec88 !important;
}

.bg-lighter-green {
    background: #fcfff0 !important;
}

.bg-light-green {
    background: #F2F8DD !important;
}

@media only screen and (min-width: 990px) {
    .fc-lg-medium-bkg {
        color: #000000 !important;
    }

    .medium-bkg.bg-lg-white {
        background-color: #fff !important;
        background: #fff !important;
    }

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

.tc-black {
    color: #000 !important;
}
.tc-black .tc-white {
    color: #fff !important;
}
.tc-white a{
    color: #999;
}
.tc-white a:hover{
    color: #fff;
}



.bc-fucsia {
    border-color: #d22d7d !important;
}

.bc-black {
    border-color: #000 !important;
}

.bc-white {
    border-color: #fff !important;
}

.bc-lime {
    border-color: #bbe53b !important;
}

.bc-light-3 {
    border-color: #C8A227 !important;
}

.bc-dark-bkg {
    border-color: #000000 !important;
}

.bc-medium-bkg {
    border-color: #383838 !important;
}

.bc-light-4 {
    border-color: #676767 !important;
}

.bc-light-2 {
    border-color: #C6C6C6 !important;
}

.bc-light-3b {
    border-color: #c6c6c6 !important;
}

.bc-light-3-detail {
    border-color: #EDC531 !important;
}

.bc-green {
    border-color: #D0F951 !important;
}

.bc-red-medium {
    border-color: #FA6F6F !important;
}

.bc-red {
    border-color: #FC3838 !important;
}
.bc-red-light {
    background: #FFD0D0 !important;
}

.bc-green-light {
    border-color: #e2ff88 !important;
}



.bg-red-medium {
    background: #FA6F6F !important;
}

.bg-red {
    background: #FC3838 !important;
}

.bg-red-light {
    background: #FFD0D0 !important;
}

.bg-red-light2 {
    background: #ff9595 !important;
}

.bg-red-extra-light {
    background: #fff9f9 !important;
}

.bg-green-extra-light {
    background: #fbfff1 !important;
}


.bg-alert {
    background: #F2E763 !important;
}

.bg-error {
    background: #ED4A4A !important;
    color: #fff;
}

.hover-glow:hover{
    animation: flash-lightning .8s ease forwards;
}

@keyframes flash-lightning {
  0% {
    box-shadow: 0px 0px 0px #fff0;
  }
  50% {
    box-shadow: 0px 0px 15px #fff;
  }
  100% {
    box-shadow: 0px 0px 0px #fff2;
  }
}


.hover-cyan {
    background: #89f6ff00 !important;
    cursor: pointer;
    transition: background .3s ease, color .3s ease;
}

.hover-green {
    background: #B6FFA000 !important;
    cursor: pointer;
    transition: background .3s ease, color .3s ease;
}

.hover-red {
    background: #FFAAAA00 !important;
    cursor: pointer;
    transition: background .3s ease, color .3s ease;
}

.hover-dark {
    transition: background .3s ease, color .3s ease;
    cursor: pointer;
}

.hover-dark:hover {
    background: #000000 !important;
    color: #C8A227 !important;
}

.hover-medium {
    transition: background .3s ease, color .3s ease;
    cursor: pointer;
}

.hover-medium:hover {
    background: #020202 !important;
}

.hover-border-medium {
    transition: border-color .3s ease;
}

.hover-border-medium:hover {
    border-color: #020202 !important;
}

.hover-bc-light-3 {
    transition: border-color .3s ease;
}

.hover-bc-light-3:hover {
    border-color: #C8A227 !important;
}

.hover-light-3b,
.hover-light-4 {
    cursor: pointer;
    transition: background .3s ease, color .3s ease;
}

.hover-light-3b:hover {
    background: #c6c6c6 !important;
    color: #171717 !important;
}

.hover-light-3b:hover svg {
    color: #171717 !important;
}

.hover-light-4 {
    background: #c6c6c600 !important;
}

.hover-light-4:hover {
    background: #67676700 !important;
    color: #fff !important;
}

.hover-cyan:hover {
    background: #89f6ff !important;
    color: #171717 !important;
}

.hover-green:hover {
    background: #B6FFA0 !important;
    color: #171717 !important;
}

.hover-red:hover {
    background: #FFAAAA !important;
    color: #171717 !important;
}

.hover-green:hover svg,
.hover-red:hover svg,
.hover-light-4:hover svg,
.hover-cyan:hover svg {
    filter: brightness(0);
}

.hover-light-4 .fs-20 {
    transition: font-size .2s ease-out;
}

.hover-light-4:hover .fc-cyan,
.hover-cyan:hover .fc-cyan,
.hover-green:hover .fc-green,
.hover-red:hover .fc-red {
    color: #171717 !important;
}

.hover-cyan .fs-20 {
    transition: font-size .2s ease-out;
}

.hover-green .fs-20 {
    transition: font-size .2s ease-out;
}

.hover-red .fs-20 {
    transition: font-size .2s ease-out;
}

.hover-cyan:hover .fs-20,
.hover-green:hover .fs-20,
.hover-red:hover .fs-20 {
    font-size: 24px !important;
}

.hover-cyan:hover svg {
    fill: #89f6ff !important;
    stroke: #1717171 !important;
}

.hover-green:hover svg {
    fill: #B6FFA0 !important;
    stroke: #1717171 !important;
}

.hover-red:hover svg {
    fill: #FFAAAA !important;
    stroke: #1717171 !important;
}



.bs-0 {
    border-width: 0px !important;
}

.bs-1 {
    border-width: 1px !important;

}

.bs-2 {
    border-width: 2px !important;

}

.bs-3 {
    border-width: 3px !important;

}

.bs-4 {
    border-width: 4px !important;

}

.bs-5 {
    border-width: 5px !important;

}

.bs-6 {
    border-width: 6px !important;

}

.bs-7 {
    border-width: 7px !important;

}

.bs-8 {
    border-width: 8px !important;

}

.bs-9 {
    border-width: 9px !important;

}

.bs-10 {
    border-width: 10px !important;

}

@media only screen and (min-width: 768px) {
    .bs-md-7 {
        border-width: 7px !important;
    }

    .bs-md-10 {
        border-width: 10px !important;
    }
}

/* MOST IMPORTANT */

/* PRELOADER */
.preloader-three-dots {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    margin-top: -10px;
    margin-bottom: -10px;
}

.preloader-three-dots.small {
    transform: scale(0.5);
    margin-top: -25px;
    margin-bottom: -25px;
}

.preloader-three-dots div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    /*background: #fff;*/
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
    background-image: url(/assets/img/pallone.jpg);
    background-size: cover;
}

.preloader-three-dots.dark div {
    background: #383838;
}

.preloader-three-dots div:nth-child(1) {
    left: 8px;
    animation: preloader-three-dots1 1s infinite;
}

.preloader-three-dots div:nth-child(2) {
    left: 8px;
    animation: preloader-three-dots2 1s infinite;
}

.preloader-three-dots div:nth-child(3) {
    left: 32px;
    animation: preloader-three-dots2 1s infinite;
}

.preloader-three-dots div:nth-child(4) {
    left: 56px;
    animation: preloader-three-dots3 1s infinite;
}

@keyframes preloader-three-dots1 {
    0% {
        transform: scale(0) rotate(-200deg);
    }

    100% {
        transform: scale(1) rotate(0deg);
    }
}

@keyframes preloader-three-dots2 {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }

    100% {
        transform: translate(24px, 0) rotate(360deg);
    }
}

@keyframes preloader-three-dots3 {
    0% {
        transform: scale(1) rotate(0deg);
    }

    100% {
        transform: scale(0) rotate(-200deg);
    }
}

/*@keyframes preloader-three-dots1 {
    0% {
        transform: scale(0) rotate(100deg);
    }
    100% {
        transform: scale(1) rotate(360deg);
    }
}
@keyframes preloader-three-dots2 {
    0% {
        transform: translate(0, 0) rotate(360deg);
    }
    100% {
        transform: translate(24px, 0) rotate(0deg);
    }
}
@keyframes preloader-three-dots3 {
    0% {
        transform: scale(1) rotate(0deg);
    }
    100% {
        transform: scale(0) rotate(200deg);
    }
}*/

/* PRELOADER */

/* SLIDER  */
.range-slider {
    width: 100%;
    /* Match this to the SVG's x2 value */
    margin: auto;
    text-align: center;
    position: relative;
    height: 40px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
    .range-slider {
        width: 300px;
    }
}

.range-slider svg,
.range-slider input[type="range"] {
    position: absolute;
    left: 0;
    bottom: 0;
}

.range-legend {
    position: absolute;
    bottom: -40px;
    width: 100%;
}

button:focus {
    outline: none;
}

input[type="range"] {
    -webkit-appearance: none;
    width: 100%;
}

input[type="range"]:focus {
    outline: none;
}

input[type="range"]:focus::-webkit-slider-runnable-track {
    background: #383838;
}

input[type="range"]:focus::-ms-fill-lower {
    background: #383838;
}

input[type="range"]:focus::-ms-fill-upper {
    background: #383838;
}

input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    /*animate: 0.2s;*/
    background: #383838;
    border-radius: 1px;
    box-shadow: none;
    border: 0;
}

input[type="range"]::-webkit-slider-thumb {
    z-index: 2;
    position: relative;
    box-shadow: 0px 0px 0px #000;
    border: none;
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background: #5dccd2 !important;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -7px;
}

input[type="range"]::-moz-range-track,
input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    /*animate: 0.2s;*/
    /*background: #020202;*/
    border-radius: 1px;
    box-shadow: none;
    border: 0;
}

input[type="range"]::-moz-range-thumb {
    z-index: 2;
    position: relative;
    box-shadow: 0px 0px 0px #000;
    border: none;
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background: #5dccd2 !important;
    cursor: pointer;
}

input[type="range"]::-ms-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    /*animate: 0.2s;*/
    background: transparent;
    border-color: transparent;
    color: transparent;
}

input[type="range"]::-ms-fill-lower,
input[type="range"]::-ms-fill-upper {
    background: #383838;
    border-radius: 1px;
    box-shadow: none;
    border: 0;
}

input[type="range"]::-ms-thumb {
    z-index: 2;
    position: relative;
    box-shadow: 0px 0px 0px #000;
    border: none;
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background: #5dccd2 !important;
    cursor: pointer;
}

span.value-monitor {
    background: #5dccd2;
    color: #fff;
    padding: 4px;
    border-radius: 4px;
    width: 30px;
    height: 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.titolo-sovrapposto {
    margin-top: -8px;
    margin-bottom: 0px;
}

/* PROTO TABLE */
.protoTable {
    color: #fff;
    margin-bottom: 0px;
}

.protoTable th {
    background: transparent;
    color: #fff;
    font-weight: 400 !important;
    border: none;
    min-width: 145px;
}

.protoTable th svg {
    max-width: 25px;
}

.protoTable t-head th {
    max-width: 80px;
}

@media screen and (max-width: 1133px) {
    .protoTable th {
        min-width: 110px;
    }
}

.protoTable thead tr {
    background: #000 !important;
    font-size: 16px;
}

.protoTable t-head .d-flex {
    flex-direction: column !important;
}

.protoTable th:first-child img {
    position: relative !important;
    right: inherit !important;
    display: block;
    width: inherit !important;
    top: inherit !important;
}

.protoTable tbody tr:hover td {
    background-color: inherit !important;
}

.protoTable tbody th,
.protoTable tbody td,
.protoTable tfoot th,
.protoTable tfoot td {
    font-weight: 500 !important;
    font-size: 18px;
    position: relative;
    border: none;
}

.protoTable tbody td .white-box,
.protoTable tfoot td .white-box {
    background: #000;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 10px;
    top: 10px;
    right: 10px;
    left: 10px;
}

.protoTable tbody tr:nth-child(odd) {
    background: #222;
}

.protoTable tbody tr:nth-child(even) {
    background: #111;
}

.protoTable tbody tr:nth-child(odd) th {
    background: #222;
}

.protoTable tbody tr:nth-child(even) th {
    background: #111;
}

.bg-odd-even .riga-odd-even:nth-child(odd) {
    background: #000;
    min-height: 40px;
}

.bg-odd-even .riga-odd-even:nth-child(even) {
    background: #111;
    min-height: 40px;
}

.riga-odd-even svg {
    min-width: 25px;
    max-width: 25px;
    margin-right: 5px;
}

.white-box svg {
    min-width: 25px;
    max-width: 25px;
}

.protoTable tfoot tr.row-totals th,
.protoTable tfoot tr.row-totals td {
    padding: 12px 0px !important;
    font-size: 22px;
    font-weight: 600;
}

.protoTable tfoot tr.row-totals th {
    padding-left: 58px !important;
    font-size: 24px;
    padding-right: 58px !important;
}

.protoTable thead .closed {
    padding-left: 62px !important;
}

.row-totals,
.protoTable tfoot th {
    background: #333;
    color: #fff;
    min-height: 78px;
    font-size: 24px;
    font-weight: 600;
}

.btns-mobile-layout {
    padding: 10px 40px;
    align-items: center;
}

.optionStagione {
    display: block !important;
    text-align: center;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

.optionStagione.recap {
    color: #C8A226;
}

.status-anni {
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #222;
    color: #fff;
    width: 100%;
    border-radius: 3px;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
}

.protoTable thead .first-label {
    background: #090909;
}

.protoTable tbody th,
.protoTable thead .first-label,
.protoTable tfoot th {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
    box-shadow: 7px 20px 20px #fff2;
}

.sticky-element {

    position: sticky;
    top: 10px;
    height: max-content;

}
.sticky-follow{
     
      position: sticky;
      top: 100px;
      left:0;right:0;
      height: max-content;
   
}

@media screen and (min-width: 768px) {
    .box-table.complex .white-pills {
        margin-left: 68px;
        margin-right: 24px;
    }
}

/*not sticky */
.protoTable.nosticky tbody th,
.protoTable.nosticky thead .first-label,
.protoTable.nosticky tfoot th {
    position: relative;
    box-shadow: none;
}

/*not sticky */

/* protoTable darkmode */


.protoTable div,
.protoTable a,
.protoTable a:hover,
.protoTable svg {
    color: #fff !important;
}
.protoTable.darkmode div,
.protoTable.darkmode a,
.protoTable.darkmode svg {
    color: #fff;
}

/* protoTable darkmode */

/* PROTO TABLE */

/* PROTO ACCORDION */
.accordion-item.prototype {
    padding: 0px !important;
}

.accordion-head.prototype .box-table {
    margin: 0px !important;
    width: 100%;
}

.accordion-head.prototype[aria-expanded="false"]::after {
    height: 20px;
    width: 20px;
    background-image: url("/assets/img/icona-x-chiuso.svg");
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.15s ease-in-out;
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
}

.accordion-head.prototype::after {
    height: 25px;
    width: 25px;
    background-image: url("/assets/img/icona-x-chiuso.svg");
    transform: translateY(-50%) rotate(45deg);
    top: 50%;
    right: 21px;
}

.accordion-head.prototype {
    padding: 0px;
    height: max-content;
}

@media screen and (max-width: 767.9px) {
    .date-start-end {
        margin-left: 33px;
        font-size: 14px;
        font-weight: 400;
    }

    .accordion-head {
        font-weight: 600;
        font-size: 17px;
    }

    .row-totals,
    .protoTable tfoot th {
        font-size: 18px;
        font-weight: 600;
    }
}

@media screen and (max-width: 989px) {
    .accordion-head.prototype::after {
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        right: 15px;
        height: 25px;
        width: 25px;
    }

    .accordion-head.prototype[aria-expanded="false"]::after {
        top: 50%;
        transform: translateY(-50%);
        right: 17px;
    }
}

div.row-totals .white-box {
    height: 100%;
    color: #fff;
    background: #171717;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

/* PROTO ACCORDION */

/* SUB ACCORION */
.accordion-item.prototype .accordion-item.prototype .medium-bkg,
.box-table.complex .white-pills.medium-bkg {
    /*background: #C8A226 !important;*/
    border-radius: 0px !important;
}

/* SUB ACCORION */

/* BOX CON STRISCIA HEADER E CONTENUTO CON BORDO */
.fd-box-bordered .fd-box-header {
    background: #333;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 4px;
    padding: 5px 15px;
    text-align: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    display: flex;
    column-gap: 5px;
    align-items: center;
    justify-content: center;
    height: 42px;
}

.fd-box-body {
    border: 2px solid #C8A226;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    text-align: center;
    padding: 15px;
    height: calc(100% - 42px);
}

.box-shadow {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}

.box-shadow-light-4 {
    box-shadow: 0px 0px 10px #C8A22660;
}

.box-shadow-bottom-light-2 {
    box-shadow: 0px 3px 5px #C8A22630;
}

.box-shadow-center-light-2 {
    box-shadow: 0px 0px 7px #C8A22660;
}


.highcharts-point {
    cursor: pointer;
}

.translate-x {
    left: 50%;
    transform: translateX(-50%);
}

.translate-y {
    top: 50%;
    transform: translateY(-50%);
}

.rounded-top-5 {
    border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
    overflow: hidden;
}

.rounded-top-10 {
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
    overflow: hidden;
}

.rounded-top-15 {
    border-top-right-radius: 15px !important;
    border-top-left-radius: 15px !important;
    overflow: hidden;
}

.rounded-bottom-5 {
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    overflow: hidden;
}

.rounded-bottom-10 {
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    overflow: hidden;
}

.rounded-bottom-15 {
    border-bottom-right-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
    overflow: hidden;
}

.rounded-bottom-20 {
    border-bottom-right-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    overflow: hidden;
}

.rounded-left-4 {
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
    overflow: hidden;
}
.rounded-left-5 {
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
    overflow: hidden;
}

.rounded-left-10 {
    border-bottom-left-radius: 10px !important;
    border-top-left-radius: 10px !important;
    overflow: hidden;
}

.rounded-left-15 {
    border-bottom-left-radius: 15px !important;
    border-top-left-radius: 15px !important;
    overflow: hidden;
}

.rounded-right-4 {
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
    overflow: hidden;
}
.rounded-right-5 {
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
    overflow: hidden;
}

.rounded-right-10 {
    border-bottom-right-radius: 10px !important;
    border-top-right-radius: 10px !important;
    overflow: hidden;
}

.rounded-right-15 {
    border-bottom-right-radius: 15px !important;
    border-top-right-radius: 15px !important;
    overflow: hidden;
}



.rotate-90 {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.rotate-180 {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
}

.bottom-0 {
    bottom: 0 !important;
}

.placeholder.dark-mode .ph-item::before {
    -webkit-animation: ph-animation 2s linear infinite;
    animation: ph-animation 2s linear infinite;
}

.placeholder.dark-mode .ph-item::before {
    background: linear-gradient(90deg, #452f6d00 48%, #452f6d99, #452f6d00 52%);
}

/* SCROLLBARS */

/* Nascondi le barre di scorrimento orizzontali e verticali */
/* WebKit (Chrome e Safari) */
::-webkit-scrollbar {
    /* width: 15px; 
  height: 15px; */
}

/* Stilizza la barra di scorrimento verticale */
/* WebKit (Chrome e Safari) */
::-webkit-scrollbar-thumb {
    /*background-color: #888;*/
    /* Colore della barra di scorrimento */
    /*border-radius: 10px;*/
    /* Raggio degli angoli della barra di scorrimento */
}

/* Stilizza la barra di scorrimento orizzontale */
/* WebKit (Chrome e Safari) */
::-webkit-scrollbar-thumb:horizontal {
    /*background-color: #888;*/
    /* Colore della barra di scorrimento orizzontale */
    /*border-radius: 10px;*/
    /* Raggio degli angoli della barra di scorrimento orizzontale */
}

/* Stilizza la barra di scorrimento al passaggio del mouse */
/* WebKit (Chrome e Safari) */
::-webkit-scrollbar-thumb:hover {
    /*background-color: #555;*/
    /* Cambia il colore al passaggio del mouse */
}

/* Stilizza la barra di scorrimento dietro il cursore */
/* WebKit (Chrome e Safari) */
::-webkit-scrollbar-track {
    /*background-color: #f1f1f1;*/
    /* Colore dello sfondo della barra di scorrimento */
}

/* Stilizza la barra di scorrimento orizzontale dietro il cursore */
/* WebKit (Chrome e Safari) */
::-webkit-scrollbar-track:horizontal {
    /*background-color: #f1f1f1;*/
    /* Colore dello sfondo della barra di scorrimento orizzontale */
}

/* Firefox */
* {
    /*scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;*/
}

/* Stilizza la barra di scorrimento verticale */
/* Firefox */
*::-webkit-scrollbar-thumb {
    /*background-color: #888;
  border-radius: 10px;*/
    /* Raggio degli angoli della barra di scorrimento verticale */
    /*padding-left:4px;*/
}

/* Stilizza la barra di scorrimento orizzontale */
/* Firefox */
*::-webkit-scrollbar-thumb:horizontal {
    /*background-color: #888;
  border-radius: 10px; */
    /* Raggio degli angoli della barra di scorrimento orizzontale */
}

/* SCROLLBARS */

.raise:hover,
.raise:focus {
    box-shadow: 0 0.5em 0.5em -0.4em #000;
    transform: translateY(-0.25em);
}

/* fix iphone*/
body {
    width: 100%;
    max-width: 100%;
    will-change: position;
}

/* Prevent Bootstrap 4.x iOS issue where user
// scrolls the body behind the modal when body height > 100vh*/

body.modal-open:not(.modal-no-fixed) {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.modal {
    will-change: display;
    -webkit-overflow-scrolling: touch;
}

.modal-dialog {
    will-change: transform;
}

.modal-body {
    overflow: visible;
    -webkit-overflow-scrolling: touch;
    /*max-height: calc(100vh - 210px);*/
}

/* fix iphone*/

.d-none-force {
    display: none !important;
}

@media screen and (min-width: 768px) {
    
    .bottom-md-0 {
        bottom: 0 !important;
    }

    .observed:not(.image-box) {
        transform: scale(1.5);
        opacity: 0 !important;
        filter: brightness(10);
        transition:
            transform 0.8s ease,
            filter 0.8s ease,
            opacity 0.8s ease;
    }

    .observed.lazyLoaded:not(.image-box) {
        transform: initial;
        opacity: 1 !important;
        filter: brightness(1);
    }
}

@media screen and (max-width: 767.9px) {
    .observed:not(.image-box) {
        opacity: 0 !important;
        filter: brightness(10);
        transition:
            filter 0.8s ease,
            opacity 0.8s ease;
    }

    .observed.lazyLoaded:not(.image-box) {
        opacity: 1 !important;
        filter: brightness(1);
    }
}

.observed.image-box {
    opacity: 0 !important;
    transition: opacity 0.6s ease;
}

.observed.lazyLoaded.image-box {
    opacity: 1 !important;
}

/* ADV STYLE MEDIA QUERIES */

.media-max-480,
.media-480-768,
.media-min-768 {
    display: none;
    margin-top: 15px;
    margin-bottom: 15px;
}

@media only screen and (max-width: 479px) {
    .media-max-480 {
        display: flex;
        justify-content: center;
        margin: 0px;
        max-width: 100%;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767.9px) {
    .media-480-768 {
        display: flex;
        justify-content: center;
        margin: 0px;
        max-width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .media-min-768 {
        display: flex;
        justify-content: center;
        width: max-content;
        margin: auto;
        /*border-radius: 7px;*/
        overflow: hidden;
        max-width: 100%;
    }
}

.adv-overlay {
    flex-direction: column;
    padding: 15px;
    align-items: center;
    position: fixed;
    z-index: 105;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000e;
}
.adv-sidebar img,
.adv-top img,
.adv-bottom img,
.adv-overlay img,
.adv-inside-card-bottom img {
    height: auto;
    margin: auto;
}
.adv-overlay img {
    max-height: calc(100vh - 80px);
}
.adv-overlay .overlay-placement img {
    max-width:max-content;
}

.adv-sidebar iframe,
.adv-top iframe,
.adv-bottom iframe,
.adv-overlay iframe,
.adv-inside-card-bottom iframe {
    display: flex;
    margin: auto;
    width: max-content;
    margin-top: 15px;
    margin-bottom: 0px;
}

.snippet .mobile-grid .wrap-header-scores {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.snippet #mainContent {
    border-radius: 0px;
}

.snippet #chat-widget-container,
.snippet .ph-button-filtri {
    display: none !important;
}



.adv-sidebar,
.adv-top,
.adv-bottom {
    /*padding: 5px;*/
}

/* FINE ADV */

.decorate-lines:before {
    content: "";
    width: 29%;
    height: 2px;
    background: #000000;
    position: absolute;
    left: 0;
    margin-top: 11px;
}

.decorate-lines:after {
    content: "";
    width: 29%;
    height: 2px;
    background: #000000;
    position: absolute;
    right: 0;
    margin-top: 11px;
}

.decorate-lines-light:before {
    content: "";
    width: 46%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    margin-top: 17px;
}

.decorate-lines-light:after {
    content: "";
    width: 46%;
    height: 1px;
    background: #fff;
    position: absolute;
    right: 0;
    margin-top: 17px;
}

.absolute-center {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.absolute-x-center {
    position: absolute;
    transform: translateX(-50%);

    left: 50%;
}

.absolute-y-center {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;

}

@media (max-width: 769px) {
    .absolute-mobile{
        position:absolute;
    }
}

.blurred {
    filter: blur(1px);
}

.dark-header {
    padding: 0px;
    border: none;
    color: #fff;
    background: #000;
    position: relative;
    /* margin-bottom: 15px;*/

}

.dark-header.btn.btn-link {
    color: #fff;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
}

.dark-linear-gradient .dark-header.btn.btn-link,
.dark-linear-gradient .dark-header.btn.btn-link:focus,
.dark-linear-gradient .dark-header.btn.btn-link:hover:hover,
.dark-linear-gradient .dark-header.btn.btn-link:active {


    color: #fff !important;
}

/*.dark-linear-gradient .dark-header svg {
    filter: brightness(0);
}*/

.dark-header.btn[aria-expanded="true"] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    overflow: hidden;

}

.dark-header.btn[aria-expanded="false"] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}


.dark-header.btn .piu {
    display: none;
}

.dark-header.btn .meno {
    display: flex;
}

.dark-header.btn.collapsed .piu {
    display: flex;
}

.dark-header.btn.collapsed .meno {
    display: none;
}

a[data-toggle="collapse"][aria-expanded="true"] {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

[data-toggle="collapse"][aria-expanded="true"] .piu {
    display: none;
}

[data-toggle="collapse"][aria-expanded="false"] .piu {
    display: flex;
    min-height: 100%;
}

[data-toggle="collapse"][aria-expanded="true"] .meno {
    display: flex;
    min-height: 100%;
}

[data-toggle="collapse"][aria-expanded="false"] .meno {
    display: none;
}

[data-toggle="collapse"][aria-expanded="true"] .fa-chevron-down {
    display: none;
}

[data-toggle="collapse"][aria-expanded="false"] .fa-chevron-down {
    display: flex;
    min-height: 100%;
}

[data-toggle="collapse"][aria-expanded="true"] .fa-times {
    display: flex;
    min-height: 100%;
}

[data-toggle="collapse"][aria-expanded="false"] .fa-times {
    display: none;
}

.btn-link-modify svg {
    filter: brightness(0);
}

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

.z-out {
    z-index: -1 !important;
}

.z-0 {
    z-index: 0 !important;
}

.z-1 {
    z-index: 1 !important;
}

.z-2 {
    z-index: 2;
}

.z-3 {
    z-index: 3;
}

.z-4 {
    z-index: 4;
}

.z-5 {
    z-index: 5;
}

.z-6 {
    z-index: 6;
}

.z-7 {
    z-index: 7;
}

.z-8 {
    z-index: 8;
}

.z-9 {
    z-index: 9;
}

.z-10 {
    z-index: 10;
}

.z-11 {
    z-index: 11;
}

.z-12 {
    z-index: 12 !important;
}
.z-20 {
    z-index: 20 !important;
}

.z-100 {
    z-index: 100;
}

.z-1000 {
    z-index: 1000;
}

.color_range_1 {
    color: #76ed7e !important;
}

.color_range_2 {
    color: #a9ebc2 !important;
}

.color_range_3 {
    color: #f3dfb2 !important;
}

.color_range_4 {
    color: #f9c8cc !important;
}

.color_range_5 {
    color: #fe8d8d !important;
}

.fc_lvl_1 {
    color: #a9ebc2 !important;
}

.fc_lvl_2 {
    color: #f5f5ce !important;
}

.fc_lvl_3 {
    color: #f3dfb2 !important;
}

.fc_lvl_4 {
    color: #f9c8cc !important;
}

.fc_lvl_5 {
    color: #fe8d8d !important;
}

.bg_range_1 {

    background: #76ed7e !important;
}

.bg_range_2 {

    background: #a9ebc2 !important;
}

.bg_range_3 {
    background: #f3dfb2 !important;
}

.bg_range_4 {
    background: #f9c8cc !important;
}

.bg_range_5 {
    background: #fe8d8d !important;
}

.bc_range_1 {
    border-color: #76ed7e !important;
}

.bc_range_2 {
    border-color: #a9ebc2 !important;
}

.bc_range_3 {
    border-color: #f3dfb2 !important;
}

.bc_range_4 {
    border-color: #f9c8cc !important;
}

.bc_range_5 {
    border-color: #fe8d8d !important;
}


.h-max {
    height: max-content !important;
}

.w-max {
    width: max-content !important;
}

.brightness-0 {
    filter: brightness(0);
}

.brightness-1 {
    filter: brightness(5);
    -webkit-filter: brightness(50%)
}

.invert {
    filter: invert(1);
}

.opacity-0 {
    opacity: 0;
    z-index: -1;
}


.opacity-down {
    opacity: .5;
    transition: opacity .3s ease;
}

.opacity-down:hover {
    opacity: .7 !important;
}

.opacity-9 {
    opacity: .9;
}

.opacity-8 {
    opacity: .8;
}

.opacity-7 {
    opacity: .7;
}

.opacity-6 {
    opacity: .6;
}

.opacity-5 {
    opacity: .5;
}
.opacity-1 {
    opacity: .1;
}


.disabled-5 {
    opacity: 0.5;
    pointer-events: none;
}

.disabled {
    opacity: 0.4;
    pointer-events: none;
}

.disabled-1 {
    opacity: 0.1;
    pointer-events: none;
}

.disabled-gray {
    filter: grayscale(1);
    pointer-events: none;
}

.disabled-pulse,
.disabled-pulse-full,
.disabled-pulse-full-dark,
.disabled-pulse-full-dark-slow,
.disabled-pulse-red {

    pointer-events: none;
    position: relative;
    overflow: hidden;

}

.disabled-pulse-full-dark-slow,
.disabled-pulse-full-dark {

    border-radius: 5px;
    overflow: hidden;

}

.disabled-pulse::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0) 100%);
    animation: onda 1.3s cubic-bezier(.31, 0, .57, 1) infinite;
    /* Animazione dell'onda */
}

.disabled-pulse-full::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%);
    animation: onda .8s cubic-bezier(.31, 0, .57, 1) infinite;
    /* Animazione dell'onda */

}

.disabled-pulse-full-dark::after,
.disabled-pulse-full-dark-slow::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, 0) 100%);
    animation: onda .8s cubic-bezier(.31, 0, .57, 1) infinite;
    /* Animazione dell'onda */
}

.disabled-pulse-full-dark-slow::after {
    animation: onda 1.8s cubic-bezier(.31, 0, .57, 1) infinite;
}

.disabled-pulse-red::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #FA6F6F00 0%, #FA6F6F99 50%, #FA6F6F00 100%);
    animation: onda .8s cubic-bezier(.31, 0, .57, 1) infinite;
    /* Animazione dell'onda */
}

@keyframes onda {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
        /* Cambiato da 0% a 100% */
    }
}

label.disabled {
    opacity: 0.5;
    pointer-events: all;
}

.min-max-content {
    min-width: max-content;
}

.list-group-item-action {
    width: auto;
}

.list-group-item.active {
    margin-top: 0px !important;
}


/* SEARCH INNER CAMPO DI RICERCA CON LENTE */
.campo-ricerca-fd {
    display: flex;
    position: relative;
}


.campo-ricerca-fd svg {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.form-control:disabled {
    background-color: #333;
}

.campo-ricerca-fd input.form-control::placeholder {
    color: #999;
    font-size: 15px;
}

.campo-ricerca-fd input.form-control {
    padding-left: 45px !important;
    border: 2px solid #999 !important;
    border-radius: 30px !important;
    height: 40px !important;
    min-height: 40px !important;
    font-size: 16px !important;
    box-shadow: 0px 3px 6px #0001 !important;
    /* margin-top: 2px !important;*/
    transition: all .2s ease;
}
.campo-ricerca-fd.big input.form-control {
    height: 58px !important;
    min-height: 58px !important;
}

.campo-ricerca-fd input.form-control:focus {
    border: 2px solid #ccc !important;
}

.colonna-search.closed .campo-ricerca-fd input.form-control {
    padding-left: 70px !important;

}




.campo-ricerca-fd.showx .resetsearch {
    display: block;
}


/* FOOTDATA SEARCH FIELD OPENABLE */
.openable .campo-ricerca-fd{
    transition: width .3s ease-out; 
}

.openable .campo-ricerca-fd {
    
    color: #fff !important;
    transition: width .3s ease;
    background:#000;
}

.openable .campo-ricerca-fd input{
    height: 55px !important;
}

.openable .campo-ricerca-fd:not(.open) {
    width: 55px;
    height: 55px;
    cursor: pointer;
    border: 2px solid #fff;
    border-radius: 50%;
}


.openable .campo-ricerca-fd svg {
  padding: 10px;
  width:40px;
  height:40px;
  transition: margin-left .2s ease-out;
  margin-left: 0px;
  cursor: pointer;
}
.openable .campo-ricerca-fd:not(.open) svg {
  left: 25px;
  transform: translate(-50%, -50%);
  top: 50%;
}
.openable .campo-ricerca-fd.open svg {
  margin-left: -10px;
}
.campo-ricerca-fd svg {
    color: #fff !important;
}

.openable .campo-ricerca-fd .resetsearch {
  width: 55px;
  min-height: 100% !important;
}

.openable .campo-ricerca-fd:not(.open) .form-control{
    display:none !important;
}
.openable .campo-ricerca-fd.open {
    position: absolute;
    right: 10px;
    left: 10px;
    width: calc(100% - 20px);
    z-index: 11;
    background: #000;
    border-radius: 0px !important;
    border: 1px solid #000;
    margin-top: -1px;
}
.openable.v2 .campo-ricerca-fd.open {
    position: relative;
    width: calc(100% - 140px);
    opacity: 1;
    transition: all .3s ease;
    right: 0px;
    left: 0px;

}
.openable.v2 .campo-ricerca-fd:not(.open) {
    position: relative;
    width: 0px;
    opacity: 0;

}
.openable.v2 .right-col.open .closed  {
   display:none;
   opacity:0;
}
.openable.v2 .right-col.open .opened  {
   display:flex;
   opacity:1;
   width: 100%;
   display: flex;
   align-items: center;
   padding-left: 0px;
}
.openable.v2 .right-col .opened  {
   display:none;
   opacity:0;
   transition: all .3s ease;
}
.openable.v2 .right-col .closed  {
   display:flex;
   opacity:1;
   transition: all .3s ease;
   cursor: pointer;
   padding: 10px;
   position: relative;
}





@media (max-width: 767px) {
    .openable{
        position: fixed !important;
        bottom: 0;
        z-index: 5;
        margin-bottom: 0px;
        left: 0;
        right: 0;
        background: #000;
        padding: 10px 0px 10px 14px !important;
    }
    .widget-dashboard-card .openable{
        position: absolute !important;
       /* bottom: 0;*/
       /* z-index: 5;
        margin-bottom: 0px;
        left: 0;*/
       /* right: 0;*/
        background: transparent;
        padding: 0px !important;
        bottom: inherit;
    }
    .openable.v2{
        position: fixed !important;
        bottom: 0;
        z-index: 5;
        margin-bottom: 0px;
        left: 0;
        right: 0;
        background: #000;
        padding: 10px 0px 10px 0px !important;
    }
    .openable.v2 .campo-ricerca-fd.open {
        left: 10px;
     }
     .openable.v2 .right-col.open .opened  {
        padding-left: 15px;
     }
    .user-load-playlist,
    .box-load-prompt,
    .user-load-events{
        padding-bottom: 40px; 
    }
}

@media (min-width: 990px) {

    .campo-ricerca-fd {
        transition: transform .2s cubic-bezier(.31, 0, .57, 1);
        transform: scale(1);
    }

    .campo-ricerca-fd input {
        transition: box-shadow .4s ease-out;
        box-shadow: 0px 0px 0px #fff;
    }

    .campo-ricerca-fd svg {
        transition: transform .5s cubic-bezier(.31, 0, .57, 1);
        transform: translateY(-50%);
    }

    .campo-ricerca-fd:not(.showx):hover {
        /*transform: scale(1.03);*/
    }

    .campo-ricerca-fd:hover input {
        box-shadow: 0px 0px 15px #fffa;
    }

    .campo-ricerca-fd:hover svg {
        transform: scale(1.1) translateY(-45%);

    }


    .campo-ricerca-fd:hover input::placeholder {
        color: #888 !important;
    }

}

.j-c-c {
    justify-content: center !important;
}

.j-c-s {
    justify-content: start !important;
}

.j-c-e {
    justify-content: end !important;
}

.j-c-b {
    justify-content: space-between !important;
}

.j-c-a {
    justify-content: space-around !important;
}

.a-i-c {
    align-items: center !important;
}

.a-i-s {
    align-items: start !important;
}

.a-i-e {
    align-items: end !important;
}

.white-space-normal {
    white-space: normal !important;
}

@media screen and (max-width: 767.9px) {
    .menu-betlab .titolo-box svg {
        max-height: 45px;
    }
}

.btn-info-toggler {
    background-color: transparent;
    color: #ffffff;
    border: none;
    border-radius: 0px;
    display: flex;
    text-transform: capitalize;
    z-index: 2;
    padding: 4px;

}

.btn-info-toggler svg {
    transition: transform 1s cubic-bezier(1, 0, 0, 1);
    transform: scaleY(1);
}

.btn-info-toggler[aria-expanded="true"] svg {
    transform: scaleY(-1);
}

#chat-widget-container {
    z-index: 104 !important;
    bottom: -10px !important;

}

.menu-betlab:not(.in) {
    /* transition: transform .3s ease;*/
    /*   transform: translateY(-200%);*/

}

.menu-betlab.in .boxed {
    justify-content: center !important;
}

.menu-betlab.in .titolo-box {
    display: flex !important;
}

.menu-betlab.in {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    pointer-events: none;
    padding: 5px 15px 5px 15px;
    visibility: visible;
    pointer-events: auto;
    z-index: 100;
    /* min-height: 60px;*/
}


.line-clamp-4, .line-clamp-md-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.line-clamp-2, .line-clamp-md-2  {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

    .line-clamp-4.line-clamp-md-2 {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.evento-checkbox:not(.active) .on,
.evento-checkbox.active .off {
    display: none;
}

.evento-checkbox:not(.active) .off,
.evento-checkbox.active .on {
    display: block;
}


.evento-checkboxAlt:not(.active) .on,
.evento-checkboxAlt.active .off {
    display: none;
}

.evento-checkboxAlt:not(.active) .off,
.evento-checkboxAlt.active .on {
    display: block;
}

.button-toggle-notifiche[data-active="off"] .off {
    display: block;
}

.button-toggle-notifiche[data-active="off"] .on {
    display: none;
}

.button-toggle-notifiche[data-active="off"] .on-hover {
    display: none;
}

.button-toggle-notifiche[data-active="on"] .off {
    display: none;
}

.button-toggle-notifiche[data-active="on"] .on {
    display: block;
}
.button-toggle-notifiche[data-active="on"] .on-hover{
    display: none;
    opacity:0;
    transition: opacity .3s ease;
}
.button-toggle-notifiche[data-active="on"]:hover .on{
    display: none;
  
}
.button-toggle-notifiche[data-active="on"]:hover .on-hover{
    display: block;
    opacity:1;
   
}

/* PAGINAZIONE RIUTILIZZABILE USATA NEL BETWALL*/
.pagination-list .holder-pag {
    list-style: none;
    display: flex;
}

.pagination-list.bottom .page-item:not(.disabled) {
    cursor: pointer;
}

/*.pagination-list.bottom .holder-pag .big,
.pagination-list.bottom .holder-pag .page-indicator{
    float: left;
  box-sizing: border-box;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 0;
  max-width: 100px;
  position: relative;
  width: 100%;
  padding-right: 5px !important;
  padding-left: 5px !important;
    
}*/



.page-item.active .page-link {
    background-color: transparent;
    border-color: transparent;
}

.page-link {
    margin: 0px 2px !important;
    border-radius: 7px !important;
    padding: 6px;
    min-width: 30px;
    text-align: center;
    border-width: 1px;
    border-color: #676767;
}

.pagination-list.bottom .holder-pag .page-indicator {
    min-width: max-content;
}


@media screen and (max-width: 767.9px) {
    .pagination-list.bottom .holder-pag .little .page-link {
        padding-left: 10px !important;
        padding-right: 10px !important;

    }

    .pagination-list.bottom .holder-pag .page-indicator {
        font-size: 14px;
        font-weight: 500;

    }

    .pagination-list .page-item,
    .pagination-list .page-link {
        max-width: max-content !important;

    }

    .pagination-list .page-indicator,
    .pagination-list .page-indicator .page-link {
        margin: auto !important;
    }
}

/* PAGINAZIONE RIUTILIZZABILE USATA NEL BETWALL*/


#betlab-tab-holder.tab-pane.active {
    display: flex !important;
    flex-direction: column;
}



.sub-header-schedina-list.open,
.sub-header-giocate-list.open {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0009 !important;
    z-index: 108;
    overflow: auto !important;
    margin-top: 0px !important;
    margin: 0px !important;

}

.sub-header-schedina-list:not(.open) .overlay-filters,
.sub-header-giocate-list:not(.open) .overlay-filters {
    padding: 0px !important;

}

.sub-header-schedina-list.open .overlay-filters,
.sub-header-giocate-list.open .overlay-filters {
    column-gap: 0px !important;
    padding: 30px 25px !important;

}

.sub-header-giocate-list.open .overlay-filters .col-md-6:nth-child(odd),
.sub-header-schedina-list.open .overlay-filters .col-md-6:nth-child(odd) {
    padding-right: 15px !important;
}

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

    .sub-header-giocate-list.open .overlay-filters .col-md-6:nth-child(odd),
    .sub-header-schedina-list.open .overlay-filters .col-md-6:nth-child(odd) {
        padding-right: 0px !important;
    }

    .sub-header-giocate-list:not(.open) .sx,
    .sub-header-giocate-list:not(.open) .middle,
    .sub-header-giocate-list:not(.open) .dx {
        display: none !important;
    }

    .sub-header-giocate-list.open .sx,
    .sub-header-giocate-list.open .middle,
    .sub-header-giocate-list.open .dx {
        display: flex !important;
    }


    .sub-header-schedina-list:not(.open) .box-status,
    .sub-header-schedina-list:not(.open) .box-range,
    .sub-header-schedina-list:not(.open) .reset-filters,
    .sub-header-giocate-list:not(.open) .reset-filters {
        display: none !important;
    }

    .sub-header-schedina-list:not(.open) .button-box .fs-18,
    .sub-header-giocate-list:not(.open) .button-box .fs-18 {
        font-size: 0px !important;
    }

    #modal-bet-schedina .sub-header-giocate-list:not(.open) .button-box .fs-18 {
        font-size: 18px !important;
    }

    #modal-bet-schedina .sub-header-giocate-list:not(.open) .button-box .open-filters {
        padding: 0px 15px !important;
        column-gap: 10px;
    }

    #modal-bet-schedina .open-mobile-menu {
        display: none !important;
        opacity: 0;
        pointer-events: none;
    }

    #modal-bet-schedina .sub-header-giocate-list:not(.open) .button-box {
        left: 50%;
    }

    .sub-header-schedina-list:not(.open) .button-box,
    .sub-header-giocate-list:not(.open) .button-box {
        position: fixed;
        bottom: 8px;
        left: 15%;
        transform: translateX(-50%);
        transition: bottom .3s ease, left .3s ease;
        z-index: 20;
    }

    .sub-header-schedina-list:not(.open) .button-box .open-filters,
    .sub-header-giocate-list:not(.open) .button-box .open-filters {
        min-width: 64px !important;
        height: 64px;
        padding: 0px !important;
        text-align: center;
        justify-content: center;
        column-gap: 0px;
        transition: bottom .3s ease, left .3s ease;
        box-shadow: inset 0px 0px 0px 2px #000, 1px 2px 6px #3335;
        border: 2px solid #fff;
        overflow: visible;
        margin: 0px;
    }

    .sub-header-schedina-list.open .button-box .open-filters,
    .sub-header-giocate-list.open .button-box .open-filters {
        margin: 15px auto;
    }

    .sub-header-schedina-list:not(.open) .button-box .counter-filters,
    .sub-header-giocate-list:not(.open) .button-box .counter-filters {
        position: absolute;
        top: -5px;
        right: -5px;
        font-size: 14px !important;
        min-width: 20px !important;
        max-height: 20px !important;
        padding: 0px !important;
        width: 20px !important;
        font-weight: 500 !important;
    }

    .sub-header-schedina-list:not(.open) .button-box.up,
    .sub-header-giocate-list:not(.open) .button-box.up {

        bottom: 80px;
        left: 18%;

    }
}

.arrow-round {
    transition: transform 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    transform: rotate(0);
}

.rigioca-betslip:hover .arrow-round {
    transform-origin: center;
    transform: rotate(90deg);
}


.noUi-horizontal .noUi-handle {
  width: 34px !important;
  height: 34px !important;
  right: -17px !important;
  top: -9px !important;
  cursor: pointer;
  border-color: #000 !important;
  transition: background .3s ease-out;
}
.noUi-horizontal .noUi-handle:hover {
  background: #ccc !important;
}

.noUi-handle {
    border: 3px solid #fff !important;
    border-radius: 50px !important;
    background: #383838 !important;
    cursor: default;
    /*box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB;*/
    box-shadow: none !important;
}

.range-footdata .noUi-connect {
    transition: background .3s ease-out;
    background: #FFEB9B99 !important;
}
.range-footdata .noUi-connect:hover {
    background: #FFEB9B !important;
}

.noUi-target {
  background: #333 !important;
  border-radius: 10px !important;
  border: 1px solid #555 !important;
  box-shadow: none !important;
}




.tooltip-standard {
    filter: drop-shadow(1px 1px 4px rgba(150, 150, 150, 0.2));

}

/* SWEETALERT */

.confirmlSweet {
    background: #C8A227 !important;

}

.open-full-accordion:not(.open) .torna-filtri,
.open-full-accordion:not(.open) .competition-filter-toggler-clone {
    display: none !important;
}

/*.open-full-accordion:not(.open){
    margin-bottom: 10px !important;
}*/

.accordion-item.border {
    border-color: #333 !important;
}

.open-full-accordion .filters-head svg{
    width: 47px;
    height: 47px;
    transition: all .5s ease-out;
}
.open-full-accordion.open .filters-head svg{
    width: 35px;
    height: 35px;
}
.open-full-accordion .sub-accordion[aria-expanded="true"]::after{
    transform: scale(1);
    transition: all .5s ease-out;
}
.open-full-accordion.open .sub-accordion[aria-expanded="true"]::after{
    transform: scale(1.3);
}
.open-full-accordion.open {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 20;
    background: #000;
    display: flex;
    flex-direction: column;
    margin: 0px !important;
    height: 100%;
    /*min-height: calc(100vh - 25px);*/
    overflow: auto;
    color: #fff;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border: 12px solid #000 !important;
    background: linear-gradient(#111, #070707);
    border-radius: 20px !important;
    overflow: hidden;
}


.widget-live-score-sidebar .open-full-accordion.open {

    min-height: calc(100vh - 25px);
    overflow: auto;

}

.open-full-accordion.open .collapse.show {
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 40px;
}

.open-full-accordion.open .torna-filtri {
    display: flex;
}

.select-label-inside label:not(.form-check-label):not(.check-label):not(.switch):not(.text-element) {
    margin-bottom: -22px;
    z-index: 10;
    position: relative;
    background: transparent;
    margin-left: 10px;
    padding: 0px 0px;
    font-size: 13px;
    border-radius: 0px;
    height: 16px;
    display: flex !important;
    line-height: 16px;
    color: #aaa !important;
    font-weight: 400 !important;
    pointer-events: none;
    text-transform: uppercase;
    margin-top: 5px;
}
.select-label-inside textarea{
    color: #fff;
    padding-top:25px;
    min-height: 120px;
    background: #000 !important;
}


.switch-box {
    margin: auto;
    width: max-content;
    color: #020202;
    cursor: pointer;
}

.switch-box label {
    margin: 0px !important;
    height: 17px !important;
}

.switch-box .fd-switch {
    width: 115px;
    display: flex;
    align-items: center;
    margin: 0px 25px;
    position: relative;
}

.switch-box .fd-switch .fd-switch-slide {
    border: 2px solid #ccc;
    width: 100%;
}

.switch-box .fd-switch .fd-switch-icon {
    border-radius: 50%;
    background: #fff;
    transition: all .3s ease-out;
    display: flex;
    align-items: center;
    width: 39px;
    height: 39px;
    border: 3px solid #fff;
    left: -16px;
}

.switch-box .fd-switch .fd-switch-icon.on {
    left: calc(100% - 23px);
}

.switch-box .fd-switch-icon div {
    opacity: 0;
    position: absolute;
    transition: all .3s ease-out;
}

.switch-box .fd-switch-icon div.active {
    opacity: 1;
    transform: rotate(360deg);
}

.switch-box .form-radio:not(.active) {
    opacity: .6;
}

.range-footdata {
    position: relative;
    min-height: 71px;
}

.range-footdata .range-body {
    margin: 7px 0px;
}

.range-footdata svg {
    height: 25px;
    width: 25px;
}

.range-footdata .slider-min,
.range-footdata .slider-max {
    line-height: 25px;
}

.range-footdata .matita {
    vertical-align: bottom;
}

.range-footdata .edit-footdata-range {
    overflow: hidden;
}

.range-footdata .edit-footdata-range ::placeholder {
    color: #999;
}

.range-footdata .edit-footdata-range {
    transition: all 0.5s cubic-bezier(0.59, 0, 0, 1);
   /* width: 0%;
    min-width: max-content;*/
    margin-left: 10px;
    display: inline-block;
    margin-bottom: -2px;
    background: #000;
}

.range-footdata .edit-footdata-range input {
    border: 1px solid #ccc;
    border-radius: 5px;
}

.range-footdata .edit-footdata-range .range-form .cancel,
.range-footdata .edit-footdata-range .range-form .save {
    width: 26px;
    height: 26px;
}

.range-footdata .edit-footdata-range .range-form {
    transition: all 0.8s cubic-bezier(0.59, 0, 0, 1);
    display: none !important;
    opacity: 0;
    width: 0%;
}

.range-footdata .edit-footdata-range.open .range-form {
    opacity: 1;
    display: flex !important;
    width: 100%;
    min-width: inherit;
    display: flex;
    align-items: center;
}

.range-footdata .edit-footdata-range.open {
    margin-left: 0px;
    position: absolute;
    /* width:calc(100% - 20px); */
    width: 100%;
    min-width: inherit;
    background: #000;
    z-index: 2;
    /*left:0;*/
    /*togliendo questo left si apre da destra verso sinistra*/
    top: 0;
    /*right:10px;*/
    right: 0px;
    bottom: 0;
    border: 1px solid #676767;
    border-radius: 8px;
    display: flex;
    align-items: center;
    column-gap: 10px;
    padding: 0px 15px;
}

@media screen and (max-width: 767.9px) {
    .filters-head.sub-accordion svg {
        max-width: 40px;
        max-height: 40px;
    }
}

.riga-orizzontale {
    display: flex;
}


.riga-orizzontale::before,
.riga-orizzontale::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #383838;
    /* Puoi cambiare il colore della linea se necessario */
    margin: auto 10px;
    /* Distanza tra la scritta e le linee */
    padding: 3px;
}
@media screen and (max-width: 575px) {
    .riga-orizzontale::before,
    .riga-orizzontale::after {
        border-bottom: 0px solid #383838;
    }
    

}


.riga-orizzontale.bc-light-3::before,
.riga-orizzontale.bc-light-3::after {
    border-bottom: 1px solid #C8A227;
    /* Puoi cambiare il colore della linea se necessario */
}

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

    .riga-orizzontale::before,
    .riga-orizzontale::after {
        margin: auto 10px;
        /* Distanza tra la scritta e le linee */
    }
}

.scroll-indicator {
    position: sticky;
    /* Mantiene la striscia fissa in basso */
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    /* Altezza della striscia */
    min-height: 40px;
    background: linear-gradient(to top, #000, #0000);
    /* Sfumatura dal nero al trasparente */
    z-index: 1;
    /* Assicurati che sia sopra il contenuto */
    pointer-events: none;
}

.swal2-confirm:focus-visible {
    box-shadow: 0 0 0 3px rgba(200, 200, 200, .5) !important;
}

.border-bottom-gradient {
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #fff, #36363600) 1;
}



@media screen and (max-width: 767.9px) {
    .fondo-menu-mobile {
        position: fixed !important;
        bottom: 0px;
        background: #000;
        left: 0px;
        border: 0px;
        border-radius: 0px !important;
        padding: 10px !important;
        width: 100%;
        z-index: 10;
        height: 60px;
        transition: height .3s ease;
    }
    
    .fd-site.statistiche .fondo-menu-mobile {display: none !important;}
    .fd-site.trasferimenti .fondo-menu-mobile {display: none !important;}
   
    .fondo-menu-mobile.open {

        height: 150px;
    }

    .fondo-menu-mobile:not(.open) .off {
        display: flex;
    }

    .fondo-menu-mobile:not(.open) .on {
        display: none;
    }

    .fondo-menu-mobile.open .off {
        display: none;
    }

    .fondo-menu-mobile.open .on {
        display: flex;
    }

    #modal-bet-betslips-events .fondo-menu-mobile {
        display: none !important;
    }

    [data-style="no-mobile-filter-menu"] .widget-bet-lab-crea-schedina {
        left: 50%;
        transform: translateX(-50%);
        opacity: 1;
        bottom: 8px;

    }

    [data-style="no-mobile-filter-menu"][data-order="filter-center"] .widget-bet-lab-crea-schedina {
        left: 12%;
        transform: translateX(-50%);
        opacity: 1;
        bottom: 8px;
    }

    [data-style="no-mobile-filter-menu"] .button-crea-strategia {
        left: 85%;
        transform: translateX(-50%);
    }

    [data-style="no-mobile-filter-menu"] .open-mobile-menu {
        display: none !important;
    }
}

.load-preset,
.make-preset {
    background: transparent !important;
}

.make-preset {
    color: #FFEB9B !important;
    border-color: #FFEB9B !important;
}

.make-preset svg {
    color: #FFEB9B !important;

}

.holder-filters .adds_box label:not(.form-check-label):not(.check-label):not(.switch):not(.text-element) {
    margin-bottom: -8px;
    background: #fff;
    padding: 0px 5px;
}

.holder-filters .adds_box label:not(.form-check-label):not(.check-label):not(.switch):not(.text-element) {
    background: #000 !important;
}

div:where(.swal2-container) div:where(.swal2-popup) {
    border-radius: 14px !important;
    background: #000 !important;
    color: #fff !important;
    border: 2px solid #C8A227 !important;
    box-shadow: inset 0px 0px 40px #aaa2, 0px 0px 40px #000;
    overflow: hidden;
}

div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
    animation: blinkProgressBar .6s infinite alternate; /* Effetto lampeggio */
}

@keyframes blinkProgressBar {
    from {
        background: #fff; /* Colore iniziale */
    }
    to {
        background: #fff7; /* Colore finale */
    }
}

.swal2-confirm {
    background: #C8A227;
    color: #000;
    border-radius: 50px;
    margin: 10px;
}

.animate-frames .lvl {
    position: relative;
    display: none; /* Inizialmente nascosto */
    width: 100%; /* Opzionale, per occupare tutto lo spazio disponibile */
    height: auto; /* Imposta l'altezza in base al contenuto */
    min-height: 80px;
}

/* Stile aggiuntivo, se necessario, per il contenitore */
.animate-frames {
    position: relative;
    overflow: hidden; /* Opzionale, per evitare che il contenuto esca dai bordi */
}

.tox-statusbar__branding{opacity:0 !important;}
.tox .tox-toolbar, 
.tox .tox-toolbar__overflow, 
.tox .tox-toolbar__primary,
.tox .tox-menubar {
  background-color: #000 !important;
}  
.tox .tox-edit-area__iframe {
  background-color: #ddd !important;
} 
.tox .tox-toolbar-overlord {
  background-color: #000 !important;
}
.tox-icon svg,
.tox .tox-mbtn,
.tox .tox-statusbar a, 
.tox .tox-statusbar__path-item, 
.tox .tox-statusbar__wordcount{
  color: #fff !important;
  fill: #aaa !important;
}
.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active),
.tox .tox-tbtn--bespoke,
.tox .tox-tbtn{
  background: #333 !important;
  color: #fff !important;
}
.tox .tox-tbtn:hover {
  background: #111 !important;
  color: #fff !important;
}
.tox .tox-tbtn__select-chevron svg {
  fill: #fff !important;
}
.tox:not(.tox-tinymce-inline) .tox-editor-header {
  background-color: #000 !important;
  box-shadow: 0 2px 2px -2px rgba(255,255,255,.1),0 8px 8px -4px rgba(255,255,255,.07) !important;
}

.tox .tox-statusbar {
  background-color: #000 !important;
  border-top: 1px solid #333 !important;
  color: #fff !important;

}
.tox-tinymce {
  border: 2px solid #333 !important;
}  
.datepicker{color: #fff;}
.datepicker-picker {
  background-color: #222 !important;
}

@media screen and (min-width: 768px) {
    .box-double-button{ min-width: 240px;}

    .button-crea-strategia .testo-strategia,
    .crea-schedina .testo-schedina{
        position: absolute !important;
        left: 100%;
        opacity:0; 
        transition: opacity .8s ease;
    }
    .button-crea-strategia,
    .crea-schedina{
        width:110px;
        transition: all .8s ease;
        height:50px;
        align-items: center;
        
    }
    .button-crea-strategia:not(.no-move):hover,
    .crea-schedina:hover{
        width:max-content;
        z-index: 10;
        position:absolute;
        right:10px;
     
        transform: scale(1.1) !important;
        
    }
    .button-crea-strategia:hover .testo-strategia,
    .crea-schedina:hover .testo-schedina{
        position: relative !important;
        opacity:1;
        left: 0%;
    }     
}

#modal-bet-grid .ag-paging-panel .ag-paging-page-summary-panel {
  margin-left: 0px !important;
  margin-right: 15px;
}
#modal-bet-grid .fondo-small .wrap-header-scores-recaps {
  position: relative;
  margin: 10px !important;
}
#modal-bet-grid .fondo-small .wrap-header-tags-recaps {
  display: none !important;
}

.toast.toast-filters{pointer-events: none;}

.box-ai h1, .box-ai h2, .box-ai h3, .box-ai h4, .box-ai h5, .box-ai h6, 
.box-ai .h1, .box-ai .h2, .box-ai .h3, .box-ai .h4, .box-ai .h5, .box-ai .h6{
  color: #aaa;
}

.transition-ease{
    transition: all .3s ease;
}
.swal2-actions.swal2-loading {
    display: none !important;
    opacity: 0;
} 

@media only screen and (max-width: 600px) {
    .select2-results__options .select2-results__option {
        line-height: 26px !important;
        font-size: 24px !important;
        padding: 15px 10px !important;
      }

    .select2-container--open .select2-dropdown{
        position: fixed !important;
        top: 0px !important;
        bottom: 0px !important;
        width: 100% !important;
       /* height: calc(100vh - 71px) !important;*/
    }
    .select2-results{
      /*  visibility:hidden;*/
    }
    .select2-dropdown .close-btn {
        content: "✖";  /* Simbolo X */
        position: absolute;
        bottom: 20px;
        right: 15px;
        font-size: 45px;
        color: #fff; /* Puoi personalizzare il colore */
        cursor: pointer; /* Indica che può essere cliccato */
    }
    .select2-container--default .select2-results > .select2-results__options {
        max-height: calc(100vh - 43px);
        overflow-y: auto;
    }
    .select2-results figure {
        padding: 0px !important;
        border-radius: 100px;
        background: #fff;
        width: 45px;
        height: 45px;
        min-width: 35px;
        overflow: hidden;
        text-align: center;
    }
}

@media screen and (max-width: 767.9px) {
    .form-content-mobile-absolute{
        position: fixed;
        top:0;
        bottom:0;
        left:0;
        right:0;
        background: #000;
        z-index: 10;
    }
}