.ttk-edf-app-productlist {
    width: 100%;
    height: 100%;
    padding: 10px;
    overflow: auto;
    .ttk-edf-app-productlist-products{
        .react-grid-item {
            flex: 0 0 25%;
            padding:10px;
            .mk-card {
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
            }
            .ant-card-body {
                padding: 0px;
                flex: 1;
                overflow: hidden;
                text-align: center;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
            }
            img {
                width: 100%;
                height: 60%;
            }
        }
    }
    &-item {
        width: 100%;
        &-price {
            float: right;
            padding: 10px;
            color: red
        }
        &-title {
            float: left;
            padding: 10px;
        }
    }

    &-products {
        overflow: auto;
        display: flex;
        flex-flow: row wrap;
        align-content: flex-start;
    }

    &-footer{
		height: 58px;
	    flex: 0 0 58px;
		justify-content:center;
		align-items:center;
	}
}