.property ul {
	list-style-type: none;
}
.property {
	font-family: 'Whitney Regular';
}
.property h2 {
	margin-right: 10px;
}
.property .error-msg, .property .info-msg {
	color: #933;
	font-weight: bold;
	margin-top: 10px;
	line-height:20px;
}
.property .info-msg {
	font-weight: normal;
	color: #77660e;
}
.property .success-msg {
	color: #393;
}
.property .error-stack {
	white-space: pre;
	font-size: 14px;
}
.property .property-title {
	display: flex;
	align-items:  center;
	justify-content: space-between;
}
.property .property-actions > input {
	padding: 2px 7px;
	font-size:16px;
	font-family: 'Whitney Regular';
}

.property .info-message {
	color: #383;
}

.property .search-box {
	display: flex;
}
.property .search-box input[type="text"] {
	padding: 4px 8px;
	flex-grow: 1;
	min-width: 200px;
}
.property .search-box input[type="button"] {
	padding: 0px 5px;
	font-size: 15px;
	font-family: 'Material Icons';
	margin-left: 5px;
}
.property .list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-top: 10px;
	max-width: calc(100vw - 100px);
	overflow-x: overlay;
}
.property .list > .object {
	display: flex;
	/* justify-content: center; */
	align-items: center;
	flex-basis: 100%;
}
.property .list > .object > div {
}
.property .list > .object > div:nth-child(1) {
	margin-left: 0;
}
.property .list > .object .placement {
	display: flex;
	justify-content: flex-end;
}
.property .list .type, .property .list .actions > i, .property-edit .type-list > i, .micon {
	font-family: 'Material Icons' !important;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}
.property .list .actions > i {
	font-size: 24px;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	cursor: pointer;
}

.property .list > li {
	display: inline;
	width: auto;
	white-space:nowrap;
	/* min-width: 150px; */
	overflow-x: hidden;
}

.property .list .actions {
	display: flex;
}

.property .list .type {
	min-width: 24px;
	max-width: 24px;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	overflow: hidden;
}

.edit-entity label {display:block;margin:5px 0 1px 0;white-space: nowrap; overflow-x: hidden;}
.edit-entity input, .edit-entity textarea {margin-top:1px;width:100%;padding: 3px 4px;height:calc(100% - 26px);resize: none;overflow: overlay;}
.edit-entity input[type="file"] {padding-left:0}
.edit-entity input[type="submit"], .edit-entity input[type="button"] {margin-top:5px;margin-right:5px;width:auto;padding: 4px 10px;}
.edit-entity .full.buttons {display: flex}

.property-edit {
	max-height: calc(100vh - 160px);
	overflow-y: auto;
}
.property-edit .type-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	max-width: 99.5%;
	grid-auto-rows:max-content;
	align-items:  center;
	text-align: center;
}
.property-edit .type-list > i {
	font-size: 48px;
	cursor: pointer;
	margin: 0;
	transition: margin 0.1s ease-out;
}

.property-edit .type-list > i:hover {
	margin: 2px -2px -2px 2px;
}

.property-edit .type-list > i.none {
	margin: 0;
	align-items: center;
	font-size: 18px;
	color: #888;
	height: 48px;
	line-height: 76px;
	text-align: right;
}
.property-edit .type-list > i.none:hover {
	margin: -3px 6px 3px;
}

.property-edit .type-list > i.selected, .property-edit .type-list > i.none.selected {
	background-color: #bbb;
	margin: 0;
}

.property-edit .item.files .existing-files {
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	display: grid;
	margin: 5px 0;
	grid-row-gap: 10px;
	grid-column-gap: 10px;
	grid-template-columns: auto auto auto auto auto auto auto;
	grid-template-rows: max-content;
	align-items: center;
	justify-content: space-around;
	overflow-x: hidden;
	overflow-y: overlay;
}

.property-edit .item.files .existing-files > div {
	width: 50px;
	height: 50px;
	overflow: hidden;
}

