@import url("fonts/abel.css");
@import url("fonts/materialdesignicons.min.css");
@import url("vue/vuetify.min.css");

#matchcentre-app {
    background-color: #000000;

    .container {
        padding: 0 !important;
    }

    .v-application {
        font-family: Oswald, Arial, sans-serif;
    }

    .theme--dark.v-application {
        background-color: #000000;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url('images/bg_seinazioni.png');
    }

    .theme--dark.v-application.six_nations {
        background-color: #000000;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url('images/bg_seinazioni_maschile.png');
    }

    .theme--dark.v-application.women_s_six_nations {
        background-color: #852F7A;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url('images/bg_seinazioni_femminile.png');
    }

    .theme--dark.v-application.u20_six_nations {
        background-color: #B2FF01;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url('images/bg_seinazioni_u20.png');
    }

    .theme--dark.v-application.maschile-bg {
        background-color: #025FAE;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url('images/bg_maschile.jpg');
    }

    .theme--dark.v-application.national-bg {
        background-color: #025FAE;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url('images/bg.png');
    }

    .theme--dark.v-application.femminile-bg {
        background-color: #852F7A;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url('images/bg_femminile.jpg');
    }

    .theme--dark.v-application.elite-cup-bg {
        background-color: #5EA21B;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url('images/bg_elite_cup.jpg');
    }

    .theme--dark.v-application.urc {
        background-color: #CCCCCC;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url('images/bg_urc.jpg');
    }

    .theme--dark.v-application.allwoman {
        background-color: #852F7A;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url('images/bg_seinazioni_femminile.png');
    }

    .theme--dark.v-label {
        color: #80603A;
    }

    .v-avatar .v-icon,
    .v-avatar .v-image,
    .v-avatar .v-responsive__content,
    .v-avatar img,
    .v-avatar svg {
        width: auto;
        height: 100px;
        padding: 5px;
    }

    .team-logo {
        width: auto;
        height: 100px;
        padding: 5px;
    }

    .v-data-table .v-avatar .v-icon,
    .v-avatar .v-image,
    v-data-table .v-avatar .v-responsive__content,
    .v-data-table .v-avatar img,
    .v-data-table .v-avatar svg {
        width: auto;
        height: 35px;
        padding: 3px;
    }

    .logo-title {
        margin-left: auto;
        color: #FFFFFF;
    }

    /* .logo-img { */
    /*     background-color: transparent; */
    /* } */

    .theme--dark.v-application.u20_six_nations .logo-title {
        color: #000000;
    }

    /* .theme--dark.v-application.u20_six_nations .logo-img { */
    /*     background-color: #000000; */
    /* } */

    .team-name {
        margin-left: -20px;
        font-size: 27px;
        font-weight: 700;
    }

    .theme--dark.v-data-table.v-data-table--fixed-header thead th,
    .v-data-table .v-data-footer,
    .theme--dark.v-data-table {
        background-color: rgb(2, 2, 2);
    }

    .theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr {
        background-color: rgb(29, 41, 53);
    }

    .punteggio-ombra {
        box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    }


    @media all and (min-width: 601px) {
        .logo-title {
            margin-left: -200px;
        }
    }

    .header {
        /*position: fixed !important;*/
        width: 100% !important;
        background-color: #025FAE;
        opacity: 0.9;
        z-index: 10000;
    }

    .theme--dark.v-application.six_nations .header {
        background-color: #000000;
    }

    .theme--dark.v-application.women_s_six_nations .header {
        background-color: #852F7A;
    }

    .theme--dark.v-application.u20_six_nations .header {
        background-color: #B2FF01;
    }

    .theme--dark.v-application.maschile-bg .header {
        background-color: #025FAE;
    }

    .theme--dark.v-application.national-bg .header {
        background-color: #025FAE;
    }

    .theme--dark.v-application.femminile-bg .header {
        background-color: #852F7A;
    }

    .theme--dark.v-application.elite-cup-bg .header {
        background-color: #5EA21B;
    }

    .theme--dark.v-application.urc .header {
        background-color: #CCCCCC;
    }

    .theme--dark.v-application.allwoman .header {
        background-color: #852F7A;
    }

    table>tbody>tr>td:nth-child(1),
    table>tbody>tr>td:nth-child(2),
    table>thead>tr>th:nth-child(1),
    table>thead>tr>th:nth-child(2),
    .v-data-table--fixed-header>.v-data-table__wrapper>table>thead>tr>th:nth-child(1),
    .v-data-table--fixed-header>.v-data-table__wrapper>table>thead>tr>th:nth-child(2) {
        position: sticky !important;
        position: -webkit-sticky !important;
        z-index: 9998;
    }

    table>tbody>tr>td:nth-child(1),
    table>thead>tr>th:nth-child(1),
    .v-data-table--fixed-header>.v-data-table__wrapper>table>thead>tr>th:nth-child(1) {
        left: 0;
    }

    table>tbody>tr>td:nth-child(2),
    table>thead>tr>th:nth-child(2),
    .v-data-table--fixed-header>.v-data-table__wrapper>table>thead>tr>th:nth-child(2) {
        left: 70px;
    }

    table>thead>tr>th:nth-child(1),
    table>thead>tr>th:nth-child(2) {
        z-index: 9999;
    }

    table>tbody>tr>td:nth-child(1),
    table>tbody>tr>td:nth-child(2) {
        background-color: rgb(29, 41, 53);
    }

    table>tbody>tr>td:nth-child(1):hover,
    table>tbody>tr>td:nth-child(2):hover {
        background-color: #616161;
    }

    .theme--dark.v-label[for="select_anni"],
    .theme--dark.v-label.v-label--active[for="select_anni"] {
        color: #FFFFFF;
    }

    .v-application .primary--text[for="select_anni"] {
        color: #FFFFFF !important;
        caret-color: #FFFFFF !important;
    }

    .theme--dark.v-tabs>.v-tabs-bar .v-tab.national:not(.v-tab--active),
    .theme--dark.v-tabs>.v-tabs-bar .v-tab.national.v-tab--active {
        background-color: #005DBA;
        color: #FFFFFF !important;
    }

    .theme--dark.v-tabs>.v-tabs-bar .v-tab.elite_maschile:not(.v-tab--active),
    .theme--dark.v-tabs>.v-tabs-bar .v-tab.elite_maschile.v-tab--active {
        background-color: #005DBA;
        color: #FFFFFF !important;
    }

    .theme--dark.v-tabs>.v-tabs-bar .v-tab.elite_femminile:not(.v-tab--active),
    .theme--dark.v-tabs>.v-tabs-bar .v-tab.elite_femminile.v-tab--active {
        background-color: #AF3B84;
        color: #FFFFFF !important;
    }

    .theme--dark.v-tabs>.v-tabs-bar .v-tab.elite_cup:not(.v-tab--active),
    .theme--dark.v-tabs>.v-tabs-bar .v-tab.elite_cup.v-tab--active {
        background-color: #79AF17;
        color: #FFFFFF !important;
    }

    .theme--dark.v-tabs>.v-tabs-bar .v-tab.peroni:not(.v-tab--active),
    .theme--dark.v-tabs>.v-tabs-bar .v-tab.peroni.v-tab--active {
        background-color: #C10230;
        color: #FFFFFF !important;
    }

    .theme--dark.v-tabs>.v-tabs-bar .v-tab.six_nations:not(.v-tab--active),
    .theme--dark.v-tabs>.v-tabs-bar .v-tab.six_nations.v-tab--active {
        background-color: #666666;
        color: #FFFFFF !important;
    }

    .theme--dark.v-tabs>.v-tabs-bar .v-tab.six_nations.v-tab--active:before {
        opacity: 0 !important;
    }

    .theme--dark.v-tabs>.v-tabs-bar .v-tab.six_nations:not(.v-tab--active):before {
        opacity: .24 !important;
    }

    .theme--dark.v-tabs>.v-tabs-bar .v-tab.six_nations:not(.v-tab--active):hover:before,
    .theme--dark.v-tabs>.v-tabs-bar .v-tab.six_nations:not(.v-tab--active):focus:before {
        opacity: 0 !important;
    }

    .theme--dark.v-tabs>.v-tabs-bar .v-tab.women_s_six_nations:not(.v-tab--active),
    .theme--dark.v-tabs>.v-tabs-bar .v-tab.women_s_six_nations.v-tab--active {
        background-color: #BF01F3;
        color: #FFFFFF !important;
    }

    .theme--dark.v-tabs>.v-tabs-bar .v-tab.women_s_six_nations.v-tab--active:before {
        opacity: 0 !important;
    }

    .theme--dark.v-tabs>.v-tabs-bar .v-tab.women_s_six_nations:not(.v-tab--active):before {
        opacity: .24 !important;
    }

    .theme--dark.v-tabs>.v-tabs-bar .v-tab.women_s_six_nations:not(.v-tab--active):hover:before,
    .theme--dark.v-tabs>.v-tabs-bar .v-tab.women_s_six_nations:not(.v-tab--active):focus:before {
        opacity: 0 !important;
    }

    .theme--dark.v-tabs>.v-tabs-bar .v-tab.u20_six_nations:not(.v-tab--active),
    .theme--dark.v-tabs>.v-tabs-bar .v-tab.u20_six_nations.v-tab--active {
        background-color: #B2FF01;
        color: #000000 !important;
    }

    .theme--dark.v-tabs>.v-tabs-bar .v-tab.u20_six_nations.v-tab--active:before {
        opacity: 0 !important;
    }

    .theme--dark.v-tabs>.v-tabs-bar .v-tab.u20_six_nations:not(.v-tab--active):before {
        opacity: .24 !important;
    }

    .theme--dark.v-tabs>.v-tabs-bar .v-tab.u20_six_nations:not(.v-tab--active):hover:before,
    .theme--dark.v-tabs>.v-tabs-bar .v-tab.u20_six_nations:not(.v-tab--active):focus:before {
        opacity: 0 !important;
    }

    .theme--dark.v-tabs>.v-tabs-bar .v-tab.urc:not(.v-tab--active),
    .theme--dark.v-tabs>.v-tabs-bar .v-tab.urc.v-tab--active {
        background-color: #0E212F;
        color: #04CDE6 !important;
    }

    .theme--dark.v-tabs>.v-tabs-bar .v-tab.urc.v-tab--active:before {
        opacity: 0 !important;
    }

    .theme--dark.v-tabs>.v-tabs-bar .v-tab.urc:not(.v-tab--active):before {
        opacity: .24 !important;
    }

    .theme--dark.v-tabs>.v-tabs-bar .v-tab.urc:not(.v-tab--active):hover:before,
    .theme--dark.v-tabs>.v-tabs-bar .v-tab.urc:not(.v-tab--active):focus:before {
        opacity: 0 !important;
    }

    .theme--dark.v-tabs>.v-tabs-bar .v-tab.allwoman:not(.v-tab--active),
    .theme--dark.v-tabs>.v-tabs-bar .v-tab.allwoman.v-tab--active {
        background-color: #BF01F3;
        color: #FFFFFF !important;
    }

    .theme--dark.v-tabs>.v-tabs-bar .v-tab.allwoman.v-tab--active:before {
        opacity: 0 !important;
    }

    .theme--dark.v-tabs>.v-tabs-bar .v-tab.allwoman:not(.v-tab--active):before {
        opacity: .24 !important;
    }

    .theme--dark.v-tabs>.v-tabs-bar .v-tab.allwoman:not(.v-tab--active):hover:before,
    .theme--dark.v-tabs>.v-tabs-bar .v-tab.allwoman:not(.v-tab--active):focus:before {
        opacity: 0 !important;
    }










    .championship-logo {
        width: 100%;
        max-width: 950px;
        margin: 0 auto;
        background-size: contain;
        height: 247px;

        span {
            display: block;
            ;
            margin-left: 999px;
            overflow: hidden;
            font-size: 2rem;
        }
    }

    .championship-fase {
        font-size: 1.8rem;
    }

    @media all and (max-width: 950px) {
        .championship-logo {
            height: calc(247 / 950 * 100vw);
            overflow: hidden;

            /* self-pat on the back for this is sheer genius *ric */
        }

    }

    &.peroni .championship-logo {
        background-image: url(banner/banner_peroni.svg)
    }

    &.maschile-bg.elite .championship-logo {
        background-image: url(banner/banner_elite_maschile.png)
    }

    &.femminile-bg.elite .championship-logo {
        background-image: url(banner/banner_elite_femminile.png)
    }

    &.elite-cup-bg .championship-logo {
        background-image: url(banner/banner_elite_cup.png);
    }

    &.six_nations .championship-logo {
        background-image: url(banner/seinazioni_maschile.png);
        max-width: 500px;
    }

    &.women_s_six_nations .championship-logo {
        background-image: url(banner/seinazioni_femminile.png);
        max-width: 500px;
    }

    &.u20_six_nations .championship-logo {
        background-image: url(banner/seinazioni_u20.png);
        max-width: 500px;
    }

    &.national-bg,
    &.allwoman {
        .championship-logo {
            height: 1.2rem;
            max-height: 1.2rem;

            span {
                margin-left: auto;
            }
        }
    }

    .partita-1.theme--dark.v-card {
        color: #CCCCCC;
    }

    &.urc.partita-1 {
        color: #0E212F !important
    }

    &.peroni.pdisabled .partita-1 {
        color: #8C734B !important
    }

    &.peroni.disabled #app #app {
        background-color: #C10230
    }

    .partita-2-homelogo {
        margin-left: 0.15rem;
        margin-right: 0.15rem;

    }

    &.urc .partita-2-homelogo {
        background-color: #142837 !important;
    }

    &.peroni .partita-3-teamname {
        color: #C10230 !important;
    }

    &.urc .partita-3-teamname {
        color: #04CDE6 !important;
    }

    #content>.container.text-center {
        min-height: 2.5rem;
    }

    /**
    * Richiesta di Andrea Cimbrico di rimuovere la fase regolare per l'U18:
    */
    /*
    ._102620252026_Fase.regolare,
    .championship-logo>span,
    .championship-fase {
        display: none !important
    }

    body.national-bg,
    body.allwoman {
        .championship-logo {
            max-height: 0;
        }
    }
    */
    /*
    end hacky fix
    */

    .container.zbody-partita {
        min-height: 50vh;

    }
}