.webui-popover i.icon-refresh {
	background: none !important;
}

.webui-popover .content-max-height-400 {
	max-height: 40vh;
	overflow: auto;
}

.webui-popover .thumbnail-preview {
	border-radius: 5px;
	width: 100%;
	height: 30px;
	background-image: url(../../images/spinner_h.gif);
	background-repeat: no-repeat;
	background-position: center;
	min-width: 50px;
	min-height: 32px;
}

.webui-popover .webui-popover-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.webui-popover .thumbnails-list {
	width: auto !important;
}

	.webui-popover .thumbnails-list .thumbnail-item {
		margin: 8px;
		height: 100px;
		width: 140px;
		float: left;
		position: relative;
	}

		.webui-popover .thumbnails-list .thumbnail-item > a {

		}

			.webui-popover .thumbnails-list .thumbnail-item-inner {
				background-position: 0 0;
				background-repeat: no-repeat;
				background-color: #fff;
				background-size: cover;
				float: left;
				height: 100px;
				width: 140px;
				position: relative;
				border: 1px solid #ddd;
				-webkit-box-shadow: 1px 1px #eee;
				box-shadow: 1px 1px #eee;
			}
			.webui-popover .thumbnails-list .thumbnail-item > a:hover .thumbnail-item-inner {
				border-color: #cccccc;
			}

			.webui-popover .thumbnails-list .fileTypeIcon {
				background-image: url(../../images/icons/filetypes_big.png);
				background-position: center -140px;
				background-size: initial;
				text-align: center;
			}

			.webui-popover .thumbnails-list .fileTypeIcon.doc,
			.webui-popover .thumbnails-list .fileTypeIcon.docx {
				background-position-y: 0;
			}
			.webui-popover .thumbnails-list .fileTypeIcon.xls,
			.webui-popover .thumbnails-list .fileTypeIcon.xlsx {
				background-position-y: -70px;
			}
			.webui-popover .thumbnails-list .fileTypeIcon.ppt,
			.webui-popover .thumbnails-list .fileTypeIcon.pptx {
				background-position-y: -350px;
			}
			.webui-popover .thumbnails-list .fileTypeIcon.psd {
	 			background-position-y: -280px;
 			}
			.webui-popover .thumbnails-list .fileTypeIcon.ai {
				background-position-y: -700px;
			}
			.webui-popover .thumbnails-list .fileTypeIcon.avi,
			.webui-popover .thumbnails-list .fileTypeIcon.mp4,
			.webui-popover .thumbnails-list .fileTypeIcon.mov,
			.webui-popover .thumbnails-list .fileTypeIcon.ogg,
			.webui-popover .thumbnails-list .fileTypeIcon.ogv,
			.webui-popover .thumbnails-list .fileTypeIcon.webm {
				background-image: none;
			}
			.webui-popover .thumbnails-list .fileTypeIcon.avi:after,
			.webui-popover .thumbnails-list .fileTypeIcon.mp4:after,
			.webui-popover .thumbnails-list .fileTypeIcon.mov:after,
			.webui-popover .thumbnails-list .fileTypeIcon.ogg:after,
			.webui-popover .thumbnails-list .fileTypeIcon.ogv:after,
			.webui-popover .thumbnails-list .fileTypeIcon.webm:after {
				 content: '\f16a';
				 font-family: 'Font Awesome 5 Pro';
				 position: absolute;
				 left: 0;
				 right: 0;
				 top: 15px;
				 bottom: 0;
				 font-size: 50px;
				 color: #000;
				 opacity: 0.4;
			}

			.webui-popover .thumbnails-list .fileTypeIcon.mp3:after,
			.webui-popover .thumbnails-list .fileTypeIcon.wav:after {
				background-image: none;
			}

			.webui-popover .thumbnails-list .fileTypeIcon.mp3,
			.webui-popover .thumbnails-list .fileTypeIcon.wav {
				 content: '\f028';
				 font-family: 'Font Awesome 5 Pro';
				 position: absolute;
				 left: 0;
				 right: 0;
				 top: 15px;
				 bottom: 0;
				 font-size: 50px;
				 color: #000;
				 opacity: 0.4;
			}
			.webui-popover .thumbnails-list .fileTypeIcon.config {
				 background-position-y: -840px;
			}
			.webui-popover .thumbnails-list .fileTypeIcon.zip {
				 background-position-y: -490px;
			}
			.webui-popover .thumbnails-list .fileTypeIcon.rar {
				 background-position-y: -420px;
			}


				.webui-popover .thumbnails-list .thumbnail-item-inner .thumbnail-item-title {
					position: absolute;
					bottom: 0;
					left: 0;
					right: 0;
					display: block;
					background: #f4f4f4;
					padding: 7px 1px;
					padding-left: 7px;
					text-align: left;
					overflow: hidden;
					text-overflow: ellipsis;
					color: #333;
					height: 30px;
					white-space: nowrap;
					border-top: 1px solid #ddd;
					box-sizing: border-box;
				}
					.webui-popover .thumbnails-list .thumbnail-item-inner .thumbnail-item-title .thumbnail-item-title .fas {
						position: absolute;
						left: 6px;
					}


	.webui-popover .link-list--attachments {
		margin: 0;
		width: auto !important;
		border: none;
	}
	.webui-popover .link-list--thumbnails {
		overflow: visible;
	}
	.webui-popover .link-list--thumbnails span.thumbnail-filename {
		box-sizing: border-box;
	}

