@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600|Work+Sans:400,500,600&display=swap');

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Plane Crash';
    src: url('../fonts/Plane Crash.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html {
    font-size: 100%;
}

* {
    margin: 0;
}

*, input, select, textarea, option, button {
    outline: none !important;
}

* {
    scrollbar-width: thin;
}

@media (max-width: 768px) {

    /* Per WebKit (Chrome, Safari, mobile browser) */
    ::-webkit-scrollbar {
        width: 1px !important; /* sottile in verticale */
        height: 1px !important; /* sottile in orizzontale */
    }

    ::-webkit-scrollbar-track {
        background: transparent; /* nessuno sfondo per il binario */
    }

    ::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.2); /* colore traslucido per il thumb */
        border-radius: 10px;
    }

    /* Per Firefox */
    * {
        scrollbar-width: thin; /* opzioni: auto, thin, none */
        scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
    }
}

body {
    border: 0;
    text-align: center;
    background-position: 50% 0% !important; /* background: #fff url(../img/sfondo.png) no-repeat;*/
    background-color: #edf1f8 !important;
    font-family: 'Work Sans', sans-serif !important;
    font-size: 0.875em !important;
    color: #000;
    line-height: 100%;
    background-attachment: fixed !important;
    margin: 0px auto !important;
}

.font-family-primary {
    font-family: 'Oswald', sans-serif !important;
}

.font-family-secondary {
    font-family: 'Work Sans', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif !important;
    letter-spacing: 0.15rem !important;
    text-transform: uppercase;
}

@media (min-width: 1200px) {
    .h4, h4 {
        font-size: 1.3rem !important;
    }
}

@media (max-width: 1200px) {
    .h4, h4 {
        font-size: 1.15rem !important;
    }
}


@media (max-width: 768px) {
    .h4, h4 {
        font-size: 1rem !important;
    }

    .h5, h5 {
        font-size: 0.9375rem !important;
    }

    .h6, h6 {
        font-size: 0.875rem !important;
    }
}

a {
    color: #1899cd !important;
}

input, select, textArea {
    margin-right: 5px;
    padding: .45rem .45rem;
    font-size: 0.875rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-left: 3px solid #ced4da;
}

    input[type=checkbox] {
        -webkit-appearance: none;
        background-color: #CDCDD0;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
        padding: 9px;
        border-radius: 3px;
        display: inline-block;
        position: relative;
        border: none !important;
        margin-right: 5px;
    }



    input[type=radio] {
        -webkit-appearance: none;
        background-color: white;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
        border-radius: 50% !important;
        display: inline-block;
        position: relative;
        height: 14px !important;
        width: 14px !important;
        border: 1px solid #b4b4b4 !important;
        vertical-align: top;
        margin-bottom: 6px;
        margin-left: 10px;
        margin-right: 5px;
    }

        input[type=radio]:hover, input[type=radio]:active, input[type=radio]:focus {
            border: 1px solid #b4b4b4 !important;
        }


        input[type=radio]:checked, input[type=radio]:checked:active {
            background: #fff !important;
            color: #099b4c !important;
            border: 1px solid transparent !important;
        }

            input[type=radio]:checked:after, input[type=radio]:active:after {
                content: '\f192';
                position: absolute;
                color: #1899cd;
                font-family: 'FontAwesome';
                font-size: 18px;
                margin: -0.75rem 0px 0px -0.58rem;
            }

    input:invalid {
        border: 2px solid red !important;
    }

    input:disabled {
        background-color: #f2f2f2;
    }


    input[type=file] {
        background-color: #f9f9f9;
        padding: 9px;
        border-radius: 3px;
        display: inline-block;
        position: relative;
        border: 1px solid #1899cd;
        width: 100%;
    }

        input[type=file] input[type=button] {
            color: red !important;
        }

    input[type=checkbox]:hover, input[type=checkbox]:active, input[type=checkbox]:focus {
        border: none !important;
    }

    input[type=checkbox]:checked, input[type=checkbox]:checked:active {
        background: #000 !important;
        color: #fff !important;
    }

        input[type=checkbox]:checked:after, input[type=checkbox]:active:after {
            content: '\2714';
            position: absolute;
            top: 1px;
            left: 3px;
            color: #fff;
            line-height: 1;
            font-size: 1rem;
            font-family: 'FontAwesome';
        }


    input[type=image] {
        background: none;
        padding: inherit;
    }


.intestazione, .intestazioneIndex {
    margin: 0 auto;
    width: 1040px;
    height: 273px;
    background: #fff url(../img/LogoFanta.png) no-repeat;
    text-align: right;
    background-position: bottom;
    box-shadow: 0px 0px 8px 4px rgb(0 0 0 / 10%);
}



.intestazioneIndex {
    background: #fff url(../img/LogoFantaIndex.png) no-repeat;
    box-shadow: 0px 0px 8px 4px rgb(0 0 0 / 10%);
}



#imgSovrapposta {
    background-image: #fff url(../img/LogoNeve.gif);
    z-index: -1001;
}





.body-master .container {
    max-width: 1080px !important;
}

.max-width-container {
    max-width: 1080px !important;
}

.container-rev {
    height: auto;
    box-shadow: -1px 3px 5px 2px rgba(0, 0, 0, 0.1);
    border-radius: 0px 0px 0 0 !important;
    max-width: 1080px !important;
    padding: 10px 0 10px 0;
    margin: 0 auto;
    background-color: white;
}

#logoLogin {
    background: url(../img/LogoFanta.png) no-repeat;
    height: 180px;
    width: 1080px;
    float: right;
}

.min-width-container {
    min-width: 768px;
}

#boxUtente {
    float: right;
    width: 32%;
    background-color: #F7F7DE;
    margin-top: 45px;
    text-align: left;
    padding: 10px;
    border: 1px solid #ddba3f;
    margin-right: 5px;
}

#bodyInfoUtente {
    padding: 20px 10px;
    background-color: #fff;
    border-radius: 4px;
    font-size: 16px;
    display: flex;
    border: solid 1px #dddddd;
    margin: 10px auto;
    width: 1020px;
}

.min-width250 {
    min-width: 250px !important;
}

.min-width130 {
    min-width: 130px !important;
}

.min-width100 {
    min-width: 100px !important;
}

.min-width35 {
    min-width: 35px !important;
}



.lnkGestioneAccount:before, .lnkEsci:before, .lnkContatti:before, .lnkGuestbook:before, .lnkConfigurazione:before {
    content: '\f2be';
    color: inherit;
    font-family: 'FontAwesome';
    font-size: 1.2rem;
    color: #fff;
    padding-right: 5px;
    vertical-align: bottom;
}

.lnkConfigurazione:before {
    content: '\f085';
}

.lnkContatti {
    padding-right: 30px;
}

    .lnkContatti:before {
        content: '\f003';
        font-size: 28px;
        color: #cb0767;
        padding-right: 10px;
    }

.lnkGuestbook:before {
    content: '\f0e6';
    font-size: 28px;
    color: #cb0767;
    padding-right: 10px;
}

.lnkEsci {
    display: contents;
}

    .lnkEsci:before {
        content: '\f08b';
        color: #cb0767;
    }




.div-container {
    border-radius: 10px;
    box-shadow: 0 0.03rem 3px rgba(0, 0, 0, 0.12), 0 0.03rem 2px rgba(0, 0, 0, 0.24);
}

.divInfoLight {
    border-radius: 10px;
    display: inline-block;
    box-shadow: 0 0.03rem 3px rgba(0, 0, 0, 0.12), 0 0.03rem 2px rgba(0, 0, 0, 0.24);
    width: min(94vw, 950px) !important;
}

    .divInfoLight img {
        width: 250px;
    }

.info-creaSquadra {
    text-transform: uppercase;
    text-align: left;
    display: inline-block;
    line-height: 1.5rem;
    background-color: #000;
    color: #fff;
    border-radius: 10px;
    width: 100%;
}


.textMaiuscolo {
    color: #000;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.textMaiuscoloBody {
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.4;
}




.panelDirectory a {
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: 500;
    color: #000 !important;
    text-decoration: none !important;
}

@media (max-width: 768px) {
    .panelDirectory a {
        font-size: 0.875rem;
    }
}

.lnkArchivio:hover, .lnkArchivio.active, .lnkArchivio.active:before,
.directory:hover .lnkArchivio,
.directory:hover .lnkArchivio:before {
    color: #cb0767 !important;
}


.boxAlbo, .boxSurvivor {
    height: auto !important;
    border-radius: 10px;
    background-color: #000;
}

    .archivio table.gridView th,
    .boxAlbo table.gridView th {
        font-size: 1.15em !important;
    }

    .archivio table.gridView td,
    .boxAlbo table.gridView td {
        font-size: 1.25em !important;
    }



.boxCoppaFinale {
    margin-top: 0 !important;
    padding-top: 0;
    height: auto !important;
}

.boxRiconoscimenti {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 6px;
    text-align: center;
}



.titolo, .titoloIndex, .IntFaseFinale, .titoloConsigli, .titNomeSquadra, .titoloPagePersonal {
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-size: 1.5rem;
    color: #000000;
    margin: 0 auto;
    text-align: center;
    font-weight: 500;
    padding-bottom: 3px;
    letter-spacing: 1px;
    background-color: #fff;
    width: 100%;
}

@media (max-width: 768px) {

    .titolo, .titoloIndex, .IntFaseFinale, .titoloConsigli, .titNomeSquadra, .titoloPagePersonal {
        font-size: 1.15rem;
    }

    .giornataCampionato {
        font-size: 0.8rem;
    }
}

