/* Common Styles */

.cont-main-content {
    padding: 30px;
}



.widget-cont {
    width: 100%;
    border: #767676 1px solid;
    padding: 20px;
    /*margin-bottom: 35px;*/
    background: #000;
    color: #fff;
    height: max-content;
}
.widget-cont.widget-live-score {
    padding: 0px;
    margin-bottom: 0px;
    border: none;
}
.widget-cont.widget-live-score .close {
    padding: 10px 0px;
}


.widget-border-rounded-lrg {
    border-radius: 15px;
}
.widget-border-rounded-mid {
    border-radius: 15px;
}
.widget-cont .widget-title {
    /*color: #101010;*/
    font-size: 20px;
    margin-bottom: 30px;
}

h2.widget-title.title-rounded{
    background-color: #000000 !important;
    color: #ffffff !important;
    font-size: 28px !important;
    font-weight: 500 !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-bottom: none  !important;
    padding: 7px 20px  !important;
    margin-bottom: 0px  !important;
    text-align: center;
}

.countryNameSelect {
    font-size: 13px;
    line-height: 13px;
    color: #888;
}

.owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
}

/* Responsive */
/* Tablet */
@media screen and (max-width: 989px) {
    .widget-cont{
        border-radius:0px !important;
    }
    .widget-cont.rounded-15{
        border-radius:15px !important;
    }
    .widget-cont.rounded-15.widget-player-positioning {
        border-radius: 0px !important;
    }
    .widget-cont.rounded-15.widget-player-positioning h2.widget-title.title-rounded{
        border-radius: 0px !important;
    }
}

/* Smartphones */
@media screen and (max-width: 767.9px) {
    
    .cont-main-content {
        padding: 15px;
    }
    .widget-cont {
        padding: 15px;
        /* margin-bottom: 20px;*/
    }
    .widget-cont .widget-title {
        font-size: 20px;
        margin-bottom: 20px;
    }
}
/* Responsive */

/* Common Styles */

/* Link - More Button */
.link-more-wb {
    background-color: #000000;
    color: #ffffff;
    text-align: right;
    display: flex;
    padding: 10px 20px;
    font-weight: 600;
    justify-content: end;
    align-items: center;
    border-radius: 5px;
}
.link-more-wb:hover {
    color: #ffffff;
}
.link-more-wb svg {
    margin-left: 5px;
}
/* Link - More Button */

/* Slider Dots */
.slider-dots {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 30px 0px;
}
.slider-dots button {
    background-color: rgba(200, 184, 227, 0.56);
    height: 14px;
    width: 14px;
    margin: 5px;
    border-radius: 15px;
    padding: 0px;
}
.slider-dots button.active {
    background-color: #020202;
}

/* Responsive Styles */
/* Smartphones */
@media screen and (max-width: 767.9px) {
    .slider-dots {
        margin: 15px 0px;
    }
    .slider-dots button {
        height: 10px;
        width: 10px;
    }
}
/* Smartphones */
/* Responsive Styles */
/* Slider Dots */

/* Metric Slider */
.cont-metrics {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: #dbdbdb 1px solid;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.cont-metrics .current-metric {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.cont-metrics .current-metric svg {
    margin-right: 10px;
}
.cont-metrics .metric-title {
    width: 80%;
    font-weight: bold;
    color: #020202;
    font-size: 27px;
    line-height: 32px;
    height: auto;
}
.cont-metrics .metric-title span {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 24px;
    display: block;
}
.cont-metrics .cont-metric-controls {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.cont-metrics .metric-control-single {
    color: #020202;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    cursor: pointer;
}
.cont-metrics .metric-control-single.metric-prev {
    margin-right: 60px;
}





/* Responsive Styles */
/* Tablet */
@media screen and (max-width: 992px) {
    .cont-metrics .current-metric {
        width: 70%;
    }
    .cont-metrics .cont-metric-controls {
        width: 30%;
    }
    .cont-metrics .metric-control-single {
        font-size: 0px;
    }
    .cont-metrics .metric-control-single.metric-prev {
        margin-right: 20px;
    }
}
/* Tablet */
/* Smartphones */
@media screen and (max-width: 767.9px) {
    .cont-metrics .current-metric {
        width: 85%;
    }
    .cont-metrics .cont-metric-controls {
        width: 15%;
    }
    .cont-metrics .metric-control-single.metric-prev {
        display: none;
    }
}
/* Smartphones */
/* Responsive Styles */
/* Metric Slider */


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

/* Smartphones */
/* Responsive Styles */
/* Championship Slider */







.select2.select2-container.select2-container--default.select2-container--disabled {
    opacity: 0.3;
    pointer-event: none;
}

.initialNoData p {
    font-size: 28px;
    font-weight: 500;
    color:#020202;
    line-height: 30px;
}

.initialNoData .goLastSeasonDati {
    background: #C8A227;
    border-radius: 37px;
    max-width: 442px;
    width: 100%;
    border: 3px solid #020202;
    color:#020202;
    font-size: 20px;
    padding: 10px 15px;
    text-align: center;
    font-weight: 500;
}

.initialNoData .goLastSeasonDati:hover {
    color:#fff;
    background: #020202;
} 


.errorPlaceHolder .tpl-error {
    background: rgb(255,255,255);
    background: linear-gradient(183deg, rgba(255,255,255,1) 0%, rgba(170,170,170,1) 100%);
    padding: 20px 25px;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.title-error {
    color: #707070;
    font-size: 28px;
    text-align: center;
    margin: auto;
    line-height: 30px;
    font-weight: 500;
}

.desc-error {
    /* max-width: 80%; */
    text-align: center;
    color: #020202;
    margin: auto;
    font-size: 15px;
    line-height: 16px;
}

#dettaglioBetting.sequenze-eventi .modal-dialog:not(.modal-xl) {
    max-width: 600px;
}

/*#dettaglioBetting .match_list_single.ag-grid .recap-punteggio{display:none!important;}*/

#dettaglioBetting .row-comp .button-popup-partita{display:none!important;}
#dettaglioBetting .row-comp .d-flex.flex-column{
    flex-direction: row !important;
    width: 100%;
  justify-content: space-between;
}.widget-hamburger-menu .cont-hamburger-menu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    background-color: #070707;
    color: #ffffff;
    font-size: 16px;
    line-height: 19px;
    padding: 0px 25px;
    width: 380px;
    max-width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 106;
    transform: translateX(-100%);
    transition: transform .4s cubic-bezier(.06,.34,.11,1);
    border-right: 2px solid #c8a22755;
}
.widget-hamburger-menu .cont-hamburger-submenu .mobile-delegate-buttons{display:none !important;}
.widget-hamburger-menu .cont-hamburger-submenu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    background-color: #070707;
    color: #ffffff;
    font-size: 16px;
    line-height: 19px;
    padding: 0px 0px;
    width: 450px;
    max-width: 100%;
    height: 100vh;
    opacity:0;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 105;
    transform: translateX(-100%);
    transition: transform .4s cubic-bezier(.06,.34,.11,1);
    border-right: 2px solid #c8a22755;
    overflow:hidden;
   
}

.hamburger-menu-main.scrollable-container{
    height: calc(100vh - 235px);
    overflow-y: auto;
    overflow-x: hidden;
}

.widget-hamburger-menu .cont-hamburger-submenu.hamburger-submenu-expanded {
    display: flex;
    transform: translateX(0px);
    opacity: 1;
    left: 380px;
}


.widget-hamburger-menu .hamburger-menu-footer {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  padding: 15px 0;
  z-index: 10;
    margin-left: -25px;
  width: calc(100% + 50px);
}

.widget-hamburger-menu .hamburger-body-profile img {
    width: 55px;
    height: 55px;
}

.widget-hamburger-menu img {
    font-size: 8px;
    line-height:8px;
    color: #000;
}

.widget-hamburger-menu .sfumatura-purple {
    right: 0px;
    height: 100%;
    display:block;
}

.widget-hamburger-menu .in_evidenza {
    background: #fff2;
    color:#fff;
    border-radius:10px;
    min-height: 40px;
}
.widget-hamburger-menu .in_evidenza:hover {
    background: #fff1;
}




.widget-hamburger-menu .cont-hamburger-menu.hamburger-menu-expanded {
    transform: translateX(0px);
    
}

.widget-hamburger-menu .cont-hamburger-menu::-webkit-scrollbar {
    cursor: grab;
    width: 5px;
    height: 100%;
}
.widget-hamburger-menu .cont-hamburger-menu::-webkit-scrollbar-button {
    background-image: none;
    width: 0px;
}

.widget-hamburger-menu .cont-hamburger-menu::-webkit-scrollbar-track-piece {
    background: rgba(0, 0, 0, 0.5);
}
.widget-hamburger-menu .cont-hamburger-menu::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.75);
}
/*.widget-hamburger-menu svg {
    fill: transparent;
}*/
/* Responsive Styles */
/* Smartphones */
@media screen and (max-width: 767.9px) {
   
    .widget-hamburger-menu .cont-hamburger-menu {
        width: 100%;
    }
    
    .widget-hamburger-menu .cont-hamburger-submenu.hamburger-submenu-expanded {
        left: 0px;
        z-index: 107;
        width: calc(100%);
    }

}
/* Smartphones */
/* Responsive Styles */

/** Toggler **/
.widget-hamburger-menu .hamburger-menu-toggler {
    /*background-color: #020202;*/
    display: inline-block;
    padding: 10px 15px;
    /*border-radius: 15px;*/
    cursor: pointer;
}
.widget-hamburger-menu .fondo.hamburger-menu-toggler {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #020202dd;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 104;
    display:none;
}

.widget-hamburger-menu .cont-hamburger-menu .hamburger-menu-toggler {
    padding: 0px;
}

.widget-hamburger-menu .hamburger-menu-toggler svg {
    fill: #ffffff;
}
/** Toggler **/

/* Hamburger - Header */
.widget-hamburger-menu .cont-hamburger-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0px 15px 0px;
}
.widget-hamburger-menu .cont-hamburger-header svg{
   max-width: 150px;
}
/* Hamburger - Header */

/* Hamburger - Profile */
.widget-hamburger-menu .hamburger-body-profile {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 14px;
}
/*.widget-hamburger-menu .hamburger-body-profile img {
    background-color: white;
    border-radius: 50%;
    border: 2px white solid;
    margin-bottom: 15px;
}
.widget-hamburger-menu .hamburger-logout {
    color: white;
    font-size: 12px;
    font-weight: normal;
}

.widget-hamburger-menu .hamburger-logout svg {
    margin-left: 5px;
}
.widget-hamburger-menu .hamburger-login {
    background-color: #fff;
    border: #bbe53a 1px solid;
    color: #020202;
    font-weight: 500;
    padding: 6px 20px;
    border-radius: 25px;
    margin-bottom: 10px;
}*/
/* Responsive Styles */
/* Smartphones */
@media screen and (max-width: 767.9px) {
    .widget-hamburger-menu .hamburger-body-profile {
        margin-bottom: 15px;
    }
    /*.widget-hamburger-menu .hamburger-body-profile img {
        border: 1px white solid;
        margin-bottom: 10px;
    }
    .widget-hamburger-menu .hamburger-login {
        padding: 3px 15px;
    }*/
}
/* Smartphones */
/* Hamburger - Profile */

