/* stylelint-disable */


list{position: relative;z-index: 0;padding: 10px;overflow-y: auto;overflow-y: overlay;-webkit-overflow-scrolling: touch;width:100%;overflow-x:hidden;}
list[demo]{padding:40px;}




    .drop .k-detail-row {
        display: none;
    }

    [color]:active svg {
        transform: translateY(1px)
    }

    [color] svg {
        width: 20px;
        height: 20px;
    }

    demo_wrap {
        display: flex;
        padding: 20px;

        flex-wrap: wrap;
        align-items: center;
        overflow: hidden;
        position: relative;
        box-shadow: 0 0 0 1px var(--border-color);
        background: var(--background);
    }

        demo_wrap[fab] {
            height: 250px;
        }

    demo_column {
        margin: 20px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        padding: 30px;
        border-radius: 15px;
        background: var(--hover)
    }

    demo_wrap .button {
        margin: 5px;
    }

    view[icons] scroller {
        overflow: auto;
        overflow: overlay;
        display: flex;
        height: 100%;
        flex-direction: column;
        z-index: 1;
    }

        view[icons] scroller:after {
            content: "";
            height: 25%;
            width: 100%;
            display: flex;
            flex-shrink: 0;
        }


    count {
        font-weight: 700;
        padding: 0 15px;
    }


    grid {
        position: relative; /* padding:20px; */
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        width: 100%;
        /*flex-shrink: 0;*/
    }

        grid.no_result {
            visibility: hidden;
            height: 0;
        }

        grid toolbar {
            position: sticky;
            top: 0
        }

        grid wrap {
            position: relative;
            /*display: flex;*/
            flex-wrap: wrap;
            align-content: flex-start;
            padding: 20px;
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        }

            grid wrap item {
                overflow: hidden;
                cursor: pointer;
                padding: 15px;
                flex-direction: column;
                transition: .125s;
                position: relative;
                align-items: center;
                justify-content: center;
                display: flex;
                animation: appera forwards .125s;
                background: var(--hover);
                margin: 5px;
                border-radius: 10px;
            }

                grid wrap item.selected {
                    background: var(--main-color);
                    color: #fff;
                }

                grid wrap item text {
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    padding: 0 10px;
                    width: 100%;
                    text-align: center;
                }

                grid wrap item:hover {
                    background-image: var(--over-color)
                }

                grid wrap item:active icon {
                    transform: translateY(1px);
                }

                grid wrap item icon {
                    margin: 0 0 10px
                }

                grid wrap item tag {
                    display: none
                }



    demospace {
        flex: 1;
        height: 150px;
        background-color: var(--hover);
        margin: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 15px;
    }

    .k-grid td > wrap[grid] {
        display: flex
    }

    .tab_strip.round > wrap > ul > li.selected.top{background:red;}
    .tab_strip.round > wrap > ul > li.selected.main_zone{background:#2b6490}
    .tab_strip.round > wrap > ul > li.selected.bottom_zone{background:#d8ae00}





.input_cont.badge_wrap {background: #f3f3f3;width: 100%;overflow: hidden;align-items: center;padding: 3px 4px;border-radius: 3px;box-shadow: 0 0 0 1px var(--outline);}
.input_cont.badge_wrap > text { margin-right: 5px;}
.input_cont group[line] {height: 30px;padding: 0;flex-wrap: wrap;width: auto;flex-grow: 1;}
.input_cont group[line] badge{margin: 4px 2px;display: inline-block;}



.badge_wrap ellipsis {display: flex;box-shadow: 0 1px 0 0 #000;margin: 0 10px;font-weight: 600;cursor:pointer;}
.badge_wrap ellipsis counter {margin-right: 5px;}

.ant-table-cell .form_fields{padding:2px 4px 2px 4px;}

/* stylelint-enable */