#tns-widget *{
            font-family: "Poppins", sans-serif;;
            font-size: 16px;
    }
    #tns-widget {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #tns-kolo-dan, .tns-kolo, #tns-muski-zenski, .tns-dan, #tns-muski-zenski {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-evenly;
        margin-bottom: 20px;
    }
    .tns-kolo, .tns-dan, #tns-muski-zenski{
        width: 100%;
        justify-content: space-between;
    }
    button.btn-kolo-dan {
        width: 45%;
        background: none;
        border-radius: 0%;
        border: none;
        border-bottom: 2px solid #2c693f;
        padding: 15px;
    }
    button.btn-kolo-dan.active {
        border: 2px solid #2c693f;
        border-bottom: none;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    button.btn-kolo, button.btn-dan, button.btn-muski, button.btn-zenski {
        background: none;
        border: 2px solid #696969;
        border-radius: 10px;
        padding: 3px;
    font-size: 14px !important;
    }
    button.btn-kolo.active, button.btn-dan.active, button.btn-muski.active, button.btn-zenski.active{
        background: #2c693f;
        border: 2px solid #2c693f;
        color: white;
    }

    div.div-kolo-dan{
        width: 5%;
        border-bottom: 2px solid #2c693f;
    }
    #tns-tabela{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: #F3F3F3;
        border-radius: 6px;
    }
    .tns-duel{
        width: 90%;
        background: white;
        margin: 25px 0px 0px;
        padding: 10px 15px;
        border-radius: 6px;
        display: flex;
        justify-content: space-between;

    }
    .tns-duel:last-child{
        margin-bottom: 25px;
    }
    .tns-igraci {
        display: flex;
        flex-direction: column;
        width: 60%;
        justify-content: center;
    }
    .tns-rezultat{
        width: 40%;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .tns-rezultat-prvi, .tns-rezultat-drugi{
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: baseline;
    }
    .tns-igraci span:nth-child(odd), .tns-rezultat .tns-rezultat-prvi{
        border-bottom: 0.5px solid #F3F3F3;
        padding-bottom: 10px;
    }
    .tns-igraci span:nth-child(even), .tns-rezultat .tns-rezultat-drugi {
        padding-top: 10px;
    }
    .tns-gem{
        margin: 0 5px;
    }
    .tns-ukupno {
            margin-left: 14px;
    width: 10px;
    text-align: center;
    }
    .tns-kolo-option, .tns-dan-option {
            width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #696969;
    border-radius: 6px;

    }

    @media screen and (max-width:  991px) {.hide-mob {display: none;} #tns-widget *{font-size: 14px !important;}#tns-widget sup{font-size: 10px !important;}span.tns-gem{width: 9px;}}
    @media screen and (min-width:  990px) {.hide-desk {display: none;} sup{font-size: 12px !important;}}
        .won {font-weight: bold; color: #2c693f;}
        button.active {background: none; color: #2c693f; font-weight: bold;}