/* Hamburger - Search */
.widget-hamburger-menu .hamburger-body-search {
    background-color: white;
    border-radius: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    height: 50px;
    padding: 0px 20px;
    position: relative;
    transition: border-radius 0.15s ease-in-out;
}
.widget-hamburger-menu .hamburger-body-search svg {
    width: 20px;
    height: auto;
}
.widget-hamburger-menu .hamburger-body-search input {
    width: calc(100% - 65px);
    border: none;
    background-color: transparent;
    height: 45px;
}
.widget-hamburger-menu .hamburger-search-input-del {
    width: 35px;
    height: 35px;
    position: relative;
    cursor: pointer;
    visibility: hidden;
}
.widget-hamburger-menu .hamburger-search-input-del::before,
.widget-hamburger-menu .hamburger-search-input-del::after {
    content: "";
    width: 15px;
    height: 1.5px;
    background-color: #020202;
    position: absolute;
    top: 15px;
    left: 10px;
}
.widget-hamburger-menu .hamburger-search-input-del::before {
    transform: rotate(45deg);
}
.widget-hamburger-menu .hamburger-search-input-del::after {
    transform: rotate(-45deg);
}
.widget-hamburger-menu .hamburger-body-search.show-search-result .hamburger-search-input-del {
    visibility: visible;
}
.widget-hamburger-menu .hamburger-search-result-cont {
    width: 100%;
    position: absolute;
    top: 49px;
    left: 0px;
    background-color: white;
    border-bottom-right-radius: 19px;
    border-bottom-left-radius: 19px;
    color: #020202;
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.1s ease-in-out;
    z-index: 1;
}
.widget-hamburger-menu .hamburger-body-search.show-search-result {
    border-radius: 19px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    transition: border-radius 0.1s ease-in-out;
}
.widget-hamburger-menu .hamburger-body-search.show-search-result .hamburger-search-result-cont {
    max-height: 650px;
    transition: max-height 0.25s ease-in-out;
}
.widget-hamburger-menu .hamburger-search-result-content {
    padding: 0px 20px 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border-top: rgba(0, 0, 0, 0.16) 1px solid;
    margin: 0px 20px;
}
.widget-hamburger-menu .hamburger-search-history-single {
    border-bottom: rgba(0, 0, 0, 0.16) 1px solid;
    padding: 15px 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.widget-hamburger-menu .hamburger-search-history-single svg {
    margin-right: 16px;
}
.widget-hamburger-menu .hamburger-search-history-del {
    width: 25px;
    height: 25px;
    position: relative;
    cursor: pointer;
}
.widget-hamburger-menu .hamburger-search-history-del::before,
.widget-hamburger-menu .hamburger-search-history-del::after {
    content: "";
    width: 12px;
    height: 1.15px;
    background-color: #707070;
    position: absolute;
    top: 15px;
    left: 10px;
}
.widget-hamburger-menu .hamburger-search-history-del::before {
    transform: rotate(45deg);
}
.widget-hamburger-menu .hamburger-search-history-del::after {
    transform: rotate(-45deg);
}
.widget-hamburger-menu .hamburger-search-result-list {
    padding-top: 20px;
}
.widget-hamburger-menu .hamburger-search-result-single {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    font-weight: 600;
    margin-bottom: 15px;
}
.widget-hamburger-menu .hamburger-search-result-details {
    flex-grow: 1;
}
.widget-hamburger-menu .hamburger-search-result-single span {
    color: #5cccd3;
    font-size: 14px;
    font-weight: 400;
    display: block;
}
.widget-hamburger-menu .hamburger-search-result-single img {
    margin-right: 15px;
}
/* Responsive Styles */
/* Smartphones */
@media screen and (max-width: 767.9px) {
    .widget-hamburger-menu .hamburger-body-search {
        margin-bottom: 15px;
        height: 50px;
        padding: 0px 10px;
    }
    .widget-hamburger-menu .hamburger-body-search svg {
        width: 20px;
        height: auto;
    }
    .widget-hamburger-menu .hamburger-body-search input {
        width: calc(100% - 65px) !important;
    }
    .widget-hamburger-menu .hamburger-search-input-del {
        width: 25px;
        height: 25px;
    }
    .widget-hamburger-menu .hamburger-search-input-del::before,
    .widget-hamburger-menu .hamburger-search-input-del::after {
        top: 12px;
        left: 5px;
    }
    .widget-hamburger-menu .hamburger-body-search.show-search-result .hamburger-search-result-cont {
        max-height: 450px;
    }
    .widget-hamburger-menu .hamburger-search-result-content {
        padding: 0px 10px 10px;
        margin: 0px 10px;
    }
    .widget-hamburger-menu .hamburger-search-history-single {
        padding: 10px 0px;
    }
    .widget-hamburger-menu .hamburger-search-history-single svg {
        margin-right: 7px;
    }
    .widget-hamburger-menu .hamburger-search-history-del {
        width: 20px;
        height: 20px;
    }
    .widget-hamburger-menu .hamburger-search-history-del::before,
    .widget-hamburger-menu .hamburger-search-history-del::after {
        width: 10px;
        height: 1.05px;
        top: 10px;
        left: 7px;
    }
    .widget-hamburger-menu .hamburger-search-result-list {
        padding-top: 15px;
    }
    .widget-hamburger-menu .hamburger-search-result-single {
        margin-bottom: 15px;
    }
    .widget-hamburger-menu .hamburger-search-result-single span {
        color: #5cccd3;
        font-size: 14px;
        font-weight: 400;
        display: block;
    }
    .widget-hamburger-menu .hamburger-search-result-details {
        flex-grow: 1;
        width: 80%;
    }
    .widget-hamburger-menu .hamburger-search-result-single img {
        margin-right: 10px;
    }
}
/* Smartphones */
/* Hamburger - Search */

/* Hamburger - Live Score */
.widget-hamburger-menu .hamburger-body-live-score {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    margin-bottom: 0px;
 
}    
.widget-hamburger-menu .hamburger-body-live-score .hamburger-live-score-heading,
.widget-hamburger-menu .hamburger-body-live-score .hamburger-live-score-red,
.widget-hamburger-menu .hamburger-body-live-score .hamburger-live-score-green{
    transition: all .3s ease;
}
.widget-hamburger-menu .hamburger-body-live-score:hover .hamburger-live-score-heading{
    font-size: 17px;
}
.widget-hamburger-menu .hamburger-body-live-score:hover .hamburger-live-score-red{
    background-color: #e20613;
    color:#fff;
}
.widget-hamburger-menu .hamburger-body-live-score:hover .hamburger-live-score-green{
    background-color: #333;
}

.widget-hamburger-menu .hamburger-live-scores {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    font-size: 12px;
}
.widget-hamburger-menu .hamburger-live-score-single {
    border-width: 2px;
  border-style: solid;
  padding: 0px 6px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 500;

}
.widget-hamburger-menu .hamburger-live-score-red {
    border-color: #e20613;
}
.widget-hamburger-menu .hamburger-live-score-green {
    border-color: #5dccd3;
}
/* Responsive Styles */
/* Smartphones */
@media screen and (max-width: 767.9px) {
    
    .widget-hamburger-menu .hamburger-live-scores {
        /*display: none;*/
	margin: 5px 0px;
    }
}
/* Smartphones */
/* Hamburger - Live Score */

/* Hamburger - Main Menu */
.widget-hamburger-menu .hamburger-menu-simple-link {
    width: 100%;
    height: 63px;
    color: #fff;
    font-weight: 500;
    transition: all .4s ease-out;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    margin-left: -25px;
    padding-left: 25px;
    width: calc(100% + 50px);
    min-height: 63px;
}
.widget-hamburger-menu .hamburger-menu-simple-link a, 
.widget-hamburger-menu .hamburger-menu-simple-link .icon{
    height:63px;
    display:flex;
    align-items: center;
}

.widget-hamburger-menu .hamburger-menu-simple-link .box{
    height:63px;
    display:flex;
    align-items: center;
   /* border-top: #eaeaea33 1px solid; */
    margin-right: 0px;
    transition: all .5s ease;
}




.widget-hamburger-menu .hamburger-menu-simple-link .icon {
    min-width: 35px;
    text-align: center;
}

.widget-hamburger-menu .hamburger-menu-simple-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Inizialmente invisibile */
    height: 100%;
    background: linear-gradient(to right, #fff2, #fff0);
    opacity: 1;
    transition: all 0.3s cubic-bezier(.28,.07,.35,1); /* Animazione morbida */
    z-index: -1;
}

.widget-hamburger-menu .hamburger-menu-simple-link:hover::before {
    width: 100%;
    opacity: 1; /* Sfondo visibile gradualmente */
}

.widget-hamburger-menu .hamburger-menu-simple-link:hover {

    font-size: 17px;

}

/*.widget-hamburger-menu .hamburger-menu-simple-link {
    background: linear-gradient(to right, #fff0, #fff0);
    transition: background 0.3s ease-in-out; 
}

.widget-hamburger-menu .hamburger-menu-simple-link:hover .box {
    border-top: #eaeaea00 1px solid; 
}
.widget-hamburger-menu .hamburger-menu-simple-link:hover + .hamburger-menu-simple-link .box{
    border-top: #eaeaea00 1px solid; 
}*/

.widget-hamburger-menu .hamburger-menu-category {
    width: 100%;
    height: 63px;
    min-height: 63px;
    color: #bbe53a;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    transition: all .3s ease;
    margin-left: -25px;
  padding-left: 25px;
  width: calc(100% + 50px);
  
  background: linear-gradient(to bottom, #fff0, #fff0);
}
.widget-hamburger-menu .box-betlab {

    min-height: 206px;

}

.widget-hamburger-menu .hamburger-menu-category:hover {
    background: linear-gradient(to bottom, #fff1, #fff0);
    font-size: 17px

}





.widget-hamburger-menu .hamburger-menu-category[aria-expanded="false"] .icon-toggle {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transition: transform 0.25s ease-in-out;
}
.widget-hamburger-menu .hamburger-menu-category[aria-expanded="true"] .icon-toggle {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transition: transform 0.25s ease-in-out;
}
.widget-hamburger-menu .hamburger-menu-category-content {
    padding-bottom: 25px;
}
.widget-hamburger-menu .hamburger-menu-links-cont {
    max-height: 100%;
    transition: max-height 0.15s ease-in-out;
    overflow: hidden;
}

.widget-hamburger-menu .hamburger-menu-link {
    display: block;
    color: #ffffff;
    font-size: 14px;
    position: relative;
    margin: 0px 0px;
    min-height: 40px;
    border-radius:50px;
    transition: background .3s ease;

}
.widget-hamburger-menu .hamburger-menu-link:hover {
    background: #ffffff17;

}
.widget-hamburger-menu .hamburger-menu-link:not(:last-child) {

    border-bottom: 1px solid #fff3;
}


.widget-hamburger-menu .hamburger-menu-link.hamburger-menu-link-more::before,
.widget-hamburger-menu .hamburger-menu-link.hamburger-menu-link-more::after {
    content: "";
    width: 6px;
    height: 1.25px;
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    right: 10px;
}
.widget-hamburger-menu .hamburger-menu-link.hamburger-menu-link-more::before {
    transform: translateY(2px) rotate(-45deg);
    -webkit-transform: translateY(2px) rotate(-45deg);
}
.widget-hamburger-menu .hamburger-menu-link.hamburger-menu-link-more::after {
    transform: translateY(-2px) rotate(45deg);
    -webkit-transform: translateY(-2px) rotate(45deg);
}
.widget-hamburger-menu .hamburger-menu-active-parent img,
.widget-hamburger-menu .hamburger-menu-link img {
    background-color: #f1f1f1;
    border: #fff4 3px solid;
    border-radius: 20px;
    display: inline-block;
    padding: 0px !important;
    height: 30px !important;
    width: auto;
    max-width: max-content !important;
    
}
.widget-hamburger-menu .hamburger-menu-link div:not(.circle-30) img {
       
  border: #fff4 0px solid;
  border-radius: 5px;
  height: 16px !important;
  min-width: 25px;
 
}
.widget-hamburger-menu .hamburger-menu-link .circle-30 {
    height: max-content !important;
    padding: 0px !important;
    min-height: 20px;
    max-height: 30px;
    
    background: #fff5;
    
}
.widget-hamburger-menu .hamburger-menu-link-player img {
    
    border: #fff4 1px solid;
}



.widget-hamburger-menu .hamburger-menu-sub-links-cont {
    overflow: hidden;
    max-height: 0px;
    transition: max-height 0.15s ease-in-out;
}
.widget-hamburger-menu .hamburger-menu-active-parent {
    position: relative;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
}
.widget-hamburger-menu .hamburger-menu-active-parent::after,
.widget-hamburger-menu .hamburger-menu-active-parent::before {
    content: "";
    background-color: #bbe53a;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 8px;
    height: 1.5px;
    opacity: 1;
    transition: opacity 0.15s ease-in-out;
}
.widget-hamburger-menu .hamburger-menu-active-parent::after {
    transform: translateY(2.25px) rotate(45deg);
    -webkit-transform: translateY(2.25px) rotate(45deg);
}
.widget-hamburger-menu .hamburger-menu-active-parent::before {
    transform: translateY(-2.25px) rotate(-45deg);
    -webkit-transform: translateY(-2.25px) rotate(-45deg);
}

.widget-hamburger-menu .hamburger-menu-category-content.hamburger-sub-menu-expanded .hamburger-menu-sub-links-cont {
    max-height: 100%;
    transition: max-height 0.25s ease-in-out;
}
.widget-hamburger-menu .hamburger-menu-category-content.hamburger-sub-menu-expanded .hamburger-menu-links-cont {
    max-height: 0px;
    transition: max-height 0.25s ease-in-out;
}

.widget-hamburger-menu .hamburger-menu-countries-list-cont {
    max-height: 100%;
    transition: max-height 0.15s ease-in-out;
    overflow: hidden;
    padding: 0px;
}
.hamburger-popular-competitions-cont{
    padding: 0px;
}
.widget-hamburger-menu .hamburger-zones-competitions-cont,
.widget-hamburger-menu .hamburger-popular-competitions-cont,
.widget-hamburger-menu .hamburger-competitions-cont,
.widget-hamburger-menu .hamburger-countries-sub,
.widget-hamburger-menu .hamburger-competitions-countries-sub,
.widget-hamburger-menu .hamburger-competitions-series-sub,
.widget-hamburger-menu .hamburger-competitions-players-sub
{
    overflow: hidden;
    max-height: 0px;
    transition: max-height 0.15s ease-in-out;
}
.widget-hamburger-menu .hamburger-competitions-cont.competition-country-expanded .hamburger-menu-countries-list-cont {
    max-height: 0px;
    transition: max-height 0.25s ease-in-out;
}

.widget-hamburger-menu .hamburger-menu-category-content[data-expanded="zones"] .hamburger-zones-competitions-cont,
.widget-hamburger-menu .hamburger-menu-category-content[data-expanded="popular"] .hamburger-popular-competitions-cont,
.widget-hamburger-menu .hamburger-menu-category-content[data-expanded="countries"] .hamburger-competitions-cont,
.widget-hamburger-menu .hamburger-competitions-cont.competition-country-expanded .hamburger-countries-sub {
    /* .widget-hamburger-menu .hamburger-competitions-cont.competition-series-expanded .hamburger-competitions-series-sub, */
    /* .widget-hamburger-menu .hamburger-competitions-cont.competition-players-expanded .hamburger-competitions-players-sub { */
    max-height: 100%;
    transition: max-height 0.15s ease-in-out;
}
.widget-hamburger-menu .hamburger-competitions-cont .hamburger-menu-active-parent,
.widget-hamburger-menu .hamburger-countries-sub .hamburger-menu-link {
    border-bottom: #eaeaea3b 1px solid;
}
.widget-hamburger-menu .hamburger-countries-sub .hamburger-menu-link:last-of-type {
    border-bottom: none;
}
.widget-hamburger-menu .hamburger-countries-sub .hamburger-menu-link {
    margin-left: 0px;
}
.widget-hamburger-menu .hamburger-menu-countries-list-cont .hamburger-menu-link:last-child {
    border-bottom: none;
}

.widget-hamburger-menu .hamburger-menu-link.hamburger-menu-link-player {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    /*justify-content: space-between;*/
    align-items: center;
}
.widget-hamburger-menu .hamburger-menu-link.hamburger-menu-link-player span {
    font-size: 10px;
    text-transform: uppercase;
    border: 2px solid #bbe53a;
    padding: 1px 15px;
    border-radius: 50px;
    min-width: 60px;
    text-align: center;
    margin-left: auto;
}
.widget-hamburger-menu .hamburger-menu-link.hamburger-menu-link-player.hamburger-player-border-blue span {
    border-color: #5dccd3;
}
.widget-hamburger-menu .hamburger-competitions-cat-cont {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 10px 0px 10px;
}

.widget-hamburger-menu .hamburger-radio-filter-single {
    position: relative;
    overflow: hidden;
}
.widget-hamburger-menu .hamburger-radio-filter-single input {
    position: fixed;
    left: -30px;
}
.widget-hamburger-menu .hamburger-radio-filter-single label {
    display: block;
    border: #bbe53a 2px solid;
    padding: 5px 15px;
    cursor: pointer;
    border-radius: 50px;
    background-color: transparent;
    color: #ffffff;
    margin: 0px; 
    font-weight: 500;
}
.widget-hamburger-menu .hamburger-radio-filter-single input:checked + label {
    background-color: #bbe53a;
    color: #020202;
}
.widget-hamburger-menu .hamburger-countries-filters {
    margin: 10px 0px 10px;
    width: 100%;
}
.widget-hamburger-menu .hamburger-countries-filters .hamburger-radio-filter-single {
    display: inline-block;
}
.widget-hamburger-menu .hamburger-countries-filters .hamburger-radio-filter-single label {
    padding: 0px;
    height: 32px;
    line-height: 30px;
    width: 32px;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
}

.header-esclusivo{

    border: 1px solid #000;
    background: linear-gradient(268deg, #C8A227 -3.09%, #EDC531 60.15%, #987401 102.14%);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    color: #000;
    text-align: center;
    font-size: 34px;
    font-weight: 500;
    line-height: 30px;
}
/* Responsive Styles */
/* Tablet */
@media screen and (max-width: 992px) {
    .widget-hamburger-menu .hamburger-countries-filters {
        overflow-x: auto; 
        white-space: nowrap;
        
        max-width: calc(100vw - 110px);
    }
    .widget-hamburger-menu .hamburger-countries-filters::-webkit-scrollbar {
        display: none;
    }
    .widget-hamburger-menu .hamburger-radio-filter-single label {
        margin-right: 8px;
    }
}
/* Tablet */
/* Smartphones */
@media screen and (max-width: 767.9px) {
    .widget-hamburger-menu .hamburger-menu-category-content {
        padding-bottom: 15px;
    }
   /* .widget-hamburger-menu .hamburger-menu-active-parent img,
    .widget-hamburger-menu .hamburger-menu-link img {
        margin-right: 5px;
    }*/
    .widget-hamburger-menu .hamburger-menu-active-parent {
        margin-bottom: 5px;
    }
    .widget-hamburger-menu .hamburger-countries-sub .hamburger-menu-link {
        margin-left: 20px;
    }
    .widget-hamburger-menu .hamburger-competitions-cat-cont {
        margin: 0px;
    }
    .widget-hamburger-menu .hamburger-countries-filters {
        max-width: calc(100vw - 80px);
    }
    .widget-hamburger-menu .hamburger-radio-filter-single label {
        padding: 3px 10px;
        margin-right: 10px;
        font-size: 14px;
    }
    .widget-hamburger-menu .hamburger-countries-filters {
        margin: 10px 0px 10px;
    }
}
/* Smartphones */
/* Responsive Styles */
/* Hamburger - Main Menu */

/* Hamburger - Footer */
.widget-hamburger-menu .cont-hamburger-footer {
    font-weight: bold;
    margin-top: auto;
    margin-bottom: 0px;
}
.widget-hamburger-menu .hamburger-footer-settings {
    border-bottom: #e3e3e3 1px solid;
    padding: 0px 0px 20px;
    margin-bottom: 20px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
}
.widget-hamburger-menu .hamburger-footer-settings svg {
    margin-right: 5px;
    fill: #00b8bb;
}
.cont-hamburger-footer .hamburger-footer-social ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.cont-hamburger-footer .hamburger-footer-social ul li {
    display: inline-block;
    margin-right: 15px;
}
.widget-hamburger-menu .hamburger-copyright {
    text-align: center;
    font-size: 10px;
    line-height: 12px;
    font-weight: normal;
    margin: 40px 0px 20px;
}
.widget-hamburger-menu .sub-menu{
    position: relative;
    border-bottom: 1px solid #fff3;
}
.widget-hamburger-menu .sub-menu .nav{
    overflow-x: auto; 
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    margin-bottom: 5px;
}
/* Responsive Styles */
/* Smartphones */
@media screen and (max-width: 767.9px) {
    .widget-hamburger-menu .cont-hamburger-footer {
        margin-top: 75px;
        margin-bottom: 75px;
    }
    .widget-hamburger-menu .hamburger-footer-settings {
        padding: 0px 0px 15px;
        margin-bottom: 15px;
    }
    .widget-hamburger-menu .hamburger-copyright {
        margin-bottom: 10px;
    }
}
/* Smartphones */
/* Responsive Styles */
/* Hamburger - Footer */


.cont-hamburger-submenu .widget-news-main.layout-horizontal .news_side_wrap,
.cont-hamburger-submenu .widget-news-main.layout-horizontal .colonna-filtri,
.cont-hamburger-submenu .widget-news-main.layout-horizontal .risultati-e-layout,
.cont-hamburger-submenu .colonna-news-type,
.cont-hamburger-submenu .close-feed-search
{
    display: none !important;
}
.cont-hamburger-submenu .widget-news-main.layout-horizontal .inner-container-search{
   -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0px !important;
    position: relative !important;
}
.cont-hamburger-submenu .widget-search .search_inner input {
    margin-top: 0px;
    max-width: 100% !important;
    opacity: 1;
    transition: all .3s cubic-bezier(.31,0,.57,1);
    pointer-events: auto;
    border: 1px solid #777 !important;
    border-radius: 100px !important;
}
.cont-hamburger-submenu .widget-search .search_inner .lente{
    width: 20px !important;
    height: 20px !important;
}
.cont-hamburger-submenu .result-container{
  max-height: calc(100vh - 236px); /* se cambiamo altezza del contenuto sopra queste vanno cambiate */ 
  min-height: calc(100vh - 236px);
  overflow: auto;
}
body.nologged .cont-hamburger-submenu .result-container{
  max-height: calc(100vh - 200px); /* NON LOGGATI se cambiamo altezza del contenuto sopra queste vanno cambiate */ 
  min-height: calc(100vh - 200px);
  overflow: auto;
}
.cont-hamburger-submenu .search-no-results{
  padding: 50px 15px;
  margin: auto;
  color: #777;
}
@media screen and (max-width: 767.9px) {
    
    .cont-hamburger-submenu .widget-search .search_inner {
      align-items: center;
    }
    .cont-hamburger-submenu .result-container {
      max-height: calc(100vh - 230px);
      min-height: calc(100vh - 230px);
      
      overflow: auto;
    }
    .cont-hamburger-submenu .widget-news-main.layout-horizontal .inner-container-search{
        padding-right: 0px !important;
    }
}

.cont-hamburger-submenu .widget_news_container_main_wrap {
  min-height: max-content;
}
.cont-hamburger-submenu .widget-news-main.layout-horizontal .widget_news_main_inner,
.cont-hamburger-submenu .result-container,
.cont-hamburger-submenu .container-main-wrap{
    padding: 0px !important;
}
.cont-hamburger-submenu .widget-news-main .widget_news_main_inner .inner_wrap {
  border: 0px solid #707070;
  border-bottom: 1px solid #333;
  border-radius: 0px;
  padding-bottom: 5px;
  margin-bottom: 0px !important;
  min-height: auto;
  padding-right: 15px;
  padding-left: 10px;
}
.cont-hamburger-submenu .widget-news-main.layout-horizontal .testate-box .buttons-box{
    display: none !important;
    /*position: absolute !important;
    right: 15px !important;
    bottom: 6px !important;
    min-width: 0 !important;*/
}
  
.cont-hamburger-submenu .widget-news-main.layout-horizontal .testate-box .text-box{
    display: none !important;
}
.cont-hamburger-submenu .widget-news-main.layout-horizontal .widget_news_main_inner {
    min-height: 0px;
}
.cont-hamburger-submenu .widget-news-main .title a {
    text-align: left !important;
}

.fade-bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  pointer-events: none;
  background: linear-gradient(to bottom, #0e0e0e00 0%, #0e0e0e 100%);
  z-index: 2;
  /* assicurati che stia sopra lo scroll */
}
.fade-bottom-black {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  pointer-events: none;
  background: linear-gradient(to bottom, #000 0%, #000 100%);
  z-index: 2;
  /* assicurati che stia sopra lo scroll */
}

 
 .widget-info {
    font-size: 14px;
    background-color: #010000;
    color:#fff;
    padding: 15px 20px 15px 20px;
    height: max-content;
    border: none;
    background: linear-gradient(#1a1a1a, #000);
}

.testata-info .widget-competition-title-season{
    display: none !important;
}

.widget-info a{
    color:#fff;
}
.widget-info a:hover{
    color:#efefef;
}
#scrollHeader a{
    color:#fff;
}

.widget-info .bar-value{
    font-size: 12px;
}

.widget-info .info-cont {
    display: flex;
}

.widget-info.columnize .info-cont {
    flex-wrap: wrap;
    flex-direction: column;
}

 .widget-info .info-entity {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: row;
    column-gap: 15px;
   /* margin-bottom: -15px !important;*/
    z-index: 1;
}

.widget-info .info-details .cta-to-profile{
    display: none !important;
}
 .widget-info .info-details .cta-to-profile{
    display: flex !important;
    width: max-content;
    margin: auto;
}


 .widget-info .info:active {
    pointer-events: none;

}

.linear-gradient-viola {
    background: linear-gradient(to left, #010000 0%, #75278B 50%, #010000 100%);
    min-height: 27px;
    color: #fff; 
}
.linear-gradient-viola-medium {
    background: linear-gradient(to left, #010000 0%, #020202 50%, #010000 100%);
    min-height: 27px;
    color: #fff; 
}





.widget-info.no_circle_img .info-img{
    border-radius: 0px;
    width: initial;
    height: initial;
    background: transparent;
    padding: 3px;
    border-radius: 5px;

}


 .widget-info .info-img img {
    /*border-radius: 100px;*/
    max-width: 100% !important;
    max-height: 100% !important;
    padding: 0px;
    width: auto;
    height: 100%;

}

 .widget-info .info-img {
    background-color: #fff;
    border-radius: 50%;
    width: 117px;
    height: 117px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    /*.widget-info .ph-avatar{
        width: 117px;
        height: 117px;
    }*/

    .widget-info .info-img.type-comp{
        padding: 14px;
    }
    .widget-info .info-img.type-team{
        padding: 14px;
    }
    


.widget-info.no_circle_img #scrollHeader .info-img {
    max-width: max-content !important;
    width: max-content !important;
}

.widget-info.no_circle_img #scrollHeader .info-img img{
    max-width: 300px !important;
}


 .widget-info.widget-competition-info .info-img img, 
 .widget-info.widget-team-info .info-img img {
  width: 100%;
  padding: 0px;
  max-height: 100%;
}



 .info-cont .horizontal-progress-bar {
  background: transparent;
  border: 1px solid #fff4;
 
}
 .info-cont .horizontal-progress-bar .bar-value {
  color: #888;
 
}
 .info-cont .info-entity .horizontal-progress-bar {
  height: 9px;
  line-height: 9px;
  max-width: 150px;
  min-width: 80px;
    margin: auto;
}

 .info-cont .info-entity .range-comp {
  max-width: 150px;
  min-width: 80px;
}



 .info-cont horizontal-progress-bar .bar-inside .progress-length {
  background-color: #fff;
  /*height: 8px;*/
  border-radius: 0px;
}
.widget-info.no_circle_img #scrollHeader .box-name:not(.title-yes){
    display: none !important;
}


.widget-info.no_circle_img #scrollHeader .ruolo{
    display: none !important;
}

/* ATTENZIONE QUESTA REGOLA VIENE PRESE ANCHE NELLO SCROLL HEADER */
 .widget-info .info-name-favorite {
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 0px;
    font-size: 28px;
    font-weight: 600;
    text-transform: capitalize;
    padding-bottom: 10px;
    padding-top: 3px;
   /* margin-bottom: 15px;*/
 }
 

 
 .widget-info #scrollHeader .info-name-favorite {
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
 }

.widget-info .info-btns {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    /*height: 30px;*/
}

.widget-info button {
    font-size: 12px;
    font-weight: 500;
    padding: 2px 4px 2px 2px;
    border-radius: 50px;
}

.widget-info .btn-profile-favorite {
    border-radius: 5px;
    background-color: transparent;
    color: #C8A227;
    border: 2px solid #C8A227;
}

.widget-info .btn-profile-favorite.active {
    background-color: #C8A227;
    color: #020202;
}
.widget-info .btn-profile-favorite svg {
    color: #C8A227;
}
.widget-info .btn-profile-favorite.active svg {
    color: #020202;
}
.widget-info .btn-profile-favorite .butt-on{
    display:none;
}
.widget-info .btn-profile-favorite .butt-off{
    display:block;
}
.widget-info .btn-profile-favorite.active .butt-on{
    display:block;
}
.widget-info .btn-profile-favorite.active .butt-off{
    display:none;
}

.widget-info .btn-profile-favorite svg {
    margin-right: 4px;
}
 .widget-info .btn-profile-info-toggler-new {
    background-color: transparent;
    color: #ffffff;
    display: flex;
    text-transform: capitalize;
    z-index: 2;
    padding: 4px;
   
}
.widget-info .btn-profile-info-toggler-new svg{
    transition: transform 1s cubic-bezier(1,0,0,1);
    transform: scaleY(1);
}
.widget-info .btn-profile-info-toggler-new[aria-expanded="true"] svg{
    transform: scaleY(-1);
}
/* DA QUIA */
 .widget-info .info-details{
    transition: opacity .5s ease, height .5s ease;
    opacity: 0;
}
 .widget-info .info-details.collapse{
    display:none;
    opacity: 0;
}

 .widget-info .info-details.collapsing{
    display:flex;

    overflow: hidden;
}
 .widget-info .info-details.collapse.show{
    display:flex;
    opacity: 1;
}

.widget-info .btn-profile-info-toggler img {
    max-height: 5px;
    transform: rotate(180deg);
    transition: transform 0.15s ease-in-out;
    filter: brightness(3);
}
.widget-info.details-expanded .btn-profile-info-toggler img {
    transform: rotate(0deg);
    transition: transform 0.15s ease-in-out;
}


.widget-info .info-details {
    display: flex;
    width: 100%;

}

.widget-info.columnize .widget-info .info-details {
    flex-wrap: wrap;
    flex-direction: column;
    margin-left: 1%;
    column-gap: 10px;
}

.widget-info .info-details-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
   /* width: 100%;*/
}
.widget-info .info-details-single {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ccc6;
    min-height: 45px;
    padding: 10px 10px;
}

.testata-info.widget-info .info-details-single {
    justify-content: left;

}

.widget-info .info-details-col:last-child .widget-info .info-details-single:last-child {
    border-bottom: none;
}



.widget-info .info-details-single a img {
    border-radius: 3px;
}

.widget-info .info-details-single .profile-data {
    font-weight: 600;
    width: 60%;
    text-align: right;
    width: max-content;
    /* max-width: max-content;*/

}
.testata-info.widget-info .info-details-single .profile-data {
    text-align: left;
    white-space: nowrap;
    justify-content: start !important;
}

.testata-info.widget-info .info-details-col.col-md-4{
    width: 100% !important;
    max-width: 100%;
}

.testata-info.widget-info .info-details-single .profile-data a{
    text-overflow: ellipsis;
    overflow: hidden;
}



.widget-info .info-details-single .profile-head {
    /*width: 40%;*/
    /*font-weight: 700;*/
    font-size: 12px;
    padding-right: 5px;
}




.widget-info.widget-competition-info .info-img img,
.widget-info.widget-team-info .info-img img{
    border-radius: 0px;
    width: auto;
    max-height: 100%;
}


.widget-info.confronto .info-cont .info-entity{
    display: none;
}

.widget-info.confronto {
    border:0;
}

/* .widget-info.widget-team-info .panel-right{
        display: none;
    }*/

@media screen and (min-width: 990px) {
   
    .widget-info .info-details {
        flex-direction: row;
        margin-left: 0%;
        column-gap: 3%;
    }

    .widget-info .info-details-col:last-child .widget-info .info-details-single:last-child {
        border-bottom: none;
    }
     .widget-info .info-entity {
        width: 100%;
        margin: 0px;
        padding: 0px;
        display: flex;
        flex-direction: row;
        column-gap: 15px;
    }

     .widget-info .info-img {
        width: 117px !important;
        height: 117px !important;
    }
    
    

}

/* Responsive Styles */
/* Large Tablet */
@media screen and (min-width: 768px) {
    .widget-info:not(.confronto) .info-details-col {
        width: calc(31.3%);
    }
    
    .widget-info .info-btns {
        position: relative !important;
        justify-content: start !important;
        padding: 0px !important;
        margin: 0px !important;
    }
    
}

@media screen and (max-width: 1199px) {
    
    
    
     .widget-info .info-cont {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 0px 0px;
    }

    .widget-info:not(.confronto) .widget-info .info-details {
        width: 100%;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        column-gap: 3%;
    }
    .widget-info:not(.confronto) .widget-info .info-details-col {
        width: calc(31.3%);
    }
    
    .widget-info .info-details-single:last-child {
        /*border-bottom: none;*/
    }
    .widget-info .info-entity {
        padding: 0px;
    }
}
/* Large Tablet */
/* Tablet */
@media screen and (max-width:989px) {
    .widget-info {
        top: 0px;
        min-height: max-content;
        max-height: max-content;
    }
    .widget-info .info-entity {
        padding: 0px;

    }
    
    .widget-info .info-details {
       column-gap: 3%;
    }


    


}
/* Tablet */
/* Smartphones */
@media screen and (max-width: 767.9px) {
    .info-details{flex-direction: column;}
     .widget-info .info-details.collapsing{
       
       display: block !important;
    }
     .widget-info .info-details.collapse.show{
        
        display: block !important;
    }
    
    .widget-info {
        border-radius: 0px;
        
    }
    .widget-info .info-img.type-comp{
        padding: 10px;
    }
    .widget-info .info-img.type-team{
        padding: 10px;
    }
    .widget-info .info-details-col{width: 100%;}
    .widget-info .info-details{
        flex-direction: column;
    }
   
   
    
     .widget-info .info-img img {
        max-width: 100% !important;
        max-height: 100% !important;

    }
   
    .widget-info .info-details {
        display: block;
    }
    .correlati{
        height: initial !important;
    }

    .widget-info .info-details-single .profile-data {
        width: calc(100% - 30px);
        max-width: 200px;
        font-weight: 600;
        font-size: 16px;
    }
    
    
    .widget-info:not(.confronto) .info-cont {
        flex-direction: column;
        align-items: center;
        justify-content: unset;
        padding: 0px 0px;
    }

    /*.widget-info .info-details-single .profile-data {
        text-align: center;
    }*/

    .widget-info .info-entity {
        width: 100%;
        margin: 0px;
        /*flex-direction: row;*/
        justify-content: flex-start;
        align-items: center;
         column-gap: 15px;
        padding: 10px 0px 10px 0px !important;
    }
    .widget-info:not(.confronto) .info-img img {
        /* width: 100% !important;*/
    }
    .widget-info.widget-competition-info .info-img,
    .widget-info.widget-team-info .info-img{
        padding: 5px;
        width: 80px;
        height: 80px;
        margin: 0px 0px 0px 0px;
    }

    /*.widget-info.widget-competition-info .info-img img,*/
    .widget-info.widget-team-info .info-img img{
        padding: 5px;
    }

    .widget-info .info-img{
        width: 80px;
        height: 80px;
    }
    .widget-info .info-img img{
        padding: 0px;
        max-width: 80px;
        max-height: 80px;
    }


    .widget-info .info-name-favorite {
        /*align-items: center;*/
        flex-grow: 1;
    }
    .widget-info .info-btns {
        justify-content: center;
    }
    .widget-info .btn-profile-info-toggler {
        display: block;
    }
     .widget-info:not(.confronto) .widget-info .info-details {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        justify-content: unset;
        max-height: 100%;
        overflow: visible;
        padding: 0px 30px;
        transition: all .3s ease-in-out;
        /*display:none;*/
    }
    .widget-info.details-expanded .widget-info .info-details {
        height: max-content;
        max-height: max-content;
        padding: 20px 30px;
        /*display:block;*/
        overflow: visible;
    }
    .widget-info:not(.confronto) .widget-info .info-details-col {
        width: 100%;
    }
    /*.widget-info:not(.confronto) .widget-info .info-details-single:last-child {
        border-bottom: #eaeaea 1px solid;
    }*/
     .widget-info button {
        font-size: 12px;
        padding: 1px;
    }

    .widget-info button.btn-profile-info-toggler{
        padding: 3px 20px;
        font-size: 14px;
    }

    .widget-info.confronto .widget-info .info-details-single {
        flex-direction: column;
    }

    .widget-info.confronto .widget-info .info-details-single .profile-head {
        text-align: center;
        line-height: 14px;
    }

     .widget-info {
        padding: 0px 10px 0px 10px  !important;
    }

    .agGrid-inner-mobile-detail .widget-info,
    .agGrid-inner-mobile-detail .widget-info .info-cont {
        padding: 0px !important;
    }

    .widget-info .info-details-single {
        padding: 10px 0px;
    }
    .widget-info.confronto .widget-info .info-details-single .profile-data {
        text-align: center;
        margin-top: 5px;
    }

    .widget-info.confronto .widget-info .info-details-single .profile-data {
        direction: rtl;
    }

    .widget-info.confronto .widget-info .info-details-single .profile-data br {
        display: none;
    }
}
/* Smartphones */
/* Responsive Styles */


/* SCROLL HEADER FIXED TOP è SEMPRE DENTRO QUESTO WIDGET .widget-info */
#scrollHeader .info-img{
    margin-right: 10px;
    padding:2px !important;
     
}

#scrollHeader .info-img img {
    max-width: 40px !important;
    max-height: 40px !important;
    padding: 3px;
   
}

