/********************************************************************************************************
	Style Sheets für das Admin Theme
********************************************************************************************************/

body main {
	margin:0px 220px;
	max-width:100%;
	width:auto;
}

body.path-mein-photobuch-erstellen #block-gutscheintheme-content {
	text-align:center;
}

#custom-photobuch-form {
	display:inline-block;
	margin:0px auto;
	max-width:unset;
}

#custom-photobuch-form #drop_region {
	display:inline-block;
	margin:0px auto;
	min-width:200px;
	min-height:200px;
	max-width:300px;
	background:rgba(0,0,0,0.1);
}

#custom-photobuch-form #image_preview {
	display:inline-block;
	margin:0px auto;
	min-width:200px;
	min-height:200px;
	max-width:300px;
	background:rgba(0,0,0,0.1);
}

#custom-photobuch-form #load_presets {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	width:150px;
	z-index:33;
	margin:0;
	background:#ddd;
}

#custom-photobuch-form #container_images {
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	background:rgba(0,0,0,0.05);
	z-index:33;
	width:150px;
}

#custom-photobuch-form #edit-container-local-images .form-managed-file {
	position:absolute;
	bottom:20px;
	left:20px;
	background:rgba(0,0,0,0.05);
	z-index:44;
}

#custom-photobuch-form #global_action div {
	display:inline-block;
}

#custom-photobuch-form .tabledrag-toggle-weight-wrapper {
	display:none;
}

#custom-photobuch-form .tabledrag-handle {
	position:absolute;
	width:40px;
	height:40px;
	left:-40px;
	top:0;
	min-width:unset;
	background:transparent;
	box-sizing:border-box;
	margin:0;
	padding:5px;
}

#custom-photobuch-form a.tabledrag-handle .handle {
	background:url(../imgs/move.svg) no-repeat;
	background-size:100%;
	padding:0;
	margin:0;
	width:100%;
	height:100%;
}

#custom-photobuch-form td {
	position:relative;
}

#custom-photobuch-form #edit-template-format-select--wrapper {
	position:absolute;
	top:0;
	right:150px;
	bottom:0;
	width:150px;
	z-index:9;
	margin:0;
	background:#ddd;
}

#custom-photobuch-form #edit-template-background-select--wrapper span.fieldset-legend,
#custom-photobuch-form #edit-template-format-select--wrapper span.fieldset-legend {
	display:block;
	padding:10px;
	background:#111;
	color:#fff;
}

#custom-photobuch-form .form-radios .form-item {
	margin:0;
}

#custom-photobuch-form input[type="radio"] {
	position:absolute;
}

#custom-photobuch-form .form-radios label.option {
	display:block;
}

#custom-photobuch-form #edit-select-template--wrapper {
	position:absolute;
	top:0;
	right:0;
}

#custom-photobuch-form .page_container {
	position:relative;
	display:table;
	width:600px;
	height:20px;
	margin:0 0 10px 0;
}

#custom-photobuch-form .page_global_background_display,
#custom-photobuch-form .page_global_format_display,
#custom-photobuch-form .page_local_background,
#custom-photobuch-form .page_local_format,
#custom-photobuch-form .page_actions {
	position:relative;
	display:table-cell;
	width:200px;
	height:200px;
	vertical-align:top;
}

#custom-photobuch-form .page_global_background_display {
	background:#888;
}

#custom-photobuch-form .page_global_format_display {
	background:#999;
}

#custom-photobuch-form .page_local_background {
	background:#aaa;
}

#custom-photobuch-form .page_local_format {
	background:#bbb;
}

#custom-photobuch-form .page_actions {
	background:#ccc;
}

#custom-photobuch-form div .field--type-image,
#custom-photobuch-form div .field--type-image img,
#custom-photobuch-form div .field--type-entity-reference,
#custom-photobuch-form div .field--type-entity-reference img {
	display:inline-block;
	vertical-align:top;
	width:200px;
	height:200px;
}

#custom-photobuch-form .pages_global_format div[data-history-node-id="22"] .field__item:nth-child(1) img {
	position:absolute;
	top:5px;
	right:unset;
	left:5px;
	bottom:unset;
	width:auto;
	height:100%;
}

#custom-photobuch-form .pages_global_format div[data-history-node-id="22"] .field__item:nth-child(2) img {
	position:absolute;
	top:5px;
	right:5px;
	left:unset;
	bottom:unset;
	width:auto;
	height:100%;
}

#custom-photobuch-form .pages_global_format div[data-history-node-id="23"] .field__item:nth-child(1) img {
	position:absolute;
	top:5px;
	right:unset;
	left:5px;
	bottom:unset;
	width:auto;
	height:100%;
}