.spin-hide::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin-right: 0;
}

.btn-yellow {
    color: #212529;
    background-color: #FFFF00;
    border-color: #FFFF00;
}

.bg-offline {
    background-color: red;
}

.bg-modra {
    background-color: #A3D9FF;
}

.highlight {
    background-color: yellow;
}

.td-lt {
    text-decoration: line-through;
}

.w-60 {
    min-width: 60%;
}

.w-66 {
    min-width: 66%;
}

.truncate-ellipsis {
    display: table;
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}

    .truncate-ellipsis > span {
        display: table-cell;
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 1199.98px) {
    .truncate-ellipsis-xl {
        display: table;
        table-layout: fixed;
        width: 100%;
        white-space: nowrap;
    }

        .truncate-ellipsis-xl > span {
            display: table-cell;
            overflow: hidden;
            text-overflow: ellipsis;
        }
}

.card-header-button-left {
    display: flex;
    position: absolute;
    top: .3rem;
    left: .3rem;
}

.card-header-button-right {
    display: flex;
    position: absolute;
    top: .3rem;
    right: .3rem;
}

.bootstrap-select .bs-ok-default:after {
    display: inline-block;
    vertical-align: bottom;
}

.mnw-5 {
    display: inline-block;
    min-width: 3rem;
}