.property-edit .item.files .existing-files > div > img {
	grid-column-end: span 1;
	grid-row-end: span 1;
	user-drag: none;
	height: 50px;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.upload-object-return .upload-object-result {
	max-width: 420px;
}
.upload-object-return .upload-object-result p {
	margin: 5px 0;
}

.property-edit .item.files .existing-files > div.selected {
	grid-column-end: span 2;
	grid-row-end: span 2;
	width: 110px;
	height: 110px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.property-edit .item.files .existing-files > div.selected > img {
	height: 110px;
	/* margin-right: -10px; */
}

.property-edit {
	min-width: 70vw;
}

.upload-object-return {
	max-width: 90vw;
	/* overflow: overlay; */
}
.upload-object-return .actions {
	display: flex;
	justify-content: space-between;
}

.property .date-with-validation {
	display: flex;
	justify-content: space-between;
}

.property .date-with-validation > *:nth-child(1) {
	margin-right: 5px;
	text-align:left;
}

.property .date-with-validation > *:nth-child(2) {
	min-width: 80px;
	max-width: 80px;
	margin-left: 5px;
	text-align: center;
}

.property .file-with-validation {
	display: flex;
	justify-content: space-between;
	align-items:  center;
}

.property .file-with-validation .file-validate {
	min-width: 80px;
	max-width: 80px;
	text-align: center;
}

a.button {
	padding: 2px 7px;
	font-size: 16px;
	font-family: 'Whitney Regular';
	align-items: flex-start;
	text-align: center;
	cursor: default;
	color: buttontext;
	background-color: buttonface;
	box-sizing: border-box;
	border-width: 2px;
	border-style: outset;
	border-color: buttonface;
	border-image: initial;
	-webkit-appearance: push-button;
	user-select: none;
	display: inline-flex;
	justify-content: center;
	align-items:  center;
}
.property-edit .categories-wrapper .categories-options, .property-edit .tags-wrapper .tags-options, .property-list .categories-wrapper .popup {
	display: flex;
	flex-wrap: wrap;
	width: 202px;
	background-color: #fff;
	font-size: 14px;
	padding: 2px;
	border: 1px solid #aaa;
}
.property-edit .categories-wrapper .categories-options > li, .property-edit .tags-wrapper .tags-options > li, .property-list .categories-wrapper .popup > li {
	display: block;
	cursor: pointer;
	padding: 4px 6px;
	border: 1px solid #eee;
	border-width: 1px;
	margin: 2px;
}
.property-edit .categories-wrapper .categories-options > li:hover, .property-edit .tags-wrapper .tags-options > li:hover, .property-list .categories-wrapper .popup > li:hover {
	background-color: #ddd;
}

.property-list .property-actions {
	display: flex;
}
.property-list .property-actions > * {
	margin-left: 4px;
	max-height: 27px;
}

.property-list .property-actions .categories-wrapper .micon {
	line-height: 0px;
	max-height: 0px;
	transform: rotateZ(0deg);
	transition: 0.1s transform;
	margin-right:-7px;
}

.property-list .property-actions .categories-wrapper .popup-wrapper {
	/* overflow: hidden; */
	float: right;
	position: relative;
	margin-top: -1px;
	transition: 0.4s max-height ease-out;
	position: relative;
	max-height: 0px;
}

.property-list .property-actions .categories-wrapper .button.category:hover .micon {
	transform: rotateZ(25deg);
}

.property-list .property-actions .categories-wrapper.active .button.category .micon {
	transform: rotateZ(90deg);
}

.property-list .property-actions .refresh.button {
	display: inline-flex;
	max-height: 27px;
}

@media screen and (max-width: 480px) {
	.property .property-title {
		flex-wrap: wrap;
	}
	.property .property-title > h2, .property .property-title > h4 {
		flex-basis: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	.property-list .property-actions {
		flex-basis: 100%;
		justify-content:  center;
	}
	.property .list {
		min-width: 100%;
	}
}

@media screen and (min-width: 660px) {
	.property {
		min-width: 60vw;
	}
	.property-edit > form {
		display: grid;
		grid-template-columns: calc(50% - 5px) calc(50% - 5px);
		grid-column-gap: 10px;
	}
	.property-edit .item.full {
		grid-column: 1/3;
	}
	.property-edit .item.double {
		grid-row-end: span 2;
	}
}

@media screen and (min-width: 1000px) {
	.property {
		min-width: 600px;
	}
}

@media screen and (max-width: 570px) {
	.propery-edit {
		max-height: calc(100vh - 160px);
		overflow-y: auto;
	}
}