table.km-operation-patterns-table {
	margin: 0.5rem auto 0 !important;
}

.km-android table.km-operation-patterns-table {
    border-spacing: 1px;
}

table.km-operation-patterns-table td .imageWrapper {
	display: table-cell;
	width: 4rem;
	height: 4rem;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

table.km-operation-patterns-table td .imageWrapper {
	padding-bottom: 0 !important;
	line-height: 1rem !important;
	background: transparent !important;
}

.km-android table.km-operation-patterns-table td .imageWrapper {
	border-width: 2px;
	border-color: rgba(255,255,255,0.2);
}

.km-ios .km-view .km-content table.km-operation-patterns-table td .imageWrapper:active {
	color: gray;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.3),inset 0 1px 3px rgba(0,0,0,.5);
	-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.3),inset 0 1px 3px rgba(0,0,0,.5);
}

.km-wp .km-view .km-content table.km-operation-patterns-table td .imageWrapper:active {
	background: #ffffff;
}

.km-android table.km-operation-patterns-table td .imageWrapper:active {
	background: #5b5b5b;
}

.km-android table.km-operation-patterns-table td .imageWrapper:active:after {
	display: none;
}

table.km-operation-patterns-table td .imageWrapper.selected {
    background-color: #ffffff !important;
}

.km-ios7 table.km-operation-patterns-table td .imageWrapper.selected {
    background-color: rgb(235, 235, 235) !important;
}

table.km-operation-patterns-table td .imageWrapper img {
	margin-top: 0.3rem;
}

table.km-operation-patterns-table td .imageWrapper.empty .km-icon {
	margin: 0;
	font-size: 2rem;
}

table.km-operation-patterns-table td .title {
	width: 3.5rem;
	margin: 0.1rem auto 0;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
	font-size: 0.8rem;
	text-align: center;
}