/* categories */

.field--category--title {
	background-image: url( '/core/websites/admin/www/images/folder.gif' );
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding: 0 22px;
	position: relative;
}

.field--category--title.open {
	background-image: url( '/core/websites/admin/www/images/folder_open.gif' );
}

.field--category--title a {
	display: inline-block;
	margin-left: -22px;
	padding-left: 22px;
}

/* files */

.field--file--title {
	background-position: 0 1px;
	background-repeat: no-repeat;
	padding: 0 22px;
	position: relative;
}

.node .field.field--file.field--file--title {
	display: flex;
	justify-content: space-between;
	padding-bottom: 0;
}

.node-actions {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
}

.field--file--title a {
	display: inline-block;
	margin-left: -22px;
	padding-left: 22px;
}

.field--file--title a:nth-child(2) {
	margin: 0;
	padding: 0;
}

.field--file--title button {
	border: none;
	cursor: pointer;
	outline: none;
}

.field--file--title button.bookmark {
	background: url( '/core/public/shared/assets/images/icons/star_cold.png' ) 0 0 no-repeat;
	height: 16px;
	position: absolute;
	right: 0;
	text-indent: -999999px;
	top: 2px;
	width: 16px;
}

.field--file--title button.bookmark.create:hover {
	display: block;
	background: url( '/core/public/shared/assets/images/icons/star.png' ) 0 0 no-repeat;
	opacity: 1;
}

.field--file--title button.bookmark.delete {
	display: block;
	opacity: 1;
	background: url( '/core/public/shared/assets/images/icons/star.png' ) 0 0 no-repeat;
}

.field--file--title button.bookmark.delete:hover {
	display: block;
	opacity: 0.5;
	background: url( '/core/public/shared/assets/images/icons/star_cold.png' ) 0 0 no-repeat;
}

.field.field--file.field--file--add {
	margin: 10px 0px;
}

.field.field--file--description {
	margin: 0;
}

.field--file--description p {
	margin-left: 22px;
}

.field--file--description p:first-child {
	margin-top: 0;
	padding-top: 0;
}

.field--file--categories {
	padding: 0 22px;
}

.filter-row {
	margin-bottom: 12px;
	overflow: auto;
}

.filter-row .filter-row-options {
	padding: 0.4rem;
}

.filter-row .filter-row-options .filter-row-option {
	display: block;
	width: 100%;
	padding-bottom: 0.3rem;
}

.filter-row .filter-row-options .filter-row-option input[type='checkbox'] {
	width: auto !important;
	margin-right: 0.3rem;
}

.filter-row .filter-row-options .filter-row-options-group {
	font-weight: bold;
}

.filter-row .filter-row-options .filter-row-show-all,
.filter-row .filter-row-options .filter-row-show-less {
	display: inline-block;
	margin-top: 0.5rem;
}


/*Front-end form*/
.module-files .ui-form-error {
	color: #ff0000;
}

.module-files.controller-pages-files .ui-form-fieldset.category-fieldset .select2-container.select2-container-multi {
	margin-bottom: 1.5rem;
}

.module-files.controller-pages-files .ui-form-fields {
	margin-bottom: 1.5rem;
	display: block;
}

.module-files.controller-pages-files .administration-fieldset .ui-form-fields:last-of-type {
	margin-bottom: 0;
}

.module-files.controller-pages-files .ui-form-field.error {
	background-color: transparent;
	padding: 0;
	margin-top: 0;
}

.module-files.controller-pages-files .ui-form-error {
	display: none;
}

.module-files.controller-pages-files .ui-form-label span {
	font-weight: 700;
}

.module-files.controller-pages-files .ui-form-label em {
	display: none;
}

.module-files.controller-pages-files .ui-form-field .ui-form-label label {
	display: inline-block;
	margin-bottom: 0.25rem;
}

.module-files.controller-pages-files .ui-form-field .ui-form-label span {
	display: inline-block;
	margin-bottom: 0.25rem;
}

.module-files.controller-pages-files .ui-form-field.required .ui-form-label::after {
	content: "*";
	color: #ee0000;
	padding-left: 5px;
}

.module-files.controller-pages-files a.select2-choice {
	margin-bottom: 0;
}

.module-files.controller-pages-files a.select2-search-choice-close {
	border: 0 none;
	margin-bottom: 0;
	box-shadow: none;
}

.module-files.controller-pages-files .ui-form-checkboxes ul {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
}

.module-files.controller-pages-files .ui-form-checkboxes ul label,
.module-files.controller-pages-files label[for="Deleteupload"] {
	display: inline;
}

.module-files.controller-pages-files .cms_buttons {
	margin-top: 10px;
}


