/*!
 * WellFrame Web Library
 *
 * Copyright (©) Wellcode Software owned by Khamis Abuelkomboz
 *
 * ALL RIGHTS RESERVED, see http://wellcode.de
 *
 */

.list-VItems {
    float: right;
    min-width: 400px;
    font-size: small;
}

.cmd-rest {
    width: 100%;
    cursor: pointer;
    background-color: #80dfff;
    color: gray;
    font-style: italic;
    border: 1px groove;
}

.list-VItems .cmd-rest {
    background-color: #fafafa;
}

.cmd-rest:hover {
    color: black;
    background-color: gray;
}

.list-VItems .itemtemplate,
.list-VItems .mobiletemplate,
.list-VItems .item,
.list-VItems .item-overlay {
    padding: 0px;
    margin: 0px;
    border-radius: 0px;
    overflow: hidden;
}

    .list-VItems .itemtemplate .item {
        width: 100%;
    }

.list-VItems {
    /*border: 1px solid lightgray;*/
}

    .list-VItems > .itemstable {
        border: 0px;
    }

    .list-VItems > .itemtemplate,
    .list-VItems > .mobiletemplate {
        border: 0px;
        border-bottom: 1px solid lightgray;
    }

    .list-VItems .item-overlay {
        padding: 0px;
    }

    .list-VItems .item-VSubtitle,
    .list-VItems .item-VDescription,
    .list-VItems .item-VContent {
        display: none;
    }

    .list-VItems > .mobiletemplate .item-a,
    .list-VItems > .mobiletemplate .itemstable-image {
        width: 20px;
        height: 20px;
    }

    .list-VItems h2,
    .list-VItems td,
    .list-VItems .field-value {
        font-size: small;
        font-weight: 600;
        padding: 1px 1px 1px 1px;
        overflow: visible;
        margin: 0px;
    }

    .list-VItems .itemstable-image-td,
    .list-VItems .itemstable-body-td {
        padding: 0px;
    }

    .list-VItems .td-Description {
        display: none;
    }

    .list-VItems .itemstable {
        border-color: var(--wf-border-color);
        width: 100%;
    }

    .list-VItems .itemstable-body-td {
        vertical-align: middle;
    }

.float-left {
    float: left;
}

@media screen and (max-width: 640px) {

    .vitems {
        padding-left: 29px;
    }

    .list-VItems .item-overlay {
        padding: 2px 0px 0px 4px;
    }

    .list-VItems > .mobiletemplate .item-a,
    .list-VItems > .mobiletemplate .itemstable-image {
        width: 20px;
        height: 20px;
    }

    .list-VItems > .mobiletemplate img {
        filter: grayscale(0.55);
    }
        
    .list-VItems {
        float: none;
        min-width: unset;
        font-size: small;
    }

        .list-VItems table,
        .list-VItems .OrderPosition-table {
            width: 100%;
        }

        .list-VItems h2,
        .list-VItems td,
        .list-VItems .field-value {
            font-size: small;
        }
}