@import url(//fonts.googleapis.com/css?family=Lato);

body {
	font-family: 'Lato';
}

#main-container {
	width: 900px;
	min-height: 700px;
	overflow: hidden;
	max-width: 100%;
}

#clothing-designer {
	height: 650px !important;
	width: 900px;
}

#clothing-designer.fpd-container.fpd-sidebar > .fpd-mainbar {
	width: 256px !important;
}

#clothing-designer .fpd-main-wrapper {
	/*background:rgb(168, 119,86) !important;*/
	background: url(../images/cake_placeholder.png) no-repeat center !important;
}

#clothing-designer .fpd-product-stage {
	background: #fff !important;
}

#clothing-designer .fpd-navigation, .fpd-sidebar.fpd-tabs-side .fpd-navigation {
	background:rgb(168, 119,86) !important;
	width: 50px;
}

#clothing-designer .fpd-navigation .fpd-label {
	display: block !important;
	font-size: 14px;
	font-weight: bold;
}

#clothing-designer .fpd-item {
	margin: 4px;
}

.fpd-main-wrapper {
	position: relative;
}

.fpd-top-actions-centered .fpd-actions-wrapper.fpd-pos-top, .fpd-bottom-actions-centered .fpd-actions-wrapper.fpd-pos-bottom {
	width: 365px;
}

.fpd-grid-columns-2 .fpd-grid > .fpd-item {
	width: 100%;
	height: 50px;
}

.fpd-grid-columns-2 .fpd-grid > .fpd-item picture {
	background-size: contain;
}

/**
 * >> 
 * Icons: Ambachtsbakker: start
 * >>
 */
.amb-action-icon, .fpd-actions-wrapper > .fpd-action-btn {
	background: url(../images/Symbols_sprite.png) no-repeat;
	width: 40px;
	height: 40px;
	display: inline-block;
	cursor: pointer;
	margin: 4px !important;
	border: none;
	transition: none;
	border-radius: 0;
	padding: 0;
}

.amb-action-icon.fpd-action-btn.fpd-disabled, .fpd-actions-wrapper > .fpd-action-btn.fpd-disabled {
	color: rgba(0,0,0,.3) !important;
	opacity: .2 !important;
}

.amb-action-icon.move-layer-up {
	background-position: 0 0;
}

.amb-action-icon.move-layer-down {
	background-position: 0 -41px;
}

.amb-action-icon.scale-up {
	background-position: 0 -81px;
}

.amb-action-icon.scale-down {
	background-position: 0 -121px;
}

.amb-action-icon.rotate-right {
	background-position: 0 -161px;
}

.amb-action-icon.rotate-left {
	background-position: 0 -201px;
}

.amb-action-icon.redo {
	background-position: 0 -241px;
}
 
.amb-action-icon.undo {
	background-position: 0 -281px;
}

.amb-action-icon.remove {
	background-position: 0 -321px;
}

.amb-action-icon:hover, .fpd-actions-wrapper > .fpd-action-btn:hover {
	background-position-x: -40px;
	background-color: inherit;
}
/**
 * << 
 * Icons: Ambachtsbakker: end
 * <<
 */

 .fpd-list>.fpd-list-row:hover, .fpd-list-row.active {
	background:rgba(0,0,0,.05)
}

.api-buttons > a {
	margin: 0 5px 0 0 !important;
	text-decoration: none !important;
}

.price {
	font-size: 25px !important;
	line-height: 26px !important;
}

.text-center {
	text-align: center;
}