/**
 * Horizontal-Wrapper oben und unten.
 * HplHtml::getInstance()->horizontalScrollWrapper(), wenn $doInlineStyles = FALSE
 */

.wrapper1,
.wrapper2 {
	width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
}

.wrapper1 {
	height: 20px;
}

.wrapper2 {
}

.div1 {
	height: 20px;
}

.div2 {
	display: block;
	/*	width: max-content; */
	width: 100%;
	overflow: hidden;
}

#ajaxLoadImage {
	display: none;
	background-image: url('../../../../fpmt/Resources/Public/Images/Icons/Spinner-256.gif');
	opacity: 0.5;
	width: 256px;   /* Die Breite des Spinners. Muss gleich sein wie die Breite des Images. */
	height: 256px;   /* Die Höne des Spinners. Muss gleich sein wie die Breite des Images. */
	background-position: center;
/*	background-size: 100px 100px; */
	position: fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:9999;
}

/*
.image {
	width: 100%;
}
 */

.image-controls {

}

.draggable {
	background-image: url('../../../../fpmt/Resources/Public/Images/Icons/draggable-dots.png');
	background-size: 25px;
	height: 30px;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: center;
	cursor: move;
}