.titoloPagePersonal {
    font-size: 1.7em;
    line-height: normal;
    letter-spacing: 2px;
    margin-top: 10px;
    text-transform: uppercase;
    border-bottom: 3px solid #cb0767;
    margin-bottom: 10px;
    cursor: pointer;
    border-radius: 6px 6px 0px 0px;
    background-image: linear-gradient( #fcceda9c,#fff);
}

.titoloConsigli {
    border: none;
    padding-bottom: 0px;
    font-size: 1.5rem;
    width: 100%;
    line-height: 60px;
}





.giornataCampionato {
    color: #1899cd;
    font-weight: bold;
    text-transform: uppercase;
}

.pnlFaseFinale {
    display: grid !important;
}

.faseFinaleG {
    font-size: 0.93rem;
}

.titolo, .titNomeSquadra {
    color: #000;
    border-bottom: 2px solid #cb0767;
}

.titNomeSquadra {
    font-size: 1.5875em;
    padding-top: 7px !important;
    padding-bottom: 6px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #cb0767;
    background: #f2f2f2 !important;
}


.linea {
    border-bottom: 1px solid #cb0767;
    margin: 5px 0px 5px 0px;
}







.IntFaseFinale {
    border: none;
    padding-bottom: 0;
    font-size: 1rem;
}



.fontBold {
    font-weight: bold !important;
}

.fontBold500 {
    font-weight: 500 !important;
}



.button, .buttonBlack {
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
    min-width: 200px;
    margin: 20px 0px 10px 0px;
    color: #000;
    background-image: -webkit-linear-gradient(-90deg, #fff 78%, #cb0767 22%);
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #cb0767;
    font-size: 1.4rem;
    text-transform: uppercase;
    border-radius: 6px !important;
    line-height: 50px;
    padding: 0px 30px 8px 35px;
}



    .button:hover {
        cursor: pointer;
        background-image: -webkit-linear-gradient(-90deg, #fff 78%, #000 22%);
    }

.btnCreaSquadra {
    background-image: -webkit-linear-gradient(-90deg, #fff 78%, #cb0767 22%);
    border: none;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #000;
    padding: 0px 30px 10px 35px;
    border-radius: 6px !important;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
    line-height: 50px;
    margin: 20px 0px 10px 0px;
    cursor: pointer;
}

    .btnCreaSquadra:hover {
        color: #cb0767;
    }


.buttonBlack {
    color: #cb0767;
    background: #000;
    border: 1px solid #cb0767 !important;
    border-radius: 6px;
    text-align: center;
    margin: 10px 0px 20px 0px;
}


.btn-formazioni, .btn-salvaFoto {
    padding-left: 41px;
    margin-bottom: 0px;
}



.btn-creaSquadra, .btn-creaSquadra-survivor {
    padding-left: 35px;
}

.btn-creaSquadra-survivor {
    vertical-align: sub;
}



.btn-guest, .btn-guest:hover {
    width: 150px;
    background: #fff url(../img/buttonGuestBook.png) no-repeat;
    float: right;
    height: 38px !important;
}






.textBox {
    text-align: center;
    border: 1px solid #ddba3f;
}







.genericBox, .divPageError {
    margin: 0 auto !important;
    text-align: center !important;
    height: auto;
    min-height: 0px;
}

.divPageError {
    padding-top: 25px;
    text-transform: uppercase;
    line-height: 1.6;
    font-size: 18px;
}

.genericBoxBorder {
    margin: 0 auto !important;
    text-align: center !important;
    border-bottom: 1px solid #cb0767;
    padding-bottom: 10px;
}

.message_errore {
    color: #Cb3234 !important;
    font-size: 1.1em !important;
    font-weight: bold;
    text-transform: uppercase;
    display: table;
    margin: 0 auto;
    line-height: 20px;
}

.message_ok {
    color: #099b4c !important;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    display: table;
    margin: 0 auto;
}


table.tableForm {
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 1.1em;
    text-transform: uppercase;
}



    table.tableForm th {
        font-weight: normal;
        text-align: left;
    }



    table.tableForm td {
        padding: 5px 10px 10px 5px;
    }



.clearer {
    clear: both;
}



/* PROGRESS BAR */


.modal {
    top: 35% !important;
    font-weight: bold !important;
    color: #000 !important;
    text-align: center !important;
}

modal-content {
    border-radius: 10px !important;
}
/*   ----STILI PER LA GESTIONE DEI POPOUP- INIZIO----   */

.modalBackground {
    background-color: #000000cc;
    background-position: left;
}



.modalPopup, .popupDettaglioSquadra,
.ajax__html_editor_extender_popupDiv {
    background-color: white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border: solid 1px #dddddd;
    width: 100%;
    max-width: 800px;
    max-height: 900px;
    margin-top: 0px !important;
    padding-bottom: 5px;
}

    .modalPopup .btn-close {
        margin-top: -45px;
    }

@media (max-width: 1200px) {
    .modalPopup {
        margin-top: 50px !important;
    }
}

.mp-formazione, .mp-storico-cambi {
    overflow-y: auto;
    scrollbar-width: thin;
    max-height: 680px;
}


@media (max-width: 405px) {
    .mp-formazione, .mp-storico-cambi {
        max-height: 555px;
    }
}

.popupTitle {
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
    color: #000 !important;
    text-align: center;
    font-weight: bold;
    cursor: move;
}

    .popupTitle .btn-close {
        font-size: 1.1rem !important;
    }



/* Grid View */

.gridView {
    margin: 0 auto;
}

table.gridView, table.gridRose, table.GridFormazioni, table.gridStoricoCambi, table.GridGironi, table.gridRosaForm,
table.gridAlbo, table.gridSchieraForm, table.gridRiepilogo, table.GridFaseFinale, table.gridClassifiche, table.gridRiconoscimenti,
table.GridBallottaggi {
    width: 100%;
    background-color: #fff;
    text-transform: capitalize;
    padding: 0;
    border: 0px solid transparent;
    border-spacing: 0;
    border-collapse: inherit !important;
    font-size: 1rem;
    border-radius: 10px;
}

    table.gridView i, table.gridRosaForm i {
        font-size: 1.3rem;
    }

@media screen and (min-width: 768px) and (max-width: 1080px) {
    table .gridView, table.gridRose, table.GridFormazioni, table.gridStoricoCambi,
    table.GridGironi, table.gridRosaForm, table.gridAlbo, table.gridSchieraForm,
    table.gridRiepilogo, table.GridFaseFinale, table.gridClassifiche,
    table.gridRiconoscimenti, table.GridBallottaggi {
        font-size: 0.95rem;
    }


    .footerFormazioni, .footerModulo, .footerLeft, .footerRight {
        font-size: 0.95rem !important;
    }
}

@media (max-width: 768px) {
    table.gridView, table.gridRose, table.GridFormazioni, table.gridStoricoCambi, table.GridGironi, table.gridRosaForm,
    table.gridAlbo, table.gridSchieraForm, table.gridRiepilogo, table.GridFaseFinale, table.gridClassifiche,
    table.gridRiconoscimenti, .footerCalendario, table.GridBallottaggi {
        font-size: 0.9rem !important;
    }


    .footerFormazioni, .footerModulo, .footerLeft, .footerRight {
        font-size: 0.9rem !important;
    }

    table.gridView i, table.gridRosaForm i {
        font-size: 1.2rem;
    }
}


table.gridRiconoscimenti {
    font-size: 1.20em;
}

table .GridFaseFinale input[type=image], table.gridView input[type=image], table.gridStoricoCambi input[type=image] {
    padding: 1px;
}

table.gridRiepilogo {
    width: 66%;
    float: right;
    text-transform: none;
    margin-top: 8px !important;
    margin-bottom: 40px !important;
}



    table.gridView td, table.gridRiepilogo td,
    table.gridAlbo td {
        padding: 9px 4px;
        border: 0px transparent;
    }

.divElencoCalciatori table.gridView td {
    padding: 8px 4px 3px 4px;
}

.offcanvas-body table.gridView td {
    text-transform: capitalize !important;
}

table.gridStoricoCambi td, table.gridRosaForm td {
    padding: 3px;
    border-left: 0px transparent;
    border-right: 0px transparent;
    border-top: 1px transparent;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    height: 33px;
}

table.gridRosaForm td {
    border: 0px transparent;
    padding-left: 1px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    font-weight: 500;
}

.divFormazioni .gridRosaForm tr {
    border-bottom: 1px solid rgba(0,0,0,0.05) !important;
    background-color: #fff;
}

    .divFormazioni .gridRosaForm tr:hover {
        background-color: #f9f9f9;
    }

table.gridView tr:hover, table.gridRosaForm tr, table.gridStoricoCambi tr {
    border-bottom: 1px solid rgba(0,0,0,0.05) !important;
    background-color: #f9f9f9;
}

    table.gridRosaForm tr:hover, table.gridStoricoCambi tr:hover {
        background-color: #fff;
    }

table.GridFormazioni td, table.gridRose td,
table.GridGironi td, table.GridFaseFinale td {
    padding: 7px 4px !important;
    border: 0px transparent;
}

    table.GridFormazioni td.cellVotiLive {
        text-align: left;
        padding: 7px 0px !important;
    }

table.GridBallottaggi td {
    padding: 0px 4px !important;
    border: 0px transparent;
}

table.gridClassifiche td, #albo table.gridview td {
    padding: 3px 3px 3px 3px;
    border: 0px transparent;
}

table.gridAlbo td {
    width: 50%;
    padding: 8px;
}

table.gridRiconoscimenti td {
    padding: 8px;
}

    table.gridAlbo td.fontBold, table.gridRiconoscimenti td.fontBold, .fontBoldGridRiepilogo {
        font-weight: bold !important;
        text-transform: uppercase;
    }

table.gridView th, table.gridRose th, table.gridAlbo th, .headerGrid, .intGrid, .headerBox,
.headerGridCup, .headerGridCupRis, .headerGridRiepilogo, .headerClassifiche,
.headeRosaControl, .headeRosaControlWithVice, .headerFormazioni, .headerDirectoryArchivio, .headerAccordion,
.headerCambioModulo, table.gridRiepilogo th {
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
    line-height: 1;
    background: #000000;
    font-weight: bold;
    color: #fff;
}

@media (max-width: 768px) {

    table.gridView th, table.gridRose th, table.gridAlbo th, .headerGrid, .intGrid, .headerBox,
    .headerGridCup, .headerGridCupRis, .headerGridRiepilogo, .headerClassifiche,
    .headeRosaControl, .headeRosaControlWithVice, .headerFormazioni, .headerDirectoryArchivio, .headerAccordion,
    .headerCambioModulo, table.gridRiepilogo th {
        font-size: 0.938rem !important;
    }

    .gridClassifiche-right tr:first-child {
        display: none;
    }

    table.GridFormazioni td, table.gridRose td, table.GridGironi td, table.GridFaseFinale td {
        padding: 7px 4px !important;
    }

        table.GridFormazioni td.cellVotiLive {
            text-align: left;
            padding: 7px 0px !important;
        }
}

@media (max-width: 576px) {

    table.gridView th, table.gridRose th, table.gridAlbo th, .headerGrid, .intGrid, .headerBox,
    .headerGridCup, .headerGridCupRis, .headerGridRiepilogo, .headerClassifiche,
    .headeRosaControl, .headeRosaControlWithVice, .headerFormazioni, .headerDirectoryArchivio, .headerAccordion,
    .headerCambioModulo, table.gridRiepilogo th {
        font-size: 0.93rem !important;
        line-height: 20px;
    }


    table.GridFormazioni td, table.gridRose td {
        padding: 6px 4px !important;
    }

    table.GridFaseFinale td {
        padding: 6px 3px !important;
    }

    table .GridFormazioni td.cellVotiLive {
        text-align: left;
        padding: 6px 0px !important;
    }
}

@media (max-width: 405px) {

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


.cambioModulo {
    padding-bottom: 5px;
    align-items: center;
}

.moduloScelto, .punteggioLive {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    margin: -10px 0px 0px 0px;
}

.punteggioLive {
    margin: -18px 0px 0px 0px;
}

.moduloScelto div {
    border: 1px solid #cb0767;
    background-color: #cb0767de;
    padding: 5px 10px;
    border-radius: 10px;
    text-align: center;
    width: 100px;
    float: right;
}

.punteggioLive div {
    border: 1px solid #cb0767;
    background-color: #cb0767de;
    border-radius: 10px;
    width: 100px;
}
    .punteggioLive div div {
        border: 1px solid transparent;
        background-color: transparent;
    }
        table .gridView th, .headerGrid, .headerBox, .headerClassifiche, .headeRosaControl, .headeRosaControlWithVice, .headerFormazioni, .headerGridCup, table.gridRiepilogo th, .headerGridCupRis, .headerAccordion, table.gridRiepilogo th, .IntFaseFinale {
    font-family: 'Oswald', sans-serif;
    font-size: min(3.2vw,0.945rem) !important;
}

.headerGrid, .headerBox, .headerClassifiche, .headeRosaControl, .headeRosaControlWithVice, .headerFormazioni, .headerGridCup,
table.gridRiepilogo th, .headerGridCupRis, .headerAccordion, table.gridRiepilogo th {
    border-radius: 10px 10px 0 0;
}

.headerAccordion {
    font-size: min(3.2vw,0.945rem) !important;
    line-height: 28px;
    margin: 0px 1px 0px 1px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
    border-radius: 8px 8px 4px 4px;
}

    .headerAccordion img {
        width: 29px;
    }

.headerBox {
    text-align: left;
    padding: 0.75rem 0 0.75rem 0.3rem;
}

.bodyAccordion {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 0px 0px 10px 10px;
    margin: -1px 1px 2px 1px;
    padding: 0.5rem;
}

.bodyAccordionBlack {
    background-color: #000;
    border-radius: 0px 0px 10px 10px;
    border-top: 1px solid #1899cd;
}

.headeRosaControl {
    padding: 10px 0px 0px 0px !important;
}

.headeRosaControlWithVice {
    padding: 3px 0px 2px 0px !important;
}

.headeRosaControl .linkAncorFormazioni {
    line-height: 21px;
}

.headeRosaControlWithVice .linkAncorFormazioni {
    line-height: 25px;
}

.headerBox img {
    margin-top: 3px;
}

.settoreForm {
    text-transform: capitalize;
    font-size: 0.8rem;
    color: #75B72A;
    height: 20px;
}



table.gridView th:first-child {
    border-radius: 10px 0 0 0 !important;
}

table.gridView th:last-child {
    border-radius: 0 10px 0 0 !important;
}



table.gridView th a {
    font-size: 0.938rem;
}

.intGrid, table.GridFormazioni th, table.gridStoricoCambi th, table.gridClassifiche th,
.intGridRose, table.GridGironi th, table.gridView th, table.gridRiepilogo th, table.gridRosaForm th {
    font-family: 'Oswald', sans-serif;
    font-size: 0.938rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 0px transparent;
}

table.gridStoricoCambi tr:first-child th:first-child {
    border-top-left-radius: 10px;
}

.divGridCambi_1 table.gridStoricoCambi tr:first-child th:first-child {
    border-top-left-radius: 0px;
}

table.gridStoricoCambi tr:first-child th:last-child {
    border-top-right-radius: 10px;
}

.divGridCambi table.gridStoricoCambi tr:first-child th:last-child {
    border-top-right-radius: 0px;
}

table.gridStoricoCambi tr:last-child td:first-child,
table.gridRosaForm tr:last-child td:first-child,
table.GridGironi tr:last-child td:first-child,
table.GridFaseFinale tr:last-child td:first-child,
table.gridView tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

.divGridCambi_1 table.gridStoricoCambi tr:last-child td:first-child {
    border-bottom-left-radius: 0px;
}

table.gridStoricoCambi tr:last-child td:last-child,
table.gridRosaForm tr:last-child td:last-child,
table.GridGironi tr:last-child td:last-child,
table.GridFaseFinale tr:last-child td:last-child,
table.gridView tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

.divGridCambi table.gridStoricoCambi tr:last-child td:last-child {
    border-bottom-right-radius: 0px;
}

@media (max-width: 768px) {
    .intGrid, table.GridFormazioni th, table.gridStoricoCambi th, table.gridClassifiche th, .intGridRose, table.GridGironi th, table.gridView th, table.gridRiepilogo th, table.gridRosaForm th {
        font-size: 0.875rem !important;
    }

    table.gridView th, table.gridRiepilogo th {
        padding: 0.70rem 3px 0.70rem 3px !important;
    }
}



.intGrid, table.GridFormazioni th, table.gridStoricoCambi th, table.gridClassifiche th,
.intGridRose, table.GridGironi th, table.gridRosaForm th, .offcanvas-body table.gridView th {
    background: #cb0767;
    color: #fff !important;
    font-weight: 500;
}

table.gridView th, table.gridRiepilogo th {
    padding: 0.75rem 5px 0.75rem 5px !important;
}

table.gridStoricoCambi th, table.gridClassifiche th, table.GridFormazioni th, table.GridGironi th, table.gridRosaForm th {
    text-transform: uppercase;
    padding: 5px 4px;
}

.cellGironi {
    min-width: 40px;
}

.cellPartita {
    min-width: 170px;
}

table.GridFaseFinale td.cellRisultato {
    padding: 9px 7px !important;
    vertical-align: sub;
}


.header-cell-v, .header-cell-magicV {
    display: none;
}

@media (max-width: 576px) {
    .cellGironi {
        min-width: 20px !important;
    }

    .cellPartita {
        min-width: 125px;
    }

    table.GridFaseFinale td.cellRisultato {
        padding: 7px 5px !important;
    }

    .formazioni-cup .cellMagicVoti {
        max-width: 40px;
    }

    .formazioni-cup .cellVoti {
        max-width: 40px;
        display: none;
    }

    .formazioni-cup .col-2 {
        padding: 1px;
    }

    .formazioni-cup .padding-totaleFormazione {
        padding-right: 5px;
    }



    .formazioni-cup .headerBox {
        font-size: 0.85rem !important;
    }


    .formazioni-cup table.GridFormazioni {
        font-size: 0.78rem !important;
    }

        .formazioni-cup table.GridFormazioni th {
            font-size: 0.8rem !important;
        }

        .formazioni-cup table.GridFormazioni img {
            width: 11px !important;
            height: 11px !important;
        }

    .header-cell-voto, .header-cell-magicVoto {
        display: none;
    }

    .header-cell-v, .header-cell-magicV {
        display: inline;
    }
}

@media (max-width: 405px) {
    .formazioni-cup .cellMagicVoti {
        max-width: 30px;
    }

    .formazioni-cup .cellVoti {
        max-width: 30px;
        display: none;
    }


    .formazioni-cup .padding-totaleFormazione {
        padding-right: 5px;
    }

    .formazioni-cup .col-2 {
        padding: 0px;
    }
}

table .gridRiepilogo th {
    padding: 7px 0px 8px 6px !important;
    font-size: 1.08em;
}

.headerGridCupRis {
    margin-left: -11px !important;
    padding: 12px 1px 0px 1px !important;
}



.headeRosaControl .fantAllenatore,
.headeRosaControlWithVice .fantAllenatore,
.headeRosaControl .viceFantallenatori,
.headeRosaControlWithVice .viceFantallenatori {
    font-family: 'Work Sans', sans-serif;
    color: #fff;
    text-transform: uppercase !important;
    font-size: 0.70em;
    line-height: 14.5px;
}

.headeRosaControlWithVice .viceFantallenatori {
    font-size: 0.55em;
    text-transform: capitalize !important;
}

.headeRosaControl .fantAllenatore {
    line-height: 30px;
}

    .headeRosaControl .fantAllenatore:before,
    .headeRosaControlWithVice .fantAllenatore:before {
        content: '\f508';
        font-size: 18px;
        padding-right: 10px;
        font-family: 'FontAwesome';
        color: #cb0767 !important;
    }

.headeRosaControl .viceFantallenatori:before,
.headeRosaControlWithVice .viceFantallenatori:before {
    content: '\e533';
    font-size: 13px;
    padding-right: 10px;
    font-family: 'FontAwesome';
}

.fantAllenatoreClas, .fantAllenatoreClasMin, .fantAllenatoreAlbo {
    color: #959393fc;
    line-height: 16px;
    text-transform: capitalize !important;
    font-size: 0.65em;
}

.fantAllenatoreClasMin {
    font-size: 0.60em;
}

.fantAllenatoreAlbo {
    font-size: 0.75em;
}

.divRegolamento .headerGridRiepilogo {
    padding-left: 15px !important;
}


#regolamenti .ajax__tab_xp .ajax__tab_body,
#albo .ajax__tab_xp .ajax__tab_body {
    box-shadow: none;
}


#regolamenti .ajax__tab_xp .ajax__tab_header .ajax__tab_tab,
#albo .ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
    width: 100% !important;
    text-wrap: nowrap;
}

#albo {
    min-height: 610px;
}

.divCountDownForm {
    background-color: #000000;
    padding-top: 20px;
}



.divCountDownForm {
    font-size: 1.1em;
    border-radius: 10px 10px 0 0;
}

.headerCambioModulo {
    font-size: 1.1em;
    background-color: transparent;
}




.cambioModulo .textMaiuscolo, .divCountDownForm .textMaiuscolo {
    color: #fff;
}

.panelDettagli .textMaiuscolo {
    line-height: 1.4 !important;
    letter-spacing: 0.9px !important;
    font-size: 1.1em;
}

.divCampo {
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

#campo {
    background: #fff url(../img/campo.png) no-repeat center center;
    background-size: 100% 100%;
    border-radius: 0 0 10px 10px;
    background-color: #000;
    margin: 0px;
    padding-top: 20px;
}

.divOperatoreData {
    padding: 5px;
    text-transform: uppercase;
    font-size: 0.7rem;
    background-color: #000;
    color: #fff;
    font-weight: 500;
    margin-bottom: 5px;
}

    .divOperatoreData span:first-child {
        float: left;
    }

    .divOperatoreData span:last-child {
        float: right;
    }

#panchina {
    background: #fff url(../img/campoPanchina.png) no-repeat center center;
    background-size: 100% 100% !important;
    padding-top: 52px;
    border-radius: 10px;
}

.rigaPerRuoloP,
.rigaPerRuoloD, GridFaseFinale,
.rigaPerRuoloC,
.rigaPerRuoloA, .rigaCentrocampo-difesa-5,
.rigaDifesa-5, .rigaCentrocampo-5, .rigaCentrocampo-difesa-5,
.rigaCentrocampo-difesa-5, .rigaAttacco-centro-5 {
    width: 100%;
    height: 150px;
}

.rigaPerRuoloA, .rigaAttacco-centro-5 {
    height: 150px !important
}

.rigaCampo {
    margin-bottom: 3px;
    margin-top: 1px;
    opacity: 1 !important;
}

.squadraCalc {
    font-size: 12px;
}

.btnCapitano, .btnViceCapitano {
    height: 18px;
    width: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    background-color: #cb0767;
    font-weight: bold;
    line-height: 1;
    border: 1px solid #e5e5e5;
    font-size: 0.75rem;
    border-radius: 50%;
    vertical-align: 0;
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    cursor: pointer;
}

.btnViceCapitano {
    background-color: #1899cd !important;
}

    .btnCapitano.incorso, .btnViceCapitano.incorso {
        margin-top: -92px;
    }

.imgCancelCalciatore {
    margin: 0 3px;
    width: 19px;
}


.calciatore, .calciatorePanchina {
    min-width: 130px;
    float: left;
    text-align: center;
    position: relative;
}

    .calciatore .nomeCalciatore {
        max-width: 125px;
    }

.rigaPerRuoloP .calciatore,
.rigaPerRuoloA .calciatore,
.rigaAttacco-centro-5 .calciatore {
    min-width: 140px;
}

    .rigaPerRuoloP .calciatore .nomeCalciatore,
    .rigaPerRuoloA .calciatore .nomeCalciatore,
    .rigaAttacco-centro-5 .calciatore .nomeCalciatore {
        max-width: 135px;
    }



.calciatorePanchina {
    min-width: 130px;
}

.calcMaglia {
    width: 100%;
    float: left;
}

.calcCapitano {
    width: 100%;
}

.calcNome {
    background-color: #040404;
    border-radius: 6px;
    color: #fff;
    opacity: 0.9;
    font-weight: bold;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    min-height: 24px;
    text-wrap: nowrap;
}

.calcNomeLabel {
    width: 100%;
    float: left;
}

.calcMaglia input[type=image] {
    width: 70px !important;
}

table.gridSchieraForm, table.gridSchieraFormPanchina {
    color: White;
    background-color: inherit;
    border: none;
    width: auto;
}


    table.gridSchieraForm td, table.gridSchieraFormPanchina td {
        border: none;
        font-size: 0.875rem;
        padding: 0 3px;
    }

@media screen and (min-width: 992px) and (max-width: 1080px) {


    .calciatore, .calciatorePanchina {
        min-width: 120px !important;
    }

        .calciatore .nomeCalciatore,
        .calciatorePanchina .nomeCalciatore {
            max-width: 115px !important;
        }

    .rigaPerRuoloP .calciatore,
    .rigaPerRuoloA .calciatore,
    .rigaAttacco-centro-5 .calciatore {
        min-width: 135px !important;
    }

        .rigaPerRuoloP .calciatore .nomeCalciatore,
        .rigaPerRuoloA .calciatore .nomeCalciatore,
        .rigaAttacco-centro-5 .calciatore .nomeCalciatore {
            max-width: 130px !important;
        }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .calciatore, .calciatorePanchina {
        min-width: 140px !important;
    }

        .calciatore .nomeCalciatore,
        .calciatorePanchina .nomeCalciatore {
            max-width: 135px !important;
        }
}

@media (max-width: 768px) {
    table.gridSchieraForm td, table.gridSchieraFormPanchina td {
        font-size: 0.788rem;
        padding: 0 1px;
    }

    .calciatore, .calciatorePanchina {
        min-width: 105px !important;
    }

        .calciatore .nomeCalciatore,
        .calciatorePanchina .nomeCalciatore {
            max-width: 100px !important;
        }



    .rigaPerRuoloP .calciatore,
    .rigaPerRuoloA .calciatore,
    .rigaAttacco-centro-5 .calciatore {
        min-width: 130px !important;
    }


        .rigaPerRuoloP .calciatore .nomeCalciatore,
        .rigaPerRuoloA .calciatore .nomeCalciatore,
        .rigaAttacco-centro-5 .calciatore .nomeCalciatore {
            max-width: 125px !important;
        }

    .cambioModulo {
        padding-bottom: 0px !important;
    }

    .moduloScelto {
    }

    .punteggioLive {
        margin: -16px 0px 0px 0px;
    }
}

