:root {
    --tn-error-bg: #d92550;
    --tn-error-border: #d92550;
    --tn-error-color: #fff;

    --tn-success-bg: #3ac47d;
    --tn-success-border: #3ac47d;
    --tn-success-color: #fff;

    --tn-warning-bg: #f7b924;
    --tn-warning-border: #f7b924;
    --tn-warning-color: #000;

    --tn-awaiting-bg: #794c8a;
    --tn-awaiting-border: #794c8a;
    --tn-awaiting-color: #fff;

    --tn-in-progress-bg: #3f6ad8;
    --tn-in-progress-border: #3f6ad8;
    --tn-in-progress-color: #fff;

    --tn-info-bg: #3f6ad8;
    --tn-info-border: #3f6ad8;
    --tn-info-color: #fff;

    --tn-unknown-bg: #aca712;
    --tn-unknown-border: #aca712;
    --tn-unknown-color: #fff;

    --tn-default-bg: #6c757d;
    --tn-default-border: #6c757d;
    --tn-default-color: #fff;
}

.tn-slim-badge {
    display: inline-block;
    font-weight: 600;
    font-size: 0.5rem;
    line-height: 0.55rem;
    padding: 4px;
    text-align: center;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    white-space: nowrap;
}

.tn-badge {
    display: inline-block;
    font-weight: 600;
    font-size: 11px;
    line-height: 12px;
    padding: 4px 6px;
    text-align: center;
    border-radius: 4px;
    white-space: nowrap;
    height: 20px;
}
.tn-badge[type="error"], .tn-slim-badge[type="error"]{
    background-color: var(--tn-error-bg);
    /*border: 1px solid var(--tn-error-border);*/
    color: var(--tn-error-color);
}
.tn-badge[type="success"], .tn-slim-badge[type="success"] {
    background-color: var(--tn-success-bg);
    /*border: 1px solid var(--tn-success-border);*/
    color: var(--tn-success-color);
}
.tn-badge[type="warning"], .tn-slim-badge[type="warning"] {
    background-color: var(--tn-warning-bg);
    /*border: 1px solid var(--tn-warning-border);*/
    color: var(--tn-warning-color);
}
.tn-badge[type="awaiting"], .tn-slim-badge[type="awaiting"] {
    background-color: var(--tn-awaiting-bg);
    /*border: 1px solid var(--tn-awaiting-border);*/
    color: var(--tn-awaiting-color);
}
.tn-badge[type="in-progress"], .tn-slim-badge[type="in-progress"] {
    background-color: var(--tn-in-progress-bg);
    /*border: 1px solid var(--tn-in-progress-border);*/
    color: var(--tn-in-progress-color);
}
.tn-badge[type="info"], .tn-slim-badge[type="info"] {
    background-color: var(--tn-info-bg);
    /*border: 1px solid var(--tn-info-border);*/
    color: var(--tn-info-color);
}
.tn-badge[type="unknown"], .tn-slim-badge[type="unknown"] {
    background-color: var(--tn-unknown-bg);
    /*border: 1px solid var(--tn-unknown-border);*/
    color: var(--tn-unknown-color);
}
.tn-badge[type="default"], .tn-slim-badge[type="default"] {
    background-color: var(--tn-default-bg);
    /*border: 1px solid var(--tn-default-border);*/
    color: var(--tn-default-color);
}

.gs-24 > .grid-stack-item {
    width: 4.167%;
}
.gs-24 > .grid-stack-item[gs-x='1'] {
    left: 4.167%;
}
.gs-24 > .grid-stack-item[gs-w='2'] {
    width: 8.333%;
}
.gs-24 > .grid-stack-item[gs-x='2'] {
    left: 8.333%;
}
.gs-24 > .grid-stack-item[gs-w='3'] {
    width: 12.5%;
}
.gs-24 > .grid-stack-item[gs-x='3'] {
    left: 12.5%;
}
.gs-24 > .grid-stack-item[gs-w='4'] {
    width: 16.667%;
}
.gs-24 > .grid-stack-item[gs-x='4'] {
    left: 16.667%;
}
.gs-24 > .grid-stack-item[gs-w='5'] {
    width: 20.833%;
}
.gs-24 > .grid-stack-item[gs-x='5'] {
    left: 20.833%;
}
.gs-24 > .grid-stack-item[gs-w='6'] {
    width: 25%;
}
.gs-24 > .grid-stack-item[gs-x='6'] {
    left: 25%;
}
.gs-24 > .grid-stack-item[gs-w='7'] {
    width: 29.167%;
}
.gs-24 > .grid-stack-item[gs-x='7'] {
    left: 29.167%;
}
.gs-24 > .grid-stack-item[gs-w='8'] {
    width: 33.333%;
}
.gs-24 > .grid-stack-item[gs-x='8'] {
    left: 33.333%;
}
.gs-24 > .grid-stack-item[gs-w='9'] {
    width: 37.5%;
}
.gs-24 > .grid-stack-item[gs-x='9'] {
    left: 37.5%;
}
.gs-24 > .grid-stack-item[gs-w='10'] {
    width: 41.667%;
}
.gs-24 > .grid-stack-item[gs-x='10'] {
    left: 41.667%;
}
.gs-24 > .grid-stack-item[gs-w='11'] {
    width: 45.833%;
}
.gs-24 > .grid-stack-item[gs-x='11'] {
    left: 45.833%;
}
.gs-24 > .grid-stack-item[gs-w='12'] {
    width: 50%;
}
.gs-24 > .grid-stack-item[gs-x='12'] {
    left: 50%;
}
.gs-24 > .grid-stack-item[gs-w='13'] {
    width: 54.167%;
}
.gs-24 > .grid-stack-item[gs-x='13'] {
    left: 54.167%;
}
.gs-24 > .grid-stack-item[gs-w='14'] {
    width: 58.333%;
}
.gs-24 > .grid-stack-item[gs-x='14'] {
    left: 58.333%;
}
.gs-24 > .grid-stack-item[gs-w='15'] {
    width: 62.5%;
}
.gs-24 > .grid-stack-item[gs-x='15'] {
    left: 62.5%;
}
.gs-24 > .grid-stack-item[gs-w='16'] {
    width: 66.667%;
}
.gs-24 > .grid-stack-item[gs-x='16'] {
    left: 66.667%;
}
.gs-24 > .grid-stack-item[gs-w='17'] {
    width: 70.833%;
}
.gs-24 > .grid-stack-item[gs-x='17'] {
    left: 70.833%;
}
.gs-24 > .grid-stack-item[gs-w='18'] {
    width: 75%;
}
.gs-24 > .grid-stack-item[gs-x='18'] {
    left: 75%;
}
.gs-24 > .grid-stack-item[gs-w='19'] {
    width: 79.167%;
}
.gs-24 > .grid-stack-item[gs-x='19'] {
    left: 79.167%;
}
.gs-24 > .grid-stack-item[gs-w='20'] {
    width: 83.333%;
}
.gs-24 > .grid-stack-item[gs-x='20'] {
    left: 83.333%;
}
.gs-24 > .grid-stack-item[gs-w='21'] {
    width: 87.5%;
}
.gs-24 > .grid-stack-item[gs-x='21'] {
    left: 87.5%;
}
.gs-24 > .grid-stack-item[gs-w='22'] {
    width: 91.667%;
}
.gs-24 > .grid-stack-item[gs-x='22'] {
    left: 91.667%;
}
.gs-24 > .grid-stack-item[gs-w='23'] {
    width: 95.833%;
}
.gs-24 > .grid-stack-item[gs-x='23'] {
    left: 95.833%;
}