body {
        font-family: "Roboto", sans-serif;
        font-size: 14px;
    }

    .flag_separator_sm {
        background: #0071c5;
        /* Old browsers */
        background: -moz-linear-gradient(left, #0071c5 0%, #0071c5 34%, #f9e800 34%, #f9e800 34%, #f9e800 67%, #c62d23 67%, #c62d23 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #0071c5 0%, #0071c5 34%, #f9e800 34%, #f9e800 34%, #f9e800 67%, #c62d23 67%, #c62d23 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #0071c5 0%, #0071c5 34%, #f9e800 34%, #f9e800 34%, #f9e800 67%, #c62d23 67%, #c62d23 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071c5', endColorstr='#c62d23', GradientType=1);
        /* IE6-9 */
        height: 3px;
        width: 100%;
        margin: 24px 0;
    }

    header {
        margin-top: 12px;
    }

    @media (max-width:768px) {
        .module-title,
        .logo {
            text-align: center
        }
        .logo {
            display: none;
        }
        .liga {
            margin-bottom: 24px;
        }
        .options {
            margin-top: 24px;
        }
    }

    h1 {}

    .fa-male {
        color: #0071c5
    }

    .fa-female {
        color: #c62d23
    }

    .today {
        font-family: "Montserrat", serif;
    }

    .matches {
        margin-top: 24px;
    }

    .match {
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 12px;
        margin-bottom: 16px;
    }

    .team-name {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        padding-left: 4px;
        padding-right: 4px;
    }

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

    .jumbotron {
        padding: 1em 2em;
        background: #0e2050;
        color: #fff;
    }

    .jumbotron .display-3 {
        font-size: 3em;
        margin-bottom: 0;
        color: #fff;
        font-weight: 500;
        text-transform: capitalize;
    }

    .jumbotron .lead {
        margin-bottom: 0;
    }

    .match-score .badge {
        font-size: 95%;
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        padding: .5em;
    }

    .action-name,
    .action-info {
        margin-left: 5px;
    }

    .badge-yellow {
        background-color: gold;
        color: #000;
    }

    .badge-lightcoral {
        background-color: lightcoral;
        color: #000;
    }

    @media (min-width:990px) {
        .livecenter-logo {
            float: right;
        }
    }

    .livecenter-logo {
        margin: 0 auto;
    }

    .nav-tabs {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .nav-tabs>li>a {
        border-radius: 0;
    }

    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        border: none;
        border-bottom: 1px solid #999;
    }

    .nav-tabs .nav-item {
        border-radius: 0;
    }

    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        border-color: transparent;
        color: #fff;
        background-color: #0e2050;
        font-weight: 500;
        border-radius: 0;
    }