.module-files.controller-pages-files .cms_form_button {
	cursor: pointer;
}

@media (max-width: 479px) {
	.module-files.controller-pages-files input[type="text"],
	.module-files.controller-pages-files input[type="file"],
	.module-files.controller-pages-files select,
	.module-files.controller-pages-files textarea,
	.module-files.controller-pages-files .select2-container {
		width: 100% !important;
	}
}

.module-files.controller-pages-files .field--file--title button.deletefile {
	background: rgba(0, 0, 0, 0) url("/core/public/shared/assets/images/icons/delete.png") no-repeat scroll 0 0;
	height: 16px;
	position: absolute;
	right: 20px;
	text-indent: -999999px;
	top: 2px;
	width: 16px;
}


.controller-manage-categories form fieldset .legend {
	background: #767474;
	color: #ffffff;
	font-weight: bold;
	padding: 6px 6px;
}

.controller-manage-all form fieldset .note,
.controller-manage-categories form fieldset .note {
	color: #666666;
	margin: 10px 0 6px 12px;
	padding: 0 6px 0 0;
}

.collection--all-files > .collection {
	padding: 3px 0 0 0;
}

.collection--all-files li.field.field--category.field--category--title {
	margin-bottom: 0.5rem;
}

.collection.collection--all-files li {
	margin-top: 0.5rem;
}

.collection--all-files .collection > .collection--files > .field--file--description > p {
	margin-bottom: 1rem;
}

.collection--all-files .collection > .collection--files > .field--file:last-child.field--file--description > p {
	margin-bottom: 0;
}

.collection-table tr:first-child td {
	border-top: 1px solid #d0d0d0 !important;
}

/* Below styles are used for the fancytree files template */

div#fancytree.collection--all-files .fancytree-container {
	outline: none !important;
	border: 0 !important;
}

div#fancytree.collection--all-files .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,
div#fancytree.collection--all-files .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title {
	background-color: transparent;
	border-color: transparent;
}

div#fancytree.collection--all-files .fancytree-plain span.fancytree-node:hover span.fancytree-title {
	background-color: transparent;
	border-color: transparent;
}

div#fancytree.collection--all-files .fancytree-plain span.fancytree-active span.fancytree-title,
div#fancytree.collection--all-files .fancytree-plain span.fancytree-selected span.fancytree-title {
	border-color: transparent;
}

div#fancytree.collection--all-files .fancytree-icon {
	cursor: pointer;
}

div#fancytree.collection--all-files span.fancytree-title {
	margin-left: 0;
	padding-left: 2px;
	white-space: normal;
	width: 100%;
	padding-right: 35px;
}

div#fancytree.collection--all-files span.fancytree-title p {
	cursor: default;
}

div#fancytree.collection--all-files span.fancytree-folder span.fancytree-title {
	padding-left: 6px;
}

div#fancytree.collection--all-files ul.fancytree-container span.fancytree-title {
	border: 0;
}

div#fancytree.collection--all-files span.fancytree-custom-icon {
	display: none;
}

div#fancytree.collection--all-files span.fancytree-node {
	margin-top: 20px;
}

div#fancytree.collection--all-files span.fancytree-ico-c {
	margin-top: 14px;
}

div#fancytree.collection--all-files ul.fancytree-container > li > span.fancytree-ico-c {
	margin-top: 20px;
}

div#fancytree.collection--all-files ul.fancytree-container .field--file--description {
	cursor: default;
}

div#fancytree.collection--all-files ul.fancytree-container {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	overflow: hidden;
}

div#fancytree.collection--all-files {
	max-width: 856px;
}

.collection.collection--files .node.node--file button,
.collection.collection--files .node.node--file button:hover {
	background-color: transparent !important;
	position: relative !important;
	padding: 0 !important;
	margin: 0.25rem;
	top: 0;
	right: 0;
	border: 0 !important;
	display: block;
}

@media (max-width: 1200px) {
	div#fancytree.collection--all-files {
		max-width: 754px;
	}
}

@media (max-width: 991px) {
	div#fancytree.collection--all-files ul.fancytree-container {
		margin-bottom: 20px;
	}

	div#fancytree.collection--all-files {
		max-width: 100%;
	}

	div#fancytree.collection--all-files {
		max-width: 754px;
	}
}

.file-icon {
	height: 16px;
	line-height: 16px;
	display: inline-block;
	padding-left: 21px;
	background-repeat: no-repeat;
}

.icon-add-new-folder {
	padding-right: 9px !important;
}

.add-multiple-files {
	margin-left: 9px;
}

.restricted-file {
	color: #ee0000;
}