#scrollHeader .info-img {
    max-width: 40px !important;
    max-height: 40px !important;
    padding: 0px !important;
}

.player-info #scrollHeader .info-img img {
    max-width: 64px !important;
    max-height: 64px !important;
    padding: 0px !important;
}

.widget-info.widget-team-info #scrollHeader .info-img{
    padding: 4px !important;

}

.widget-info.widget-team-info #scrollHeader .info-img img{
    padding: 2px !important;
}

#scrollHeader {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    min-height: 50px;
    top: 0;
    transform: translateY(-200%);
    transition: all 0.2s ease-out;
    pointer-events: none;
    background: #010000;
    color: #ffffff;
    padding: 5px 15px 5px 15px;
}


.testata-info #scrollHeader {
    color: #fff;
    background: #000;
}

.fullscreen #scrollHeader {
    min-height: initial;
}

#scrollHeader.in {
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0%);
}

#scrollHeader .competition-logo {
    height: 40px;
    width: 40px;
    padding: 5px;
}

/*#scrollHeader .widget-cont{
    background: transparent !important;
}*/
.widget-competition-info .ruolo, .widget-team-info .ruolo,
.widget-competition-info #scrollHeader .competition-name,
.widget-competition-info #scrollHeader .competition-logo{
    display:none !important;
}
#scrollHeader .competition-year {
    font-weight: 500;
    font-size: 14px;
}
#scrollHeader  .competition-title-cont {
    padding-bottom: 0px;
}

#scrollHeader .widget-cont{
    background: transparent !important;
}

@media screen and (max-width: 767.9px) {
    .widget-info .btn-profile-info-toggler-new {
        margin-bottom: 5px;
    }
    
    #scrollHeader .info-img img {
      /*  max-width: 45px !important;
        max-height: 45px !important;
        padding:5px;*/
    }

    #scrollHeader .competition-logo {
        height: 35px;
        width: 35px;
        padding: 2px;
    }

    #scrollHeader .ph-avatar {
        min-width: 40px;
    }
    #scrollHeader .competition-title-cont{ padding: 0px !important;}
    

}

 .widget-info .blocco-2-inner{
    flex-direction: row;
}


 .widget-info .info-cont .position{
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
}
 .widget-info .info-cont .position:after{
    content: "°";
    position: absolute;
    right: -5px;
    top: 0;
}



