.shapeItem {
    margin: 2px;
    display: inline-block;
    width: 70px;
}

.shapeSurface {
    margin: 2px;
}

.k-flowchart {
    display: block;
}

.k-flowchart-container {
    display: block;
    overflow: visible;
}

.k-flowchart-diagram {
    display: block;
}

.k-flowchart-activities {
    display: block;
    height:140px;
    margin-top:10px;
    overflow-y:scroll;
}

.k-workflowdesignbox-shapes-content span {
    text-align: center;
    display: block;
}

.k-workflowdesignbox-shapes-content .shapeItem {
    display: inline-block;
}

.k-workflowdesignbox-shapes-content .k-panel .k-state-hover,
.k-workflowdesignbox-shapes-content .k-panel .k-state-selected {
    color: inherit;
    background: #fff;
}

.k-workflowdesignbox-shapes-content .k-panel .k-item {
    display: inline-block;
    width: 50%;
}


.k-workflowdesignbox-shapes-content .shapeItem {
    margin-top: 10px;
    display: inline-block;
    width: 60px;
    height: 60px;
    background-size: auto 100%;
}