@media (max-width: 576px) {
    table.gridSchieraForm td, table.gridSchieraFormPanchina td {
        font-size: 0.70rem;
        padding: 0 1px;
    }

    #campo {
        background: #fff url(../img/campoMobile_1.png) no-repeat center center !important;
        padding-top: 40px;
    }

    #panchina {
        background: #fff url(../img/campoPanchinaMobile.png) no-repeat center center;
        padding-top: 0px !important;
    }

    .calcMaglia input[type=image] {
        width: 65px !important;
    }

    .calciatore {
        min-width: 90px !important;
    }

        .calciatore .nomeCalciatore {
            max-width: 85px !important;
        }


    .calciatorePanchina {
        min-width: 125px !important;
    }

        .calciatorePanchina .nomeCalciatore {
            max-width: 120px !important;
        }

    .rigaPerRuoloP,
    .rigaPerRuoloD,
    .rigaPerRuoloC, .rigaCentrocampo-difesa-5,
    .rigaPerRuoloA, .rigaAttacco-centro-5,
    .rigaDifesa-5, .rigaCentrocampo-5 {
        height: 135px !important;
    }

    .rigaPerRuoloA, .rigaAttacco-centro-5 {
        height: 140px !important
    }

    .rigaPerRuoloA, .rigaAttacco-centro-5 {
        margin-bottom: 0px !important;
    }


        .rigaPerRuoloP .calciatore,
        .rigaPerRuoloA .calciatore,
        .rigaAttacco-centro-5 .calciatore {
            min-width: 115px !important;
        }

            .rigaPerRuoloP .calciatore .nomeCalciatore,
            .rigaPerRuoloA .calciatore .nomeCalciatore,
            .rigaAttacco-centro-5 .calciatore .nomeCalciatore {
                max-width: 110px !important;
            }



    .rigaDifesa-5 {
        margin-top: -55px;
    }

        .rigaDifesa-5 .gridSchieraForm tr td:nth-child(1) .calciatore {
            margin-top: 100px !important;
            margin-right: -18px !important;
        }

        .rigaDifesa-5 .gridSchieraForm tr td:nth-child(2) .calciatore {
            margin-right: -18px !important;
        }

        .rigaDifesa-5 .gridSchieraForm tr td:nth-child(3) .calciatore {
            margin-top: 100px !important;
        }

        .rigaDifesa-5 .gridSchieraForm tr td:nth-child(4) .calciatore {
            margin-left: -18px !important;
        }

        .rigaDifesa-5 .gridSchieraForm tr td:nth-child(5) .calciatore {
            margin-top: 100px !important;
            margin-left: -18px !important;
        }

    .rigaCentrocampo-difesa-5 {
        margin-top: 95px;
    }


    .rigaCentrocampo-5 {
        margin-top: -55px;
    }

        .rigaCentrocampo-5 .gridSchieraForm tr td:nth-child(1) .calciatore {
            margin-top: 100px !important;
            margin-right: -18px !important;
        }

        .rigaCentrocampo-5 .gridSchieraForm tr td:nth-child(2) .calciatore {
            margin-right: -18px !important;
        }

        .rigaCentrocampo-5 .gridSchieraForm tr td:nth-child(3) .calciatore {
            margin-top: 100px !important;
        }

        .rigaCentrocampo-5 .gridSchieraForm tr td:nth-child(4) .calciatore {
            margin-left: -18px !important;
        }

        .rigaCentrocampo-5 .gridSchieraForm tr td:nth-child(5) .calciatore {
            margin-top: 100px !important;
            margin-left: -18px !important;
        }

    .rigaAttacco-centro-5 {
        margin-top: 95px;
    }

    .cambioModulo {
        padding-bottom: 0px !important;
    }

    .divOperatoreData {
        margin-bottom: 0px !important;
        border-radius: 10px 10px 0 0;
    }

    .partitaCampionatoInCampo, .magicVotoInCampo {
        padding: 1px 9px 1px 9px !important;
        font-size: 0.67rem !important;
    }


    .btnCapitano, .btnViceCapitano {
        width: 16px;
        height: 16px;
        font-size: 0.63rem;
    }

    .moduloScelto {
        margin: -30px 0px 0px 0px;
        font-size: 0.8rem;
    }

    .punteggioLive {
        margin: -38px 0px 0px 0px;
    }

    .moduloScelto div {
        margin-left: 15px;
        float: left;
    }

    .punteggioLive div {
        margin-right: 15px;
        float: right;
        display:grid;
    }

    .divCountDownForm span {
        font-size: 0.85rem !important;
    }

    .btnCapitano.incorso, .btnViceCapitano.incorso {
        margin-top: -84px;
    }
}

@media (max-width: 412px) {
    table.gridSchieraForm td, table.gridSchieraFormPanchina td {
        font-size: 0.68rem;
        padding: 0 1px;
    }

    #campo {
        background: #fff url(../img/campoMobile.png) no-repeat center center !important;
    }

    #panchina {
        background: #fff url(../img/campoPanchinaMobile.png) no-repeat center center;
        padding-top: 0px !important;
    }

    .calcMaglia input[type=image] {
        width: 60px !important;
    }

    .calciatore {
        min-width: 82px !important;
    }

        .calciatore .nomeCalciatore {
            max-width: 77px !important;
        }


    .calciatorePanchina {
        min-width: 100px !important;
    }

        .calciatorePanchina .nomeCalciatore {
            max-width: 95px !important;
        }

    .rigaPerRuoloP,
    .rigaPerRuoloD,
    .rigaPerRuoloC, .rigaCentrocampo-difesa-5,
    .rigaPerRuoloA, .rigaAttacco-centro-5,
    .rigaDifesa-5, .rigaCentrocampo-5 {
        height: 135px !important;
    }

    .rigaPerRuoloA, .rigaAttacco-centro-5 {
        height: 140px !important
    }

    .rigaPerRuoloA, .rigaAttacco-centro-5 {
        margin-bottom: 0px !important;
    }


        .rigaPerRuoloP .calciatore,
        .rigaPerRuoloA .calciatore,
        .rigaAttacco-centro-5 .calciatore {
            min-width: 110px !important;
        }

            .rigaPerRuoloP .calciatore .nomeCalciatore,
            .rigaPerRuoloA .calciatore .nomeCalciatore,
            .rigaAttacco-centro-5 .calciatore .nomeCalciatore {
                max-width: 105px !important;
            }


    .rigaDifesa-5 {
        margin-top: -55px;
    }

        .rigaDifesa-5 .gridSchieraForm tr td:nth-child(1) .calciatore {
            margin-top: 100px !important;
            margin-right: -18px !important;
        }

        .rigaDifesa-5 .gridSchieraForm tr td:nth-child(2) .calciatore {
            margin-right: -18px !important;
        }

        .rigaDifesa-5 .gridSchieraForm tr td:nth-child(3) .calciatore {
            margin-top: 100px !important;
        }

        .rigaDifesa-5 .gridSchieraForm tr td:nth-child(4) .calciatore {
            margin-left: -18px !important;
        }

        .rigaDifesa-5 .gridSchieraForm tr td:nth-child(5) .calciatore {
            margin-top: 100px !important;
            margin-left: -18px !important;
        }

    .rigaCentrocampo-difesa-5 {
        margin-top: 95px;
    }




    .rigaCentrocampo-5 {
        margin-top: -55px;
    }

        .rigaCentrocampo-5 .gridSchieraForm tr td:nth-child(1) .calciatore {
            margin-top: 100px !important;
            margin-right: -18px !important;
        }

        .rigaCentrocampo-5 .gridSchieraForm tr td:nth-child(2) .calciatore {
            margin-right: -18px !important;
        }

        .rigaCentrocampo-5 .gridSchieraForm tr td:nth-child(3) .calciatore {
            margin-top: 100px !important;
        }

        .rigaCentrocampo-5 .gridSchieraForm tr td:nth-child(4) .calciatore {
            margin-left: -18px !important;
        }

        .rigaCentrocampo-5 .gridSchieraForm tr td:nth-child(5) .calciatore {
            margin-top: 100px !important;
            margin-left: -18px !important;
        }

    .rigaAttacco-centro-5 {
        margin-top: 95px;
    }

    .cambioModulo {
        padding-bottom: 0px !important;
    }

    .divOperatoreData {
        margin-bottom: 0px !important;
        border-radius: 10px 10px 0 0;
        font-size: 0.65rem !important;
    }

    .partitaCampionatoInCampo {
        padding: 1px 5px 1px 5px !important;
        font-size: 0.64rem !important;
    }

    .divCountDownForm span {
        font-size: 0.77rem !important;
    }

    .btnCapitano.incorso, .btnViceCapitano.incorso {
        margin-top: -80px;
    }
}

@media (min-width: 576px) {
    .grid-ruolo-p-panchina {
        margin-top: 36px !important;
    }
}




table.gridView a, table.gridRosaForm a {
    color: #000000;
}



table.gridView th a, table.gridRosaForm th a {
    color: White !important;
}



table.gridView table, table.gridRosaForm table {
    border: none;
}



.disableRowCalciatore,
.disableRowCalciatoreInRosa,
.disableRowCalciatore a {
    background-color: #e4e4e4 !important;
    color: #8f8f8f !important;
    text-decoration: line-through;
}

.disableRowCalciatoreInRosa {
    background-color: #f5f5f5 !important;
    text-decoration: none;
}

.disableRowCalciatore .circleRuoloP, .disableRowCalciatore .circleRuoloD, .disableRowCalciatore .circleRuoloC, .disableRowCalciatore .circleRuoloA {
    background-color: #8f8f8f !important;
}

.disableRowCalciatore .nomeSquadra {
    font-weight: normal !important;
}


.AlternateRow {
    background-color: #f4f4f4;
}

.AlternateRowLight {
    background-color: #f0f8ff69;
}

.rowMySquadra {
    color: #fff !important;
    font-weight: bold !important;
    background-color: #1899cd;
}

    .rowMySquadra a {
        font-weight: 600 !important;
        color: #fff !important;
        text-transform: uppercase;
    }

    .rowMySquadra .fantAllenatoreClas, .rowMySquadra .fantAllenatoreClasMin {
        color: #f1f1f1 !important;
    }

.rowCalciatoreSchierato {
    opacity: 0.2;
    background-color: #e1e1e1 !important;
}




.rowGestioneSquadre, .rowGestioneCambi {
    background: #cb0767;
    color: White;
    font-size: 1.35em;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    width: 100%;
}

