.bg{
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	padding: 0px;
	overflow: hidden;
	display: block;
	background: rgba(0,0,0,.5);
}


.window{
	position: absolute;
	display: block;
    border-radius: 2px;
    box-shadow: 0px 0px 5px rgba(0,0,0,.4);
	background: #f2f2f2;
	height: auto;
}


.window .top{
	position: relative;
	top: 0px;
	left: 0px;
	display: block;
	height: 16px;
	padding: 8px;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	color: var(--main-bg-color);
	z-index: 100;
}

.window .body{
	position: relative;
	top: 0px;
	left: 0px;
    display: block;
    height: calc(100% - 94px) !important;
    width: auto !important;
    overflow: auto !important;
}



.window .body.hideScrollbar::-webkit-scrollbar {
    display: none;
	border-right:  1px solid #ccc;
}



.window .footer{
	position: relative;
	bottom: 0px;
	left: 0px;
    display: block;
    height: 24px;
    padding: 8px;
    border-top: 1px solid #ccc;
    font-size: 16px;
    color: var(--main-bg-color);
}



.window  .close{
	position: absolute;
	top:8px;
	right:8px;
	display: block;
	width: 16px;
	height: 16px;
	background: url('data:image/svg+xml;utf8,<svg width="16px" height="16px" viewBox="-22 13 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><rect id="Rectangle-1" stroke="none" fill="%23666" fill-rule="evenodd" transform="translate(-14.000000, 21.071068) scale(-1, 1) rotate(-45.000000) translate(14.000000, -21.071068) " x="-23" y="20.0710678" width="18" height="2"></rect><rect id="Rectangle-1" stroke="none" fill="%23666" fill-rule="evenodd" transform="translate(-14.000000, 21.071068) rotate(-45.000000) translate(14.000000, -21.071068) " x="-23" y="20.0710678" width="18" height="2"></rect></svg>') no-repeat center center;
	cursor: pointer;
	z-index: 101;
}

.window  .maximize{
	position: absolute;
	top:8px;
	right:32px;
	display: block;
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzJfNCkiPgo8cGF0aCBkPSJNLTEuMDAwMDUgNy4wNzE1NUwxNi45OTk5IDcuMDcwNThMMTcuMDAwMSA5LjA3MDU4TC0wLjk5OTk0NiA5LjA3MTU1TC0xLjAwMDA1IDcuMDcxNTVaIiBmaWxsPSIjNjY2NjY2Ii8+CjxwYXRoIGQ9Ik02Ljk5OTUyIC0wLjkyODg3OUw3LjAwMDQ4IDE3LjA3MTFMOS4wMDA0OCAxNy4wNzFMOC45OTk1MiAtMC45Mjg5ODZMNi45OTk1MiAtMC45Mjg4NzlaIiBmaWxsPSIjNjY2NjY2Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMl80Ij4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
	cursor: pointer;
	z-index: 101;
}