.input-group-element {
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    color: #212529;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    padding: .375rem .75rem;
}

    .input-group-element.prepend {
        border-width: 1px 0px 1px 1px;
        border-radius: .25rem 0rem 0rem .25rem;
    }

    .input-group-element.append {
        border-width: 1px 1px 1px 0px;
        border-radius: 0rem .25rem .25rem 0rem;
    }

.input-group-field {

}

    .input-group-field.prepend {
        border-radius: 0rem .25rem .25rem 0rem;
    }

    .input-group-field.append {
        border-radius: .25rem 0rem 0rem .25rem;
    }

.input-text-allignment.left .k-input-inner {
    text-align: left;
}

.input-text-allignment.right .k-input-inner {
    text-align: right;
}

.text-deleted {
    text-decoration: line-through;
    color: #ddd;
}


/*Tablestuff*/

tbody::before {
    content: '';
    display: block;
    height: 5px;
}

.devc-table-sort-label {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    flex-direction: inherit;
    justify-content: flex-start;
}

    .devc-table-sort-label:hover {
        color: #0d6efd;
    }

        .devc-table-sort-label:hover .devc-table-sort-label-icon {
            opacity: 0.85;
        }

    .devc-table-sort-label .devc-table-sort-label-icon {
        font-size: 18px;
        transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        margin-left: 4px;
        user-select: none;
        margin-right: 4px;
        opacity: 0.5;
    }

.google-icon-sort-icon {
    width: 1.3rem;
    margin-right: 0.7rem;
    color: blue;
}