@media (min-width:576px) and (max-width:768px) {
      .widget-info .info-btns {
        position: absolute !important;
        right: 5px;
        top: 0;
        bottom: 0;
        height: 100px;
        flex-direction: column !important;
        align-items: end;
        padding: 0px !important;
        margin: 0px !important;
      }
    .info-name-favorite.pb-0{
        padding-bottom: 1rem !important;
        /*padding-top: 1rem !important;*/
    }
}
@media (min-width:651px) and (max-width:900px) {

     .widget-info .info-entity {
        align-items: start;
    }
     .widget-info .blocco-2-inner .circle-50{
        margin: 0px !important;
    }
    
     .widget-info {
        padding: 15px 20px 15px 20px;
    }

     .widget-info  .blocco-2{
        margin-bottom: 0px !important;
    }
     .widget-info .blocco-1{
        column-gap: 10px;
    }
     .widget-info .blocco-1 img.mr-2{
        margin-right: 5px !important;
    }

}



 .widget-info .border-top-riga-sfumata-to-left::after {
        content: "";
        height: 1px;
        width: calc(100%);
        background: linear-gradient(to left, #fff, #fff0);
        position: absolute;
        top: 0;
        right: -10px;
}

 .widget-info.widget-team-info .border-top-riga-sfumata-to-left::after,
 .widget-info.widget-competition-info .border-top-riga-sfumata-to-left::after
{
        background: none;
}
    
 .widget-info .blocco-1-600-900{
    display:none !important;
}
 .widget-info .blocco-2-600-900{
    display:none !important;
}
@media (min-width:576px) and (max-width:768px) {

     .widget-info .blocco-1{
        padding-top:10px;
        padding-bottom:5px;
    }
     .widget-info:not(.widget-team-info):not(.widget-competition-info) .blocco-2{
        display:none !important;
    }
     .widget-info .blocco-1-600-900{
        display:flex !important;
    }
    .widget-info .type-player .blocco-2-600-900{
        display:flex !important;
        margin-left: 0px !important;
    }
    .widget-info .type-team .blocco-2-600-900,
    .widget-info .type-comp .blocco-2-600-900{
        display:none !important;
        
    }
    

     .widget-info .info-entity {
        align-items: start;
    }

     .widget-info .info-name-favorite {

        margin-bottom: 0px;
    }
  
     .widget-info .border-top-riga-sfumata-to-left::after {
        height: 1px;
    }



}


 .widget-info .only-smartphone{display: none;}
 
 .widget-info .info-btns {
        padding-top: 10px;
        margin-top: 10px;
        position: absolute;
       /* justify-content: end !important;*/
    }
 
@media (max-width:767px) {
 
    .widget-info .btn-profile-info-toggler-new {

      margin-top: 0px;

    }
    
    .widget-info .info-name-favorite {
        flex-direction: row;
        align-items: end;
        line-height: 40px;
        font-size: 25px;
        padding: 0px !important;
    }
    
    #scrollHeader .info-name-favorite {
        align-items: end;
        line-height: 18px;
        font-size: 18px;
        padding: 0px !important;
        margin-top: 0px;
        justify-content: start;
    }
    
    .widget-competition-title-season.light-4,
    .widget-cont.light-4{
        background: transparent !important;
    }
    
}
@media (max-width:575px) {
    
    #mainMenuAccorion{
        background: linear-gradient(#3B3B3B, #000);
    }  
    
    
     
    .widget-info .info-btns {
        padding-top: 10px;
        margin-top: 10px;
        position: relative;
     
    }
    .widget-info .info-btns.justify-content-center {
        justify-content: center !important;
    }
    .widget-info .info-btns.justify-content-between {
        justify-content: space-between !important;
    }

    
    .widget-info .border-bottom-riga-sfumata-to-right:after {
        content: none;
        height: 0px;
       
    }
    
    .widget-info .info-btns:before {
        content: "";
        height: 1px;
        width: 100vw;
        background: linear-gradient(to left, #fff0 0%, #fffa 50%, #fff0 100%);
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .widget-info .info-entity:after {
        content: "";
        height: 1px;
        width: 100vw;
        background: linear-gradient(to left, #fff0 0%, #fffa 50%, #fff0 100%);
        position: absolute;
        bottom: 0;
        left: 0;
    }


     .widget-info .info-entity {
        flex-direction: column !important;
    }
   
     .widget-info.widget-team-info .btn-profile-info-toggler-new {

       /* top: 224px;*/
       padding: 4px;
       

    }
    
    
     .widget-info .info-name-favorite {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: end;
        line-height: 40px;
        font-size: 30px;
        padding-bottom: 15px;
      /*  margin-bottom: 5px;*/
        margin-top: 10px;
    }
    
    .info-details.collapse.show,
    .info-details.collapsing{
        position: fixed; top:0; bottom:0; left:0; right:0;
        background: #000;
        height: 100vh; overflow: auto;
        z-index: 100;
    }
    
    .info-details .top-stripe{
        padding: 0px 10px;
    }
    .info-details .info-entity,
    .info-details .top-stripe{
        transition: all .3s ease;
    }
    .info-details.collapsing .info-entity,
    .info-details.collapsing .top-stripe{
       /* opacity:0;
        height: 0px;*/
    }
    .info-details.collapse.show .info-entity,
    .info-details.collapse.show .top-stripe{
      /*  opacity:1;
        height: auto;*/
    }
    
    .top-stripe .country-box img{
        max-height: 12px;
    }
    
    .info-details .top-stripe{
        padding: 0px 10px !important;
    }
    
     .widget-info .info-name-favorite span{

       /* margin-bottom: 5px;*/

    }
    
     .widget-info .blocco-2, 
     .widget-info .blocco-1{display: none !important;} 
    
     .widget-info .only-smartphone{
        display: flex; 
        align-items: center;
        /*padding: 0px 5px;*/
    }
    
     .widget-info .circle-50,
     .widget-info img.mr-2 {
        margin: 0px !important;
    }
    
     .widget-info img.mr-2 {
        margin-top: 3px !important;
        height: 21px;
    }
    
     .widget-info .nationality{
        line-height: 23px;
    }
     .widget-info .ruolo.fs-16{
        font-size: 20px !important;
    }
    
     .widget-info .info-cont {
        padding: 0px !important;
    }
    
    

}








.widget-competition-title-season {
    border-radius: 15px;
    font-size: 16px;
    line-height: 18px;
    /*margin-bottom: 15px;*/
    width: max-content;
    margin-left: 20px;
}

.widget-competition-title-season.full-width {
    border-radius: 15px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    width: 100%;
    margin-left: 0px;
    margin-bottom: 5px;
}

.widget-competition-title-season.full-width a{
    color: #fff;
}

.widget-competition-title-season.full-width .ph-col-12 {min-width: 80px;}

.widget-competition-title-season .competition-title-cont {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    column-gap: 5px;
}

.widget-competition-title-season .competition-title {
    font-weight: 500;
    flex-grow: 1;
    text-align: right;
    /*border-bottom: #e5e5e5 1px solid;*/
    min-width: 80px
}

.widget-competition-title-season .competition-title .competition-year {
    font-weight: 400;
    font-size: 12px;
    display: block;
}
.widget-competition-title-season .competition-logo {
    background-color: #f7f7f7;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    height: 68px;
    width: 68px;
    margin-left: 10px;
    padding: 10px;
}

@media screen and (min-width: 767.9px) {
    .widget-competition-title-season .competition-title-cont {
        display: flex;
        flex-direction: row;
        justify-content: start;
        align-items: center;
        padding: 0px 0px;
        column-gap: 5px;
    }
}

.widget-competition-title-season .competition-logo img {
    max-height: 100%;
    width: auto;
}

/* Responsive Styles */
/* Smartphones */
@media screen and (max-width: 767.9px) {
    .widget-competition-title-season {
        font-size: 14px;
    }
    .competition-logo
    #scrollHeader .competition-logo {
	height: 30px;
	width: 30px;
    }
    
    #scrollHeader .competition-title a.flex-column{
        flex-direction: row !important;
    } 
    
    .widget-competition-title-season .competition-title-cont {
	padding-top: 10px;
    }
    .widget-competition-title-season .competition-title-cont a{
        width: 100%;
    }
    .widget-competition-title-season .competition-title {
        text-align: left;
        flex-direction: row;
        display: flex;
        column-gap: 2px;
    }
    .widget-competition-title-season .competition-title .competition-name{font-weight: 500;}
    
    #scrollHeader .widget-competition-title-season:before{
        height:1px;
        background: -moz-linear-gradient(top, #010000 0%, #ffffff 100%);
        background: -webkit-linear-gradient(top, #010000 0%, #ffffff 100%);
        background: linear-gradient(to left, #010000 0%, #ffffff 100%);
        width: 100%;
        margin: 0px 0px 5px 0px;
        content:"";     
    }
    

    
    #scrollHeader .widget-competition-title-season .competition-title .competition-name:after{
        content: '•';
        margin-left: 2px;
    }
    
    #scrollHeader .widget-competition-title-season .competition-logo {
        position: relative;
    }
    
    #scrollHeader .widget-competition-title-season{
        position: fixed;
        left: 0;
        top: 49px;
        right: 0;
        margin: 0px;
        padding: 5px 0px !important;
        background: #010000 !important;
        display: none;
        border-bottom: 4px solid #66528a !important;
        flex-direction: column;
    }
    
    
    
    #scrollHeader .competition-title-cont{
        width: 100%;
        padding: 0px 15px;
    }
    
    .widget-competition-title-season {
        width: 100%;
        margin-right: 20px;
        /*border-bottom: 1px solid #ddd !important;*/
        margin-bottom: 0px;
        border-radius: 0px;
    }
    .widget-competition-title-season.full-width {
        border-radius: 5px !important;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        width: 100%;
        margin-left: 0px;
        margin-bottom: 5px;
    }
    
    .widget-competition-info #scrollHeader .box-name{
        margin-top: -30px;
    }
    .widget-competition-info #scrollHeader .widget-competition-title-season{
        position: absolute;
        top: 27px;
        left: 75px;
        border-bottom: 0px solid #66528a !important;
    }
    
    .widget-competition-info #scrollHeader .widget-competition-title-season .competition-title-cont {
        padding:0px !important;
    }

}
/* Smartphones */
/* Responsive Styles */

.widget-match-phases {
    padding: 20px 0px;
    border-radius: 15px;
    margin-bottom: 30px;
}
.widget-match-phases > .row {
    margin-bottom: 20px;
}
.widget-match-phases .card {
    border: 1px solid #333;
    border-radius: 15px;
    overflow: hidden;
    height: 100%;
    background: #111;
    color: #fff;
}
.widget-match-phases .card .card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border: none;
    border-bottom: 1px solid #333;
    font-size: 12px;
    font-weight: normal;
    padding: 8px 15px;
    border-top: none;
    border-radius: 5px 5px 0px 0px !important;
    margin-bottom: 0;
    background: #222;
    color: #fff;
}

.widget-match-phases .card .card-header {
    text-transform: capitalize;
    font-weight: 500 !important;
}
.widget-match-phases .card .card-header:after {
    display: none;
}
.widget-match-phases .card .card-body {
    border: none;
    padding: 8px 15px;
}
.widget-match-phases .card .card-body ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    padding: 0;
}
.widget-match-phases .card .card-body ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    padding: 4px 0px;
    font-size: 14px;
}

.widget-match-phases .card .card-body ul li .left_wrap{
    display: flex;
    align-items: center;
}
.widget-match-phases .card .card-body ul li .img_wrap{
    width: 25px;
    margin-right: 5px;
    background: #F4F4F4;
    border-radius: 50%;
    overflow: hidden;
}
.widget-match-phases .card .card-body ul li .number{
    font-weight: bold;
}

