#fpd-modal-shortcodes thead {
	font-weight: bold;
}

#fpd-modal-shortcodes td {
	padding-left: 0;
}

#fpd-modal-shortcodes thead td {
	padding-bottom: 20px !important;
}

#fpd-modal-shortcodes tbody tr {
}

#fpd-modal-shortcodes tr > td {
	padding-top: 0;
	vertical-align: top;
	padding-bottom: 30px;
}

#fpd-modal-shortcodes tr >td:first-child {
	width: 50%;
}

#fpd-modal-shortcodes tbody h5 {
	margin: 0 0 5px;
}

#fpd-modal-shortcodes .description {
	font-size: 12px;
}

#fpd-modal-shortcodes #fpd-action-attr div {
	width: 47%;
	display: inline-block;
}

#fpd-modal-shortcodes #fpd-action-attr div:last-child {
	margin-left: 2%;
}


.fpd-sortable-placeholder {
	background-color: #fff !important;
	border-color: #bbb !important;
	border-style:dashed !important;
	border-width:1px;
	margin-bottom:9px;
}

#fpd-manage-products h3 > .description {
	margin-bottom: 15px;
}

#fpd-manage-products h3 .add-new-h2 {
	font-size:12px;
	margin: 0 8px 0 0;
	position: relative;
}

#fpd-manage-products h3 .add-new-h2#fpd-open-templates-library:before {
	content: attr(data-total);
	background: @negativeColor;
	color: #fff;
	position: absolute;
	left: 0;
	top: -12px;
	padding: 4px;
	border-radius: 50%;
	transform: translateX(-70%);
}

#fpd-products-nav {
	margin-top: 40px;
}

#fpd-products-nav form {
	float: left;
}

#fpd-products-nav form > * {
	max-width: 200px;
	margin-left: 10px;
}

#fpd-products-nav [name="fpd_search_products"] {
	float: right;
}

#fpd-products-nav input[type="text"] {
	width: 200px;
}

#fpd-manage-products #fpd-products {
	position:relative;
}

#fpd-manage-products #fpd-products-list > .fpd-product-item {
	white-space:nowrap;
	border:1px solid #eee;
	padding:20px 9px 15px;
	font-weight:300;
	cursor:pointer;
	margin:0;
	line-height:1;
	font-size:16px;
	margin-bottom:10px;
	-webkit-transition: background 300ms ease-out;
	-moz-transition: background 300ms ease-out;
	-ms-transition: background 300ms ease-out;
	-o-transition: background 300ms ease-out;
	transition: background 300ms ease-out;
}

#fpd-manage-products #fpd-products-list > .fpd-product-item:hover {
	background:#f9f9f9;
}

.fpd-product-item > .fpd-clearfix > span {
	float: left;
	vertical-align: middle;
}

.fpd-product-item .fpd-product-meta {
	width: calc(~"100% - 60px");
	overflow: hidden;
}

#fpd-manage-products .fpd-item-id {
	font-size: 12px;
	margin-top: 0;
	opacity: .7;
	font-style: italic;
	line-height: 100%;
	display: block;
	margin-bottom: 3px;
}

.fpd-product-meta .fpd-product-title {
	line-height: 22px;
}

#fpd-manage-products #fpd-products-list > li.fpd-active,
#fpd-manage-products #fpd-products-list > li.fpd-active + ul {
	background:#f3f3f3 !important;
}

#fpd-manage-products #fpd-products-list > li.fpd-active {
	margin-bottom:0;
	border-bottom:none;
}

#fpd-manage-products #fpd-products-list > .fpd-views-list {
	padding:5px 9px;
	border:1px solid #eee;
	border-top:none;
	margin-bottom:10px;
	display:none;
}

#fpd-products-list .fpd-view-item {
	border:1px solid #eee;
	background:#fff;
	line-height:30px;
	padding:10px 0 10px 10px;
	cursor:move;
}

.fpd-view-item img {
	vertical-align:middle;
	margin-right:10px;
	border: 1px dashed #ccc;
	padding: 5px;
	cursor: copy;
}

.fpd-view-item img {
	max-height:28px;
	max-width: 23px;
}

.fpd-view-item label {
	cursor:inherit;
}

#fpd-manage-products #fpd-categories {
	width:28%;
	float:left;
	margin-left:2%;
	position:relative;
}

#fpd-categories .fpd-category-item {
	border-bottom:1px solid @itemBorderColor;
	padding:10px 5px;
	font-weight:300;
}

#fpd-manage-products #fpd-products-list li > span,
#fpd-categories .fpd-category-item > span {
	display: inline-block;
}

#fpd-manage-products #fpd-products-list li > span a,
#fpd-categories .fpd-category-item > span a {
	text-decoration:none;
}

#fpd-manage-products #fpd-products-list li > span:first-child,
#fpd-categories .fpd-category-item > span:first-child {
	white-space:nowrap;
	overflow: hidden;
	height: 21px;
}