.webui-popover .controlCalendarDateTimePickerRow {
	width: 100% !important;
}

.webui-popover .controlCalendarDateTimePickerRow .controlCalendarDateTimePicker {
	float: left;
	border-right: solid 1px #f0f0f0;
	border-bottom: solid 1px #f0f0f0;
	padding: 15px;
}
.webui-popover .controlCalendarDateTimePickerRow .controlCalendarDateTimePicker:first-child {
	padding-left: 0;
}
.webui-popover .controlCalendarDateTimePickerRow .controlCalendarDateTimePicker:last-child {
	padding-right: 0;
	border-right: none;
}
.webui-popover .controlCalendarDateTimePickerRow:first-child .controlCalendarDateTimePicker {
	padding-top: 0;
}
.webui-popover .controlCalendarDateTimePickerRow:last-child .controlCalendarDateTimePicker {
	padding-bottom: 0;
	border-bottom: none;
}

.webui-popover-modal,
.webui-popover-modal.in {
	left: 0 !important;
	right: 0 !important;
	top: 50% !important;
	transform: translateY(-50%);
	backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	margin: 0 auto !important;
	border-radius: 0 !important;
	max-width: 900px;
}

	.webui-popover-modal .webui-popover-title,
	.webui-popover-modal a.close {
		padding: 12px 10px;
		margin: 0;
		background-color: #ffffff;
		background: -moz-linear-gradient(top, rgba(221, 221, 221, 0), #dddddd) #ffffff;
		background: -ms-linear-gradient(top, rgba(221, 221, 221, 0), #dddddd) #ffffff;
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(221, 221, 221, 0)), to(#dddddd)) #ffffff;
		filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#00FBFBFB', EndColorStr='#ffffffff', GradientType=1);
		text-shadow: 1px 1px 0 #FFFFFF;
		border-bottom: solid 1px silver;
		line-height: 16px;
	}
	.webui-popover-modal a.close {
		opacity: 1;
		font-size: 30px;
		color: #868686;
		font-weight: normal;
		position: relative;
		display: flex;
		padding-left: 0;
		padding-right: 0;
		border-left: solid 1px #ccc;
		width: 40px;
		align-items: center;
		text-align: center;
	}
	.webui-popover-modal a.close:after {
		padding: 0;
		width: auto;
		height: auto;
		flex: 1;
	}
	.webui-popover-modal a.close:hover {
		color: #333333;
		opacity: 1;
	}
	.webui-popover-modal .webui-popover-content {
		padding: 0;
	}
	.webui-popover-modal .webui-popover-content > div:first-child {
		width: auto;
	}
	.webui-popover-modal .webui-popover-content .modal-body {
		padding: 10px;
	}

.webui-popover-with-grid .webui-popover-content .grid-modal {
	width: auto !important;
}

.webui-popover-with-grid .webui-popover-content .modal-body {
	padding: 0;
	overflow-x: hidden;
}
.webui-popover-with-grid .webui-popover-content .modal-body .grid-toolbox {
	background-color: inherit;
	padding: 10px;
}

.webui-popover-with-grid.webui-popover-with-hidden-grid-toolbar .webui-popover-content .modal-body .grid-toolbox .toolbox-group > span:not(.gridCalendar-duration) {
	display: none !important;
}

.webui-popover.webui-popover-duplex {
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
	border: none;
	border-top: solid 1px #cccccc;
	border-radius: initial;
	z-index: auto;
}

.webui-popover.webui-popover-duplex .webui-popover-inner,
.webui-popover.webui-popover-duplex .webui-popover-content,
.webui-popover.webui-popover-duplex .webui-popover-content .grid-modal,
.webui-popover.webui-popover-duplex .webui-popover-content .grid-modal .modal-body,
.webui-popover.webui-popover-duplex .gridViewWrapper {
	height: 100% !important; /* Without !important - the heatmap will not show bottom part */
}

.webui-popover.webui-popover-duplex .grid-modal > .grid-toolbox {
	display: none !important;
}

.webui-popover.webui-popover-duplex .webui-popover-inner > .close {
	position: absolute;
	right: 0;
	z-index: 1;
	font-size: 35px;
	line-height: 37px;
	margin: 10px 5px 0px 0px;
	top: 0;
	border-left: solid 1px #dddddd;
	opacity: 1;
	color: #dddddd;
	padding-left: 5px;
	font-weight: normal;
}
.webui-popover.webui-popover-duplex .webui-popover-inner > .close:hover {
	color: #999999;
}