.widget-match-phases .card.right_card {
    background: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.widget-match-phases .card.right_card > div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.widget-match-phases .card.right_card img{
    width: 38px;
}
.widget-match-phases .card.right_card p {
    margin-bottom: 10px;
    font-size: 14px;
}
.widget-match-phases .card.right_card .name {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

@media (min-width: 990px) {
    .d_none {
      display: none;
    }
}
@media (max-width: 989px) {
    .m_none {
      display: none;
    }
    .widget-match-phases {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .widget-match-phases > .row {
        margin-bottom: 0px;
    }
    .widget-match-phases .card {
        height: auto;
        margin-bottom: 20px;
    } 
    .widget-match-phases .card .card-body ul li .img_wrap {
        margin-right: 15px;
        width: 38px;
    }
    .widget-match-phases .card .card-body ul li .left_wrap span {
        font-weight: bold;
    }
    .widget-match-phases .card.right_card > div {
        flex-direction: row
    }
    .widget-match-phases .card.right_card {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        padding: 10px 15px;
    }
    .widget-match-phases .card.right_card img {
        margin-right: 5px;
    }
    .widget-match-phases .card.right_card p{
        margin-bottom: 0
    }

}
.widget-generic-filters-layout .holder-select-filtri-giocatori, 
.widget-generic-filters-layout .holder-select-filtri-squadre {
    flex-wrap: wrap;
}

.widget-generic-filters-layout .select-filtri-classifica,
.widget-generic-filters-layout .select-filtri-classifica {
 width: 100%;
}

.widget-generic-filters-layout .forms_zero_riga_classifica_giocatori, 
.widget-generic-filters-layout .forms_prima_riga_classifica_giocatori, 
.widget-generic-filters-layout .forms_seconda_riga_classifica_giocatori, 
.widget-generic-filters-layout .forms_terza_riga_classifica_giocatori, 
.widget-generic-filters-layout .forms_zero_riga_classifica_squadre, 
.widget-generic-filters-layout .forms_prima_riga_classifica_squadre, 
.widget-generic-filters-layout .forms_terza_riga_classifica_squadre {
    justify-content: space-between;
    width: 100%;
    gap: 10px;
}

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

.select2-results__option:empty {
    display: none;
}

.widget-generic-filters-layout .holder-type-ranking {
    border: 2px solid #452e6d;
    border-radius: 13px;
    height: 45px;
    display: flex;
    justify-content: space-between;
    
}

.widget-generic-filters-layout .holder-type-ranking button.active {
    background: #020202;
    color: #fff;
}

.widget-generic-filters-layout .holder-type-ranking button {
    padding: 0px 5px;
    border-radius: 9px;
    /*margin: 3px 0px;*/
    font-size: 13px;
    flex-grow: 1;
}

/*.widget-generic-filters-layout .btn-add-stats-confronto {
    color: #020202;
    border-radius: 5px !important;
    font-size: 0.9rem;
    display: flex;
    width: 220px;
    justify-content: space-around;
    padding: 5px;
    margin-left: 0;
    outline: none;
    position: relative;
    margin-bottom: 10px;
    font-weight: 700;
    background: transparent;
    border: 1px solid #020202 !important;
    transition: background 0.2s ease-out;
}

.widget-generic-filters-layout .btn-add-stats-confronto span.icon-relazione-btn {
    background: #fff;
    position: absolute;
    top: -15px;
    right: -13px;
    padding: 5px;
    color: #bbe53a;
    font-size: 24px;
    align-items: center;
    display: flex;
    width: 31px;
    height: 30px;
    border-radius: 50px;
}*/

.widget-generic-filters-layout .stat_confronto {
    display: inline-flex;
    margin-right: 2px;
    margin-top: 2px;
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 15px;
}

.widget-generic-filters-layout .cancellaStatConfronto *{
    pointer-events: none;
}

.widget-generic-filters-layout .stat_confronto .inner {
  
    display: inline-flex;
    padding: 4px 8px;
    border-radius: 15px;
    align-items: center;
}

@media screen and (max-width: 989px) {
    #panelsearchHome .widget-generic-filters-layout.collapse,
    #panelsearchHome .widget-generic-filters-layout.collapsing {
        left: 100% !important;
        position: fixed;
        top: 0px;
        background: rgb(255, 255, 255);
        width: 100vw;
        z-index: 999;
        transition: all 0.2s ease-out 0s;
        overflow: auto;
        display: block !important;
        padding-bottom: 200px !important;
        height: 100vh;
    }

    #panelsearchHome .widget-generic-filters-layout.collapse.show {
        position: fixed;
        top: 0px;
        background: #020202cc;
        width: 100%;
        z-index: 999;
        transition: all 0.2s ease-out 0s;
        overflow: auto;
        
        left: 0px !important;
        display: block !important;
        padding-bottom: 30px !important;
        height: 100vh;
    }
}

.widget-generic-filters-layout  .filters-cont-generic-filters {
    padding-bottom:200px !important;
}.widget-paywall  {
  background: linear-gradient(#0000, #000c 35%, #000c 80%, #0000);
}


.widget-paywall h3 {
    font-size: 37px;
    color: #bbbbbb;
    text-align: center;
}

.widget-paywall .paragraph,
.widget-paywall .msg_referral {
    color: #fff;
    text-align: center;
    max-width: 500px;
}

.widget-paywall .holder-link-referral {
    border: 1px solid;
    border-radius: 10px;
    justify-content: center;
    width: min-content;
    padding: 4px 10px;
    margin: 10px 0;
}

.widget-paywall .copyClipboard {
    flex-grow: 1;
   /* height: 100%;*/
    width: 100%;
    text-align: center;
   /* margin-left: 10px;*/
}

.widget-paywall .copyClipboard:hover{
    background: #C8A227;
}

.widget-paywall .icon-copy-clipboard {
    color: #fff;
    fill: #fff;
    font-size: 25px;
    
}

.widget-paywall .link-user-referral {
    font-weight: 700;
   /* min-width: 200px;*/
    overflow: hidden;
}


.widget-paywall .usa_crediti_btn {
    background: #C8A227;
    border-radius: 10px;
    font-weight: 700;
    font-size: 16px;
    color: #020202;
}

.widget-paywall .bold {
    font-size: 16px;
}

.widget-paywall .register_btn {
    background: #C8A227;
    border-radius: 10px;
    font-weight: 700;
    font-size: 16px;
    color: #020202;
}

.widget-paywall p {
    margin-bottom: 0;
    color: #fff;
}

.widget-paywall .acced_btn {
    border: 4px solid #C8A227;
    border-radius: 10px;
    font-weight: 700;
    font-size: 16px;
    color: #C8A227;
}

.widget-paywall .holder-utilizzo-crediti {
    max-width: 95%;
    min-width: 95%;
    
}

.widget-paywall .usaCreditiComp,
.widget-paywall .usaCreditiCompTeam {
    width: 100%;
    flex-grow: 1;
   /* min-width: 560px;*/
    border-radius: 10px;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
    margin-bottom: 10px;
    background: #fff;
}

.widget-paywall .usaCreditiComp .buttonAdd.button-addSeason,
.widget-paywall .usaCreditiCompTeam .buttonAdd.button-addSeason {
    margin: 0 !important;
}
/* STLYE BASE */

/*.widget-utilizzo-crediti .competizione_box {
    min-width: 350px;
}*/

.widget-utilizzo-crediti .wrapper-recap-utilizzo-crediti {
    border: 1px solid #fff;
    border-radius: 10px;
}

.widget-utilizzo-crediti .label-recap {
    /*background: #fff;*/
    display: inline-block;
    padding: 2px 8px;
    /*  border-radius: 7px; */
    position: relative;
    top: -7px;
    /*  border: 1px solid; */
}

.widget-utilizzo-crediti .wrapper-ui-post-acquisto {
    margin: auto;
    line-height: 20px;
}

.widget-utilizzo-crediti .entity-recap {
    background: #fff;
    border-radius: 7px;
}

.widget-utilizzo-crediti .entity-recap .img-recap {
    max-width: 25px;
}

.widget-utilizzo-crediti .recap-crediti {
    color: #fff;
}

.widget-utilizzo-crediti .recap-crediti span {
    margin: 0 5px;
    padding: 2px;
    text-align: right;
    font-weight: 700;
}

.widget-utilizzo-crediti .costo_crediti_entita {
    /*border: 1px solid;
    border-radius: 2px;*/
    margin: 0 5px;
 
 
    text-align: center;
    font-weight: 500;
    font-size: 24px;
}

.widget-utilizzo-crediti .wrapper-ui-acquisto.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.widget-utilizzo-crediti .wrapper-ui-acquisto.disabled * {
    pointer-events: none;
}

.widget-utilizzo-crediti .wrapper-ui-post-acquisto,
.widget-utilizzo-crediti .preload-acquisto {
    margin-top: 20px;
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    /*max-width: 400px;*/
}



.widget-utilizzo-crediti .text-hover-lucchetto {
    position: absolute;
    bottom: 10px;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
    height: 250px;
    text-align: center;
    max-width: 490px;
}

@media screen and (max-width: 767.9px) {
    .wrapper-ui-post-acquisto svg{height: 400px; }
    .widget-utilizzo-crediti .text-hover-lucchetto {
        height: 160px;

    }
}

.widget-utilizzo-crediti .wrapper-recap-entity {
    border: 1px solid;
    overflow: hidden;
   
    padding: 15px 5px;
}

.widget-utilizzo-crediti .wrapper-recap-entity .entity-recap:nth-child(even){
    background: #F4F4F4;
    border-radius: 0px !important;
}

/* STLYE AGGIUNTIVO QUANDO IL WIDGET E NEL PROFILO */

.widget-utilizzo-crediti .recap-crediti {
    color: #020202;
}

.widget-utilizzo-crediti .usa_crediti_btn {
    background: #020202;
    border-radius: 100px;
    color: #fff;
}

.widget-utilizzo-crediti .label-recap {
    top: 0;
}

.widget-utilizzo-crediti .wrapper-recap-entity {
    border: 1px solid;
    /*border-radius: 0px;*/
    overflow: hidden;
    
    
}

.widget-utilizzo-crediti .entity-recap {
   /* background: #fff;
    border-radius: 7px;*/
}

.widget-utilizzo-crediti .wrapper-recap-utilizzo-crediti {
    padding: 10px;
    border: 1px solid;
    border-radius: 10px;
    overflow: hidden;
}

.widget-utilizzo-crediti .entity-recap {
    /*background: #020202;
    border-radius: 7px;
    color: #fff;*/
}
.widget-utilizzo-crediti .entity-recap figure {
    background: #fff;
    padding: 2px;
    border-radius: 100px;
    border: 1px solid #020202;
}

.widget-utilizzo-crediti .entity-recap  .trash-entity-recap svg {
    /*color: #fff;*/
}

.widget-utilizzo-crediti .wrapper-ui-post-acquisto, .widget-utilizzo-crediti .preload-acquisto {
    color: #020202; 
}

.mixin-filters-grid .filter-recap {
    border: 1px solid;
    border-radius: 15px;
    height: fit-content;
}

.mixin-filters-grid .filter-recap .modify-filter .inner-modify {
    width: fit-content;
}

.mixin-filters-grid .filter-recap .modify-filter.with-select .inner-modify {
    width: 100%;

}

.mixin-filters-grid .modify-filter {
    max-width: fit-content;
}

.mixin-filters-grid  .modify-filter.with-select {
    max-width: 100%;
}

.mixin-filters-grid .mod-filter-recap *,
.mixin-filters-grid .trash-filter-recap *,
.mixin-filters-grid .button-mod-filtersGrid *{
    pointer-events: none;
}

.mixin-filters-grid .modify-filter {
    padding: 2px 5px;
}


.mixin-filters-grid .filters-valueInt, .mixin-filters-grid .filters-valueIntAlt {
    padding: 0 0 0 0;
    margin: 0px 0 0 0 !important
}

@media screen and (max-width: 767.9px) {
    .widget-players-market {
        padding-left: 0;
        padding-right: 0;
    }
}

.widget-players-market a li.nav-item .nav-link.active {
    background-color: #4c1e70;
    color: #bbe53b;
    font-weight: 500;
}
.widget-players-market .nav-link {
    color: #4c1e70;
    padding: 0px 10px;
    font-size: 14px;
}

.widget-players-market  .wrap-header-scores .label-metric {
    font-size: 16px;
    font-weight: 700;
}

.widget-players-market  .wrap-header-scores .label-ruoli {
    font-size: 14px;
    line-height: 14px;
}

.widget-players-market .ico-coppa_outline {
    width: 27px;
    background-size: cover !important;
    height: 35px; 
    /*background-color: #020202;*/
    background: url(/assets/img/coppa_outline.svg);
    background-repeat: no-repeat;
    background-size: contain;
}




.widget-players-market .recap-num-risultati, .widget-players-market .recap-num-risultati-filtri, .widget-players-market .recap-num-risultati-percentuale {
    font-size: 12px;
  
   
}
:root {
    --padding-column: 4px;
    --ag-footer-row-border: 1px solid #e8e8e8;

    --group_metric_1: #BCCAFF;
    --group_metric_2: #7DC2FF;
    --group_metric_13: #57DEBE;
    --group_metric_3: #9AB5FF;
    --group_metric_4: #69d3c7;
    --group_metric_5: #E3BBFF;
    --group_metric_6: #A6E0E0;
    --group_metric_7: #F8B9FF;
    --group_metric_8: #FED0D1;
    --group_metric_9: #7BEDFF;
    --group_metric_10: #A6E0E0;
    --group_metric_11: #EEA8FF;
    --group_metric_12: #D3F4FB;
    --group_metric_14: #D8CDE1;
    --group_metric_15: #DB98FC;
    --group_metric_16: #BCD8D1;
    --group_metric_18: #e3bbff;
    --group_metric_info_match: #c8c8fa;

    --bgDark: #010000;
    --bgMedium: #020202;
    --bgMedium-alpha: #111;
    --colorWhite: #fff;
    --lime: #C8A227;
    --bgLight4: #444;
    --bgLight2: #707070;
    --light3: #C8A227;
    --light3-alpha: #C8A227aa;
    --light3-detail: #EDC531;
    --light3-lighter: #FFEB9B;


}

/* UTILITY (NON SO COME MAI CI STA UNA LINE-HEIGHT ANORMALE DA QUALCHE PARTE NEI CSS) */
.n-l-h {
    line-height: normal;
}

.ag-paging-panel {
    margin-top: 10px;
}

/* BOTTOM PADDING -> FOOTER */
.ag-body.ag-layout-auto-height {
    padding-bottom: 10px;
}

.ag-theme-fd-black .playerPic {
    /* padding: 2px;*/
    width: 47px;
    min-width: 47px;
    height: 47px;
}


.ag-theme-fd-black .grid-img {
    background: #fff;
    border: 0px solid #fff;
    padding: 0px;
    width: 47px;
    min-width: 47px;
    height: 47px;
    border-radius: 50%;
    margin-right: 7px;
    margin-left: 10px;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.ag-theme-fd-black .custom_cell_class {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ag-theme-fd-black .custom_cell_class.main_column {
    justify-content: start;
}

.ag-theme-fd-black .player_row .cel-inner {
    background: linear-gradient(#e66465, #9198e5);
    width: 100%;
}


/* ZODIAC */

.inner-zodiac.ariete {
    background-image: url("/assets/skins/cinquequotidiano_footdata_com/img/ico_ariete.svg");
}

.inner-zodiac.toro {
    background-image: url("/assets/skins/cinquequotidiano_footdata_com/img/ico_toro.svg");
}

.inner-zodiac.gemelli {
    background-image: url("/assets/skins/cinquequotidiano_footdata_com/img/ico_gemelli.svg");
}

.inner-zodiac.cancro {
    background-image: url("/assets/skins/cinquequotidiano_footdata_com/img/ico_cancro.svg");
}

.inner-zodiac.leone {
    background-image: url("/assets/skins/cinquequotidiano_footdata_com/img/ico_leone.svg");
}

.inner-zodiac.vergine {
    background-image: url("/assets/skins/cinquequotidiano_footdata_com/img/ico_vergine.svg");
}

.inner-zodiac.bilancia {
    background-image: url("/assets/skins/cinquequotidiano_footdata_com/img/ico_bilancia.svg");
}

.inner-zodiac.scorpione {
    background-image: url("/assets/skins/cinquequotidiano_footdata_com/img/ico_scorpione.svg");
}

.inner-zodiac.sagittario {
    background-image: url("/assets/skins/cinquequotidiano_footdata_com/img/ico_sagittario.svg");
}

.inner-zodiac.capricorno {
    background-image: url("/assets/skins/cinquequotidiano_footdata_com/img/ico_capricorno.svg");
}

.inner-zodiac.acquario {
    background-image: url("/assets/skins/cinquequotidiano_footdata_com/img/ico_acquario.svg");
}

.inner-zodiac.pesci {
    background-image: url("/assets/skins/cinquequotidiano_footdata_com/img/ico_pesci.svg");
}

.label-zodiac {
    line-height: normal;
}

.inner-zodiac {
    width: 20px;
    /* height: auto; */
    display: block;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    margin-bottom: 5px;
}


.legend-pos-0 {
    color: #73CEEF !important;
}

.legend-pos-1 {
    color: #4DF55A !important;
}

.legend-pos-2 {
    color: #FAB565 !important;
}

.legend-pos-4 {
    color: #EF7373 !important;
}

.legend-pos {
    width: 14px;
    height: 14px;
    border-radius: 100px;
}


/* HEADER GROUP BTN PER ESPANDERE */

.custom_header_group {
    overflow: visible;
}



button.play-video-column-btn {
    /* position: absolute;
    top: 17px;
    right: 35px; */
}

.customExpandButton.expanded .btn-expanded {
    display: block;
}

.customExpandButton.expanded .btn-collapsed {
    display: none;
}

.customExpandButton.collapsed .btn-expanded {
    display: none;
}

.customExpandButton.collapsed .btn-collapsed {
    display: block;
}

/* MAIN COLUMN HEADER */
.ag-header-row-column .main-colum-header .ag-header-cell-comp-wrapper {
    align-items: flex-end;
}

.main-colum-header {
    padding: 0 4px;
}

.button-play-row:hover i {
    color: #C8A227;
}

/* MAIN COLUMN HEADER CLASSE CUSTOM IMPOSTATA NEL RENDERER - ALTEZZA MASSIMA UGUALE A QULLA DEGLI HEADER NELLE COLUMN DEFINTIONS DEGLI SCHEMI */
.ag-header-row-column .main-colum-header .ag-header-cell-comp-wrapper .main-column-header-wrapper {
    max-height: 30px;
    height: 30px;
    border: 1px solid;
}

/* HEADER COLUMN LABEL - GROUP E NO GROUP */
.ag-header-row-column .main-colum-header .customHeaderLabel,
.ag-header-row-column-group .customHeaderLabel,
.ag-header-row-column .customHeaderLabel {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.ag-header-row-column .with_play_video .customHeaderLabel {
    margin-right: -50px;
}

.ag-header-row-column .customHeaderLabel {
    width: 100%;
    /*margin-left: -20px;*/
    /* questa non ci può stare così altrimenti tutte le colonne anche quelle senza play sono spostate a sinistra */
}

.play-video-column-btn-active .customHeaderLabel,
.play-video-column-btn-active .sorting-buttons-holder {
    display: none !important;
}

.play-video-column-btn-active .play-video-column-btn {
    width: 100%;
    min-width: 100%;
}

.label-play-video-header {
    display: none;
}

.play-video-column-btn-active .play-video-column-btn .label-play-video-header {
    display: inline-block;
    margin-left: 5px;
}

.play-video-column-btn-active .play-video-column-btn {
    background-color: white;
    color: black;
}

button.play-video-column-btn {
    max-height: 30px;
}

.play-video-column-btn-active .play-video-column-btn * {
    margin-top: -4px;
}


.ag-header-row-column .sorting-buttons-holder {
    min-width: 15px;
    padding-left: 5px;
}

.ag-header-row-column .customSortAgGrid.inactive {
    display: none !important;
}

/* FILTER COLUMN */
.ag-filter .ag-input-field-input {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: calc(var(--ag-spacing)* 1.5 + 12px);
}

/* CELLE */
.ag-cell {
    height: calc(100% + 1px);
}

.player-cel {
    height: calc(100%);
}

.ag-cell .cel-inner {
    font-size: 16px;
    font-weight: 500;
    padding: 5px 5px;
    /*  text-transform: uppercase; */
}

.cel-inner::after {
    content: "";
    width: 75px;
    display: block;
    height: 1px;
    position: absolute;
    bottom: 0;
}

.wrap-cel-forma.cel-inner::after,
.cel-inner.prima-col::after {
    width: 100%;
}

.ag-cell.ag-column-first.cell-class-first-column .cel-inner:after,
.data-ranking.cel-inner:after,
.wrapper-teams-comps.cel-inner:after,
.cel-nex-match.cel-inner:after,
.widget-competition-ranking .cel-inner:after {
    content: "";
    display: none !important;
}

/*.widget-competition-ranking .ag-cell-value:after*/
/*.widget-competition-ranking .ag-cell.ag-column-first.cell-class-first-column .cel-inner:after,
.widget-competition-ranking .wrap-cel-forma.cell-inner:after*/
/*{
  content: "";
  width: 100%;
  display: block;
  height: 1px;
  position: absolute;
  bottom: 0; 
  background: #fff2;
}*/
.widget-competition-ranking .ag-floating-bottom {
    display: none !important;
}

.widget-competition-ranking .ag-cell .cel-inner {
    padding: 0px;
}

.widget-competition-ranking .wrapper-teams-comps .holder-teams-classifica-comp {
    background: transparent;
    border-radius: 0px;
    min-height: 0px;
}

.widget-competition-ranking .ag-cell.ag-column-first.cell-class-first-column {
    background: transparent;

}




.ag-cell .cel-inner a {
    color: white;
}

.ag-cell .cel-metric-value.cel-inner {
    font-size: 20px;
    font-weight: 600;
}

.ag-cell.padding_interno {
    padding: 5px !important;
    /* SOVRASCRIVE */
}

.ag-grid-class .ag-cell svg {
    color: #fff;
}

/* CELLE SPECIALI */

.ag-cell-value .cel-inner .holder-selectable {
    min-width: 25px;
}

.ag-cell-value .cel-inner .holder-selectable .selectRowButton {
    border: 1px solid #707070;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;

}

.ag-cell-value .cel-inner .holder-selectable .selectRowButton svg {
    fill: #000;
}

.ag-row-selected .ag-cell-value .cel-inner .holder-selectable .selectRowButton {
    background: #C1C1C1;
}

.selectable-header-menu {
    background: #C1C1C1;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    padding: 0 10px;
    border-radius: 10px;
    color: black;
}

.selectable-header-menu .numSelectedRows {
    background: black;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    color: #C1C1C1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}

.main-column-cell {
    background: #ccc;
    height: 80%;
    border-radius: 15px;
}

.main-column-cell .innner-black {
    border: 1px solid #ccc;
    /* padding: 4px; */
    /* margin: 4px; */
    background: black;
    height: 98%;
    width: 93%;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.holder-cel-footer.main-col .cel-inner-footer span:first-of-type {
    border-bottom: 1px solid #444;
}

/* SELECTABLE ROW  */

/* INFO BETTING -corner - goal -cards */
.ag-cell.cell-betting-info:not(.footer_cell_class) .cel-inner {
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #222 !important;
    /* SOVRASCRIVE  */
    /*width: min-content !important;*/
    /* SOVRASCRIVE  */
    margin: auto;
}

.ag-cell.cell-betting-info.cell_borders.black_border .cel-inner {
    border-bottom: 1px solid #222 !important;
    /* SOVRASCRIVE  */
}

/* CELLA TITOLARE */
.ag-cell .titolare .holder-titolare {
    border: solid 0px var(--bgLight4);

    outline: solid 2px var(--lime);
    padding: 2px 10px;
    /* min-width: 110px; */
    line-height: 14px;
    text-align: center;
    border-radius: 30px;
}

.ag-cell .subentrato .holder-titolare {
    border: solid 1px #676767;
    color: #bbb;

    box-shadow: 0 0 0 2px var(--bgLight4);
    padding: 2px 10px;
    /* min-width: 110px; */
    line-height: 11px;
    text-align: center;
    border-radius: 30px;
}

/* CELLA SEQUENZE BETTING */
.ag-cell.betting_sequenze .cel-inner:not(.holder-cel-footer) {
    font-size: 35px;
    font-weight: 500;
}


.ag-cell-value .header-data-left {
    font-size: 11px;
    text-transform: uppercase;
    text-align: left;
    background: #222;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 1px 5px;
    color: #ccc !important;
}

.ag-cell-value .body-data-left {
    justify-content: space-between;
    font-size: 12px;
    text-align: left;
    text-transform: uppercase;
    padding: 1px 5px;
}

.ag-cell-value .footer-data-left {
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    border-top: 1px solid #707070;
    text-overflow: ellipsis;
    margin: 1px 5px;
}


/* SQUADRA GIOCATORE */
.cel-inner .circle-20,
.cel-inner .circle-30,
.mobile-div-master .circle-20,
.mobile-div-master .circle-30 {
    position: relative;
    overflow: hidden;
}

.cel-inner .circle-20 .teamPic,
.cel-inner .circle-30 .teamPic,
.mobile-div-master .circle-20 .teamPic,
.mobile-div-master .circle-30 .teamPic {

    /*  position: absolute;
    top: 1px;
    left: 0px;*/
}

/* BETTING TOP TEAM */
.cel-top-ranking-team .topTeam {
    cursor: pointer;
}

.cel-top-ranking-team:hover .top-ranking-team {
    display: none !important;
}

.cel-top-ranking-team:hover .overCel-top-ranking-team {
    opacity: 0;
    transition: all .3s ease;
}

.cel-top-ranking-team:hover .overCel-top-ranking-team {
    display: flex !important;
    opacity: 1;
}

.cel-top-ranking-team .overCel-top-ranking-team .wrapper-over-top-ranking {
    column-gap: 15px;
}

.cel-top-ranking-team .topTeam * {
    pointer-events: none;
}

.topTeam .top-ranking-team .ranking-data {
    padding-right: 0px;
    flex-grow: 1;
    min-width: 40%;
    font-size: 12px;
    background: rgb(33, 33, 33);
}

/* CELLA CON RANKING */
.ag-cell .ranking-class-giocatore,
.ag-cell .ranking-class-grid {


    color: #fff;
    line-height: 16px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;

}

.ag-picker-field-wrapper {
    border: 1px solid #333;
}

.ranking-data {
    border-radius: 7px;
}

.ag-cell .overCel-ranking-data {
    opacity: 0;
    background: #000;
    z-index: 9;
    width: calc(96% - 18px);
    height: calc(96% - 10px);
    align-items: center;
    justify-content: center;
    display: flex;
    top: 0;
    transition: opacity 0.1s ease-in;
    border-radius: 7px;
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
}

.overCel-ranking-data .holder-overCel-text {
    font-size: 18px;
    line-height: 20px;
}

.ranking-data-btn-fake:hover .overCel-ranking-data {
    opacity: 1;
    color: #fff;
}

.ranking-data-btn-fake * {
    pointer-events: none;
}


/* COLORI BG PER CELLA BETTING METRICS */
.color_lvl_1 {
    background-color: #a9ebc2 !important;
}

.color_lvl_2 {
    background-color: #f5f5ce !important;
}

.color_lvl_3 {
    background-color: #f3dfb2 !important;
}

.color_lvl_4 {
    background-color: #f9c8cc !important;
}

.color_lvl_5 {
    background-color: #fe8d8d !important;
}


.info-header-player {
        flex-wrap: nowrap !important;
         overflow-x: auto; 
        padding-top: 5px;
        overflow-y: hidden;
        padding-bottom: 10px;
        margin: 5px 10px 0px 0px !important;
        /*padding-left: 15px;
        padding-right: 15px;*/
        min-hieght: 40px;
    }
    

@media only screen and (max-width: 767.9px) {
    .box-verde {
        border: 1px solid #C8A227;
        border-radius: 100px;
        padding: 4px 12px 4px 4px;
        position: relative;
        justify-content: start;
        min-width: auto;
        text-align: left;
        height: 35px;
        white-space: nowrap;
    }

    .box-verde .value-header-player {
        font-size: 13px;
        font-weight: 500;
        color: #C8A227;
        flex-grow: 1;
        align-items: center;
        align-self: start;
        min-width: 70px;
    }

    .box-verde .value-header-player svg {
        margin-right: 5px;
    }

    .box-verde .label-header-player {
        position: absolute;
        top: -11px;
        background: #000;
        padding: 0px 4px;
        color: #C8A227;
        left: 31px;
        width: max-content;
        font-size: 11px;
        border-radius: 100px;
    }
    
    

    .widget-competition-ranking .holder-teams-classifica-comp {
        font-size: 14px !important;
    }

    .ag-paging-button {
        cursor: pointer;
        position: relative;
        padding: 3px;
        border: 1px solid #fff;
        border-radius: 5px;
    }

    .ag-paging-panel {

        margin-top: 20px !important;
        border-top: none;
    }

    .ag-paging-page-summary-panel {
        width: 100%;
        margin: auto;
        justify-content: center;
        padding-bottom: 18px;
    }

    .ag-paging-page-size {
        display: none !important;
    }

    .ag-paging-panel .ag-paging-row-summary-panel {
        justify-content: center;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        width: max-content;
        margin-top: 17px;
    }

    .color_lvl_1,
    .color_lvl_1.mobile-div-master {
        background: linear-gradient(to right, #fff, #a9ebc2) !important;
    }

    .color_lvl_2,
    .color_lvl_2.mobile-div-master {
        background: linear-gradient(to right, #fff, #f5f5ce) !important;
    }

    .color_lvl_3,
    .color_lvl_3.mobile-div-master {
        background: linear-gradient(to right, #fff, #f3dfb2) !important;
    }

    .color_lvl_4,
    .color_lvl_4.mobile-div-master {
        background: linear-gradient(to right, #fff, #f9c8cc) !important;
    }

    .color_lvl_5,
    .color_lvl_5.mobile-div-master {
        background: linear-gradient(to right, #fff, #fe8d8d) !important;
    }


    .wrap-header-scores-recaps {
        /*  position: absolute;*/
        min-height: 40px;
        width: 100%;
        /* margin: 12px 0px 5px 70px !important;*/
        padding: 0px 0px 0px 2px;
        /* z-index: 1;*/
        background: #000;
    }

    .fondo-small .wrap-header-scores-recaps {
        /* position: absolute;*/
        min-height: 40px;
        width: 100%;
        /* margin: 12px 0px 5px 70px !important;*/
        padding: 0px 0px 0px 2px;
        /*z-index: 1;*/
    }

    .ag-chart-menu-icon,
    .ag-chart-settings-next,
    .ag-chart-settings-prev,
    .ag-column-group-icons,
    .ag-column-select-header-icon,
    .ag-filter-toolpanel-expand,
    .ag-floating-filter-button-button,
    .ag-group-title-bar-icon,
    .ag-header-cell-filter-button,
    .ag-header-cell-menu-button,
    .ag-header-expand-icon,
    .ag-panel-title-bar-button,
    .ag-panel-title-bar-button-icon,
    .ag-set-filter-group-icons,
    :where(.ag-group-contracted) .ag-icon,
    :where(.ag-group-expanded) .ag-icon {
        &:hover {
            background-color: transparent;
            box-shadow: none;
            ;

        }
    }
}

@media only screen and (min-width: 768px) {
.box-verde {
        border: 1px solid #C8A227;
        border-radius: 100px;
        padding: 4px 12px 4px 4px;
        position: relative;
        justify-content: start;
        min-width: auto;
        text-align: left;
        height: 35px;
        white-space: nowrap;
    }

    .box-verde .value-header-player {
        font-size: 13px;
        font-weight: 500;
        color: #C8A227;
        flex-grow: 1;
        align-items: center;
        align-self: start;
        min-width: 70px;
    }

    .box-verde .value-header-player svg {
        margin-right: 5px;
    }

    .box-verde .label-header-player {
        position: absolute;
        top: -11px;
        background: #000;
        padding: 0px 4px;
        color: #C8A227;
        left: 31px;
        width: max-content;
        font-size: 11px;
        border-radius: 100px;
    }
}    

.ag-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* background: #020202;
color: #C8A227; */

.ag-cell .player-img-master {
    background: #fff;
    border: none;
    padding: 0px;
    width: 47px;
    min-width: 47px;
    height: 47px;
    border-radius: 50%;
    margin-right: 7px;
    margin-left: 7px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    margin-bottom: -5px;
}


/* CELLA RUOLO */
.ag-cell .holder-role-code,
.agGrid-inner-mobile-detail .holder-role-code {
    border: 1px solid #676767;
    border-radius: 20px;
    width: 50px;
    height: 23px;
    background: transparent;
    color: #fff;
    font-weight: 500;
}

/* PLAYER ALIKE */
.ag-cell .img-player-cel-stat {
    position: absolute;
    top: 10px;
    left: 10px;
    max-width: 30px;
    border-radius: 100px;
    border: 0px solid;
    padding: 0px;
    background: #fff;
}

.ag-cell .box-alike {
    position: absolute;
    width: 100%;
    left: 0;
    justify-content: space-between;
    display: flex;
    top: 50%;
    transform: translateY(-50%);
    padding: 0px 25px;
    font-size: 13px;
    align-items: center;
}

/* BORDER COLOUMN LOGIC*/



/* La cella ha un padding per le colonne */
.ag-row .ag-cell.cell_borders {
    padding: 0 var(--padding-column);
    border: 0;
}

/* Bordi laterali per tutte le celle delle colonne specifiche */
.ag-cell.cell_borders .cel-inner {
    border-left: 2px solid var(--border-color) !important;
    border-right: 2px solid var(--border-color) !important;

    border-top: none !important;
    border-bottom: none !important;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}

/* La prima cella della colonna deve avere anche il bordo in alto */
.ag-row:first-child .ag-cell.cell_borders .cel-inner {
    border-top: 2px solid var(--border-color) !important;
}

/* L'ultima cella della colonna deve avere anche il bordo in basso */
.ag-row:last-child .ag-cell.cell_borders .cel-inner {
    border-bottom: 2px solid var(--border-color) !important;
}

.ag-header-row-column-group .ag-header-group-cell.cell_borders {
    padding: 0 var(--padding-column);
}

.ag-header-row-column-group .ag-header-group-cell.cell_borders .ag-header-cell-comp-wrapper {
    border-left: 2px solid var(--border-color) !important;
    border-right: 2px solid var(--border-color) !important;
    border-top: 2px solid var(--border-color) !important;
    color: var(--color) !important;
    border-bottom: none !important;
    width: 100%;
    height: 100%;
}

.ag-header-row-column-group .ag-header-group-cell.cell_borders .ag-header-cell-comp-wrapper svg {
    color: var(--color) !important;
}

.ag-header-row .ag-header-cell.cell_borders {
    padding: 0 var(--padding-column);
}

.ag-header-row .ag-header-cell.cell_borders .ag-header-cell-comp-wrapper {
    border: 2px solid var(--border-color) !important;
    height: 100%;
    width: 100%;

}

/* Colori specifici per ogni colonna */

/* BORDO SOLO PER I PLAYER ALIKE */
.ag-cell.cell_borders.playerAlike_cell_class .cel-inner {
    --border-color: #FFEB9B !important;
    background-color: #FFEB9B22 !important;
}

.ag-cell.cell_borders.white_border .cel-inner {
    --border-color: #fff;
}

.ag-cell.cell_borders.black_border .cel-inner {
    --border-color: transparent;
}

.ag-cell.cell_borders.group_metric_anagrafica .cel-inner {
    --border-color: #c8c8fa;
}

.ag-cell.cell_borders.group_metric_impiego .cel-inner {
    --border-color: #c8c8fa;
}

.ag-cell.cell_borders.group_metric_1 .cel-inner {
    --border-color: var(--group_metric_1);
}

.ag-cell.cell_borders.group_metric_2 .cel-inner {
    --border-color: var(--group_metric_2);
}

.ag-cell.cell_borders.group_metric_3 .cel-inner {
    --border-color: var(--group_metric_3);
}

.ag-cell.cell_borders.group_metric_4 .cel-inner {
    --border-color: var(--group_metric_4);
}

.ag-cell.cell_borders.group_metric_5 .cel-inner {
    --border-color: var(--group_metric_5);
}

.ag-cell.cell_borders.group_metric_6 .cel-inner {
    --border-color: var(--group_metric_6);
}

.ag-cell.cell_borders.group_metric_7 .cel-inner {
    --border-color: var(--group_metric_7);
}

.ag-cell.cell_borders.group_metric_8 .cel-inner {
    --border-color: var(--group_metric_8);
}

.ag-cell.cell_borders.group_metric_9 .cel-inner {
    --border-color: var(--group_metric_9);
}

.ag-cell.cell_borders.group_metric_10 .cel-inner {
    --border-color: var(--group_metric_10);
}

.ag-cell.cell_borders.group_metric_11 .cel-inner {
    --border-color: var(--group_metric_11);
}

.ag-cell.cell_borders.group_metric_12 .cel-inner {
    --border-color: var(--group_metric_12);
}

.ag-cell.cell_borders.group_metric_13 .cel-inner {
    --border-color: var(--group_metric_13);
}

.ag-cell.cell_borders.group_metric_14 .cel-inner {
    --border-color: var(--group_metric_14);
}

.ag-cell.cell_borders.group_metric_15 .cel-inner {
    --border-color: var(--group_metric_15);
}

.ag-cell.cell_borders.group_metric_16 .cel-inner {
    --border-color: var(--group_metric_16);
}

.ag-cell.cell_borders.group_metric_18 .cel-inner {
    --border-color: var(--group_metric_18);
}

.ag-cell.cell_borders.group_B .cel-inner {
    --border-color: #c8c8fa;
}

.ag-cell.cell_borders.group_metric_info_match .cel-inner {
    --border-color: var(--group_metric_info_match);
}




/* white_border */
.ag-header-row-column-group .ag-header-group-cell.cell_borders.white_border .ag-header-cell-comp-wrapper {
    --border-color: #fff;
    --color: #fff;
}

.ag-header-row .ag-header-cell.cell_borders.white_border .ag-header-cell-comp-wrapper {
    --border-color: #fff;
}

/* black_border */
.ag-header-row-column-group .ag-header-group-cell.cell_borders.black_border .ag-header-cell-comp-wrapper {
    --border-color: #000;
    --color: #000;
}

.ag-header-row .ag-header-cell.cell_borders.black_border .ag-header-cell-comp-wrapper {
    --border-color: #000;
}

/* group_metric_anagrafica */
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_anagrafica .ag-header-cell-comp-wrapper {
    --border-color: #c8c8fa;
    --color: #c8c8fa;
}

.ag-header-row .ag-header-cell.cell_borders.group_metric_anagrafica .ag-header-cell-comp-wrapper {
    --border-color: #c8c8fa;
}

/* group_metric_impiego */
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_impiego .ag-header-cell-comp-wrapper {
    --border-color: #c8c8fa;
    --color: #c8c8fa;
}

.ag-header-row .ag-header-cell.cell_borders.group_metric_impiego .ag-header-cell-comp-wrapper {
    --border-color: #c8c8fa;
}

/* group_metric_info_match */
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_info_match .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_info_match);
    --color: var(--group_metric_info_match);
}

.ag-header-row .ag-header-cell.cell_borders.group_metric_info_match .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_info_match);
}

/* group_metric_1 */
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_1 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_1);
    --color: var(--group_metric_1);
}

.ag-header-row .ag-header-cell.cell_borders.group_metric_1 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_1);
}

/* group_metric_2 */
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_2 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_2);
    --color: var(--group_metric_2);
}

.ag-header-row .ag-header-cell.cell_borders.group_metric_2 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_2);
}

/* group_metric_3 */
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_3 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_3);
    --color: var(--group_metric_3);
}

