.portlet-asset-publisher {
	.setorg-full-contnet-body{
		background-color: #f9f9f9;
	}
	.asset-abstract {
		margin-bottom: 2em;

		.asset-content p {
			margin-bottom: 0;
		}

		.asset-description {
			clear: left;
		}
	}

	.asset-back-to {
		text-align: right;
	}

	.asset-content {
		clear: right;
		margin-bottom: 10px;
		margin-left: 25px;
		margin-right: 10px;

		.asset-description {
			clear: left;
			font-style: italic;
		}
	}

	.asset-flag {
		float: right;
	}

	.asset-full-content {
		.asset-content {
			margin-right: 25px;
		}

		&.show-asset-title .asset-content {
			margin-right: 10px;
		}

		&.no-title .asset-user-actions{
			padding-bottom: 2em;
		}
	}
	.asset-full-content-card {
		background: #ffff;
		border-radius: 2px;
		display: inline-block;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
		transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
		padding: 10px;
		margin: 3px;
		width: 92%;
		.asset-actions {
			float: left !important;
			font-size: 11px !important;
		}
		.export-actions-icon {
			float: left;
			font-size: 13px;
			margin-left: 30px;
			.taglib-icon-list li{
				float: none !important;
			}
		}
		.print-action{
			float: left;
			font-size: 13px;
			margin-left: 17px;
		}
		.asset-export{
			list-style: none;
		}


	}

	.asset-edit {
		float: right;
		margin-left: 1em;
	}

	.asset-metadata {
		clear: both;
		margin-left: 25px;
		overflow: hidden;

		span {
			float: left;
		}

		.metadata-categories span {
			float: none;
		}
	}

	.asset-more {
		clear: left;
	}

	.asset-small-image {
		float: right;
		padding-left: 0.5em;
		width: 150px;
	}

	.asset-actions {
		float: right;
		font-size: 11px;
		font-weight: normal;
		margin-bottom: 3px;
		margin-top: 0;
	}

	.asset-title {
		border-bottom: 1px solid #DDD;
		margin-right: 8px;
		padding-bottom: 1px;

		.asset-actions img {
			margin-left: 5px;
		}

		a {
			text-decoration: none;

			&:hover {
				text-decoration: underline;
			}
		}
	}

	.asset-user-actions {
		.print-action, .locale-actions {
			float: left;
			font-size: 13px;
		}

		.locale-separator {
			border-right: 1px solid #CCC;
			float: right;
			margin-right: 1em;
			padding: 0.8em 0.5em;
		}

		.print-action {
			margin: 0 1em;
			font-size: 13px;
			float: left;
		}
	}

	.edit-controls {
		margin-bottom: 20px;
	}

	.lfr-meta-actions {
		margin-right: 1em;
		padding-top: 0;
	}

	.add-asset-selector {
		margin-right: 0;
	}

	.metadata-author {
		background: url(@theme_image_path@/portlet/edit_guest.png) no-repeat 100% 0;
		float: left;
		font-weight: bold;
		margin-right: 10px;
		padding-left: 25px;
	}

	.metadata-entry {
		color: #999;
	}

	.metadata-modified-date, .metadata-create-date, .metadata-publish-date, .metadata-expiration-date {
		background: url(@theme_image_path@/common/date.png) no-repeat 100% 0;
		color: #999;
		margin-bottom: 1em;
		padding-left: 25px;
	}

	.metadata-priority {
		background: url(@theme_image_path@/common/top.png) no-repeat 100% 20%;
		margin-right: 10px;
		padding-left: 25px;
	}

	.metadata-view-count {
		margin-right: 10px;
	}

	.subscribe-action {
		text-align: right;

		.taglib-rss {
			margin-left: 10px;
		}
	}

	.taglib-asset-categories-summary {
		float: left;
	}

	.taglib-asset-tags-summary {
		float: left;
	}

	.title-list {
		.asset-actions {
			left: 10px;
			position: relative;
		}

		.asset-metadata {
			padding: 0;
		}

		a {
			float: left;
		}
	}

	li.title-list {
		clear: both;
		list-style: none;
		margin-bottom: 0.15em;
		margin-right: 8px;
		padding-bottom: 1px;
	}

	ul.title-list {
		margin-left: 0;
	}
	.assetHeader{
		.taglib-header{
			margin-left: 20px;
			width: 97%
		}
	}
	.taglib-header{
		width: 96%
	}
}

.portlet-configuration {
	.form {
		.queryRules fieldset {
			padding: 0;

			legend {
				font-size: 1em;
				font-weight: normal;
				padding: 0;
			}
		}

		.lfr-form-row {
			background-color: #F3F3F3;

			&:hover {
				background-color: #DFFCCB;
			}

			.field {
				line-height: 2;

				&.tags-selector, &.categories-selector {
					clear: both;
					line-height: 1.5;
					margin-top: 5px;
					width: 100%;
				}
			}
		}

		.asset-query-rule-error {
			background-color: #fee5e2;
		}

		.general-display-settings {
			margin-bottom: 1em;
		}
	}

	.lfr-panel .lfr-panel-titlebar {
		margin-bottom: 0;
	}

	.lfr-panel-content {
		background-color: #F8F8F8;
		padding: 10px;
	}

	.dl-file-icon {
		border-width: 0;
		margin-right: 0.3em;
		position: relative;
		text-align: left;
		top: 0.4em;
	}

	.add-asset-selector {
		overflow: auto;
	}

	.asset-search {
		margin-bottom: 1em;
	}

	.asset-subtype, .asset-subtypefields-wrapper-enable {
		margin-left: 2em;
	}

	.asset-subtypefields-wrapper {
		display: inline;
	}

	.asset-subtypefields-message {
		margin-left: 4em;
	}

	.asset-subtypefields-popup {
		color: #5B677D;
		cursor: pointer;
		text-decoration: underline;
	}

	.asset-subtypefield-selected {
		padding-top: 10px;
		margin-left: 6em;
	}

	.select-asset-selector {
		margin: 1em 0;
		overflow: auto;

		.select-existing-selector {
			margin: 0;
		}
	}
}

