/* ============================================================
   TIPNIX KATEGORIEN
   Standard + eigene Kategorien
   ============================================================ */

.tnx-category-wrap {
    width: 100%;
}


.tnx-category-select {
    width: 100%;

    min-height: 44px;

    padding:
        10px
        38px
        10px
        12px;

    border:
        1px solid
        #dfe3e8;

    border-radius:
        11px;

    background:
        #ffffff;

    color:
        #17191c;

    font:
        inherit;

    font-size:
        14px;

    cursor:
        pointer;
}


.tnx-category-select:focus,
.tnx-custom-category-input:focus {
    outline: none;

    border-color:
        #aeb5bf;

    box-shadow:
        0 0 0 3px
        rgba(
            23,
            25,
            28,
            .06
        );
}


.tnx-custom-category-box {
    display: none;

    margin-top:
        9px;

    padding:
        11px;

    border:
        1px solid
        #e4e7eb;

    border-radius:
        11px;

    background:
        #f8f9fa;
}


.tnx-custom-category-box.tnx-visible {
    display: block;
}


.tnx-custom-category-label {
    display: block;

    margin-bottom:
        6px;

    color:
        #626973;

    font-size:
        11px;

    font-weight:
        750;
}


.tnx-custom-category-input {
    width: 100%;

    min-height: 42px;

    margin:
        0;

    padding:
        9px
        11px;

    border:
        1px solid
        #dfe3e8;

    border-radius:
        9px;

    background:
        #ffffff;

    color:
        #17191c;

    font:
        inherit;

    font-size:
        14px;
}


.tnx-custom-category-counter {
    display: block;

    margin-top:
        5px;

    color:
        #8a9099;

    font-size:
        10px;

    text-align:
        right;
}


.tnx-category-hint {
    display: block;

    margin-top:
        5px;

    color:
        #858b94;

    font-size:
        11px;

    line-height:
        1.35;
}


.category,
.bet-category,
[class*="category-badge"] {
    display:
        inline-flex;

    align-items:
        center;

    padding:
        4px
        8px;

    border-radius:
        999px;

    background:
        #f0f2f4;

    color:
        #555c66;

    font-size:
        11px;

    font-weight:
        750;
}