.ag-header-row .ag-header-cell.cell_borders.group_metric_3 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_3);
}

/* group_metric_4 */
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_4 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_4);
    --color: var(--group_metric_4);
}

.ag-header-row .ag-header-cell.cell_borders.group_metric_4 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_4);
}

/* group_metric_5 */
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_5 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_5);
    --color: var(--group_metric_5);
}

.ag-header-row .ag-header-cell.cell_borders.group_metric_5 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_5);
}

/* group_metric_6 */
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_6 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_6);
    --color: var(--group_metric_6);
}

.ag-header-row .ag-header-cell.cell_borders.group_metric_6 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_6);
}

/* group_metric_7 */

.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_7 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_7);
    --color: var(--group_metric_7);
}

.ag-header-row .ag-header-cell.cell_borders.group_metric_7 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_7);
}

/* group_metric_8 */

.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_8 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_8);
    --color: var(--group_metric_8);
}

.ag-header-row .ag-header-cell.cell_borders.group_metric_8 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_8);
}

/* group_metric_9 */

.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_9 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_9);
    --color: var(--group_metric_9);
}

.ag-header-row .ag-header-cell.cell_borders.group_metric_9 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_9);
}

/* group_metric_10 */

.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_10 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_10);
    --color: var(--group_metric_10);
}

.ag-header-row .ag-header-cell.cell_borders.group_metric_10 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_10);
}

/* group_metric_11 */

.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_11 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_11);
    --color: var(--group_metric_11);
}

.ag-header-row .ag-header-cell.cell_borders.group_metric_11 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_11);
}

/* group_metric_12 */

.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_12 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_12);
    --color: var(--group_metric_12);
}

.ag-header-row .ag-header-cell.cell_borders.group_metric_12 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_12);
}

/* group_metric_13 */
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_13 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_13);
    --color: var(--group_metric_13);
}

.ag-header-row .ag-header-cell.cell_borders.group_metric_13 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_13);
}

/* group_metric_14 */
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_14 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_14);
    --color: var(--group_metric_14);
}

.ag-header-row .ag-header-cell.cell_borders.group_metric_14 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_14);
}

/* group_metric_15 */

.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_15 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_15);
    --color: var(--group_metric_15);
}

.ag-header-row .ag-header-cell.cell_borders.group_metric_15 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_15);
}

/* group_metric_16 */

.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_16 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_16);
    --color: var(--group_metric_16);
}

.ag-header-row .ag-header-cell.cell_borders.group_metric_16 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_16);
}

/* group_metric_18 */

.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_18 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_18);
    --color: var(--group_metric_18);
}

.ag-header-row .ag-header-cell.cell_borders.group_metric_18 .ag-header-cell-comp-wrapper {
    --border-color: var(--group_metric_18);
}

/* group_B */
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_B .ag-header-cell-comp-wrapper {
    --border-color: #bccaff;
    --color: #bccaff;
}

.ag-header-row .ag-header-cell.cell_borders.group_B .ag-header-cell-comp-wrapper {
    --border-color: #bccaff;
}

/* COMUNI */
.ag-header-row-column-group .ag-header-group-cell.cell_borders.white_border,
.ag-header-row-column-group .ag-header-group-cell.cell_borders.black_border,
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_impiego,
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_anagrafica,
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_1,
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_2,
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_3,
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_4,
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_5,
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_6,
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_7,
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_8,
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_9,
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_10,
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_11,
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_12,
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_13,
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_14,
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_15,
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_16,
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_17,
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_18,
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_B,
.ag-header-row-column-group .ag-header-group-cell.cell_borders.group_metric_info_match {
    height: 80%;
}





/* END LOGICA BORDER COLUMN */



/* MOBILE */

.mobile-div-master {
    border-radius: 7px;
}

/* FIX MOBILE MASTER BETTING RANKING */
.ag-cell.custom_cell_team_class_mobile .ag-cell-wrapper .ag-group-value {
    margin-left: -3px;
}

/* FIX MOBILE MASTER PLAYER COMPARE MODE */
span.ag-cell-wrapper.ag-cell-expandable.ag-row-group {
    border: 0 !important;
    width: 100% !important;
}

.ag-cell.custom_cell_class_mobile.custom_cell_team_class_mobile .ag-cell-wrapper {
    height: min-content;
    overflow: hidden;
}


.mobile-div-master .teamProfilePic {
    padding: 4px;
    border-radius: 50%;
    max-width: 40px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}


.agGrid-inner-mobile-detail .holder-role-code-grid {
    border: 2px solid #363636 !important;
    color: #363636 !important;
    border-radius: 8px;
}



/* MECCANSIMO FULLSCREEN */
.ag-root-wrapper-body.opened {
    position: fixed;
    top: 0;
    left: 0;
    right: 2px;
    bottom: 0;
    overflow: auto;
    z-index: 100;
}

.ag-root-wrapper-body.opened .ag-row.ag-row-group-expanded {
    transform: translateY(0px) !important;
}

.ag-root-wrapper-body.opened .ag-row-level-1 {
    transform: translateY(191px);
}

.ag-root-wrapper-body.opened .ag-body-viewport {
    /* max-height: 100vh;*/
    overflow: auto;
    background: #000;
}

.ag-root-wrapper-body.opened .ag-center-cols-clipper,
.ag-root-wrapper-body.opened .ag-full-width-container {
    max-height: 100vh !important;

}

.ag-root-wrapper-body.opened .agGrid-inner-mobile-detail .ag-center-cols-clipper,
.ag-root-wrapper-body.opened .agGrid-inner-mobile-detail .ag-full-width-container {
    max-height: initial !important;

}

.ag-root-wrapper-body.opened .ag-row-group-contracted {
    display: none !important;
}


.ag-cell.custom_cell_class_mobile {
    padding-left: 0;
    padding-right: 0;
}

.spazio-bottom-mobile-master-team {
    margin-bottom: 30px;
}

/* HA ANCHE I BORDI */
.ag-cell.custom_cell_class_mobile .ag-cell-wrapper {
    flex-direction: row-reverse;
    width: 100%;
    border: 1px solid #999 !important;
    border-radius: 10px;
    overflow: hidden;
    padding: 0px;
    border: 1px solid #fff !important;
    /* height: calc(100% - 2px); */
    width: calc(100% - 20px);
    position: relative;
    background: #1a1a1a;
}

/* RESET DEI BORDI MASTER MOBILE QUANDO APERTO IN FULLSCREEN */
.ag-root-wrapper-body.opened .ag-cell.custom_cell_class_mobile .ag-cell-wrapper {
    border: 0 !important;
    height: 100%;
    width: 100%;
}

.ag-cell.custom_cell_class_mobile .ag-cell-wrapper .ag-group-value {
    width: 100%;
    margin-left: -3px;
    /* questo per un inspiegabile spazio a sinistra */
}

.mobile-header-custom-class {
    /*  display: none; */
}

.holder-ico-master-mobile {
    width: 30px;
    /* height: 20px; */
    line-height: normal;
}

.row-master-evidenza-mobile {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #222;
    color: #A6FFF5;
}

.header-modalita-estesa {
    background: #A6FFF5;
    color: #28194A;
}




/* CAROSELLO DETAIL RENDER MOBILE */
.carousel-indicators {
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    position: relative;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    list-style: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    max-height: 60px;
    padding: 4px 8px;
    padding-bottom: 5px;
    background: #000000;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /* Stile della scrollbar */
    scrollbar-width: thin;
    /* Larghezza della scrollbar */
    scrollbar-color: #333 #000;
    /* Colore del pollice e della traccia */
}

.pills-bg-info {
    border: 2px solid #fff !important;
}

.carousel-indicators li {
    text-indent: 0;
    height: 100%;
    width: max-content;
    background: #020202;
    color: var(--colorWhite);
    padding: 0 10px;
    border-radius: 50px;
    line-height: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-right: 3px;
    margin-left: 3px;
    cursor: pointer;
}

/* Stilizzazione della scrollbar per i browser WebKit */
.carousel-indicators::-webkit-scrollbar {
    width: 12px;
    /* Larghezza della scrollbar */
    height: 12px;
    /* Altezza della scrollbar */
}

.carousel-indicators::-webkit-scrollbar-thumb {
    background-color: #000;
    /* Colore del pollice della scrollbar */
    border-radius: 10px;
    /* Raggio di curvatura del pollice */
    border: 3px solid #000;
    /* Bordo del pollice */
}

.carousel-indicators::-webkit-scrollbar-track {
    background: #330003;
    /* Colore della traccia della scrollbar */
    border-radius: 10px;
    /* Raggio di curvatura della traccia */
}

/* MOBILE MASTER ICON EXPAND/CONTRACT */
.ag-cell.custom_cell_class_mobile .ag-group-contracted,
.ag-cell.custom_cell_class_mobile .ag-group-expanded {
    cursor: pointer;
    position: absolute;
    z-index: 3;
}








/* QUESTI SI USANO PER STILARE L ICONA PER ESPANDARE IL MASTER SU MOBILE */
.ag-icon-tree-closed::before {
    background-image: url(/assets/img/piu_outline.svg);
    content: '';
    display: inline-block;
    width: 23px;
    height: 23px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

}

.ag-icon-tree-open::before {
    background-image: url(/assets/img/meno_outline.svg);
    content: '';
    display: inline-block;
    width: 23px;
    height: 23px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}




/* FIX ag-floating-filter column */
.ag-header-row-column-filter .ag-floating-filter-body {
    display: none;
}

.ag-header-row-column-filter .ag-floating-filter-button-button {
    padding: 0px;
}

.ag-header-row-column-filter .ag-floating-filter-button {
    margin: 3px auto 0px auto;
}


/* PER STILARE LE PRIME RIGHE E lE ULTIME */


/*.ag-theme-classifica-campionato.darkMode .ag-row-even .ag-cell-value .cel-inner, */
.ag-theme-classifica-campionato.darkMode .ag-row-even .cel-inner.prima-col,
.ag-theme-classifica-campionato.darkMode .ag-row-even .ag-cell-value {
    /*background: linear-gradient(#fff1, #fff3) !important;*/
    color: #fff;
}

.ag-row.ag-row-first {
    /*   background-color: #2244CC44; */
}

.ag-row.ag-row-last {
    /* background-color: #CC333344; */
}

.custom_cell_class {}


.cell-class-first-column {}

.cell-class-not-first-column {}


/* BORDER COLUMN */
/* 
.ag-header-cell-text {
    background: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet, red);
    font-weight: 600;
    font-size: 20px;
    animation: animatedTextGradient 2.5s linear infinite;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% auto;
} */

