/**
 * webEdition CMS
 *
 * $Rev$
 * $Author$
 * $Date$
 *
 * This source is part of webEdition CMS. webEdition CMS is
 * free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 3 of the License, or
 * any later version.
 *
 * The GNU General Public License can be found at
 * https://www.gnu.org/licenses/gpl-3.0.html.
 * A copy is found in the textfile
 * webEdition/licenses/webEditionCMS/License.txt
 *
 * @license    https://www.gnu.org/licenses/gpl-3.0.html  GPL
 */
@charset "utf-8";
:root{
	--WEheaderHeight:25px;
}
div.overlay{
	background-color: #ffffff;
	position: fixed;
	z-index: 20000;
}
div#overlayDiv,
div.tox-tinymce{
	padding: 0;
	div{
		padding: 0;

		&.headerDiv{
			position: relative;
		}

		&.adminDiv{
			display: none;
			position: absolute;
			top: 0;
		}

		&.header{
			background-color:#e9e9e9;
			cursor: move;
			height: var(--WEheaderHeight);
			left: 0;
			position: absolute;
			right: 0;
			top: 0;
			span.title{
				color:var(--WEDarkGrey);
				display:block;
				font-size: calc(var(--WEheaderHeight) / 2);
				margin:3px 5px;
				text-overflow:clip;
			}
		}

		&.btns{
			color: gray;
			font-size: 10px;
			position: absolute;
			left:auto;
			right: 10px;
			text-align: right;
			top: calc((var(--WEheaderHeight) - 10px) / 2);

			.weIcon{
				cursor: pointer;
			}
			.btnClose{
				color: red;
				padding: 5px 7px;
			}
			.btnMaximize{
				padding: 5px 5px;
				margin-right: 5px;
			}
			.btnRestore{
				display: none;
				padding: 5px 5px;
				margin-right: 5px;
			}
		}

		&.contentDiv{
			background-color: #dddddd;
			bottom: 0;
			left: 0;
			position: absolute;
			right: 0;
			top: var(--WEheaderHeight);

			iframe{
				&.content{
					border: none;
					height: 100%;
					width: 100%;
				}
				&.adminFrame{
					display: none;
				}
			}
		}
		&.resize{
			position: absolute;
			background-color: #ffffff;
		}
		&.n-resize{
			cursor: n-resize;
			height: 2px;
			top: 0;
			width: 100%;
		}
		&.e-resize{
			right: 0;
			width: 2px;
			height: 100%;
			cursor: e-resize;
		}
		&.s-resize{
			bottom: 0;
			cursor: s-resize;
			height: 2px;
			width: 100%;
		}
		&.w-resize{
			cursor: w-resize;
			height: 100%;
			left: 0;
			width: 2px;
		}
		&.ne-resize,
		&.se-resize,
		&.sw-resize,
		&.nw-resize	{
			background-color:transparent;
			height: 8px;
			width: 8px;
		}
		&.ne-resize{
			cursor: ne-resize;
			right: 0;
			top: 0;
		}
		&.se-resize{
			bottom: 0;
			cursor: se-resize;
			right: 0;
		}
		&.sw-resize{
			bottom: 0;
			cursor: sw-resize;
			left: 0;
		}
		&.nw-resize{
			cursor: nw-resize;
			left: 0;
			top: 0;
		}
	}
}
div.backgroundMask,
div.foregroundMask{
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 20000;
}
div.backgroundMask{
	background-color: black;
	opacity: 0.6;
}
div.foregroundMask{
	background-color: #325e94;
	opacity: 0.2;
}