.divOverflow, .divOverflowFirstG {
    overflow: auto;
    max-height: 565px;
    border-bottom: 1px solid #cccccc;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}



@media (min-width: 768px) {
    .rowGestioneSquadre {
        width: 70px;
        max-width: 70px;
    }

    .divOverflowFirstG {
        max-height: 985px !important;
    }
}


.rowGestioneCambi {
    background: #75B72A;
    font-size: 1.25em;
    width: 70px;
    max-width: 70px;
}





.divFormazioni {
    display: flex;
}

.blockFormazioni, .blockFormazioni_1 {
    float: left;
    margin: 0 5px 5px 5px;
    width: 67%;
    text-align: center;
    margin: 0 auto;
    position: relative;
}



.blockFormazioni_1 {
    width: 31% !important;
    margin-right: 15px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 6px;
}





.blockSquadra {
    width: 60% !important;
    margin-right: 22px;
    float: left;
}



.blockSquadra_1 {
    width: 30% !important;
    padding: 0 !important;
    float: left;
}







.creditiParziali {
    font-size: 1rem !important;
    font-weight: bold;
}

    .creditiParziali .rowGestioneSquadre {
        padding: 7px 23px;
    }


.divGridCambi, .divGridCambi_1 {
    float: right;
    text-align: center;
    display: block;
}

.divInfo {
    background-color: #000;
    color: #fff;
}

.divInfoFormazione {
    background: #000;
    color: #fff;
    border: none;
    float: none;
    text-align: center;
    line-height: 20px;
    border-radius: 10px;
}




.divUpLoadFoto {
    float: none;
    margin: 0 auto !important;
    text-align: center;
    width: 100% !important;
    font-weight: bold;
    margin-top: 10px !important;
    text-transform: uppercase;
    line-height: 2;
    padding: 10px 0px;
}

.divUpLoadFoto {
    border: 2px solid #cb0767;
    background: linear-gradient(2deg, #cb076714 0%, #fff 100%);
    border-radius: 6px;
}

.divUpLoadFoto {
    text-transform: capitalize;
    font-weight: normal;
    padding: 25px 0px;
    margin: 0 10px;
    width: 98% !important;
}

.panelDelete {
    margin: 0px 10px;
    text-align: left;
}

.divInfoFormazione, .divMsgLimite, .divInfoTmp, .InfoCreaFormazione {
    padding: 20px 15px 20px 15px !important;
    background-color: #000;
    border-radius: 6px;
    text-transform: uppercase;
    font-size: 1.10em;
    color: #fff;
    line-height: 1.9;
    font-weight: 500;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}



    .divMsgLimite .titoloLimite, .divInfoFormazione .titoloLimite {
        font-size: 1rem;
        font-weight: bold;
    }

.divNumSquadreHome {
    background-color: #000;
    color: #fff;
    border-radius: 10px;
    font-weight: bold;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

    .divNumSquadreHome i, .divInfo i {
        font-size: 20px;
    }

    .divNumSquadreHome h4 {
        line-height: 30px;
    }


        .divNumSquadreHome h4 a i, .divContentGironi a i, .divDashBoardCambi h5 a i, .accordion-header button a i {
            font-size: 1.4rem;
            margin-top: 5px;
            color: #b6effb !important;
        }

.accordion-header button a i {
    margin-top: 0px;
}

.divDashBoardCambi h5 a i {
    color: #70cfe3 !important;
}

.divContentGironi a i {
    font-size: 1.2rem;
}

.divContentGironi a {
    margin-top: -2px;
    margin-right: 10px;
}

.btn-fanta-home {
    flex-grow: 1;
}

@media (max-width: 405px) {

    .divNumSquadreHome i {
        font-size: 15px;
    }

    .divNumSquadreHome .btn-fanta-home {
        font-size: 0.8rem !important;
    }

    .divNumSquadreHome .btn-fanta-home {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.torneiFantaRev {
    display: ruby-text;
}

    .torneiFantaRev .divNumSquadreHome {
        float: none;
    }

.divGridCambi, .divGridCambi_1 {
    height: auto;
    width: 50% !important;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    float: left;
}






.divRegolamento, .divContentRose, .divContentGironi, .ancorPanel {
    margin: 0px 10px;
    text-align: justify;
    display: block;
    margin-bottom: 10px !important;
    text-align: center;
}

.divContentGironi {
    margin: 0 auto;
}

.divRegolamento {
    line-height: 1.5;
    margin: 0px;
    text-align: justify !important;
}

.ancorPanel {
    position: fixed;
}



/* GESTIONE ROSE */




.footerLeft {
    border-top: 2px solid #cb0767;
    background: #f2f2f2;
    border-right: 0;
    border-radius: 0 0 0 10px;
    font-size: 1rem;
}



.footerRight {
    border-top: 2px solid #cb0767;
    background: #f2f2f2;
    border-left: 0;
    border-radius: 0 0 10px 0;
    font-size: 1rem;
}

.footerFormazioni, .footerModulo {
    background: #f2f2f2;
    border-top: 2px solid #cb0767;
    border-radius: 0px 0px 10px 10px;
    font-size: 1rem;
}







.divTotale {
    width: 100% !important;
    float: left;
    text-align: right !important;
    border-top: 2px solid #cb0767;
    margin-left: 0px !important;
    font-weight: bold;
    padding: 5px 0px !important;
}

.divForm, .divRosa {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 10px;
    max-width: 340px;
}







.padding-left20 {
    padding-left: 20px !important;
}


.padding-right10 {
    padding-right: 10px;
}



.padding-right7 {
    padding-right: 7px;
}

.padding-totaleFormazione {
    padding-right: 14px;
}


.divGironi, .divCalendario, .divCalendarioFinale {
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}


.divCalendarioFinale {
    margin: 0 auto;
}





.divRosaInt {
    width: 50%;
    float: left;
}





.headerRose {
    padding: 2px 0px 2px 5px;
    text-wrap: nowrap;
}

.footerCalendario {
    text-transform: Capitalize;
    font-size: 1rem;
}







.form-select, .comboBoxSmall, comboBoxGoalLive {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 0.875rem !important;
    background-size: 16px 20px !important;
    padding: .375rem 1.25rem .375rem .75rem !important;
    min-width: 68px;
}

    .form-select.borderBold {
        font-weight: 800 !important;
        border: 1px solid #1899cd !important;
    }

.comboBoxSmall {
    min-width: 100px !important;
}

.comboBoxGoalLive {
    font-size: 1.2rem;
}

.line-height-select {
    line-height: 2.185rem;
}


.itemDisabilitato {
    color: #ced4da;
    font-style: italic;
}

.divArticolo {
    font-size: 1em;
}



.divIntArticolo, .divFootArticolo {
    float: left;
    font-weight: bold;
    font-style: italic;
}

.divFootArticolo {
    float: right;
    margin-right: 40px;
}


#Articolo {
    border-radius: 6px;
}






.floatRight, .float-right {
    float: right;
}


.floatLeft, .float-left {
    float: left;
}

.textNormal {
    font-size: 0.80rem !important;
    text-align: center !important;
    font-weight: normal;
    text-transform: uppercase;
}




.ajax__calendar_container {
    border: 1px solid #ddd !important;
    border-radius: .25rem !important;
    height: 210px !important;
}

.ajax__calendar_container, .ajax__calendar_body {
    width: 280px !important;
    min-width: 260px !important;
    min-height: 150px !important;
    font-family: 'Work Sans', sans-serif !important;
    font-size: 0.9rem !important;
}

    .ajax__calendar_container table, .ajax__calendar_container table td {
        font-family: 'Work Sans', sans-serif !important;
        font-size: 0.9rem !important;
        text-align: center !important;
        padding: 3px 6px !important;
        margin: 0px !important;
    }

.ajax__calendar_day {
    text-align: center !important;
}





.ajax__calendar_body {
    height: 160px !important;
}



.ajax__calendar_container table, .ajax__calendar_container table td {
    font-size: 0.88rem !important;
    text-align: center !important;
    padding: 0px 7px !important;
    margin: 0px !important;
}

.ajax__calendar_header {
    height: 25px !important;
}

.ajax__calendar_next, .ajax__calendar_prev {
    height: 25px !important;
}

.ajax__calendar_days, .ajax__calendar_years, .ajax__calendar_months {
    width: 280px !important;
    height: 160px !important;
}


.ajax__calendar_day, .ajax__calendar_dayname, .ajax__calendar_month, .ajax__calendar_year {
    text-align: center !important;
    width: 21px !important;
    height: 21px !important;
    line-height: 1.5;
    text-transform: capitalize !important;
}

.ajax__calendar_month, .ajax__calendar_year {
    width: 55px !important;
    height: 40px !important;
    line-height: 1;
}

.ajax__calendar_active .ajax__calendar_day,
.ajax__calendar_today .ajax__calendar_day,
.ajax__calendar_active .ajax__calendar_month,
.ajax__calendar_active .ajax__calendar_year {
    border: 1px solid #1899cd !important;
    border-radius: 0.25rem;
    background-color: #fff !important;
    color: #000 !important;
    font-weight: bold;
}

.ajax__calendar_active .ajax__calendar_day,
.ajax__calendar_active .ajax__calendar_month,
.ajax__calendar_active .ajax__calendar_year,
.ajax__calendar_day:hover, .ajax__calendar_month:hover, .ajax__calendar_year:hover {
    border: 1px solid #cb0767 !important;
    background-color: #cb076730 !important;
    border-radius: 0.25rem;
    color: #000 !important;
    font-weight: bold;
}

.ajax__calendar_today, .ajax__calendar_title {
    color: #000 !important;
    font-weight: bold;
    text-transform: capitalize !important;
}

    .ajax__calendar_today:hover, .ajax__calendar_title:hover {
        color: #1899cd !important;
    }

.tox-statusbar__branding {
    display: none !important;
}





.lnkFantaCampionato, .lnkRevolutionCup, .lnkSurvivor,
.lnkRegolamenti, .lnkVotiLive, .lnkArchivio, .lnkConsigli {
    color: #000 !important;
}

    .lnkFantaCampionato:hover, .lnkRevolutionCup:hover, .lnkSurvivor:hover,
    .lnkRegolamenti:hover, .lnkVotiLive:hover,
    .lnkArchivio:hover, .lnkConsigli:hover {
        color: #cb0767 !important;
    }

    .lnkFantaCampionato:before, .lnkRevolutionCup:before, .lnkSurvivor:before,
    .lnkRegolamenti:before, .lnkVotiLive:before,
    .lnkArchivio:before, .lnkConsigli:before {
        content: '\f1e3';
        font-family: 'FontAwesome';
        font-size: 45px;
        filter: drop-shadow(-1px 1px 1px #aaa);
    }

    .lnkRevolutionCup:before {
        content: '\f091';
    }

    .lnkSurvivor:before {
        content: '\f06d';
    }

    .lnkRegolamenti:before {
        content: '\f040';
    }

    .lnkVotiLive:before {
        content: '\f085';
    }

    .lnkArchivio:before {
        content: '\f5a2';
        color: #1899cd;
        display: block;
    }

    .lnkConsigli:before {
        content: '\f1ea';
    }




.titleMessage {
    border-bottom: 1px solid #e1e1e1;
    text-align: justify;
}



.consiglioControl {
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    line-height: 18px;
    text-align: justify;
}

    .consiglioControl i {
        font-size: 1rem !important;
    }

@media (max-width: 768px) {
    .consiglioControl .img-fluid {
        width: 50% !important;
    }
}



.consigliati {
    font-weight: bold;
    color: #1899cd;
}

.sconsigliati {
    font-weight: bold;
    color: #cb0767;
}

.pronostico {
    font-weight: bold;
    color: #75B72A;
}

.consigliSorpresa {
    font-size: 0.938rem !important;
}

.divConsiglio {
    width: 98%;
    min-height: 60px;
    height: auto;
    margin-bottom: 10px;
}





.divEditConsiglio {
    float: right;
    margin-top: -120px;
    margin-left: 3px;
}



.divEditPronostico {
    float: left;
    width: 3%;
    margin-top: 8px;
}



.divMessaggio {
    text-align: left;
    margin-bottom: 0px;
}

.panelMessageControl {
    padding: 5px 10px 0px 0px;
}


.labelCommenta, .labelMipiace {
    color: #0866ff !important;
    cursor: pointer;
    text-decoration: none;
}

.labelCommenta {
    color: #767676 !important;
}


.labelMipiace {
    cursor: inherit;
}

.imgMiPiace {
    margin-bottom: -2px !important;
    padding: 0px !important;
}

.watermarked {
    color: #6e6b6b !important;
    font-size: 1em;
    font-weight: 500;
}



.messageControl {
    background-color: #f3f9fd !important;
    margin-bottom: 2px;
    text-align: justify;
    border-radius: 10px;
    padding: 2px 10px;
}










#countdown, .countdownInit {
    font-weight: bold;
    color: #cb0767;
    font-size: 1.875em;
    padding-top: -20px;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}



.countdownInit {
    font-size: 1.8em;
    padding-top: 0px !important;
}





.linkButtonUser {
    padding: 0 5px 0 5px;
    text-transform: capitalize !important;
    vertical-align: super !important;
}






.gridview table, .gridRosaForm table {
    margin: 0 auto !important;
}


.gridview .form-control {
    padding: 0.375rem !important;
}

.nomeSquadra {
    font-weight: 500;
}



.partitaCampionato, .partitaCampionatoInCampo, .magicVotoInCampo {
    font-size: 11px;
    padding: 3px 15px 2px 15px;
    line-height: 2.2;
    background-color: #d9d9d9;
    border-radius: 10px;
    color: #000000;
    opacity: 1;
}



.partitaCampionatoInCampo, .magicVotoInCampo {
    padding: 1px 22px 1px 22px;
    background-color: #e8e8e8;
}

.magicVotoInCampo {
    font-size: 13px;
    font-weight: 500;
    padding: 3px 18px 3px 18px;
}

.rigaClassifica {
    text-align: left;
    padding-left: 4px !important;
}



.intDirectory, .intDirectoryArchivio, .intGestioneAccount {
    float: left;
    width: 100%;
    color: White;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}



.intDirectory, .intDirectoryArchivio, .intGestioneAccount {
    padding-bottom: 0px;
    margin-top: -37px !important;
    font-size: 1em;
    color: #7bcf29;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: bold;
}



.intDirectoryArchivio, .intGestioneAccount {
    width: 77%;
    float: right;
    margin-right: 10px !important;
    margin-top: 1px !important;
    padding-top: 6px;
    padding-bottom: 6px;
}

.directoryArchivio, .archivio {
    line-height: 1.5;
    margin: 20px 15px 10px 15px;
}

.directoryArchivio {
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    display: flow-root;
}

.intGestioneAccount {
    font-size: 1.25em;
    width: 99%;
    float: none;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 5px;
    margin-left: -5px !important;
}



/* UTILIZZATO NEL RAGGRUPAMENTO*/

.intestazioneBox {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 28px;
    background: url(../img/sfondoMenu.png) repeat-x center top;
    text-align: left;
    float: left;
    font-size: 0.8125em;
    width: 98%;
    padding: 4px 13px 0px 14px;
    text-decoration: none !important;
    color: white !important;
    font-weight: bold;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
}



.quickteam, .quickteamLeft {
    float: right !important;
    margin-right: -200px;
    margin-top: -390px;
    position: relative;
    text-align: left;
    width: 145px;
    padding: 5px;
}



.quickteamLeft {
    float: left !important;
    margin-left: -170px;
    text-align: right;
}



    .quickteam a, .quickteamLeft a {
        text-shadow: -1.0px 0 #5d7362 !important;
        color: #f1f1f1 !important;
        font-weight: 700;
        text-decoration: none !important;
        text-transform: capitalize;
        line-height: 15px;
    }





.linkAncorClassifica {
    color: #000 !important;
    text-decoration: none !important;
}



.linkAncorFormazioni {
    font-weight: bold;
    color: #fff !important;
    text-decoration: none !important;
    scroll-margin-top: 155px;
}



.txtFormazione {
    margin-top: -3px;
    margin-bottom: -3px;
    text-align: center;
}

.ajax__tab_header {
    float: left;
    background-image: linear-gradient(#f9f9f9, #f4f4f4);
}

.panelTab, .panelTabGiornate, .panelTabFixTop {
    display: flex;
    flex-flow: wrap;
}

.panelTabFixTop {
    position: fixed;
    top: 105px;
    max-width: 1048px;
    margin: 0 4px !important;
    background-image: linear-gradient(#f9f9f9, #f4f4f4);
    z-index: 1;
}

.inputTextSearch, .inputTextSearchTop, .inputTextSearchCalciatori {
    width: 100%;
    text-transform: uppercase;
    box-shadow: 0px 0px 8px 1px #ddd;
    border-left: 1px solid #ced4da;
    z-index: 1;
    font-size: 0.875rem !important;
}

.inputTextSearchTop {
    position: fixed;
    top: 106px;
    max-width: 1050px;
    margin-left: 3px;
    box-shadow: 0px 0px 8px 1px #282323 !important;
}

.list-rose .inputTextSearchTop {
    top: 106px;
}


.inputTextSearchCalciatori {
    width: 100%;
    margin: 6px 0px 15px 0px;
    box-shadow: 0px 0px 6px 0px #000;
}




@media (max-width: 992px) {
    .panelTabGiornate, .panelTabFixTop {
        flex-flow: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        white-space: nowrap;
    }

    .panelTabFixTop {
        width: 97% !important;
        top: 98px !important;
    }

    .inputTextSearchTop {
        width: 97% !important;
        top: 98px !important;
    }

    .list-rose .inputTextSearchTop {
        top: 98px !important;
    }
}

@media (max-width: 768px) {


    .panelTabFixTop {
        width: 96% !important;
        top: 84px !important;
    }

    .inputTextSearchTop {
        width: 96% !important;
        top: 84px !important;
    }

    .list-rose .inputTextSearchTop {
        top: 84px !important;
    }
}


@media (max-width: 576px) {
    .panelTabFixTop {
        margin: 0px !important;
        margin-left: -1px !important;
        top: 75px !important;
    }

    .inputTextSearchTop {
        margin: 0px !important;
        margin-left: -1px !important;
        top: 75px !important;
    }

    .list-rose .inputTextSearchTop {
        top: 75px !important;
    }
}

@media (max-width: 412px) {
    .panelTabFixTop {
        width: 95% !important;
        margin-left: -1px !important;
        margin: 0px !important;
    }

    .inputTextSearchTop {
        width: 95% !important;
        margin-left: -1px !important;
        margin: 0px !important;
    }
}


@media screen and (min-width: 992px) and (max-width: 1080px) {
    .panelTabFixTop {
        position: fixed;
        top: 105px;
        max-width: 1048px;
        margin-right: 14px !important;
        background-image: linear-gradient(#f9f9f9, #f4f4f4);
    }
}

.ajax__tab_header {
    width: 100%;
}

.boxSurvivor .ajax__tab_header {
    margin: 10px 0px 0px 0px;
}

.ajax__tab_default .ajax__tab {
    height: 46px !important;
    flex: 1 1 0;
}

.ajax__tab_xp .ajax__tab_body {
    border: none !important;
    font-family: 'Work Sans', sans-serif !important;
    padding: 1px !important;
    font-size: 14px !important;
    width: 100%;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.boxSurvivor .ajax__tab_xp .ajax__tab_body,
.tabDashboard .ajax__tab_body {
    box-shadow: none !important;
    border: none !important;
}

.creaSquadraSurvivor {
    padding: 15px 0 5px 0;
    margin: 0px 1px 0px 1px !important;
}

.ajax__tab_xp .ajax__tab_header, .ajax__tab_xp .ajax__tab_tab, .ajax__tab_outer, .ajax__tab_inner, .ajax__tab_xp .ajax__tab_active .ajax__tab_tab {
    background: none !important;
}

.ajax__tab_xp .ajax__tab_header {
    font-size: 1rem !important;
    width: 100%;
    background-color: #fff !important;
    height: 2.95rem;
    border-bottom: 2px solid #ccc;
    border-radius: 10px 10px 0 0;
    display: flex;
}

@media (max-width: 768px) {
    .ajax__tab_xp .ajax__tab_header {
        font-size: 0.938rem !important;
        height: 2.9rem;
    }
}

.ajax__tab_outer, .ajax__tab_inner {
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 16px !important;
}

.tab, .tab:hover, .tabActive,
.tabGiornate, .tabGiornate:hover, .tabActiveGiornate, .tabDisableGiornate,
.pager_active, .pager_inactive,
.ajax__tab_xp .ajax__tab_tab,
.tabClassifiche, .tabClassifiche:hover, .tabActiveClassifiche,
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {
    border: none;
    padding: 10px 1px 10px 1px;
    margin-right: 0px;
    color: #000000;
    border-radius: 6px 6px 0px 0px !important;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
    cursor: pointer;
}

    .tabClassifiche, .tabClassifiche:hover, .tabActiveClassifiche {
        padding: 10px 5px 10px 5px !important;
    }

    .ajax__tab_xp .ajax__tab_tab span {
        color: #000000 !important;
    }

.ajax__tab_xp .ajax__tab_active .ajax__tab_tab, .ajax__tab_xp .ajax__tab_tab {
    width: auto !important;
    padding: 10px 14.4px 8px 13px !important;
    height: auto !important;
}

.tab, .tabActive,
.tabClassifiche, .tabActiveClassifiche {
    flex: 1 1 0;
    font-size: 0.9375rem !important;
    border-bottom: 2px solid #ccc;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .tab, .tabActive,
    .tabClassifiche, .tabActiveClassifiche {
        min-width: 120px;
    }
}


@media (max-width: 768px) {
    .tab, .tabActive,
    .tabClassifiche, .tabActiveClassifiche {
        font-size: 0.875rem !important;
        min-width: 100px;
    }
}

@media (max-width: 412px) {
    .tab, .tabActive,
    .tabClassifiche, .tabActiveClassifiche {
        min-width: 90px;
    }
}
/*
@media screen and (max-device-width: 768px) {
    .tab, .tab:hover, .tabActive,
    .tabGiornate, .tabGiornate:hover, .tabActiveGiornate, .tabDisableGiornate,
    .tabClassifiche, .tabClassifiche:hover, .tabActiveClassifiche,
    .pager_active, .pager_inactive,
    .ajax__tab_xp .ajax__tab_tab,
    .ajax__tab_xp .ajax__tab_active .ajax__tab_tab {
        font-size: 1.2em !important;
    }

    #regolamenti .ajax__tab_xp .ajax__tab_tab,
    #regolamenti .ajax__tab_xp .ajax__tab_active .ajax__tab_tab {
        font-size: 1.8em !important;
    }

    .tabClassifiche, .tabClassifiche:hover, .tabActiveClassifiche,
    .tabClassifiche:last-child, .tabActiveClassifiche:last-child {
        font-size: 1.1em !important;
        padding: 25px 11px 23px 11.5px !important;
    }




    .ajax__tab_xp .ajax__tab_active .ajax__tab_tab, .ajax__tab_xp .ajax__tab_tab {
        padding: 25px 14.5px 23px 13px !important;
    }

    .ajax__tab_default .ajax__tab {
        height: 65px !important;
    }
}
*/
.panelTabSurvivor .tab, .panelTabSurvivor .tab:hover, .panelTabSurvivor .tabActive {
    width: 49.50% !important;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {
    margin-right: 0px !important;
}

.ajax__tab_xp .ajax__tab_tab, .ajax__tab_xp .ajax__tab_active .ajax__tab_tab {
    width: auto !important;
}


.tabGiornate, .tabGiornate:hover, .tabActiveGiornate,
.pager_active, .pager_inactive {
    min-width: 53.68px !important;
    float: left;
    border-bottom: 3px solid #d9d9d9;
}

.pnlDettaglioSurvivor .tabGiornate, .pnlDettaglioSurvivor .tabGiornate:hover, .pnlDettaglioSurvivor .tabActiveGiornate,
.pnlDettaglioSurvivor .pager_active, .pnlDettaglioSurvivor .pager_inactive {
    min-width: 50px !important;
}

.tabGiornate, .tabActiveGiornate, .tabDisableGiornate, .tabGiornate:hover {
    font-size: 1rem !important;
    flex-grow: 1;
}




.ajax__tab_xp .ajax__tab_active .ajax__tab_tab, .ajax__tab_xp .ajax__tab_tab {
    min-width: 100px !important;
}

.info_page {
    margin: 5px 0px 5px 0px;
}

.pager_active, .pager_inactive {
    float: none;
    margin-right: 2px;
}

    .tab:hover, .tabGiornate:hover, .tabClassifiche:hover, .tabActiveClassifiche:hover, .pager_active:hover, .pager_inactive:hover,
    .tabActive:hover, .tabActiveGiornate:hover,
    .pager_active:hover,
    .ajax__tab.ajax__tab_hover, .ajax__tab.ajax__tab_active {
        border-bottom: 3px solid #cb0767;
        color: #cb0767 !important;
        font-weight: 500;
    }

        .ajax__tab.ajax__tab_hover span, .ajax__tab.ajax__tab_active span {
            color: #cb0767 !important;
        }

.pager_active, .tabActive, .tabActiveClassifiche {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 3px solid #cb0767;
    font-weight: 500;
    color: #cb0767 !important;
}

.tabActiveGiornate, .tabActiveGiornate:hover {
    min-width: 53.68px !important;
    border-bottom: 3px solid #cb0767;
    background-image: linear-gradient(#f1f1f1, #f9f9f9);
    font-weight: bold;
    color: #cb0767;
}

.pnlDettaglioSurvivor .tabActiveGiornate, .pnlDettaglioSurvivor .tabActiveGiornate:hover {
    min-width: 50px !important;
}

.tabDisableGiornate {
    min-width: 53.68px !important;
    background-image: linear-gradient(#f9f9f9, #f4f4f4);
    border-bottom: 3px solid #d9d9d9;
    color: #d9d9d9;
    opacity: 0.6;
}

.pnlDettaglioSurvivor .tabDisableGiornate {
    min-width: 50px !important;
}

@media screen and (min-width: 992px) and (max-width: 1080px) {
    .tabGiornate, .tabGiornate:hover, .tabActiveGiornate,
    .pager_active, .pager_inactive, .tabDisableGiornate {
        min-width: 50px !important;
    }

    .inputTextSearchTop {
        width: 97% !important;
    }
}

.filtroSelSquadra {
    font-size: 0.8125em;
    color: #696969;
    line-height: 100%;
    float: left;
    margin-left: 5px;
    margin-top: 7px;
    font-weight: normal;
}



#topBtx {
    font-weight: 500;
    border: 1px solid #1899cd;
    background: #fff;
    text-align: center;
    padding: 10px 15px;
    position: fixed;
    bottom: 15px;
    right: 15px;
    cursor: pointer;
    display: none;
    color: #333;
    font-size: 0.875rem;
    border-radius: 6px;
    text-transform: uppercase;
}

    #topBtx:before {
        font-family: 'FontAwesome';
        content: '\f062';
        color: #cb0767;
    }

.DIVHidden {
    visibility: hidden;
}



.btnCambi {
    margin-top: -22px !important;
    margin-right: 10px;
    float: right;
    cursor: pointer;
}


.circleRuoloP, .circleRuoloD, .circleRuoloC, .circleRuoloA {
    height: 23px;
    width: 23px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 23px;
    font-size: 0.80rem;
    border-radius: 50%;
    vertical-align: 0;
    margin: 0 auto;
}

#panchina .circleRuoloP, #panchina .circleRuoloD, #panchina .circleRuoloC, #panchina .circleRuoloA {
    border-radius: 10px !important;
    height: 30px;
    width: 50px;
    line-height: 30px;
    font-size: 0.9rem;
    vertical-align: 0;
    margin: 0 auto;
}

.ruoloP, .ruoloD, .ruoloC, .ruoloA, .ruoloAll,
.ruoloP:visited, .ruoloD:visited, .ruoloC:visited, .ruoloA:visited,
.ruoloP:active, .ruoloD:active, .ruoloC:active, .ruoloA:active {
    text-decoration: none;
    text-transform: uppercase;
    color: #fff !important;
    font-weight: bold;
    flex-grow: 1;
    padding: 7px 2px;
    border-radius: 3px;
    margin-bottom: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}


@media (max-width: 576px) {
    .ruoloP, .ruoloD, .ruoloC, .ruoloA, .ruoloAll,
    .ruoloP:visited, .ruoloD:visited, .ruoloC:visited, .ruoloA:visited,
    .ruoloP:active, .ruoloD:active, .ruoloC:active, .ruoloA:active {
        font-size: 0.80rem !important;
        padding: 7px 1px;
    }
}

.circleRuoloP, .ruoloP {
    background-color: #ffc722;
}

.circleRuoloD, .ruoloD {
    background-color: #D0141B;
}

.circleRuoloC, .ruoloC {
    background-color: #29B8CE;
}

.circleRuoloA, .ruoloA {
    background-color: #75B72A;
}

.circleRuoloAll, .ruoloAll {
    background-color: #cb0767;
}

.portiere, .difensore, .centrocampista, .attaccante {
    color: #ffc722 !important;
    font-weight: bold;
    text-align: center;
}

.difensore {
    color: #D0141B !important;
}



.centrocampista {
    color: #29B8CE !important;
}



.attaccante {
    color: #75B72A !important;
}

.imgVincitoreCup {
    width: auto !important;
    margin: 0 auto !important;
}


.imgCampionato {
    width: 35px;
    height: 35px;
    opacity: 1 !important;
}


@media (max-width: 768px) {
    .imgCampionato {
        width: 30px;
        height: 30px;
    }

    .imgVincitoreCup {
        width: 160px !important;
        margin: 0 auto !important;
    }
}

.imgMondialiEuropei {
    width: 30px;
    padding: 9px 0px 9px 0px !important;
    border-radius: 4px;
}



.nomeSquadraTmp {
    margin-right: 385px;
}



.marginAuto {
    margin: 0 auto !important;
}



.divCountDownSurvivor .divCountDown {
    font-size: 1.0rem;
    color: #000 !important;
}



.divCountDown {
    line-height: 25px;
    padding: 0px 5px 0px 5px;
    font-weight: bold;
    color: #fff;
    height: 34px;
    border-radius: 6px;
    font-family: 'Oswald', sans-serif;
}



    .divCountDown p {
        margin-bottom: 0rem !important;
        font-size: 2.5rem !important;
    }


    .divCountDown:nth-child(4) p {
        color: #cb0767 !important;
    }

    .divCountDown span {
        font-size: 1.2rem !important;
    }

@media (max-width: 768px) {
    .divCountDown {
        line-height: 30px;
    }

        .divCountDown p {
            font-size: 1.6rem !important;
        }

    .divInfo h4 {
        font-size: 1rem !important;
    }
}


.guestBooK {
    background: #f2f2f2;
    padding: 5px;
    width: 170px;
    float: right;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-size: 1.5625em;
    font-weight: bold;
    color: #000000;
    vertical-align: middle;
    cursor: pointer;
}

.alignCenter {
    text-align: center !important;
}

.alignLeft {
    text-align: left !important;
}

.votiLive {
    color: #fff !important;
    text-align: center !important;
}



.totaleParziale {
    color: #cb0767 !important;
    padding: 3px 8px 3px 0px;
}


/* Creiamo una regola CSS che andrà a definire l’animazione nei suoi vari stadi
dove "regoliamo" il valore della proprietà opacity, potenzialmente possiamo
variare tutte le proprietà css che vogliamo. */
@-webkit-keyframes blinker {
    0% {
        opacity: 0.3;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        opacity: 0.3;
    }
}

/* Creiamo adesso la classe css che conterrà l’animazione, specificandogli il
numero di iterazioni da eseguire e la funzione di timing */

.divTeam .giornataLive {
    margin-left: 33.5px;
    margin-bottom: -22px;
    text-align: left;
    padding-top: 0.45rem;
    color: #cb0767;
    z-index: 1;
}

.giornataLive:before {
    font-family: 'FontAwesome';
    content: '\f192';
    font-size: 0.875rem;
    vertical-align: inherit;
}

.testoLampeggiante, .testoLampeggianteClass {
    -webkit-animation-name: blinker;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
    -webkit-animation-duration: 1.7s;
    color: #75B72A !important;
}



@media (max-width: 768px) {
    .divTeam .giornataLive {
        margin-left: 26px;
    }

    .giornataLive:before {
        font-size: 0.8rem;
    }
}


.testoLampeggianteClass {
    color: #75B72A;
}

.txtVotoLiveGrid {
    font-size: 1.4rem;
    text-align: center;
}


.imgGoalLive {
    margin-top: -2px;
    margin-right: 1px;
    width: 16px;
}

.imgFormCup {
    width: 26px;
    padding: 0px !important;
}

@media (max-width: 576px) {
    .imgFormCup {
        width: 20px;
        padding: 0px !important;
    }
}
.width100 {
    width: 100%;
}

.width300 {
    width: 100%;
}

.pnlGuestbook {
    line-height: 1.5;
}

.cbDoppiaIscrizione {
    color: #26b50c !important;
}



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

    .boxCreaSquadra {
        padding: 0px 30px 10px 20px !important;
    }

        .boxCreaSquadra input[type=radio] {
            width: 40px !important;
            height: 40px !important;
        }

        .boxCreaSquadra #radioButton {
            font-size: 10px !important;
        }

        .boxCreaSquadra input[type=radio]:checked:after, input[type=radio]:active:after {
            font-size: 17px !important;
            margin: -1rem 0 0px -0.50rem !important;
        }

        .boxCreaSquadra .button {
            background-size: 500px 110px;
            width: 500px !important;
            height: 110px !important;
            font-size: 45px !important;
            padding-left: 90px;
            margin-top: 30px;
            margin-bottom: 20px
        }

        .boxCreaSquadra .textBox {
            font-size: 50px !important;
            width: 90% !important;
            height: 9% !important;
        }

        .boxCreaSquadra .message_errore {
            line-height: 1.4;
        }

        .boxCreaSquadra h3 span {
            font-size: 48px !important;
            line-height: 2 !important;
        }
}



.boxCreaSquadra {
    padding-top: 0px;
    line-height: 1.5;
    padding: 5px 15px 15px 15px;
}

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

    .boxCreaSquadra .message_errore {
        font-size: 16px !important;
        line-height: 30px;
    }
}

.linkButton {
    color: #000;
    font-weight: 500;
}


    .linkButton:hover {
        color: #Cb3234;
    }

.paginator table {
    padding: 10px 0px;
}

    .paginator table tbody tr td {
        font-size: 16px !important;
    }

        .paginator table tbody tr td a, .paginator table tbody tr td span {
            background-color: #fff;
            padding: 9px;
            border: 1px solid #ebedf2;
            text-align: center;
            border-radius: 3px;
        }

        .paginator table tbody tr td span {
            border: 1px solid #0b7d40;
        }

        .paginator table tbody tr td a:hover {
            background-color: #f1f2f3 !important;
            border-color: #D9D9D9 !important;
        }

        .paginator table tbody tr td a {
            font-size: 15px !important;
            padding: 8px 14px;
            color: #000;
            text-decoration: none;
        }

        .paginator table tbody tr td span {
            color: #fff !important;
            padding: 8px 14px;
        }

        .paginator table tbody tr td span {
            background-color: #000;
        }

.premiato, .nonPremiato {
    border-left: 5px solid #75B72A !important;
}

.nonPremiato {
    border-left: 5px solid #d7dbd4 !important;
}

.premiatoAlbo {
    border-left: 5px solid #75B72A !important;
}

.differenzaPunti {
    color: #999999fc;
}

.rowMySquadra .differenzaPunti {
    color: #fff;
}

.risultatoCoppa {
    background-color: #000;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.2;
    padding: 10px;
    width: 300px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 10px;
    text-shadow: -1px -1px 5px #fff2;
}

.vincitriceCUP {
    font-size: 1.6em;
    text-transform: uppercase;
    font-weight: bold;
    margin: 20px 0px 0px 0px;
    -webkit-animation-name: blinker;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
    -webkit-animation-duration: 1.7s;
    color: #725e25;
}

@media (max-width: 768px) {

    .vincitriceCUP {
        font-size: 1.4em;
    }
}

.elencoMenuAutocompleteMax {
    background-color: #f5f5f5 !important;
    text-align: left !important;
    text-transform: uppercase;
    box-shadow: 0px 0px 8px 1px #000;
    top: 50%;
    position: absolute;
    margin: 0px;
    padding: 0px;
}


.itemMenuAutocomplete, .itemSelectedMenuAutocomplete {
    line-height: 25px;
    list-style-type: none;
    text-align: left !important;
    padding: 7px 10px 7px 20px;
    border-bottom: 1px solid #cb0767;
    cursor: pointer;
    width: 100%;
}

.itemSelectedMenuAutocomplete {
    background-color: #f5f5f5;
    border-bottom: 2px solid #cb0767;
    color: #777777;
    font-weight: 600;
    width: 100%;
}







.posClassificaGreen:after,
.posClassificaYellow:after,
.posClassificaRed:after {
    font-family: 'FontAwesome';
    padding-left: 2px;
    font-size: 1.1em;
    vertical-align: middle;
}

.posClassificaGreen:after {
    content: '\f0de';
    color: #75B72A;
    vertical-align: sub;
}

.posClassificaYellow:after {
    content: '\f0da';
    color: #ffcc00;
}

.posClassificaRed:after {
    content: '\f0d7';
    color: #D0141B;
}



.posClassContainerGio, .posClassContainerGen,
.posClassContainerAR, .posClassContainerMin,
.posClassContainerClub, .posClassContainerSettori, .posClassContainerGioDisable, .posClassContainerGenDisable,
.posClassContainerARDisable, .posClassContainerMinDisable,
.posClassContainerSettori, .posClassContainerSettoriDisable {
    background-color: #000;
    min-height: 80px;
    display: inline-block;
    border-radius: 10px;
    opacity: 1;
    transition: opacity .22s linear;
    overflow: hidden;
    cursor: pointer;
    letter-spacing: 0.02rem;
    position: relative;
    width: 100%;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}


.posClassContainerGio, .posClassContainerGioDisable {
    /* background-color: #349000;*/
    background-color: #75B72A;
}

.posClassContainerGen, .posClassContainerGenDisable {
    /*background-color: #e46f09;*/
    background-color: #29B8CE;
}

.posClassContainerAR, .posClassContainerARDisable {
    /* background-color: #b33b54;*/
    background-color: #4C3F92;
}

.posClassContainerMin, .posClassContainerMinDisable {
    /* background-color: #1C75bc;    */
    background-color: #D0141B;
}

.posClassContainerClub, .posClassContainerClubDisable {
    /* background-color: #af9e40;    */
    background-color: #AF3F51;
}

.posClassContainerSettori, .posClassContainerSettoriDisable {
    /* background-color: #daa520;    */
    background-color: #F28C28;
}

    .posClassContainerGio:hover, .posClassContainerGen:hover,
    .posClassContainerAR:hover, .posClassContainerMin:hover,
    .posClassContainerClub:hover, .posClassContainerSettori:hover {
        opacity: 0.8;
    }

        .posClassContainerGio:hover .logoPosClass, .posClassContainerGen:hover .logoPosClass,
        .posClassContainerAR:hover .logoPosClass, .posClassContainerMin:hover .logoPosClass,
        .posClassContainerClub:hover .logoPosClass, .posClassContainerSettori:hover .logoPosClass {
            opacity: 1;
        }


.posClassContainerGioDisable, .posClassContainerGenDisable,
.posClassContainerARDisable, .posClassContainerMinDisable,
.posClassContainerClubDisable, .posClassContainerSettoriDisable {
    opacity: 0.45;
    filter: grayscale(90%);
    -webkit-filter: grayscale(90%);
    -moz-filter: grayscale(90%);
    -ms-filter: grayscale(90%);
    -o-filter: grayscale(90%);
    filter: gray;
}



.posClasContainerIn {
    color: #fff !important;
    line-height: 1;
    text-decoration: none;
    text-align: left;
}


.posClasName {
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: uppercase;
}

.posClasPosizione {
    font-size: 1.2rem;
}

.posClasDiff {
    font-size: 13px;
    line-height: 2.2;
}

.logoPosClass {
    height: 100%;
    object-fit: cover;
    object-position: left center;
    position: absolute;
    top: 2px;
    right: 10px;
    opacity: 0.9;
    width: 100px;
}

@media (max-width: 768px) {
    .logoPosClass {
        width: 80px;
        right: 20px;
    }
}



/*   DIV SQUADRE     */
.squadre, .competizioni {
    display: flex;
    margin: auto;
    width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
    align-items: flex-start;
    align-content: center;
    padding: 5px 10px 5px 10px;
    border-radius: 0 0 10px 10px;
}



.boxHeader {
    background-color: #000000;
    color: #fff;
    border-radius: 10px 10px 0 0;
}

.squadra-in {
    justify-content: center;
    align-items: center;
    flex-grow: 1;
}

    .squadra-in a {
        box-shadow: 0 1px 3px rgb(0 0 0 / 30%), 0 1px 2px rgb(0 0 0 / 36%);
        text-decoration: none;
        display: block;
        color: #fff;
        height: auto;
        padding-bottom: 0px;
        max-width: 260px;
        min-width: 250px;
        margin: 10px;
        text-transform: uppercase;
        font-weight: bold;
        border-radius: 20px;
        opacity: 0.5;
    }


@media (max-width: 768px) {


    .squadra-in a {
        max-width: 260px;
        min-width: 240px;
    }



    .squadra-dataIscrizione, .competizione-dataIscrizione {
        font-size: 0.65rem !important;
    }

    .squadra-nome {
        font-size: 1rem !important;
        line-height: 21px !important;
    }


    .squadra-fantallenatore, .squadra-fantallenatoreConVice {
        font-size: 0.7rem !important;
        letter-spacing: 0.4px !important;
    }

        .squadra-fantallenatore:before, .squadra-fantallenatoreConVice:before {
            font-size: 16px !important;
            padding-right: 5px !important;
        }

    .squadra-viceFantallenatore:before {
        font-size: 11px !important;
    }

    .squadra-viceFantallenatore {
        font-size: 8px !important;
    }


    .squadra-in.box .squadra-nome {
        line-height: 23px !important;
    }
}

.competizioni .squadra-in a {
    opacity: 0.8;
}



.squadra-in.box1 a, .squadra-in.box1 a.disabled {
    background: url(../img/boxSquadra_1.png) no-repeat;
}

.squadra-in.box2 a, .squadra-in.box2 a.disabled {
    background: url(../img/boxSquadra_2.png) no-repeat;
}

.squadra-in.box3 a, .squadra-in.box3 a.disabled {
    background: url(../img/boxSquadra_3.png) no-repeat;
}

.squadra-in.box4 a, .squadra-in.box4 a.disabled {
    background: url(../img/boxSquadra_4.png) no-repeat;
}

.squadra-in.box5 a, .squadra-in.box5 a.disabled {
    background: url(../img/boxSquadra_5.png) no-repeat;
}

.squadra-in.box6 a, .squadra-in.box6 a.disabled {
    background: url(../img/boxSquadra_6.png) no-repeat;
}

.boxSquadraDisable a {
    background: url(../img/boxSquadra_Disable.png) no-repeat !important;
    opacity: 0.7 !important;
}

#campo a.disabled {
    filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%) !important;
    -moz-filter: grayscale(100%) !important;
    -ms-filter: grayscale(100%) !important;
    -o-filter: grayscale(100%) !important;
    filter: gray !important;
    pointer-events: auto;
    cursor: pointer;
}

.squadra-in.box .squadra-nome {
    line-height: 29px !important;
}

.squadra-in .active {
    border-radius: 20px;
    opacity: 1 !important;
    zoom: 103%;
}

.squadra-in .fa-caret-down {
    display: none;
}

    .squadra-in .fa-caret-down.active {
        display: grid !important;
        font-size: 2.5rem;
        color: #cb0767;
        margin-top: -22px;
        border: none !important;
    }



.squadra-in .active .competizione-logo {
    -webkit-animation-name: blinker;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
    -webkit-animation-duration: 1.7s;
}

.squadra-in a:hover {
    opacity: 0.7 !important;
}



.squadra-nome {
    color: #ffffff;
    font-size: 1.2rem;
    line-height: 31px;
}

.tipoPartecipanti {
    background-color: #daa520;
    color: #fff;
    letter-spacing: 0.5px;
    border-radius: 15px;
    padding: 0px 7px;
    font-weight: bold;
    margin: 5px 40px 5px 40px;
    border: .5px solid hsla(0, 0%, 100%, .5);
    font-size: 0.75rem;
}

    .tipoPartecipanti.all {
        background-color: #75B72A;
    }

    .tipoPartecipanti.coming {
        background-color: #1899cd;
    }


    .tipoPartecipanti:before, .tipoPartecipanti.all:before {
        content: '\f023';
        font-size: 0.80rem;
        padding-right: 5px;
        font-family: 'FontAwesome';
    }

    .tipoPartecipanti.all:before {
        content: '\f3c1';
    }


.squadra-dataIscrizione, .competizione-dataIscrizione {
    color: #fff;
    font-size: 0.8rem;
    line-height: 20px;
}

.competizione-dataIscrizione {
    letter-spacing: 0.5px;
    border: .5px solid hsla(0, 0%, 100%, .5);
    background-color: #00000099;
    padding: 1px 5px;
    border-radius: 15px;
    margin: 5px 18px 5px 18px;
    line-height: 18px;
}

    .squadra-dataIscrizione:before, .competizione-dataIscrizione:before {
        content: '\f753';
        font-size: 0.80rem;
        padding-right: 5px;
        font-family: 'FontAwesome';
    }



.squadra-logo, .squadra-logoConVice, .competizione-logo {
    width: 90px;
    height: 86px;
    background: url(../img/Fantacalcio.png) no-repeat !important;
    background-size: 100% !important;
    margin: 14.5px auto;
}

.squadra-logoConVice {
}

.competizione-logo {
    width: 74px;
    height: 69px;
}

@media (max-width: 768px) {
    .squadra-logo, .squadra-logoConVice, .competizione-logo {
        margin: 0.67rem auto;
    }
}


.squadra-boxViceFantallenatori {
    text-align: left;
    display: inline-block;
    margin-top: -6px;
}

.squadra-fantallenatore, .squadra-fantallenatoreConVice {
    font-size: 14px;
    line-height: 42px;
    letter-spacing: 0.6px;
}

.squadra-fantallenatoreConVice {
    vertical-align: text-top;
    line-height: 25px;
}

    .lblFantallenatore:before, .squadra-fantallenatore:before, .squadra-fantallenatoreConVice:before, .squadra-viceFantallenatore:before {
        content: '\f508';
        font-size: 20px;
        padding-right: 10px;
        color: #cb0767 !important;
        font-family: 'FontAwesome';
    }

.squadra-viceFantallenatore:before {
    color: #1899cd !important;
}

.squadra-fantallenatore:before, .squadra-fantallenatoreConVice:before {
    font-size: 20px;
    padding-right: 10px;
    color: #000;
    vertical-align: sub;
}

.squadra-fantallenatoreConVice:before {
    vertical-align: top;
}

.competizione-vincsopraelim {
    display: grid;
}

.competizione-vincitore,
.survivor-vincitore {
    color: #75B72A;
    font-size: 1.1rem;
}

button.prev, button.next {
    background: none;
    border: none;
    color: #fff;
}

    button.prev i, button.next i {
        font-size: 1.1rem;
    }


.border-left {
    border-left: 1px solid;
}

.divTorneiSurvivor, .divTeamHome {
    overflow-x: hidden !important;
    flex-wrap: nowrap !important;
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.divTeamHome {
}

@media (max-width: 768px) {
    .divTorneiSurvivor, .divTeamHome {
        overflow-x: auto !important;
    }

    .tipoPartecipanti {
        font-size: 0.65rem;
    }
}

.divTorneiSurvivor .competizione-vincitore {
    font-size: 1.1320rem;
}

.survivor-vincitore {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 20px;
}

.albo-vincitore, .albo-squadra-vincitrice {
    color: #DAA520 !important;
}

.competizione-start, .competizione-winner {
    color: #DAA520;
    font-size: 1.275rem;
}

.competizione-start {
    -webkit-animation-name: blinker;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
    -webkit-animation-duration: 2.2s;
}

.divTorneiSurvivor .competizione-start {
    font-size: 1.2rem !important;
    color: #75B72A;
}

.selectedCompetizione {
    border-bottom: 4px solid #000;
    margin: 0px 65px;
    border-radius: 10px;
}

    .selectedCompetizione.active {
        border-color: #75B72A;
    }

.lblViceFantallenatori {
    margin-right: 20px;
}

.floatRight .fa-angle-double:after {
    line-height: 17px !important;
}


.lblViceFantallenatori:before, .competizione-iscritti:before,
.survivor-vincitore:before, .survivor-vincitore:after,
.competizione-vincitore:before, .competizione-vincitore:after,
.competizione-winner:before, .competizione-winner:after,
.competizione-start:before, .competizione-start:after,
.albo-vincitore:before {
    content: '\e533';
    font-size: 20px;
    padding-right: 10px;
    color: #1899cd;
    font-family: 'FontAwesome';
    cursor: pointer;
}

.pnlDettaglioSurvivor .survivor-vincitore:before, .pnlDettaglioSurvivor .survivor-vincitore:after {
    color: #cb0767;
}

.competizione-giornataStart {
    color: #DAA520;
    font-size: 1rem;
}

.lblViceFantallenatori, .lblFantallenatore, .fantaAllenatore span, .lblViceFantallenatori:before {
    cursor: pointer;
    color: #fff !important;
}

.competizione-vincitore:before, .competizione-vincitore:after {
    content: '\f005';
    color: #cb0767;
    padding: 0px 5px;
    line-height: 25px;
}

.competizione-start:before, .competizione-start:after {
    content: '\f101';
    color: #75B72A;
    padding: 0px 5px 0px 0px;
    line-height: 25px;
    font-size: 1.1rem;
}

.competizione-start:after {
    content: '\f100';
    padding: 0px 0px 0px 5px;
}

.competizione-winner:before, .competizione-winner:after, .survivor-vincitore:before, .survivor-vincitore:after, .albo-vincitore:before {
    content: '\f5a2';
    color: #1899cd;
    padding: 0px 10px;
}


.albo-vincitore:before {
    color: #DAA520;
    padding: 0px 2px 0px 0px;
    font-size: 1.1rem !important;
}

.divTorneiSurvivor .competizione-winner:before, .divTorneiSurvivor .competizione-winner:after {
    padding: 0px 3px 0px 3px;
    font-size: 1.3rem;
}

.divTorneiSurvivor .competizione-vincitore:before, .divTorneiSurvivor .competizione-vincitore:after {
    padding: 0px 2px 0px 2px;
    font-size: 1.1rem;
    content: none;
}



.survivor-vincitore:before, .survivor-vincitore:after {
    font-size: 50px;
    vertical-align: middle;
}

@media (max-width: 576px) {
    .competizione-giornataStart {
        font-size: 0.875rem;
    }

    .competizione-winner {
        font-size: 1.2rem;
    }

    .survivor-vincitore {
        font-size: 22px !important;
    }

    .competizione-vincitore {
        font-size: 0.91rem !important;
    }

    .competizione-winner {
        margin-bottom: 0.040rem;
    }


    .divTorneiSurvivor .competizione-vincitore:before,
    .divTorneiSurvivor .competizione-vincitore:after {
        vertical-align: middle;
        font-size: 1rem;
    }

    .divTorneiSurvivor .competizione-winner:before,
    .divTorneiSurvivor .competizione-winner:after {
        content: none;
    }

    .divTorneiSurvivor .competizione-vincitore {
        font-size: 14px !important;
    }

    .survivor-vincitore:before, .survivor-vincitore:after {
        font-size: 35px;
    }

    .competizione-vincitore:before, .competizione-vincitore:after,
    .competizione-winner:before, .competizione-winner:after {
        font-size: 18px;
    }


    .divTorneiSurvivor .competizione-start {
        font-size: 1.1rem !important;
    }

}

.competizione-iscritti {
    font-size: 15px;
}

    .competizione-iscritti:before {
        font-size: 1.3rem;
        line-height: 26px;
    }

.competizione-sopravvissuti, .competizione-eliminati {
    font-size: 15px;
    margin-right: 10px;
    line-height: 16px;
}

.divTorneiSurvivor .competizione-sopravvissuti,
.divTorneiSurvivor .competizione-eliminati {
    margin-right: 2px !important;
}

.competizione-sopravvissuti, .competizione-eliminati {
    margin: 2px;
}

    .competizione-sopravvissuti:before, .competizione-eliminati:before {
        content: '\f004';
        font-size: 1.3rem;
        padding-right: 10px;
        color: #75B72A;
        font-family: 'FontAwesome';
        vertical-align: middle;
        line-height: 23px;
    }

    .competizione-sopravvissuti:before, .competizione-eliminati:before, .competizione-iscritti:before {
        padding-right: 0px !important;
    }

.divTorneiSurvivor .competizione-iscritti:before,
.divTorneiSurvivor .competizione-sopravvissuti:before,
.divTorneiSurvivor .competizione-eliminati:before {
    line-height: 25px !important;
}

.competizione-eliminati {
    font-size: 14px;
}

    .competizione-eliminati:before {
        content: '\f714';
        color: #D0141B;
    }

.pnlDettaglioSurvivor .competizione-stato-terminato,
.pnlDettaglioSurvivor .competizione-stato-incorso,
.pnlDettaglioSurvivor .competizione-stato-aperto {
    font-size: 0.80rem;
    font-weight: bold;
    padding: 4px 30px !important;
    border-radius: 10px 0px 10px 0px;
    margin-bottom: 0px;
    float: right;
    margin-right: -16px;
    margin-top: 10px;
}

.competizione-iscritti-home {
    font-weight: bold;
}

.competizione-stato-terminato,
.competizione-stato-incorso,
.competizione-stato-aperto,
.competizione-iscritti-home {
    font-size: 0.875rem;
    color: #fff;
    border-radius: 10px;
    padding: 3px 20px;
    display: inline-block;
    margin: 5px 5px 10px 5px;
    letter-spacing: 0.5px;
}

@media (max-width: 576px) {
    .divTorneiSurvivor .competizione-stato-terminato,
    .divTorneiSurvivor .competizione-stato-incorso,
    .divTorneiSurvivor .competizione-stato-aperto {
        padding: 5px 10px;
    }
}

@media (max-width: 768px) {
    .competizione-stato-terminato,
    .competizione-stato-incorso,
    .competizione-stato-aperto,
    .competizione-iscritti-home {
        font-size: 0.75rem !important;
        margin: 6px 5px 10px 5px;
    }

    .competizione-iscritti, .competizione-eliminati {
        font-size: 0.80rem !important;
    }

    .competizione-sopravvissuti {
        font-size: 0.875rem !important;
    }


        .competizione-sopravvissuti .badge-custom {
            font-size: 1rem !important;
        }

    .squadra-in .fa-caret-down.active {
        font-size: 2.3rem !important;
        margin-top: -24px !important;
    }
}

.squadra-boxFantallenatori {
    /*margin: 0px 5px 0px 5px;*/
    background-color: #fff;
    color: #000;
    padding: 4px 0 0 0;
    min-height: 62px;
}

@media (max-width: 576px) {
    .squadra-boxFantallenatori {
        padding: 5px 5px 5px 5px;
        min-height: 50px;
    }


    .squadra-in .fa-caret-down.active {
        font-size: 1.5rem !important;
        margin-top: -14px !important;
    }


    .squadra-in a {
        max-width: 240px;
        min-width: 210px;
    }
}

.competizione-iscritti .badge-custom,
.competizione-sopravvissuti .badge-custom,
.competizione-eliminati .badge-custom {
    margin-right: 5px !important;
    min-width: 50px;
}

.squadra-boxFantallenatori .competizione-stato-terminato,
.squadra-boxFantallenatori .competizione-stato-incorso,
.squadra-boxFantallenatori .competizione-iscritti-home {
    font-size: 14px;
    padding: 3px 20px;
}


.competizione-stato-terminato {
    background-color: #D0141B;
}

.competizione-stato-incorso {
    background-color: #ffcc00;
}

.competizione-iscritti-home {
    background-color: #1899cd;
}

.competizione-stato-aperto {
    background-color: #75B72A;
}

.squadra-viceFantallenatore:before {
    font-size: 11px;
    color: #000;
}

.squadra-viceFantallenatore {
    font-size: 9px;
    line-height: 12px;
}


.panelIntFantaAllenatore img {
    padding-top: 25px;
    cursor: pointer;
    padding-right: 5px;
}

.panelDettagli {
    border-bottom: 1px solid #cb0767;
    margin-bottom: 10px;
}

.addViceFanta {
    text-decoration: none;
}

    .addViceFanta:before {
        content: '\f055';
        font-size: 35px;
        padding-right: 10px;
        color: #1899cd;
        font-family: 'FontAwesome';
        cursor: pointer;
        vertical-align: middle;
    }

.lowerCase {
    text-transform: lowercase;
}

.upperCase {
    text-transform: uppercase;
}

.ajax__html_editor_extender_container {
    width: 100% !important;
}

    .ajax__html_editor_extender_container select {
        border-radius: 0px !important;
        font-size: 1.1em !important;
        padding: 0px;
        font-family: 'Work Sans', sans-serif !important;
    }

.ajax__html_editor_extender_texteditor {
    text-align: left !important;
    padding: 5px !important;
    line-height: 1.5 !important;
    border-radius: 0 0 6px 6px;
}

.ajax__html_editor_extender_buttoncontainer {
    border-radius: 6px 6px 0 0;
}

    .ajax__html_editor_extender_buttoncontainer input[type=button] {
        border-radius: 0px !important;
        margin-right: 0px;
    }

.ajax__html_editor_extender_container input:hover,
.ajax__html_editor_extender_container input:focus,
.ajax__html_editor_extender_container input[type=button]:hover {
    border: 1px solid #ccc !important;
    border-left-color: none !important;
    border-left: none !important;
}

.boxContainerShadow, .boxContainerMarginShadow {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 10px;
    margin: 15px 0px;
}

    .boxContainerShadow .tableForm {
        margin-top: 10px !important;
        padding: 15px;
    }

    .boxContainerShadow.grafico {
        border-radius: 10px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    }

.boxContainerMarginShadow {
    margin: 20px 15px 15px 15px;
}

.shadowBox {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 10px;
}


.padding10 {
    padding: 10px;
}

.margin10 {
    margin: 10px;
}

.resetRicerca {
    margin-right: -20px;
}

@media (max-width: 768px) {
    .resetRicerca {
        margin-right: -12px !important;
    }
}

.resetRicerca:before {
    content: '\f057';
    font-size: 20px;
    font-family: 'FontAwesome';
    cursor: pointer;
    vertical-align: middle;
    text-decoration: none;
    position: relative;
    top: 3px;
    z-index: 60;
    color: #b3b3b3;
    right: 30px;
}

.deleteFormazione:before {
    content: '\f014';
    color: #fff;
    font-family: 'FontAwesome';
    cursor: pointer;
    font-size: 28px;
    vertical-align: text-top;
}

.divResetFormazione .deleteFormazione:before {
    color: #000 !important;
}

.vertical-align-top {
    vertical-align: text-top;
}

.note {
    font-size: 0.75rem;
    line-height: 18px;
}

.noteCalciatori {
    line-height: 18px;
    color: #00000075;
}

.overflowHidden {
    overflow: hidden !important;
}

.logoSquadreCampionato {
    max-width: 100%;
    height: auto;
    margin: 5px 0px 5px 0px;
    padding: 0px 10px !important;
}

.boxPartitaSquadra1 .logoSquadreCampionato,
.boxPartitaSquadra2 .logoSquadreCampionato {
    border-radius: 4px;
}

.boxPartitaSquadra1, .boxPartitaSquadra2 {
    font-size: 1.15em;
}

    .boxPartitaSquadra1.disabled, .boxPartitaSquadra2.disabled {
        filter: grayscale(70%) !important;
        -webkit-filter: grayscale(70%) !important;
        -moz-filter: grayscale(70%) !important;
        -ms-filter: grayscale(70%) !important;
        -o-filter: grayscale(70%) !important;
        filter: gray !important;
        opacity: 0.2 !important;
        cursor: no-drop !important;
    }

.boxRiepilogoScelte, .boxSceltaEffettuata {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    margin: auto;
}



    .boxSceltaEffettuata .boxNumeroScelte {
        border-radius: 0px 0px 10px 10px !important;
        width: 100%;
        padding: 10px !important;
        text-align: center !important;
    }

        .boxSceltaEffettuata .boxNumeroScelte:last-child {
            padding: 8px !important;
        }

.boxPartitaConScelte, .boxScelta {
    box-shadow: 0 1px 3px #00000066, 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 10px;
}

.boxPartitaConScelte {
    max-width: 195px;
    display: inline-table;
    margin: 10px 8px;
    padding: 5px 0px 0px 0px;
}

@media (max-width: 768px) {
    .boxPartitaConScelte {
        max-width: 185px;
        margin: 8px 5px;
    }


    .logoSquadreCampionato {
        padding: 0px 5px !important;
    }
}

@media (max-width: 576px) {
    .boxPartitaConScelte {
        max-width: 180px;
        margin: 8px 6px;
    }
}

@media (max-width: 405px) {
    .boxPartitaConScelte {
        max-width: 160px;
        margin: 7px 3px;
    }
}

.divIscritti, .divEliminati, .divSopravvissuti, .divRientrate, .divInCorso {
    border: 1px solid #1899cd;
    color: #000;
    letter-spacing: 1px;
    font-weight: 500;
    border-radius: 10px;
    text-transform: uppercase;
    padding: 10px 5px 10px 5px;
    font-size: 0.875rem;
    background-image: linear-gradient(#fff, #1899cd30);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

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

    .boxScelta {
        font-size: 1rem !important;
        line-height: 16px !important;
        width: 220px !important;
    }

    .divIscritti, .divEliminati, .divSopravvissuti, .divRientrate, .divInCorso {
        font-size: 0.75rem !important;
    }

    .divBoxSceltaNome {
        font-size: 0.9rem !important;
    }

    .divBoxSceltaNomeGiornata {
        font-size: 0.8rem !important;
    }
}

.divEliminati, .esitoEliminati {
    border: 1px solid #D0141B;
    background-image: linear-gradient(#fff, #d0141b30);
}

    .divEliminati .testoLampeggiante {
        color: #D0141B;
    }

.divSopravvissuti, .esitoSopravvissuti {
    border: 1px solid #75B72A;
    background-image: linear-gradient(#fff, #75B72A30);
}

.divRientrate {
    border: 1px solid #F28C28;
    background-image: linear-gradient(#fff, #F28C2830);
}

.divInCorso, .esitoInCorso {
    border: 1px solid #ffcc00;
    background-image: linear-gradient(#fff, #ffcc0030);
}



.boxScelta {
    width: 250px;
    font-size: 1.1rem;
    line-height: 18px;
    margin: 1rem 0rem;
}

.boxNONScelta {
    color: #000;
    text-transform: uppercase;
    border-radius: 10px;
    line-height: 25px;
    font-size: 1rem;
    font-weight: 600;
    padding: 15px 25px;
    color: #D0141B;
    margin: 1rem 0px 0.8rem 0px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.boxEsito {
    border-radius: 0px 10px 0 10px;
    line-height: 25px;
    font-size: 0.75rem;
    text-transform: uppercase;
    color: #fff;
    width: 125px;
    float: right;
}

.divBoxSceltaDettaglio {
    margin-top: 25px !important;
}

.divBoxSceltaNome {
    border-bottom: 1px solid #a9a9a9;
    align-self: end;
    font-weight: 700;
    font-size: 1rem;
    padding-left: 0px !important;
}

.divBoxSceltaNomeGiornata {
    font-size: 0.875rem;
    color: #1899cd;
    font-weight: 600;
    padding-left: 0px !important;
}


.boxEsito.sopravvissuto {
    background-color: #75B72A;
}

.boxEsito.eliminato {
    background-color: #D0141B;
}

.boxEsito.incorso {
    background-color: #ffcc00;
    color: #fff !important;
    line-height: 24px;
}

.boxEsito.iscritto {
    background-color: #29B8CE;
    color: #fff !important;
    line-height: 24px;
}


.boxPartitaCampionato {
    display: flex;
    align-items: center;
    padding-bottom: 4px;
}

.boxNumeroScelte, .boxPartitaRisultato {
    background: #1899cd;
    color: White;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: 3px 0px;
    width: 50%;
}

.boxNumeroScelte {
    background: #cb0767;
    float: left;
    width: 50%;
    border-radius: 0px 0px 0px 10px;
}

    .boxNumeroScelte:last-child {
        border-radius: 0px 0px 10px 0px;
    }

    .boxNumeroScelte .fa-heart {
        font-size: 0.95rem !important;
        color: #75B72A;
        border-radius: 50%;
    }

    .boxNumeroScelte .fa-skull-crossbones {
        color: #D0141B !important;
        font-size: 0.95rem;
    }

    .boxNumeroScelte .fa-clock {
        font-size: 0.95rem !important;
        border-radius: 50%;
    }



    .boxNumeroScelte.eliminata {
        background-color: #D0141B;
    }

    .boxNumeroScelte.no-cursor {
        cursor: initial !important;
    }

.esitiScelte {
    background-color: #fff;
    border-radius: 10px;
    padding: 0px 5px;
    min-width: 50px;
    border: 0px !important
}

.esitiNoScelte {
    background-color: inherit;
    color: #fff;
}

.boxScelta .fa-skull-crossbones {
    color: #D0141B;
    font-size: 2.5rem;
    line-height: 4.4rem;
}

.risultatiLiveSurvivor {
    border: 1px solid #ccc;
    border-radius: 10px;
    width: 150px;
    text-align: left;
    padding: 0px 10px;
}

    .risultatiLiveSurvivor:before {
        padding-right: 10px;
    }

.boxPartitaRisultato {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 6px;
    font-size: 1.35em;
    min-width: 65px;
    margin: 0px 5px;
}

.boxIntestazioneScelte {
    color: white;
    background-color: #000;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: bold;
    padding: 3px 0px;
}

.dettaglioGiornataSurvivor {
    margin-top: 13px;
}

.divVincitore {
    margin: 25px 0px 25px 0px;
}

.divIscrizione {
    margin: 20px 0px 0px 0px;
}


.progress.progress-starter {
    background-color: #c9c9c9;
    width: 100%;
    height: 0.5rem !important;
}

    .progress.progress-starter.matchDay {
        height: 1rem !important;
        width: 110px;
        border-radius: 0.6rem;
        font-size: 0.70rem !important;
    }


    .progress.progress-starter.noMatch {
        height: 0.3rem !important;
        width: 90%;
        border-radius: 0.6rem;
        font-size: 0.70rem !important;
    }

.progress-bar {
    background-color: #c9c9c9 !important;
    color: #000 !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-align: left !important;
}

/* Collapse */


.container-collapse, .accordion-item {
    width: 100% !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
    border-radius: 10px !important;
}

.consigli .container-collapse, .consigli .accordion-item {
    border-radius: 0px !important;
}

.consigli .accordion-item {
    border-bottom: 1px solid #ccc !important;
}

.consigli .accordion-button::after {
    margin-right: -8px !important;
}

.consigli img {
    background-color: #fff;
    border-radius: 10px;
    padding: 2px;
}



.accordion-item:first-of-type {
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
}

.accordion-item:last-of-type {
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.accordion-item {
    border: 0px !important;
}

.accordion-body {
    padding: 0.4rem 0.5rem !important;
}

.container-collapse .header-collapse, .container-collapse .header-expand {
    font-family: 'Oswald', sans-serif;
    background-color: #000;
    padding: 2px;
    border-radius: 10px 10px 0px 0px;
    cursor: pointer;
    font-weight: bold;
    font-size: 0.875rem;
    position: relative;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 20px 5px 20px 20px;
    margin: 15px 0px 0px 0px;
    text-align: left;
}

.accordion-button {
    font-family: 'Oswald', sans-serif !important;
    background-color: #000 !important;
    cursor: pointer;
    font-weight: 500 !important;
    font-size: min(3.2vw,0.938rem) !important;
    color: #fff !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 1rem 1.25rem !important;
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

@media screen and (max-device-width: 768px) {
    .container-collapse .header-collapse,
    .container-collapse .header-expand, .accordion-button {
        font-size: 0.8rem !important;
    }
}

@media screen and (max-device-width: 576px) {
    .container-collapse .header-collapse,
    .container-collapse .header-expand, .accordion-button {
        font-size: 0.76rem !important;
    }
}



.container-collapse .header-collapse {
    border-radius: 10px !important;
}

.container-collapse .content-collapse {
    display: none;
    margin: 0px 0px 10px 0px;
    padding: 10px 10px 10px 10px;
}

/*
@media screen and (max-device-width: 768px) {
    .archivio .container-collapse .content-collapse {
        font-size: 1rem !important;
        padding: 20px 10px;
    }
  

    .boxGestioneSquadra .container-collapse .content-collapse {
        font-size: 1.4rem !important;
        padding: 20px 15px;
    }

    .container-collapse .content-collapse {
        font-size: 0.875rem !important;
        padding: 50px 30px;
    }

    .container-collapse .header-collapse,
    .container-collapse .header-expand {
        font-size: 0.7em;
        padding: 30px 5px 30px 20px;
    }

    .archivio .container-collapse .header-collapse,
    .archivio .container-collapse .header-expand,
    .boxGestioneSquadra .container-collapse .header-collapse,
    .boxGestioneSquadra .container-collapse .header-expand {
        font-size: 1.5em;
        padding: 38px 5px 38px 20px;
    }

    .text-resposive-mobile {
        
    }

    .boxGestioneSquadra .header-expand .fa-angle-double:after,
    .boxGestioneSquadra .header-collapse .fa-angle-double:after {
        font-size: 4rem !important;
        padding-right: 20px !important;
    }
}
*/
.accordion-button::after {
    width: 1.8rem !important;
    height: 1.8rem !important;
    background-size: 1.8rem !important;
    color: #fff !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.header-expand .fa-angle-double:after, .header-collapse .fa-angle-double:after {
    font-family: 'FontAwesome';
    float: right;
    font-size: 1.8rem !important;
    padding-right: 15px !important;
    color: #ffffff !important;
    line-height: 22px !important;
}

.header-expand .fa-angle-double:after {
    content: "\f106";
}

.header-collapse .fa-angle-double:after {
    content: "\f107";
}

/* Collapse */




/************************* BOOTSTRAP 5.0 **********************************/

.body-bg, .body-master {
    /*background: linear-gradient(to top, #000000, #cb0767,#000000) !important;*/
    background-color: #edf1f8 !important
}

    .body-bg #intestazioneIndex h1 {
        font-family: 'Plane Crash' !important;
        letter-spacing: 0.10rem !important;
        text-transform: lowercase;
        font-size: 2.2rem;
    }


@media screen and (min-width: 992px) and (max-width: 1200px) {
    .body-bg #intestazioneIndex h1 {
        font-size: 1.8rem !important;
    }
}

@media screen and (min-width: 576) and (max-width: 992px) {
    .body-bg #intestazioneIndex h1 {
        font-size: 2.3rem !important;
    }
}

@media (max-width: 576px) {
    .body-bg #intestazioneIndex h1 {
        font-size: 1.75rem !important;
    }
}

@media (max-width: 405px) {
    .body-bg #intestazioneIndex h1 {
        font-size: 1.48rem !important;
    }
}




.gradient-custom-2 {
    /* fallback for old browsers */
    background: #cb0767;
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to top, #1899cd, #cb0767);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to top, #1899cd, #cb0767);
}

.gradient-custom-2 {
    border-top-left-radius: .8rem;
    border-bottom-left-radius: .8rem;
}

#edizione {
    letter-spacing: 0.35rem !important;
}


.container-fluid {
    margin-top: 100px;
}


@media (max-width: 992px) {
    .gradient-custom-2 {
        border-top-left-radius: 0rem;
        border-bottom-right-radius: .8rem;
    }

    .gradient-form .row {
        flex-wrap: wrap-reverse !important;
    }

    .card {
        margin-bottom: 1.5rem;
    }
}

.card {
    box-shadow: 0 2px 15px -3px #00000012, 0 10px 20px -2px #0000000a !important;
    border: none !important;
    border-radius: 0.8rem !important;
}

.card-body {
    flex: 1 1 auto !important;
    padding: 1.5rem 1rem 1.5rem 1rem !important;
}

.btn-primary {
    background-color: #1899cd !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 4px 9px -4px #386bc0 !important;
    padding: 0.6rem 0.5rem !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 1.1rem !important;
    letter-spacing: 0.15rem;
    text-transform: uppercase;
}

    .btn-primary:hover {
        box-shadow: 0 8px 9px -4px rgb(56 106 192 / 30%), 0 4px 18px 0 rgba(56, 107, 192, 0.2) !important;
        opacity: 0.9;
    }

.btn-eye-password {
    box-shadow: none !important;
    border-radius: 0rem 0.25rem 0.25rem 0rem !important;
    font-size: 1.2rem !important;
}

.btn-secondary {
    color: #cb0767 !important;
    border-color: #cb0767 !important;
    background-color: #fff !important;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase;
    font-size: 1rem !important;
    letter-spacing: 0.14rem;
    padding: 0.5rem 1rem !important;
    box-shadow: 0 4px 9px -4px #386bc0 !important;
}

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

@media (max-width: 768px) {
    .btn-primary {
        font-size: 1rem !important;
    }

    .btn-secondary {
        font-size: 0.875rem !important;
    }

    .btn-container {
        max-width: 100% !important;
    }
}

.btn-secondary:hover {
    color: #fff !important;
    background-color: #cb0767 !important;
}

.btn-secondary:visited, .btn-secondary:active, .btn-secondary:focus {
}

.btn-inbox {
    padding: 2px 60px !important;
    border-radius: 1rem !important;
}

@media (max-width: 992px) {
    .btn-inbox {
        padding: 2px 35px !important;
    }
}

input[type='text']:focus, input[type='text']:active, textarea:active,
input[type='password']:focus, textarea:focus, input[type='password']:active,
button:focus, button:active, select:focus, select:active {
    box-shadow: none !important;
    text-decoration: none !important;
}

.invalid-feedback, .invalid-feedback-static {
    width: 100% !important;
    margin-top: .25rem !important;
    font-size: .85rem !important;
    color: #dc3545 !important;
}

.invalid-feedback-static {
    display: inline;
}

.invalid-feedback-login, .invalid-feedback-login span {
    color: #dc3545 !important;
    padding-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    font-size: .85rem;
}

.valid-feedback {
    display: unset !important;
    width: 100%;
    margin-top: .25rem;
    font-size: .8rem;
    color: #198754 !important;
}

.alert {
    padding: 0.75rem 0.75rem !important;
}

.form-label, .col-form-label {
    font-size: 1rem !important;
}

@media (max-width: 768px) {
    .form-label, .col-form-label {
        font-size: 0.93rem !important;
    }
}

.text-wrap-balance {
    text-wrap: balance;
}

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

.text-transform-none {
    text-transform: none;
}

@media (min-width: 992px) {
    .pt-lg-6 {
        padding-top: 5.5rem !important;
    }
}

.cursor-pointer {
    cursor: pointer;
}

.logo-index {
    width: 185px;
}



.user-detail {
    display: flex;
    text-align: right;
    align-items: center;
    line-height: 1rem;
}

    .user-detail .nomeUtente {
        text-transform: uppercase;
    }

    .user-detail .userName {
        text-transform: capitalize;
        font-weight: bold;
    }

.logout {
    font-weight: 500;
}

.logo img {
    width: 100%;
}



.logo {
    max-width: 500px;
}

@media (max-width: 992px) {
    .logo {
        max-width: 400px;
    }

    .container-fluid {
        margin-top: 90px;
    }

    .navbar {
        max-height: 86px !important;
    }

    .logout {
        display: none;
    }
}

@media (max-width: 768px) {
    .logo {
        max-width: 300px;
    }

    .container-fluid {
        margin-top: 80px;
    }

    .user-detail .user-name {
        display: none;
    }

    .navbar {
        max-height: 78px !important;
    }

    .navbar-nav {
        width: 100% !important;
        margin-top: 0.5rem;
    }
}

@media (max-width: 576px) {
    .logo {
        max-width: 250px;
    }

    .container-fluid {
        margin-top: 70px;
    }

    .navbar {
        max-height: 70px !important;
    }
}

@media (max-width: 390px) {
    .logo {
        max-width: 235px;
    }

    .container-fluid {
        margin-top: 60px;
    }
}

.navbar {
    background-color: #000;
    border-bottom: 15px solid #cb0767;
    max-height: 102px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    display: block !important;
}

    .navbar a {
        text-decoration: none;
        color: #fff !important;
        text-transform: uppercase;
    }

    .navbar .navbar-nav i {
        font-size: 1.1rem;
        width: 35px;
    }

.navbar-right a:hover, .navbar-right span:hover:before,
.navbar-right a:hover span, .navbar-right a:hover:before {
    opacity: 0.9;
}

.navbar-light .navbar-toggler {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.6);
    background-color: rgba(255, 255, 255, 0.2);
    padding: 7px 11px;
    box-shadow: none;
}

.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .dropdown-menu .nav-item {
    color: #fff !important;
    padding-left: 1rem;
}

    .navbar-light .navbar-nav .nav-link:hover {
        background-color: #000;
    }

.navbar-light .navbar-toggler {
    color: #fff !important;
    border-color: #1899cd !important;
    font-size: 1.3rem !important;
    background-color: transparent !important;
}

.dropdown-toggle::after {
    font-size: 1.1rem;
    vertical-align: .1em !important;
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: #434053;
    width: 40%;
}


.dropdown-divider {
    background-color: #000;
    border-top: 0px;
}

.dropdown-menu {
    background-color: #434053 !important;
    border-radius: 0px !important;
    font-size: 0.875rem !important;
    border: 0px !important;
}

.navbar-light .navbar-nav .dropdown-menu .nav-item {
    padding-left: 0px !important;
}

.navbar-light .navbar-nav .dropdown-menu .nav-link {
    padding-left: 3.5rem !important;
}


/*   MENU CON BOX    */


.menu-sub a {
    font-family: 'Oswald', sans-serif;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0px 2px 5px #424242;
    border: 1px solid #fff;
    text-decoration: none;
    display: block;
    color: #000 !important;
    background: #ffffff;
    font-size: 1.125rem;
    height: auto;
    width: 100%;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.065rem;
}

@media (max-width: 405px) {
    .menu-sub a {
        letter-spacing: 0.02rem;
    }
}

.menuNavigazione {
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0.065rem;
    text-transform: uppercase;
    display: flex;
    flex-wrap: nowrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    overflow-x: auto;
    scrollbar-width: none;
    white-space: nowrap;
    width: 100%;
    box-sizing: border-box;
}

    .menuNavigazione a {
        font-size: 0.875rem;
        text-decoration: none !important;
        color: white !important;
        font-weight: 500;
        background-color: #000;
        border-radius: 6px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        padding-bottom: 11px;
        padding-top: 11px;
        flex-grow: 1;
    }



        .menuNavigazione a:hover, .menuNavigazione a:focus, .menuNavigazione a:active, .menuNavigazione .active {
            /*background: url(../img/sfondoMenuTop.png) repeat-x center top;*/
            color: #cb0767 !important;
        }

@media (max-width: 768px) {
    .menu-sub a {
        font-size: 0.85rem !important;
    }

    .menuNavigazione a {
        font-size: 0.80rem !important;
        padding-bottom: 10px !important;
        padding-top: 10px !important;
    }


    .lnkFantaCampionato:before, .lnkRevolutionCup:before, .lnkSurvivor:before,
    .lnkRegolamenti:before, .lnkVotiLive:before,
    .lnkArchivio:before, .lnkConsigli:before {
        font-size: 40px !important;
    }
}

@media (max-width: 576px) {
    .menu-sub a {
        font-size: 0.7rem !important;
        text-wrap: nowrap;
    }

    .menuNavigazione a {
        font-size: 0.70rem !important;
    }

    .lnkFantaCampionato:before, .lnkRevolutionCup:before, .lnkSurvivor:before,
    .lnkRegolamenti:before, .lnkVotiLive:before .lnkConsigli:before {
        font-size: 25px !important;
    }
}


@media (max-width: 405px) {
    .menu-sub a {
        font-size: 0.63rem !important;
        text-wrap: nowrap;
    }

    .menuNavigazione a {
        font-size: 0.65rem !important;
    }

    .lnkFantaCampionato:before, .lnkRevolutionCup:before, .lnkSurvivor:before,
    .lnkRegolamenti:before, .lnkVotiLive:before,
    .lnkArchivio:before, .lnkConsigli:before {
        font-size: 20px !important;
    }

    footer {
        font-size: 0.80rem !important;
    }
}

.menu-sub:hover a, menu-sub.over a:hover, .menu-sub .active {
    border: 1px solid #cb0767;
    color: #2d2d2d !important;
    font-weight: bold;
    opacity: 0.9;
}

    .menu-sub:hover a .activeIcon, menu-sub.over a:hover .activeIcon, .menu-sub .active .activeIcon {
        color: #cb0767 !important;
    }

    .menu-sub .active .btn-inbox {
        background-color: #cb0767 !important;
        color: #fff !important;
    }

footer {
    border-top: 5px solid #cb0767;
    background-color: #000;
    color: #fff !important;
}



.torneiFantaRev .card {
    max-width: 33% !important;
    min-width: 30%;
}

@media (max-width: 768px) {
    .torneiFantaRev .card {
        max-width: 38% !important;
        min-width: 31.20%;
    }


    .torneiFantaRev .divTorneiSurvivor .card {
        min-width: 31.5%;
    }
}

@media (max-width: 405px) {
    .torneiFantaRev .divTorneiSurvivor .card {
        min-width: 34%;
    }
}

@media (max-width: 380px) {
    .torneiFantaRev .divTorneiSurvivor .card {
        min-width: 36%;
    }

    .lnkRegolamentiHome {
        display: none;
    }
}

.torneiFantaRev .card-header {
    border-radius: 0.8rem 0.8rem 0 0 !important;
    background-color: #cb0767;
    color: #fff !important;
    text-transform: uppercase !important;
}

.torneiFantaRev .divTorneiSurvivor .card-header {
    border-radius: 0.8rem 0.8rem 0 0 !important;
    background-color: #1899cd !important;
    color: #fff !important;
    text-transform: uppercase !important;
}




.torneiFantaRev .divEliminatiHome .card-header {
    background-color: #D0141B !important;
}

.torneiFantaRev .card-body, .torneiFantaRev .divTorneiSurvivor .card-body {
    border-radius: 0 0 0.8rem 0.8rem !important;
    background: linear-gradient(150deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 67%, rgba(255,200,232,1) 60%, rgba(255,201,232,1) 100%);
    color: #cb0767;
    font-size: 1.25rem;
}

.torneiFantaRev .divTorneiSurvivor .card-body {
    background: linear-gradient(150deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 67%, rgba(200,232,255,1) 60%, rgba(201,232,255,1) 100%);
    color: #1899cd;
}

.fs-55 {
    font-size: 1.125rem !important;
}

.fs-7 {
    font-size: 0.875rem !important;
}

.fs-8 {
    font-size: 0.75rem !important;
}

.fs-85 {
    font-size: 0.70rem !important;
}

.fs-9 {
    font-size: 0.63rem !important;
}

.fs-10 {
    font-size: 0.56rem !important;
}

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


@media (max-width: 768px) {
    .textPopupHome {
        font-size: 0.875rem !important;
    }

    hr {
        margin: 0.5rem 0 !important;
    }

    .torneiFantaRev .card-body {
        font-size: 1.1rem;
    }

    footer {
        font-size: 0.85rem;
    }
}

.badge {
    vertical-align: bottom !important;
}

.badge-custom {
    vertical-align: baseline !important;
    font-size: 1rem !important;
    margin-left: 5px;
}

.divTorneiSurvivor .badge-custom {
    margin-left: 0px !important;
    width: 90%;
    padding: 0.35rem;
}

.divTorneiSurvivor .iscrittiTorneoSuvivor .badge-custom {
    margin-left: 0px !important;
    width: auto;
    padding: 0.25rem 0.55rem;
}

@media (max-width: 576px) {
    .divTorneiSurvivor .badge-custom {
        padding: 0.35rem 0.15rem;
    }
}

.competizione-eliminati .badge-custom {
    font-size: 0.9rem !important;
    color: #D0141B;
}

.competizione-iscritti .badge-custom {
    font-size: 0.935rem !important;
    color: #1899cd;
    margin-bottom: 2px;
}

.bg-custom-success {
    background-color: #75B72A !important;
}

.bg-custom-info {
    background-color: #1899cd !important;
}

.bg-custom-danger {
    background-color: #D0141B !important;
}

.bg-custom-idem {
    background-color: #ffcc00 !important;
}

.bg-custom-orange {
    background-color: #F28C28 !important;
}

.bg-custom-violet {
    background-color: #4C3F92 !important;
}

.border-danger, .divTorneiSurvivor .border-danger {
    border: 1px solid #D0141B !important;
}

.border-info, .divTorneiSurvivor .border-info {
    border: 1px solid #1899cd !important;
}

.border-success, .divTorneiSurvivor .border-success {
    border: 1px solid #75B72A !important;
}

.bg-custom-primary {
    background-color: #cb0767 !important;
}

.bg-custom-secondary {
    background-color: #1899cd !important;
}

.color-success {
    color: #75B72A !important;
}

.color-danger {
    color: #D0141B !important;
}

.color-invalid {
    color: #dc3545 !important;
}

.color-primary {
    color: #cb0767 !important;
}

.color-idem {
    color: #ffcc00 !important;
}

.color-orange {
    color: #F28C28 !important;
}

.color-secondary {
    color: #1899cd !important;
}

.color-white {
    color: #ffffff !important;
}

.color-black {
    color: #000 !important;
}

.color-violet {
    color: #4C3F92 !important;
}

.teamDisabled, .disabled, a:disabled {
    opacity: 0.8 !important;
    filter: grayscale(100%) !important;
    filter: grayscale(90%);
    -webkit-filter: grayscale(90%);
    -moz-filter: grayscale(90%);
    -ms-filter: grayscale(90%);
    -o-filter: grayscale(90%);
    filter: gray;
    pointer-events: none;
    cursor: default;
}

.divNumSquadreHome .divTorneoHome.disabledLight,
.disabledLight {
    opacity: 0.6 !important;
    filter: grayscale(5%) !important;
    cursor: pointer;
}

.divNumSquadreHome .divTorneoHome:hover {
    opacity: 0.9 !important;
    filter: grayscale(0%) !important;
    cursor: pointer;
}

.disableIcon {
    color: #8f8f8f !important;
    text-decoration: line-through;
}

.col-delete-icon {
    font-size: 1.5rem;
}

.divTeam {
    cursor: pointer;
}

    .divTeam:hover {
        opacity: 0.9 !important;
    }

    .divTeam i, .divTorneoHome i {
        font-size: 2.4375rem !important;
        float: left;
    }

        .divTeam i.fantalHome,
        .divTeam i.fantaViceHome {
            position: absolute;
            bottom: 4px;
            right: 8px;
            font-size: 1.6rem !important;
            color: #AF3F51 !important;
        }


        .divTeam i.fantaViceHome {
            bottom: 2px;
        }

@media (max-width: 768px) {
    .divTeam i, .divTorneoHome i, {
        font-size: 2rem !important;
    }

        .divTeam i.fantalHome,
        .divTeam i.fantaViceHome {
            font-size: 1.4rem !important;
        }

    .badge-custom {
        vertical-align: baseline !important;
        font-size: 0.875rem !important;
        margin-left: 5px;
    }

    .col-delete-icon {
        font-size: 1.2rem;
    }
}

@media (max-width: 405px) {

    .boxDivFantacalcio .badge-custom {
        padding: .35em .30em !important
    }
}

.divTeamHome .divTeam:nth-child(1) .fa-shirt {
    color: #75B72A !important;
}

.divTeamHome .divTeam:nth-child(2) .fa-shirt {
    color: #4C3F92 !important;
}

.divTeamHome .divTeam:nth-child(3) .fa-shirt {
    color: #29B8CE !important;
}

.divTeamHome .divTeam:nth-child(4) .fa-shirt {
    color: #bbce29 !important;
}

.divTeamHome .divTeam:nth-child(5) .fa-shirt {
    color: #1899cd !important;
}

.divTeamHome .divTeam:nth-child(6) .fa-shirt {
    color: #6ecf63 !important;
}

.divTeamHome .divTeam:nth-child(7) .fa-shirt {
    color: #D0141B !important;
}

.divTeamHome .divTeam:nth-child(8) .fa-shirt {
    color: #DAA520 !important;
}

.divTorneoHome {
    text-decoration: none;
}

    .divTorneoHome i {
        color: #75B72A !important;
    }

.iscrittiTorneoSuvivor {
    font-size: 0.935rem;
    color: #cb0767;
}

@media (max-width: 576px) {
    .iscrittiTorneoSuvivor {
        font-size: 0.875rem;
    }
}

.divEliminatiHome i {
    color: #D0141B !important;
}


.border-b-primary {
    border-bottom: 1px solid #cb0767 !important;
}

.border-b-secondary {
    border-bottom: 1px solid #0099CD !important;
}

.border-l-primary {
    border-left: 1px solid #cb0767 !important;
}

.border-l-secondary {
    border-left: 1px solid #0099CD !important;
}

.border-l-success {
    border-left: 1px solid #75B72A !important;
}

.d-ruby-text {
    display: ruby-text !important;
}

@media (max-width: 768px) {
    .textFantamilioni {
        font-size: 1rem !important;
    }
}

.inputTextSearchTop:focus, .inputTextSearchTop:active {
    box-shadow: 0px 0px 8px 1px #cb0767 !important;
}

.record-giornata {
    color: #fff;
    border-radius: 10px;
    font-weight: 500;
    align-items: center;
}

    .record-giornata div:nth-child(2) div, .record-giornata div:nth-child(4) div {
        background-color: #fff !important;
        color: #000;
        padding: 10px 0px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .record-giornata div:nth-child(2) div {
        border-bottom-left-radius: 10px;
    }

    .record-giornata div:nth-child(4) div {
        border-bottom-right-radius: 10px;
    }

    .record-giornata div:nth-child(3) div {
        background-color: #fff !important;
        color: #cb0767;
        font-weight: 600;
        font-size: 1rem;
    }

        .record-giornata div:nth-child(3) div i {
            font-size: 1.69rem !important;
            margin-top: -10px;
        }

.record-g-header {
    font-size: 1rem !important;
    font-family: 'Oswald', sans-serif;
    background-color: #75B72A;
    border-radius: 10px 10px 0 0;
}

    .record-g-header i {
        font-size: 1.4rem !important;
    }


/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 20px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 4px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

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

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

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

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

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

.fa-hourglass-end {
    font-size: 2.5rem !important;
    color: #fff !important;
}

.popover {
    border-radius: 10px !important;
}

.popover-header {
    font-size: 0.93rem !important;
    background-color: #b6effb !important;
    color: #000 !important;
    border-radius: 10px 10px 0px 0px !important;
}

.popIndubbio .popover-header {
    background-color: #ffcc00 !important;
    color: white !important;
}

.popSqualificato .popover-header {
    background-color: #D0141B !important;
    color: white !important;
}

.popIndisponibile .popover-header {
    background-color: #F28C28 !important;
    color: white !important;
}



.offcanvas-bottom {
    height: auto !important;
    max-height: 70vh !important;
}

.offcanvas-header {
    border-bottom: 1px solid;
    padding: 0.5rem 1rem !important;
}

    .offcanvas-header input[type=image] {
        width: 45px;
    }

    .offcanvas-header .btn-close {
        height: 30px;
        font-size: 1.1rem;
    }

.modal-backdrop.show {
    opacity: .7 !important;
}

.offcanvas-start {
    width: 450px !important;
}

@media (max-width: 768px) {
    .offcanvas-start {
        width: 370px !important;
    }
}


.border-bottom-radius {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.bannerSurvivor img {
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.boxPartitaRisultatoMaster {
    display: flex;
    flex-flow: column;
}

.esitoRisultato {
    height: 0px;
}

.fw-medium {
    font-weight: 500 !important;
}

.podio-container {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

    .podio-container .posClass {
        font-size: 1.2rem;
    }



.posizione {
    width: 100% !important;
    border-radius: 10px 10px 0px 0px;
    color: #fff;
    padding: 15px 5px;
    position: relative;
}

@media (min-width: 992px) {
    .posizione {
        border-radius: 10px;
    }
}

.posizione i {
    font-size: 2.5rem;
    margin-bottom: 5px;
    color: #fff;
}

.posizione.oro i {
    font-size: 4rem;
}

.posizione.oro i {
    color: #b8860b;
}

.posizione.argento i {
    color: #8b8989;
}

.posizione.bronzo i {
    color: #8b4513;
}



.posizione .fantallenatori i {
    font-size: 1.8rem !important;
    margin-bottom: 0px !important;
    color: #fff !important;
}

.posizione .nome {
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
}

.posizione .edizioni {
    font-size: 1.15rem;
    padding-bottom: 0.5rem;
}

.oro {
    background: linear-gradient(90deg, #b8860b 0%,gold 50%, #b8860b 100%);
    height: 235px;
    border-bottom: 8px solid #B8860B;
}

.argento {
    background: linear-gradient(90deg, #a9a9a9 0%,silver 50%, #a9a9a9 100%);
    height: 195px;
    border-bottom: 8px solid #8b8989;
}

.bronzo {
    background: linear-gradient(90deg, #8b4513 0%,#cd7f32 50%, #8b4513 100%);
    height: 170px;
    border-bottom: 8px solid #763b10;
}


@media (max-width: 768px) {
    .podio-container .posClass {
        font-size: 0.9rem;
    }

    .posizione i {
        font-size: 2rem;
    }

    .posizione.oro i {
        font-size: 3rem;
    }

    .posizione .nome {
        font-size: 0.80rem;
        line-height: 18px;
    }

    .posizione .edizioni {
        font-size: 0.80rem;
    }

    .posizione .fantallenatori i {
        font-size: 1rem !important;
    }


    .oro {
        height: 210px;
    }

    .argento {
        height: 175px;
    }

    .bronzo {
        height: 152px;
    }
}

.carousel-inner {
    border-radius: 10px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

#carouselAccount {
    max-width: 950px; /* Limite massimo in larghezza */
    margin: 0 auto; /* Centra il carousel */
}

    #carouselAccount .carousel-inner {
        background-color: #000;
    }

        #carouselAccount .carousel-inner img {
            width: 100%; /* Adatta l’immagine alla larghezza del contenitore */
            height: auto; /* Mantiene le proporzioni */
            max-height: 500px; /* Limita l’altezza su desktop */
            object-fit: contain; /* Mostra tutta l’immagine senza tagliarla */
            border-radius: 10px !important;
        }

.carousel-control-next, .carousel-control-prev {
    opacity: 1 !important;
    width: 10% !important;
    height: 94% !important;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 3rem !important;
    height: 3rem !important;
}

@media (max-width: 768px) {
    .carousel-control-next-icon, .carousel-control-prev-icon {
        width: 2.5rem !important;
        height: 2.5rem !important;
    }
}

.carousel-indicators {
    padding: 2px 15px !important;
    margin-bottom: 10px !important;
    border-radius: 20px !important;
    background-color: #06060685;
}

    .carousel-indicators [data-bs-target] {
        height: 5px !important;
        margin-left: 2px !important;
        margin-right: 2px !important;
        width: 50px !important;
    }

.carousel-caption {
    background-color: #06060685;
    left: 30% !important;
    right: 30% !important;
    border-radius: 20px !important;
    top: 10px !important;
    bottom: unset !important;
    padding: 5px !important;
}

.spinner-border {
    width: 2.5rem !important;
    height: 2.5rem !important;
}

.carousel-thumbnails {
    gap: 0.5rem;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-width: thin;
    scrollbar-color: #cb0767aa #f2f2f2;
}

.thumbnail {
    width: 90px;
    height: 70px;
    object-fit: cover;
    opacity: 0.4;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

    .thumbnail:hover,
    .thumbnail.active {
        opacity: 1;
        border: 1px solid #cb0767;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);
    }

@media (max-width: 576px) {
    .thumbnail {
        width: 70px;
        height: 60px;
    }
}

/* Lightbox */
.lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.9);
    justify-content: center;
    align-items: center;
    z-index: 1050;
}

    .lightbox img {
        max-width: 90%;
        max-height: 95%;
        border-radius: 8px;
    }

    .lightbox.show {
        display: flex;
    }

    .lightbox:after {
        content: "✖";
        position: absolute;
        top: 10px;
        right: 30px;
        font-size: 2rem;
        color: white;
        cursor: pointer;
    }

.note-editor {
    position: relative;
    text-align: left !important;
    width: 100% !important;
    border-radius: .25rem !important;
    background-color: #fff !important;
}

.border-radius {
    border-radius: 10px !important;
}

.border-radius-0 {
    border-radius: 0px !important;
}




/* Badge base */
.prize-badge {
    --pad: 16px 10px;
    background: linear-gradient(155deg,#1899cd,#cb0767);
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(13,18,25,0.2);
    padding: var(--pad);
    align-items: center;
    gap: 14px;
    position: relative;
    overflow: hidden;
    min-height: 84px;
}


/* Medal circle */
.medal {
    width: 80px;
    height: 40px;
    position: absolute;
    top: 12px;
    right: 12px;
    border-radius: 10px;
    align-content: center;
    font-weight: 700;
    font-size: 1.1rem;
    color: #001e2e;
    box-shadow: inset 0 -8px 18px rgba(0,0,0,0.25), 0 6px 18px rgba(0,0,0,0.3);
    background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.5), rgba(255,255,255,0) 25%), linear-gradient(180deg, #ffde59, #ebc25c);
    transform: translateZ(0);
}


.prize-info {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.title {
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.4px;
    color: #fff
}

.amount {
    font-size: 1.1rem;
    font-weight: 900;
    color: #ffee73;
}



.sub {
    font-size: 0.75rem;
    color: #fff;
}


/* Ribbon */
.ribbonRight, .ribbonLeft {
    position: absolute;
    right: -72px;
    top: 13px;
    transform: rotate(37deg);
    padding: 6px 70px;
    font-weight: 700;
    font-size: 12px;
    background: linear-gradient(90deg, #ffde59, #fff5b5);
    color: #222;
    box-shadow: 0 6px 18px rgba(0,0,0,0.3);
    border-radius: 6px;
}

.ribbonLeft {
    left: -72px;
    transform: rotate(320deg);
    right: unset;
}
/* Animated sparkles */
.prize-badge::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: radial-gradient(circle at 10% 20%, rgba(255,255,255,0.08) 0 2px, transparent 3px), radial-gradient(circle at 80% 70%, rgba(255,255,255,0.06) 0 1.8px, transparent 2.5px);
    opacity: 0.9;
    mix-blend-mode: overlay
}


/* Responsive tweaks */
@media (max-width:520px) {
    .prize-badge {
        padding: 12px 14px
    }

    .title {
        font-size: 1.2rem;
    }

    .medal {
        width: 70px;
        font-size: 1rem;
    }
}


/* Utilities */
.muted {
    opacity: 0.78
}

@media (min-width: 767.98px) {
    #ctl00_ContentPlaceHolder1_tabRiepilogoGiornata_tabRiepilogoFormPhone_tab {
        display: none;
    }
}


.sub-title-probabili {
    background-color: #cb0767;
    color: #fff;
    padding: 4px 110px;
    border-radius: 15px;
    line-height: 30px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: min(3.4vw,0.945rem) !important;
}

.clubCalciatore {
    font-size: 0.76rem;
}

@media (max-width:992px) {
}

@media (max-width:768px) {
    .progress.progress-starter {
        height: 0.4rem !important;
    }

        .progress.progress-starter.matchDay {
            height: 0.95rem !important;
            width: 100px;
            border-radius: 0.6rem;
            font-size: 0.67rem !important;
        }

    .sub-title-probabili {
        padding: 4px 80px;
    }

    .clubCalciatore {
        font-size: 0.73rem;
    }
}

@media (max-width: 576px) {
    .progress.progress-starter {
        height: 0.3rem !important;
    }

        .progress.progress-starter.matchDay {
            border-radius: 0.6rem;
            width: 90px;
            font-size: 0.65rem !important;
        }

    .sub-title-probabili {
        padding: 4px 70px;
    }

    .clubCalciatore {
        font-size: 0.7rem;
    }
}

@media (max-width: 399px) {


    .progress.progress-starter.matchDay {
        width: 80px;
    }
}




.squalificato {
    width: 13px;
    height: 17px;
    background-color: #D0141B;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.20);
    transform: rotate(10deg);
    border-radius: 2px;
    display: inline-block;
}