body {
    --ag-internal-content-line-height: auto;
    /*  --ag-background-color: #1e1e1e !important;
    --ag-foreground-color: #ffffff;
    --ag-header-background-color: #252526;
    --ag-header-foreground-color: #ffffff;
    --ag-border-color: #333; */

}

.grid-img-master .playerPic {
    background: #fff;
    border-radius: 100px;
}

.master-name-entity {
    font-size: 19px;
    font-weight: 600;
}

.master-name-entity {
    font-size: 19px;
    font-weight: 600;
}

.master-role {
    border: 1px solid;
    border-radius: 20px;
    height: min-content;
    line-height: normal;
    padding: 1px 5px;
    min-width: 40px;
}

.shirt-number-master {
    position: absolute;
    line-height: normal;
    margin-top: 4px;
}

.master-eta,
.master-singleMetric {
    font-size: 23px;
    font-weight: 600;
}

.master-anno-nascita {
    font-weight: 400;
}




/* PILLS COLOR CAROUSEL MOBILE MASTER */

.carousel-indicators li svg {
    color: #fff;
}

.pills-bg-default-col {
    border: 2px solid #fff !important;
    background: #ffffff33 !important;
    color: #fff !important;
}

.pills-bg-prima-col {
    border: 2px solid #fff;
    background: #ffffff33;
    color: #fff !important;
}

.pills-bg-group_metric_anagrafica {
    border: 2px solid #c8c8fa !important;
    background: #c8c8fa33 !important;
}

.pills-bg-group_metric_impiego {
    border: 2px solid #c8c8fa !important;
    background: #c8c8fa33 !important;
}

.pills-bg-group_metric_info_match {
    border: 2px solid #c8c8fa !important;
    bbackground: #c8c8fa33 !important;
}

/* coefGroup */
.pills-bg-group_A {
    border: 2px solid #c8c8fa;
    background: #c8c8fa22;
}

/* coefGroup */
.pills-bg-group_B {
    border: 2px solid #c8c8fa;
    background: #c8c8fa22;
}

.pills-bg-1 {
    border: 2px solid #bccaff !important;
    background: #bccaff33 !important;
}

.pills-bg-2 {
    border: 2px solid #7dc2ff !important;
    background: #7dc2ff33 !important;
}

.pills-bg-3 {
    border: 2px solid #9ab5ff !important;
    background: #9ab5ff33 !important;
}

.pills-bg-4 {
    border: 2px solid #69d3c7 !important;
    background: #69d3c733 !important;
}

.pills-bg-5 {
    border: 2px solid #e3bbff !important;
    background: #e3bbff33 !important;
}

.pills-bg-6 {
    border: 2px solid #a6e0e0 !important;
    background: #a6e0e033 !important;
}

.pills-bg-7 {
    border: 2px solid #f8b9ff !important;
    background: #f8b9ff33 !important;
}

.pills-bg-8 {
    border: 2px solid #fed0d1 !important;
    background: #fed0d133 !important;
}

.pills-bg-9 {
    border: 2px solid #7bedff !important;
    background: #7bedff33 !important;
}

.pills-bg-10 {
    border: 2px solid #a6e0e0 !important;
    background: #a6e0e033 !important;
}

.pills-bg-11 {
    border: 2px solid #eea8ff !important;
    background: #eea8ff33 !important;
}

.pills-bg-12 {
    border: 2px solid #d3f4fb !important;
    background: #d3f4fb33 !important;
}

.pills-bg-13 {
    border: 2px solid #57debe !important;
    background: #57debe33 !important;
}

.pills-bg-14 {
    border: 2px solid #d8cde1 !important;
    background: #d8cde133 !important;
}

.pills-bg-15 {
    border: 2px solid #db98fc !important;
    background: #db98fc33 !important;
}

.pills-bg-16 {
    border: 2px solid #bcd8d1 !important;
    background: #bcd8d133 !important;
}

.pills-bg-17 {
    border: 2px solid #fff !important;
    background: #fff3 !important;
}

.pills-bg-18 {
    border: 2px solid #db98fc !important;
    background: #db98fc33 !important;
}

.pills-bg-info {
    border: 2px solid #fff !important;
    background: transparent !important;
}

.pills-bg-info.active {
    border: 2px solid #fff !important;
    color: #000 !important;
    background: #fff !important;
}

.pills-bg-extra-0 {
    border: 2px solid #fff !important;
    background: #fff3 !important;
    color: #020202 !important;
}

.pills-bg-extra-1 {
    border: 2px solid #959833 !important;
    background: #95983333 !important;
}


.pills-bg-extra-2 {
    border: 2px solid #959833 !important;
    background: #95983333 !important;
}

.pills-bg-extra-3 {
    border: 2px solid #959833 !important;
    background: #95983333 !important;
}

/* ACTIVE */
/* coefGroup */
.pills-bg-group_A.active {
    background: #c8c8fa99;
}

/* coefGroup */
.pills-bg-group_B.active {
    background: #c8c8fa99;
}

.pills-bg-1.active {
    background: #bccaff99 !important;
}

.pills-bg-2.active {
    background: #7dc2ff99 !important;
}

.pills-bg-3.active {
    background: #9ab5ff99 !important;
}

.pills-bg-4.active {
    background: #69d3c799 !important;
}

.pills-bg-5.active {
    background: #e3bbff99 !important;
}

.pills-bg-6.active {
    background: #a6e0e099 !important;
}

.pills-bg-7.active {
    background: #f8b9ff99 !important;
}

.pills-bg-8.active {
    background: #fed0d199 !important;
}

.pills-bg-9.active {
    background: #7bedff99 !important;
}

.pills-bg-10.active {
    background: #a6e0e099 !important;
}

.pills-bg-11.active {
    background: #eea8ff99 !important;
}

.pills-bg-12.active {
    background: #d3f4fb99 !important;
}

.pills-bg-13.active {
    background: #57debe99 !important;
}

.pills-bg-14.active {
    background: #d8cde199 !important;
}

.pills-bg-15.active {
    background: #db98fc99 !important;
}

.pills-bg-16.active {
    background: #bcd8d199 !important;
}

.pills-bg-17.active {
    background: #ffffff99 !important;
}

.pills-bg-18.active {
    background: #db98fc99 !important;
}

.pills-bg-extra-0.active {
    background: #ffffff99 !important;
}

.pills-bg-extra-1.active {
    background: #95983399 !important;
}

.pills-bg-extra-2.active {
    background: #95983399 !important;
}

.pills-bg-extra-3.active {
    background: #95983399 !important;
}


/* ICON HEADER COLUMN GRID */

.ico-header-grid {
    margin-right: 6px;
}


.ico-header-grid.media-ico-grid {
    width: 36px;
    height: 20px;
    background-color: rgb(255, 255, 255);
    -webkit-mask-image: url(/assets/img/ico_grid_media.svg);

}

.ico-header-grid.secco-ico-grid {
    width: 20px;
    height: 20px;
    background-color: rgb(255, 255, 255);
    -webkit-mask-image: url(/assets/img/ico_grid_secco.svg);

    background-image: url(/assets/img/ico_grid_secco.svg);
}

.ico-header-grid.seccoNegative-ico-grid {
    width: 20px;
    height: 20px;
    background-color: rgb(255, 255, 255);
    -webkit-mask-image: url(/assets/img/ico_grid_seccoNegative.svg);

    background-image: url(/assets/img/ico_grid_seccoNegative.svg);
}


.ico-media {
    width: 23px;
    height: 14px;
    /* background-color: rgb(255, 255, 255); */
    /* -webkit-mask-image: url(/assets/img/ico_grid_media.svg); */
    background-image: url(/assets/img/ico_grid_media_viola.svg);
    display: inline-block;
    background-size: cover;

}

.ico-header-grid.goal-ico-grid {
    width: 18px;
    height: 18px;
    background-color: #fff;
    -webkit-mask-image: url(/assets/img/ico_grid_goal.svg);
    mask-image: url(/assets/img/ico_grid_goal.svg);
}

.ico-header-grid.maglia-ico-grid {
    width: 24px;
    height: 21px;
    /*   background-position: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background: url(/assets/img/ico_grid_minuti.svg); */
    background-color: #fff;
    -webkit-mask-image: url(/assets/img/ico_grid_maglia.svg);
    mask-image: url(/assets/img/ico_grid_maglia.svg);
}

.ico-header-grid.minuti-ico-grid {
    width: 19px;
    height: 19px;
    background-color: #fff;
    -webkit-mask-image: url(/assets/img/ico_grid_minuti.svg);
    mask-image: url(/assets/img/ico_grid_minuti.svg);
}

.ag-header-cell:not(.default-col) .ico-header-grid.minuti-ico-grid {
    background-color: #fff;
}

.ico-header-grid.presenze-ico-grid {
    width: 21px;
    height: 17px;
    /* background-position: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background: url(/assets/img/ico_grid_presenze.svg); */
    background-color: #fff;
    -webkit-mask-image: url(/assets/img/ico_grid_presenze.svg);
    mask-image: url(/assets/img/ico_grid_presenze.svg);
}

.ico-header-grid.assist-ico-grid {
    width: 26px;
    height: 11px;
    background-color: #fff;
    -webkit-mask-image: url(/assets/img/ico_grid_assist.svg);
    mask-image: url(/assets/img/ico_grid_assist.svg);
}

.ico-header-grid.cart-gialli-ico-grid {
    width: 14px;
    height: 18px;
    background-color: #f4d031 !important;
    -webkit-mask-image: url(/assets/img/ico_grid_cart_gialli.svg);
    mask-image: url(/assets/img/ico_grid_cart_gialli.svg);
}

.ico-header-grid.cart_doppi_gialli-ico-grid {
    width: 14px;
    height: 18px;
    /* background-color: #EFF489 !important; */
    background: url(/assets/img/ico_grid_cart_doppi_gialli.svg);
}

.ico-header-grid.cart-rossi-ico-grid {
    width: 14px;
    height: 18px;
    background-color: #d02e26 !important;
    -webkit-mask-image: url(/assets/img/ico_grid_cart_rossi.svg);
    mask-image: url(/assets/img/ico_grid_cart_rossi.svg);
}

.ico-header-grid.ingressi-ico-grid {
    width: 11px;
    height: 11px;
    background-color: #fff;
    -webkit-mask-image: url(/assets/img/ico_grid_ingressi.svg);
    mask-image: url(/assets/img/ico_grid_ingressi.svg);
}

.ico-header-grid.sost-ico-grid {
    width: 14px;
    height: 18px;
    background-color: #fff;
    background: url(/assets/img/ico_grid_sost.svg);
    /*   -webkit-mask-image: url(/assets/img/ico_grid_sost.svg);
    mask-image: url(/assets/img/ico_grid_sost.svg); */
}

/* VECCHIE REGOLE GESTIONE VISTA MOBILE DETAILS RICERCA AVANZATA */

.body-recap-expanded {
    background: #000;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    max-height: 60px;
    padding: 8px;
}


/* VECCHIE REGOLE GESTIONE VISTA MOBILE DETAILS BETTING COMP */
.ico-media {
    width: 23px;
    height: 14px;
    /* background-color: rgb(255, 255, 255); */
    /* -webkit-mask-image: url(/assets/img/ico_grid_media.svg); */
    background-image: url(/assets/img/ico_grid_media_viola.svg);
    display: inline-block;
    background-size: cover;
    margin-right: 6px;
}

.media-subiti .label-row,
.media-fatti .label-row {
    font-weight: 400;
}

.media-tot,
.media-subiti,
.media-fatti {
    padding: 12px 1.5rem 12px 1.5rem;
    align-self: center;
    color: #fff;
}

.media-tot {
    min-height: 84px;
}

.media-tot .value,
.media-subiti .value,
.media-fatti .value {
    font-size: 18px;
    font-weight: 600;
}

.media-tot,
.media-subiti {
    background: #222;
    color: #fff;
}

.media-fatti {
    background: #000;
    color: #fff;
}

.media-fatti .row-media-tema-fatti:first-child,
.media-subiti .row-media-tema-subiti:first-child {
    border-bottom: 1px solid;
}

.media-fatti .row-media-tema-fatti:first-child .label-row,
.media-subiti .row-media-tema-subiti:first-child .label-row {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
}



.media-tot .label-row {
    font-weight: 500;
}

.media-tot .ico-media {
    width: 30px;
    height: 18px;
}

