.product-card {
	position: relative;
}

.product-card .stock-info {
	position: absolute;
	bottom: 5px;
	text-align: center;
	width: 100%;
	font-size: 11px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.product-use-list-container {
	padding: 0;
}

.product-use-list-container .item-container {
	padding: 10px;
}

.product-use-list-container .item-container h4 {
	margin: 0;
	line-height: 1.5em;
}

.product-use-list-container .item-container {
	border-bottom: 1px solid #dddddd;
}

.product-use-list-container .calendarLoadingContainer {
	height: auto;
	position: inherit;
}

.product-use-list-container .product-remove {
	padding: 0;
	margin-left: 8px;
	font-size: 18px;
}

.product-use-list-container .product-name {
	max-width: 70%;
	height: 27px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 15px;
}

.product-use-list-container .product-price {
	font-size: 13px;
	padding-top: 6px;
}

.product-category-container .product-name {
	position: absolute;
	top: 50%;
	left: 50%;
	/* bring your own prefixes */
	transform: translate(-50%, -50%);
	width: 90%;
	font-size: 16px;
}

li.product-category-container h4 {
	margin: 0;
}

.product-list-panel {
	-webkit-overflow-scrolling: touch;
	padding: 0;
}

.product-list-panel .list-group-item {
	border: 0 !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.product-list-panel .product-category-title {
	background-color: #f5f5f5;
}

.page-productUse-showUsed-container .panel-heading h4,
.page-productUse-showUsed-container .panel-heading h3 {
	margin: 0;
}

.product-use-list {
	background: white;
}

.product-use-list .badge-qty {
	width: 90px;
}

.product-use-list-container .product-edit {
	padding: 0;
	margin-left: 16px;
	font-size: 18px;
}

.transactionSuccess-container .card-title {
	font-size: 32px;
}

.sortable-drag-handler {
	background: #1572E8;
	color: black !important;
}

/* https://gist.github.com/JakeSidSmith/83c324dbe7e4d91ee8c52525b1d504d9 */
span.drag-handler {
	display: inline-block;
	width: 16px;
	height: 8px;
	transform: rotateY(0deg) rotate(90deg);
}

span.drag-handler,
span.drag-handler::before {
	background-image: radial-gradient(grey 40%, transparent 40%);
	background-size: 4px 4px;
	background-position: 0 100%;
	background-repeat: repeat-x;
}

span.drag-handler::before {
	content: '';
	display: block;
	width: 100%;
	height: 33%;
}