.futsapp-widget {

    .tabs-navigation {
        display: flex;
        border-bottom: 1px solid #f2f2f2;
        margin-bottom: 20px;

        &> div {
            padding: 20px;
            cursor: pointer;
            border: rgb(204, 204, 204) 1px solid;
            background-color: rgba(204, 204, 204, 0.26);
            color: rgb(204, 204, 204);
            border-bottom: none;
            margin-right: 5px;

            &:first-child {
                //border-right: none;
            }

            &.active {
                color: #929292;
                background-color: white;
            }
        }
    }

    .group {
        padding-bottom: 10px;
        margin-bottom: 10px;

        .group-name {
            font-size: 22px;
        }
    }

    .nav-stage {
        margin-bottom: 30px;
    }

    .nav-round, .nav-stage {
        display: flex;

        & > div {
            border: #CCC 1px solid;
            /*border-radius: 5px;*/
            margin: 5px;
            width: 25%;
            padding: 10px;
            text-align: center;

            &:not(.stage-name):not(.round-name) {
                cursor: pointer;
            }

            &.disabled {
                opacity: 0.3;
            }
        }

        .round-name, .stage-name {
            width: 50%;
        }
    }


    .match-list .match,
    .playoff-matches .match {
        display: table;
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 10px;
        margin: auto;

        &:last-child {
            border-bottom: none;
        }

        .row {
            display: flex;
            margin: 0;
        }

        h3 {
            font-size: 12px;
            text-align: center;
        }

        .team-short-name {
            font-size: 18px;
            padding: 10px;
            display: flex;
            align-items: center;
            min-width: 120px;

            span {
                margin: auto;
            }

            &.home {
                text-align: right;
            }
        }

        .team-badge {
            padding: 10px;
            display: flex;
            align-items: center;

            &.home {
                text-align: right;
            }

            img {
                max-width: 100%;
            }
        }

        .match-score {
            min-width: 70px;
            padding: 10px;
            text-align: center;
            font-size: 18px;
            display: flex;
            align-items: center;

            span {
                margin: auto;
            }
        }

        .penalty-score > div {
            margin: auto;
            background-color: #cccccc;
            padding: 5px;
            border-radius: 5px;
            font-size: 11px;
            margin-top: -10px;
        }
    }


    table.classification {

        margin: auto;

        thead, thead td {
            background-color: rgba(238, 238, 238, 0.32) !important;
        }

        td {
            width: 40px;
            max-width: 40px;
            height: 40px;
            text-align: center;
            border-bottom: 1px solid rgba(204, 204, 204, 0.43);

            &.team-name {
                text-align: left;
                width: 45%;
            }

            &.p, &.w, &.l, &.ga, &.avg {
                background-color: rgba(238, 238, 238, 0.32) !important;
            }
        }

        tr {
            border-bottom: 1px solid #CCC;
        }

        tr.classificado td.position {
            background-color: rgba(31, 132, 4, 0.45);
            color: white;
        }
        tr.pre-classificado td.position {
            background-color: rgba(0, 98, 237, 0.5);
            color: white;
        }
        tr.rebaixado td.position {
            background-color: rgba(237, 41, 0, 0.46);
            color: white;
        }
        tr.current-team {
            background-color: rgba(216, 239, 4, 0.17);
        }
    }
}