body {
    margin: 0
}

button {
    border: none;
    background: none;
}

div {
    display: block;
    text-align: center;
}

h1 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    display: flex;
    justify-content: center;

}

.league-container.national button[type=button] {
    background-color: #FBAF3F;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    text-align: center;
    padding: 5px;
    vertical-align: -webkit-baseline-middle;
    margin: 4px 2px;
    cursor: pointer;
    min-width: 100px;
    min-height: 50px;
    border-radius: 10px
}

.league-container.national button[class=btn-colapse] {
    background-color: white;
    color: #FBAF3F;
    width: 10px;
    height: 10px;
    min-width: 20px;
    min-height: 20px;
    text-align: center;
    vertical-align: middle;
    font-size: 17px;
    padding: 0px;
    margin-left: 75px;
    margin-top: 0px;
    position: absolute
}

@media only screen and (max-width: 648px) {
    .league-container.national button[class=btn-colapse] {
        margin-left: 60px
    }
}

.league-container.international .buttons-container {
    padding: 12px 0;
    background-image: linear-gradient(60deg,#891739 25%,transparent 25%,transparent 75%,#891739 75%,#891739),linear-gradient(120deg,#891739 25%,transparent 25%,transparent 75%,#891739 75%,#891739);
    background-size: 40px 70px;
    background-color: #720E27;
}

.league-container.international button[type=button],
.league-container.international button[class=btn-colapse] {
    margin: 0 6%;
    padding: 0;
    text-decoration: none;
    border: 0;
    background-color: transparent;
    cursor: pointer
}

.table-container {
    text-align: center;
    margin-bottom: 24px
}

.points-container {
    width: 100%;
    display: block;
    text-align: center
}

.block-container {
    display: block;
    position: relative;
    width: 400px;
    left: 50%;
    transform: translateX(-50%)
}

.table-container.national .title-container {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    color: #fff;
    font-size: 20px
}

.table-container.national .journey-table {
    margin: 0 12px 30px 12px
}

@media only screen and (max-width: 648px) {
    .table-container.national .journey-table {
        margin: 0;
        margin-bottom: 30px
    }
}

.table-container.national .button-hidden {
    background: white;
    padding: 3px;
    border-radius: 8px;
    width: 20px;
    height: 15px;
    margin: 0;
    float: right;
    cursor: pointer
}

.table-container.national .button-hidden img {
    width: 16px;
    height: 16px
}

.table-container.national .button-hidden.show img {
    transform: rotate(-180deg)
}

.table-container.national table.table-journey {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px 0px
}

.table-container.national table.table-journey .input-container input {
    width: 28px;
    height: 28px;
    font-size: 22px;
    text-align: center
}

.table-container.national table.table-journey .input-container input[type=number]::-webkit-inner-spin-button,
.table-container.national table.table-journey .input-container input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.table-container.national table.table-journey .home-team .logo-container,
.table-container.national table.table-journey .away-team .logo-container {
    width: 100px;
    margin: 0 auto
}

.table-container.national table.table-journey .home-team img,
.table-container.national table.table-journey .away-team img {
    vertical-align: middle
}

.table-container.national table.table-journey .home-team img,
.table-container.national table.table-journey .home-team p,
.table-container.national table.table-journey .away-team img,
.table-container.national table.table-journey .away-team p {
    margin: 0
}

.table-container.national table.table-journey tr:nth-child(2n+1) {
    background-color: rgba(221, 221, 221, 0.5)
}

.table-container.international .title-container {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding: 6px 0 2px;
    margin-bottom: 0;
    color: #FBAF3F;
    font-size: 20px;
    background-color: #000
}

.table-container.international table.table-journey {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    /*background-image: url("../../../public/imagenes/rombos.svg")
    background-color: #720E27;
    background-color: #89173a;*/
    /*background-image: repeating-linear-gradient(120deg,rgba(255,255,255,.1),rgba(255,255,255,.1) 1px,transparent 1px,transparent 15px),repeating-linear-gradient(60deg,rgba(255,255,255,.1),rgba(255,255,255,.1) 1px,transparent 1px,transparent 15px),linear-gradient(60deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1)),linear-gradient(120deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1));*/
    background-color: #720E27;
    background-image: linear-gradient(60deg,#891739 25%,transparent 25%,transparent 75%,#891739 75%,#891739),linear-gradient(120deg,#891739 25%,transparent 25%,transparent 75%,#891739  75%,#891739);
    background-size: 200px 200px;
    /*background-size: 17px 30px;*/
}

.table-container.international table.table-journey .container-titles th {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    background: -webkit-linear-gradient(#faf3e2, #e9c674);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.table-container.international table.table-journey .row-journey {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    color: #FBAF3F;
    font-size: 20px;
    background-color: #000
}

.table-container.international table.table-journey .row-journey td {
    padding: 6px 0 2px
}

.table-container.international table.table-journey .game {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height: 24px;
    background-color: #fff;
    color: #720E27
}

.table-container.international table.table-journey .input-container input {
    width: 25px;
    height: 28px;
    font-size: 18px;
    text-align: center
}

.table-container.international table.table-journey .input-container input[type=number]::-webkit-inner-spin-button,
.table-container.international table.table-journey .input-container input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.table-container.international table.table-journey .game-team .logo-container {
    width: 100px;
    margin: 0 auto;
    padding: 5px 0
}

.table-container.international table.table-journey .game-team p {
    margin: 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    background: -webkit-linear-gradient(#faf3e2, #e9c674);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.table-container.international table.table-journey .row-team .score-disabled {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #fff
}

.table-container .table-results {
    width: 100%;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: separate;
    border-spacing: 0px 0px
}

.table-container .title-table h3 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    color: #fff
}

.table-container.national .table-results tr {
    max-height: 20px
}

.table-container.national .table-results tr .team-short-name {
    text-align: justify
}

.table-container.national .table-results tr .team-short-name img,
.table-container.national .table-results tr .team-short-name p {
    display: inline
}

.table-container.national .table-results tr .team-short-name img {
    float: left
}

.table-container.national .table-results tr .team-short-name p {
    line-height: 30px
}

@media only screen and (max-width: 648px) {
    .table-container.national .table-results tr .team-short-name p {
        display: none
    }
}

@media only screen and (max-width: 648px) {
    .table-container.national .table-results tr .team-short-name {
        text-align: center;
        width: 40px
    }

    .table-container.national .table-results tr .team-short-name img {
        float: none
    }

    .table-container.national .table-results tr .team-short-name p {
        display: none
    }
}

.table-container.national .table-results tr:nth-child(2n+1) {
    background-color: rgba(221, 221, 221, 0.5)
}

.table-container.international .title-table {
    padding-top: 5px;
    border-bottom: 1px solid #e9c674
}

.table-container.international .title-table img {
    display: block;
    max-width: 180px;
    margin: 0 auto
}

.table-container.international .row-headers {
    background-color: #000
}

.table-container.international .row-headers th {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    background: -webkit-linear-gradient(#faf3e2, #e9c674);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.table-container.international .table-results {
    background-image: url("../../../public/imagenes/rombos.svg")
}

.table-container.international .table-results th {
    padding: 3px 0;
    border-bottom: 1px solid #e9c674
}

.table-container.international .table-results td {
    border-bottom: 2px solid #fff
}

.table-container.international .table-results .pos {
    border-right: 2px solid #e9c674
}

.table-container.international .table-results .pos img {
    display: block;
    max-width: 14px;
    margin: 0 auto
}

.table-container.international .table-results .team-short-name {
    padding: 6px 0
}

.table-container.international .table-results .team-short-name.pending {
    height: 41px
}

.table-container.international .table-results .team-short-name img {
    display: block;
    max-width: 140px;
    margin: 0 auto
}

.table-container.international .table-results .counter-PTS {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 600;
    background: -webkit-linear-gradient(#e9c674, #faf3e2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.block-display {
    width: 120px;
    height: 120px;
    display: inline-block;
    margin: 10px;
    text-align: center;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    background: #FBAF3F
}

.block-display p {
    margin: 20px 0 0 0;
    font-size: 28px
}

.block-display h2 {
    color: #fff;
    margin: 0
}