#fpd-manage-products #fpd-products-list li > span:first-child {
	height: 42px;
	width: calc(~"100% - 260px");
	overflow: initial;
}

#fpd-categories .fpd-category-item > span:first-child {
	width: calc(~"100% - 100px");
}

#fpd-categories .fpd-category-item > span:first-child .fpd-ad-checkbox {
	margin-right:5px;
}

#fpd-manage-products #fpd-products-list li > span:last-child,
#fpd-categories .fpd-category-item > span:last-child {
	float:right;
	text-align:right;
}

#fpd-manage-products #fpd-products-list li > span:last-child {
	margin-top: 5px;
}

#fpd-manage-products #fpd-products-list li > span:last-child > a,
#fpd-categories .fpd-category-item > span:last-child > a {
	padding:0 8px;
	font-size:1.2em;
}

#fpd-categories .fpd-filter-category {
	opacity:.3;
}

#fpd-categories .fpd-filter-category.fpd-active {
	opacity:1;
}

#fpd-manage-products #fpd-products {
	width:70%;
	float:left;
}


/* Modal: Templates Library */

#fpd-modal-templates-library .fpd-admin-modal-content {
	display: flex;
}

#fpd-modal-templates-library #fpd-templates-categories {
	width: 18%;
	margin-right: 2%;
	padding-right: 10px;
	border-right: 1px solid #ddd;
}

#fpd-templates-categories > a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	padding: 5px 0;
	margin-bottom: 5px;
	font-weight: 600;
	outline: none !important;
	box-shadow: none !important;
}

#fpd-templates-categories > a.fpd-active {
	text-decoration: underline;
}

#fpd-modal-templates-library #fpd-templates-right-col {
	width: 80%;
}

#fpd-templates-right-col > .fpd-tabs-wrapper > div {
	display: none;
}

#fpd-templates-right-col > .fpd-tabs-wrapper > div.fpd-active {
	display: block;
}

#fpd-templates-right-col .fpd-nav-filters {
	text-align: right;
	margin-bottom: 15px;
}

#fpd-templates-right-col .fpd-nav-filters a {
	display: inline-block;
	margin-right: 10px;
	padding: 5px 10px;
	background: #f3f3f3;
	border-radius: 4px;
	text-decoration: none !important;
	outline: none !important;
	box-shadow: none !important;
	border: 1px solid rgba(0,0,0,0);
}

#fpd-templates-right-col .fpd-nav-filters a.fpd-active {
	border: 1px solid #ddd;
}

#fpd-templates-right-col > .fpd-tabs-wrapper > div > p {
	text-align: right;
	margin: 15px 0 0;
	text-transform: uppercase;
}

#fpd-modal-templates-library .fpd-admin-modal-content p.description {
	text-align: right;
	margin-top: 20px;
	margin-bottom: 0;
}

/* Template Item */

#fpd-templates-right-col .fpd-templates-grid {
	max-height: 620px;
	overflow: auto;
}

.fpd-templates-grid > div {
	background-color: #f3f3f3;
	background-repeat: no-repeat;
	background-size: auto 90%;
	background-position: center center;
	display: inline-block;
	position: relative;
	width: 48%;
	height: 200px;
	border: 1px solid #eee;
	overflow: hidden;
	margin-bottom: 8px;
	box-shadow: 0px 0px 3px rgba(0,0,0, .1);
}

.fpd-templates-grid > div:after {
	content: attr(data-label);
	background: @positiveColor;
	color: #fff;
	padding: 2px 6px;
	font-size: 12px;
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 6;
	text-transform: uppercase;
	border-radius: 2px;
}

.fpd-templates-grid > div.fpd-unavailable:after {
	background: @negativeColor;
}

.fpd-templates-grid > div:nth-child(odd) {
	margin-right: 2%;
}

.fpd-templates-grid > div > img {
	width: 100%;
	max-height: none;
	border: none;
	padding: 0;
	position: relative;
}

.fpd-templates-grid > div > .fpd-button {
	cursor: pointer;
	display: none;
	background: rgba(0,0,0, 0.9);
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 2px;
	padding: 6px 12px;
	position: absolute;
	left: 50%;
	top: 45%;
	transform: translate(-50%, -50%);
	box-shadow: 1px 1px 4px rgba(0,0,0,.5);
}

.fpd-templates-grid > div:hover .fpd-button {
	display: inline;
}

.fpd-templates-grid > div > label {
	background: rgba(255,255,255, 0.9);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 5px;
	text-align: center;
	display: block;
	box-sizing: border-box;
	z-index: 10;
}

.fpd-templates-grid > div .fpd-images-nav {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 40%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	transition: opacity 300ms ease-in-out;
}

.fpd-templates-grid > div .fpd-images-nav > span {
	font-size: 30px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}

.fpd-templates-grid > div .fpd-images-nav > span:last-child {
	right: 8px;
	left: auto;
}

 .fpd-templates-grid > div.fpd-multi-images:hover .fpd-images-nav {
	 opacity: 1;
	 pointer-events: all;
 }