.ie {
	.portlet-asset-publisher {
		.asset-metadata {
			height: 1%;
		}
	}
}
.social-boomarks-options {
	margin-left: 2em;
}

.lfr-asset-column-review{
		.asset-review-card{
			background: #fff;
			border-radius: 2px;
			display: inline-block;
			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
			transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
			padding: 10px;
			margin: 3px;
			width: 92%;
		}
		.lfr-asset-date{
			padding-top: 7px;
		}
		.lfr-asset-author{
			padding-top: 7px;
		}
}
.lfr-asset-column-details{
	background: #dddddd;
	border-radius: 2px;
	display: inline-block;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	padding: 10px;
	margin: 3px;
	width: 95.5% !important;
	margin-left: 20px;

}
.lfr-asset-column-metadata{
	background:#ffffff;
	border-radius: 2px;
	display: inline-block;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	padding: 10px;
	margin: 3px;
	width: 95.5% !important;
	margin-right: 20px;
}

.lfr-asset-column-commnet {
    background: #fff;
    border-radius: 2px;
    display: inline-block;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    padding: 10px;
    margin: 3px;
    width: 95.5% !important;
    margin-left: 20px;
    .lfr-discussion{
        .lfr-discussion-image-msg {

        img {
            border-radius: 50%;
            width: 45px;
            }
        }
        .commnet-span{
            margin-top: 20px;
        }
        .lfr-discussion-message{
            margin-left: -80px;
        }
    }
    .lfr-message-response{
		.icon{
			width: 20px;
			transform: rotate(180deg);
			margin-top: 6px;
		}

		img{
            border-radius: 50%;
            width: 38px;
            margin-left: 42px
        }
        input{
            border-radius: 10px 0 0 10px;
            width: 85%;
            height: 23px;
            transition: height 0.3s ease;
            margin-top: 0;
            float: left;
        }
        input[type="text"]:focus{
            box-shadow: none;
        }
        .btnAddCommnet{
            float: left;
            width: 12px;
            border-radius: 0 10px 10px 0;
            color: white;
            margin-top: 0;
            height: 23px;
            margin-left: -5px;
            margin-right: -3px;
            background: white;
            border: 1px solid #cccccc;
            border-left: none;
            transition: height 0.3s ease;
            i{
                color: blue;
                transition: height 0.3s ease;
            }
            a{
                transition: height 0.3s ease;
            }
            .taglib-icon{
                border: none;
                background: none;
                box-shadow: none;
                padding: 6px 15px;
                font-size: 16px;
                transition: height 0.3s ease;
            }
			.icon{
				width: 15px;
				transform: rotate(180deg);
				margin-top: 3px;
				transition: height 0.3s ease;
			}
			.icon:hover{
				fill: #05a3e8;
			}
		}
		.btnEditCommnet{
            float: left;
            width: 12px;
            border-radius: 0 10px 10px 0;
            color: white;
            margin-top: -10px;
            height: 23px;
            margin-left: -5px;
            margin-right: -3px;
            background: white;
            border: 1px solid #cccccc;
            border-left: none;
            transition: height 0.3s ease;
            i{
                color: blue;
                transition: height 0.3s ease;
            }
            a{
                transition: height 0.3s ease;
            }
            .taglib-icon{
                border: none;
                background: none;
                box-shadow: none;
                padding: 6px 15px;
                font-size: 16px;
                transition: height 0.3s ease;
            }
			.icon{
				width: 15px;
				transform: rotate(180deg);
				margin-top: 3px;
				transition: height 0.3s ease;
				margin-left: -50px;
			}
			.icon:hover{
				fill: #05a3e8;
			}
		}
		.btn-remove-action-comment{
			margin-top: -3px;
			.btnRemoveCommnetBox{
				margin-left: -22px;
			}
			i{
				color: #2f2f2f;
				font-size: 16px;
			}
			i:hover{
				color: #05a3e8;
			}
		}
        .subscribe-action-link{
            margin-top: 18px;
			transition: height 0.3s ease;
            .subscribe-link{
                margin-left: 15px;
            }
			i{
				color: #2f2f2f;
			}
			i:hover{
				color: #05a3e8;
			}
        }
	}
}

.document-info{
	.document-info-card{
		background: #ffff;
		border-radius: 2px;
		display: inline-block;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
		transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
		padding: 10px;
		margin: 3px;
		width: 95.5% !important;
		margin-left: 20px;

	}
	.download-document{
		float: right;
		margin-right: 9px;
		margin-top: 4px;
		font-size: 16px;
		i{
			color: #303F9F;
		}
	}
	.btnSocial{
		float:right ;
		margin-top: 4px;
		font-size: 16px;
		margin-right:9px;
	}

	.asset-flag{
		float: right;
		margin-right:6px;
        margin-top: 4px;
        font-size: 16px;
	}
	.asset-view-count{
		float: right;
		margin-right:5px;
        i{
            float: right;
            margin-top: 4px;
            color: #303f9f;
        }
        span{
            margin-right: 3px;
            color: #303f9f;
        }
	}
	.lfr-asset-ratings{
		float: right;
		margin-right: 12px;
		margin-top: 3.5px;
		font-size: 13.5px;
		i{
			color: #303F9F;
		}
		span{
			font-size: 15px;
			color: #303F9F;
		}
	}

}