.ag-cell-focus:focus,
.ag-cell-focus:focus-within,
.ag-row:focus,
.ag-row:focus-within,
.ag-cell,
.ag-cell:focus,
.ag-cell:focus-within {
    accent-color: transparent !important;
    outline: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.cel-inner .score-home,
.cel-inner .score-away {
    line-height: 30px;
}

.cel-stat-over {
    width: 100%;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.wrapper-teams-comps .holder-teams-classifica-comp {
    background: linear-gradient(to right, #fff1, #fff2);
    background-size: 0% 100%;
    background-position: left center;
    background-repeat: no-repeat;
    animation: revealGradient 1s ease forwards;
    padding: 8px;
    border-radius: 10px;
    min-height: 66px;

}

.ag-cell.ag-column-first.cell-class-first-column .cel-inner .player-cel {
    background: linear-gradient(to right, #fff1, #fff2);
    background-size: 0% 100%;
    background-position: left center;
    background-repeat: no-repeat;
    animation: revealGradient 1s ease forwards;
    width: 100%;
    height: calc(100% - 0px);
    border-radius: 10px;

}

.ag-cell.ag-column-first.cell-class-first-column {
    background: linear-gradient(to right, #000, #111);
    padding: 0px;

}

@keyframes revealGradient {
    from {
        background-size: 0% 100%;
    }

    to {
        background-size: 100% 100%;
    }
}

.nav-pill-analisi-partita {
        margin: 10px 0px;
        padding: 4px 4px;
        border: 1px solid #d1d1d1;
        border-radius: 20px;
        justify-content: space-between;
        column-gap: 5px;
    }

    .nav-pill-analisi-partita .nav-link {

        border-radius: 20px;

    }

    .nav-pill-analisi-partita.modal-layout {
        margin: 10px 0;
        color: #fff;
    }

    .nav-pill-analisi-partita .nav-item {
        flex-grow: 1;
    }

    .nav-pill-analisi-partita .nav-link {
        padding: 2px 15px;
        font-weight: 500;
        width: 100%;
        background-color: #7771;
        color: #ccc !important;
    }

    .nav-pill-analisi-partita .nav-link.active {
        background-color: #fff4;
        color: #fff !important;
    }


@media screen and (max-width: 767px) {
    .wrap-header-tags-recaps {
        margin: 9px;
        padding: 0px 9px 0px 0px;
        border-right: 1px solid #676767;
    }

    .wrapper-teams-comps .holder-teams-classifica-comp {
        padding: 0px 8px;
        border-radius: 5px;
        min-height: 0px;
    }

    .ag-cell .cel-inner {
        padding: 0 1px;
    }

    .ag-full-width-row {
        overflow: visible;
    }


    

    .wrap-header-scores-recaps,
    .wrap-header-tags-recaps {
        background: var(--bgDark);
        /*z-index: 1;*/
        width: 100%;
    }

    .wrap-header-tags-recaps {
        margin-left: 10px;
    }

    .tag-grid {
        padding: 5px 10px;
        margin: 5px;
        line-height: 13px;
        background: transparent;
        display: flex;
        align-items: center;
    }

    .ag-sticky-top {
        top: 0px !important;
    }

    .ag-icon {
        height: 27px;

        width: 27px;
    }

    .agGrid-inner-mobile-detail .nav-link.active {
        background: #fff4;
    }

    .agGrid-inner-mobile-detail .nav-coef-stat-focus .nav-item {
        flex-grow: 1;
        padding: 0px;
        display: flex;
        justify-content: flex-end;
        margin: 4px 0px;
    }

    .agGrid-inner-mobile-detail .nav-coef-stat-focus .nav-link {
        opacity: .8;
        color: rgb(255, 255, 255) !important;
        background-color: var(--bgDark);
        align-items: center;
        display: flex;
        justify-content: space-between;
        flex-grow: 1;
        align-self: center;
        padding: 5px 10px;
        font-weight: 500;
    }

    .agGrid-inner-mobile-detail .carousel-item-next,
    .agGrid-inner-mobile-detail .carousel-item-prev,
    .agGrid-inner-mobile-detail .carousel-item.active {
        min-height: 0;
    }

    .agGrid-inner-mobile-detail .nav-coef-stat-focus .nav-link.active {
        opacity: 1;
        color: rgb(255, 255, 255) !important;
        background-color: var(--bgMedium);
    }

}

.squadre-cla-competizione {
    padding-left: 10px !important;
}

/* WRAP HEADER STUFF */
/* TO DO DA OTTIMIZZARE */
@media screen and (min-width: 768px) {

    .ag-cell .ranking-class-giocatore,
    .ag-cell .ranking-class-grid {
        margin-left: 0px;
    }

    .holder-teams-classifica-comp .ag-cell .ranking-class-grid {
        margin-left: 0px;
    }

    .group_B.cel-inner {
        white-space: normal;
        /* font-size: 14px;*/
        line-height: 16px;
        text-align: center;
    }

    /* Rimuove il bordo dalla prima colonna */
    .ag-cell:first-child {
        border: none !important;
    }

    .wrap-header-scores-recaps svg {
        color: #212121;
    }



    .recap-num-risultati,
    .recap-num-risultati-filtri,
    .recap-num-risultati-percentuale {
        color: #fff;
    }



    .wrap-header-scores-recaps {
        /*outline: 7px solid #212121;*/
        color: #f0f0f0;
        height: 40px;
    }

    .wrap-header-tags-recaps {
        background: transparent;
        /*#fff;*/

    }

    .wrap-header-tags-recaps div.tag-grid {
        /*background: #e3e3e3 !important;*/
        border: 1px solid #fff !important;
        color: #fff;
    }

    .wrap-header-scores .ph-item {
        margin: 0px !important;
    }

    .wrap-header-scores .ph-avatar {
        min-width: 80px;
        max-width: 80px;
    }

    .wrap-header-scores .preloader-header-player-match {
        max-width: 100% !important;
    }

    .wrap-header-scores {
        position: relative;
        /*background: transparent !important;*/
    }

    .recap-num-risultati,
    .recap-num-risultati-filtri,
    .recap-num-risultati-percentuale {
        font-size: 14px !important;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 0px;
        color: #fff;
        white-space: nowrap;
        line-height: 17px;
        column-gap: 5px;

    }

    .wrap-header-tags-recaps div.tag-grid {
        /*background: #e3e3e3 !important;*/
        border-radius: 100px !important;
        margin: 3px !important;
        border: 1px solid #fff !important;
        color: #fff;
        line-height: 13px;
        padding: 3px 5px;
        display: flex;
    }

    .recap-num-risultati-value,
    .recap-num-risultati-value-filtri,
    .recap-num-risultati-value-percentuale {
        font-size: 15px;
        font-weight: 500;
    }

    .wrap-header-scores-recaps svg {

        margin-left: 0px;
        z-index: 1;
    }



    .fondo-small svg {
        color: #000000;
    }

}

.fondo-small {
    background: linear-gradient(to right, #222, #000);
    /*border-top-left-radius: 20px;*/
    overflow: hidden;
}

@media only screen and (max-width: 767.9px) {
    .ag-root-wrapper {

        border-radius: 0px;
    }

    .widget-betting-teams-ranking-grid .ag-row {
        background-color: var(--bgMedium)99;
    }

    .widget-betting-teams-ranking-grid .ag-cell.custom_cell_class_mobile {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media only screen and (max-width: 767.9px) {
    .fondo-small {

        /* border-top-left-radius: 0px;*/
    }
}

.tag-grid {
    border: 1px solid #eee;
    border-radius: 15px;
    padding: 3px 10px;
    margin-right: 3px;
    line-height: 13px;
    margin-top: 5px;
    background: transparent;
    display: flex;
    /* align-items: center; */
}

.label-tag-grid {
    font-size: 10px;
    font-weight: 400;
    padding: 0;
    margin: 0 5px 0 0;
}

.op-tag-grid {
    font-size: 16px;
    font-weight: 700;
    padding: 0;
    margin: 0 5px 0 0;
}


.value-tag-grid {
    font-size: 12px;
    font-weight: 700;
}

.body-recap-expanded {
    background: #000000;
}

.cel-inner horizontal-progress-bar {
    min-width: 85px;
    max-width: 85px;
    margin: auto;
}




.ag-icon-filter::before {

    min-width: 24px;
    height: 24px;
}

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

    .master-eta,
    .master-singleMetric {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .ag-row-hover .ag-cell-value:before {
        background: none !important;
    }

    .ag-root>.ag-header {
        display: none;
    }

    /* COMPETITION RANKIN NON HA MOBILE GRID */
    .rank-competition-grid .ag-root>.ag-header {
        display: flex;
    }

    .close-mobile-grid-detail {
        position: fixed;
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 10px;
        padding: 10px;
        font-size: 15px;
        color: #fff;
        background: #111;
        z-index: 999;
        cursor: pointer;
        bottom: 0;
        width: 100%;
    }

    .ag-root-wrapper .header-recap-expanded {
        height: 35px;
        background: #020202;
        margin-top: 0px;
        padding-left: 7px;
        padding-top: 7px;
        display: flex;
        padding-bottom: 7px;
        align-items: center;
    }

    .ag-center-cols-container {
        max-height: 100vh !important;
    }

    /* DEFINIZIONE SPAZIATURE PER PIU E MENO NEI VARI GRID */
    /* DEFINIZIONE SPAZIATURE PER PIU E MENO NEI VARI GRID */
    /* DEFINIZIONE SPAZIATURE PER PIU E MENO NEI VARI GRID */
    /* DEFINIZIONE SPAZIATURE PER PIU E MENO NEI VARI GRID */


    .ag-group-contracted,
    .ag-group-expanded {
        top: 101px;
        right: 0px;
        padding: 5px;
        margin-right: 4px;
    }

    /*.widget-betting-teams-ranking .ag-group-contracted,
    .widget-betting-teams-ranking .ag-group-expanded {
        top: 100px;
    }

    
    .widget-megagrid-matches .ag-group-contracted,
    .widget-megagrid-matches .ag-group-expanded,
    .widget-megagrid-team-ranking-matches .ag-group-contracted,
    .widget-megagrid-team-ranking-matches .ag-group-expanded,
    .widget-megagrid-player-ranking-matches .ag-group-contracted,
    .widget-megagrid-player-ranking-matches .ag-group-expanded {
       top: 100px;
    

         
    }*/
}

.team-rosa-grid .ag-header-row-column-filter {
    display: none !important;
}

.holder-stat-btn {
    transition: height .3s cubic-bezier(.45, .41, .27, .99);
    height: 0px;
    overflow: hidden;
}

.holder-stat-btn.active {
    height: 65px;
}

.pos-classica.pos-1 {
    color: #73CEEF !important;
    background-color: transparent !important;
}



.pos-classica.pos-2 {
    color: #73CEEF !important;
    background-color: transparent !important;
}



.pos-classica.pos-3 {
    color: #73CEEF !important;
    background-color: transparent !important;
}

.pos-classica.pos-4 {
    color: #73CEEF !important;
    background-color: transparent !important;
}

.pos-classica.pos-5 {
    color: #4DF55A !important;
    background-color: transparent !important;
}


.pos-classica.pos-6 {
    color: #FAB565 !important;
    background-color: transparent !important;
}

.pos-classica.pos-7 {
    color: #EF7373 !important;
    background-color: transparent !important;
}

.pos-classica.pos-8 {
    color: #EF7373 !important;
    background-color: transparent !important;
}

.pos-classica.pos-9 {
    color: #EF7373 !important;
    background-color: transparent !important;
}

.pos-classica.pos-10 {
    color: #EF7373 !important;
    background-color: transparent !important;
}

.pos-classica.pos-11 {
    color: #EF7373 !important;
    background-color: transparent !important;
}

.pos-classica.pos-12 {
    color: #EF7373 !important;
    background-color: transparent !important;
}

.pos-classica.pos-13 {
    color: #EF7373 !important;
    background-color: transparent !important;
}

.pos-classica.pos-14 {
    color: #EF7373 !important;
    background-color: transparent !important;
}

.pos-classica.pos-15 {
    color: #EF7373 !important;
    background-color: transparent !important;
}

.pos-classica.pos-16 {
    color: #EF7373 !important;
    background-color: transparent !important;
}

.pos-classica.pos-17 {
    color: #EF7373 !important;
    background-color: transparent !important;
}

.pos-classica.pos-18 {
    color: #EF7373 !important;
    background-color: transparent !important;
}

.pos-classica.pos-19 {
    color: #EF7373 !important;
    background-color: transparent !important;
}

.pos-classica.pos-20 {
    color: #EF7373 !important;
    background-color: transparent !important;
}


/* COMPARE PLAYERS MOBILE */
/* NASCONDO ESPANDI CONTRAI SU COMPARE */
.compare_cell_player_class_mobile .ag-group-contracted,
.compare_cell_player_class_mobile .ag-group-expanded {
    display: none;
}


.basePlayerCompare {
    color: #FFEB9B;
}

.basePlayerCompare svg {
    color: #FFEB9B;
    fill: #FFEB9B;
}

.basePlayerCompare svg path {
    color: #FFEB9B;
    fill: #FFEB9B;
}

.basePlayerCompare svg * {
    stroke: #FFEB9B;

}

.mobileComparePlayers span:not(.select2).select2-container {
    position: absolute;
    top: 0px !important;
    left: 0px !important;
    right: 0px !important;
    width: 100%;
    height: 100%;
}

.mobileComparePlayers .select2-container .select2-dropdown .close-btn {
    content: "✖";
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
    display: flex !important
}



.header-compare-vs {
    background: #FFEB9B;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

/* COMPARE PLAYERS */

.mobileComparePlayers .holder-data-compare-render-mobile {
    background-color: #000;
}

.mobileComparePlayers .option-select-metric-compare svg {
    fill: #fff;
    stroke: #fff;
}

.mobileComparePlayers .player-compare-base {
    color: #FFEB9B;
}

.mobileComparePlayers .value-compare-diff.diff-neg {
    color: #FE8D8D;

}


.mobileComparePlayers .value-compare-diff.diff-pos {
    color: #D2FB79;

}

.mobileComparePlayers .title-compare-player-data {
    font-size: 18px;
    font-weight: 600;

}

.mobileComparePlayers .value-compare {
    font-size: 18px;
    font-weight: 600;

}

.mobileComparePlayers .player-compare-base .name,
.mobileComparePlayers .player-compared-to-base .name {
    font-size: 16px;
    font-weight: 600;
}

.mobileComparePlayers .player-compare-base .value {
    font-size: 18px;
    font-weight: 600;
    width: 130px;
    display: flex;
    justify-content: center;
    padding-left: 50px;
    padding-right: 10px;
}

.mobileComparePlayers .player-compared-to-base .value {
    width: 130px;
    display: grid;
    grid-template-columns: 50px auto 10px;
}

.mobileComparePlayers .player-compared-to-base .value span {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Slider SLICK */
.slick-dots {
    /* position: absolute;
    bottom: -25px; */
    display: block;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #C1C1C1;
    background: #C1C1C1;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
    color: #C1C1C1;
    background: #C1C1C1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: transparent;
    border-radius: 50px;
    border: 1px solid #C1C1C1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}.user-registration-layout .step_2.invalid .invalid-feedback{
    display: block;
}

.user-registration-layout .preload-invio {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
   
}

.user-registration-layout .preload-invio .background-preload-invio {
    background: #000000;
    width: 100%;
    height: 100%;
    opacity: 0.9;
}

.testo-preload-invio {
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}

.text-long p {
    margin-bottom: 0;
}

.banner-footdata-replay .select2-selection__rendered {
  padding: 0px !important;
}
.banner-footdata-replay .select2-selection {
  border: none !important;
}

.banner-footdata-replay .select2-container--default .select2-selection--single{
    background:#000;
    border: none !important;
}

.banner-footdata-replay .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 94%;
  right: 10px;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0px;
}

.banner-footdata-replay .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #C8A227 transparent transparent transparent;
}

@media only screen and (max-width: 767.9px) {
    .to-fixed-bottom{
        position: fixed !important;
        bottom: 0px;
        width: 100%;
        left: 0;
        background: #000;
        z-index: 20;
        padding: 10px 0px;
    }

}body{color: #101010;}


/*.darkMode span.ag-group-contracted,
.darkMode span.ag-group-expanded {
    background: {{dark-bkg}};
}*/

/*.widget-megagrid-matches-grid.darkMode span.ag-group-contracted, 
.widget-megagrid-matches-grid.darkMode span.ag-group-expanded {
  background: {{dark-bkg}};
}*/
 
.ag-side-bar{display: none !important;} 
.widget-megagrid-players-grid .ag-side-bar{display: flex !important;}

.widget-players-ranking-mondiali .header-match-home, .bg-light-green,
.widget-players-ranking-mondiali .score-header-match, .ruolo-filtro,
.percentage, .box-imgs, .box-imgs a,
.under_label, #label-fase-dif, .num-ruoli-player, .mapSwitches a, .bg-campo-stats,
#overlay_field .a23, #overlay_field .a24,
#popup_dettaglio .bar-inside, .switch-campo-coinv .active,
#modale-salvataggio-relazioni .modal-body,
/*.widget-generic-filters-layout .btn-add-stats-confronto,*/
#popup_dettaglio .showed,
.holder-filters label:not(.form-check-label),
.widget-match-list .serie-single .serie-single-head-team:hover,
#switch_player_team, #searchannojson{
  color: {{light-1}} !important;
}

/* .row-detail-mobile{
  color: #000 !important;
} */
/* .darkMode .row-detail-mobile {
  color: {{light-1}} !important;
} */

.media-tot, .media-subiti, .media-fatti{color: #fff !important;}






.num-ruoli-player{
  background: #ccc !important;
}

.bg-light-green{
    background: #D5D5D5;
}

.mobile-grid .wrap-header-scores, 
#showGameclockVideosModal,
.crea-relazione .fa-plus,
.modali-salvataggio-relazioni button.btn{
  background: #000;
  color: #fff;
  border:none;
} 
.mobile-grid .wrap-header-scores svg {
    color: #fff;
}
.crea-relazione:hover .fa-plus {
  color: #363636;
  background: #ccc;
  
}

.widget-generic-filters-layout .holder-type-ranking button.active,
.rettRole[data-principale="si"] {
  background: #333 !important;
  color: #fff !important;
}  

.rettRole {
  background: #333 !important;
  color: #fff !important;
}

.snippet #posizionamentoCollapse {
  background: #3F3F3F;
}

.snippet .bg-campo-stats,
.snippet #overlay_field .a23, .snippet #overlay_field .a24 
{
  color: #fff !important;
}

.snippet .ruolo-filtro .perc-ruolo .bar-inside {
  background: #c3e15b !important;
}  
.snippet .bande #rounded-graph-wrapper .circle-bg {
  stroke: #f2f2ec !important;
}

.snippet .piu{ display: block; }
/*.snippet .piu{ display: none; pointer-events: none; }
.snippet .area.a10,
.snippet .area.a5
{ pointer-events: none; }*/

.bande #rounded-graph-wrapper .percentage{
    fill: #101010;
}

#MyConfronto .area.a23::after, #MyConfronto .area.a24::after, #overlay_field .area.a23::after, #overlay_field .area.a24::after {
  border: 1px solid #888 !important;
  border-top: 0 !important;
}



/*.widget-generic-filters-layout .btn-add-stats-confronto {
  color: #363636;
  border: 1px solid #363636 !important;
}*/

.notification.error{color: #f00;}

.widget-players-ranking-mondiali .tag-grid {
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 3px 8px;
  margin-right: 3px;
  line-height: 13px;
  margin-top: 5px;
  background: #eee;
  display: flex;
  align-items: center;
}
.widget-players-ranking-mondiali .label-tag-grid {
  font-size: 11px;
  font-weight: 500;
  padding: 0;
  margin: 0 5px 0 0;
}
.widget-players-ranking-mondiali .wrap-header-tags-recaps {
  border-top: 1px solid rgb(230, 230, 230);

  flex-wrap: wrap;
}

/*.no-ranking .ag-row-first[row-index="0"] .ag-cell-value{background: #fff !important;}*/

.value-detail-mobile.player-top {
  background: #fcfcfc;
  border: 1px solid #ddd;
}

#advancedSearchContainer .card.menu-trasparente {

    background: #070707;

}

.menu-trasparente .profile-holder {

    border-radius: 0px !important;
}


.mapSwitches a.active{
  background: #fff9;
  color: #000;
}
.mapSwitches a:hover {
  background: #fff9;
  color: #000;
}

/* NUOVI FORM */
.widget-generic-filters-layout .holder-type-ranking {
    border: 2px solid #c9c9c9;
}



/* NUOVI FORM */

/* NUOVI PULSANTI */



.toggleFiltri span {
    background: #363636;
}
   
.toggleFiltri-custom span::after {
  background: #363636;
  border: 3px solid #fff;
}

.toggleFiltri span:after {
    background: #363636;
    border: 3px solid #fff;
}

.toggleFiltri-custom span {
  background: #171717;
}
.toggleFiltri-custom.open span {
  background: #171717;
}
button.toggleFiltri-custom{
        border: 5px solid #666666;
        background: #363636;
        color: #fff;
}
.toggleFiltri-custom, 
.toggleFiltri-custom:not(.open) .apri, 
.toggleFiltri-custom.open .chiudi  {
  color: #171717;
}

.select2-selection{border: 2px solid !important;}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
}

.select2-dropdown {
  border-color: {{light-4}};
}

.presenze svg, .minuti svg {
  color: #ccc;
}

.widget-configuration-layout .no_ui_slider_custom .noUi-connect {
  background: #363636;
}

.widget-generic-filters-layout .holder-type-ranking,
.holder-type-ranking{
    border-color: #676767 !important;
    border-width: 2px;
}
/* NUOVI PULSANTI */

.noUi-connect {
  background: #777 !important;
}

.widget-configuration-layout span.value-monitor {
  background: #777 !important;
}

.holder-role-code {
  border: 2px solid #999 !important;
  color: #aaa !important;
  border-radius:20px;
  min-width: 35px;
}


    .ag-grid-class svg,
    .message-no-data svg {
        color: #282828;
    }
    
#loginModal .modal-fullscreen .modal-content {
  background-image: none;
  background-color: #ddd;
  
}    



.ass_e_contatti svg{filter: brightness(10);}

.holder-teams-classifica-comp .holder-ranking-class-giocatore{border: none !important; }

.mobile-grid .wrap-header-scores svg,
.season-recap button,
.trash-filter-recap button{
  /*filter: grayscale(1);*/
}





.ag-header-cell.prima-col .ag-header-cell-comp-wrapper {
   background: #363636;
}

.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, 
.holder-stat-confronto-recap .stat_confronto {
   background: #222;
   //border-color: #ccc !important;
   margin-bottom: 5px;
}

div.evidenza-recap {
  border: 2px solid #000;
  background: #fff;
}

div.evidenza-recap[data-use-for-sort="true"][data-first="false"] {
  border-width: 2px !important;
  border-color: {{medium-bkg}} !important;
  background: {{light-1}} !important;
}


div.evidenza-recap[data-use-for-sort="true"][data-first="true"] {
  border-width: 4px !important;
  border-color: {{medium-bkg}} !important;
  background: {{light-3b}} !important;
}

 .holder-stat-confronto-recap .stat_confronto .filter-context {
  position: relative;
  margin-top: -10px;
  width: 100%;
  line-height: 15px;
  font-size: 12px;
  display: flex;
  padding-left: 8px;
 }

 .holder-stat-confronto-recap .stat_confronto .filter-context span {
  background: #010000;
  /* border: 1px solid; */
  padding: 1px 3px;
  border-radius: 4px;
  color: #fff;
  margin-right: 5px;
}

.holder-stat-confronto-recap .stat_confronto .filter-context span:last-child{
  margin-right: 25px;
}
 


.dettagli-aggrgati-labels,
.dettaglio-aggregati-comp,
.recap-totali-club,
.recap-totali-nazionali{
  border-bottom: 1px solid #ccc;
}

.label-dettagli-aggrgati, 
.content-dettagli-aggrgati,
.wrap-nome-intervallo,
.comp-stats span,
.holder-info-career div span{
  color: #171717 !important;
}

.details-info-panel .info-img {
    background-color: {{light-3b}}ee;
}














/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    min-width: 100%;        
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}



.slick-slide:not(.box-anteprime)
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    min-width: max-content !important;
}

/* SLIDERS IN HOME ORIZZONTALI DA 5 ELEMENTI */


.slick-slide.box-anteprime
{
    display: none;
    float: left;
   /* min-width: initial !important;*/
   
}

.box-slider{
    margin-bottom: 30px;
}

.box-slider .slick-track{
    display: flex;
    column-gap:15px;
}

.box-slider .slick-prev{
    display: none !important;
}
.box-slider .box-anteprime{
    width: 250px;
}


.box-slider.slick-slider .slick-track, .box-slider.slick-slider .slick-list {
  /*min-width: inherit;*/
}
.box-slider .arrow-next{
    position: absolute;
    right: -30px;
    top: calc(50%);
    transform: translateY(-50%);
    height: calc(100%);
    display: flex !important;
    align-items: center;
    
}

.box-slider .arrow-prev{
    position: absolute;
    left: -30px;
    top: calc(50%);
    transform: translateY(-50%);
    height: calc(100%);
    display: flex !important;
    align-items: center;
}
.box-slider .slick-arrow{ z-index: 1;}

.box-slider .slick-arrow.slick-disabled{display:none !important; }

@media (max-width: 767.9px) {
    .box-slider .arrow-next {
        right: -7px;
        /*width: 35px;*/
    }
}

@media (max-width: 479px) {
.box-slider .slick-track {
  column-gap: 10px;
}

.box-slider .arrow-prev {

  left: -7px;
 
  width: 35px;
  
 /* border:2px solid #020202;*/
}

}

/* SLIDERS IN HOME ORIZZONTALI DA 5 ELEMENTI */


[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}