.at-window-2 {
	display:flex;
	flex-direction: column;
	background:#fff;
	box-shadow: 0 0 1px rgba(0,0,0,.4),0 0 10px rgba(0,0,0,.4);
	--at-w-margin:5px;
	margin:var(--at-w-margin);
	max-height:calc(100vh - var(--at-w-margin) * 4);
	
	will-change: left, top, height, width, box-shadow, opacity, transform;
	--at-w-header-height: 0px; /*Adjusted by window resize event*/
}

.at-window-2 .at-w-toolbar {
	margin:0;
}

.at-window-2 .at-w-header {
	z-index: 10;
	position:sticky;
	top:0;
}

.at-w-toolbar menu {
	margin:0 !important; /*temp hack until upgrade complete*/
}

.at-w-sticky-content {
	position:sticky;
	top:0; /* var(--at-w-header-height); Toolbar height can change...*/
	z-index: 100; /*a guess... may need tweaking*/
}

.at-w-modal {
	position:fixed;
	top:0;left:0;
	z-index: 1000; /*default z-index of other windows, and FIXED messes with this some*/
	will-change: opacity;
}

.at-w-modal-bg {
	position:fixed;
	top:0;left:0;right:0;bottom:0;
	background:black;
	opacity:.4;/*Used for animation performance instead of transparent bg color*/
	width:100%;height:100%;
}

.at-window-2 .at-w-body {
	border:none;
	min-height:200px;
	z-index: auto;
	overflow:auto;
	height:100%;
	overscroll-behavior: contain;
}

.at-window-2 .at-w-content {
	padding:10px 10px 15px 10px;
}

.at-window-2 .at-w-head {
	border-radius: 4px 4px 0 0;
	z-index: 10;
	position:sticky;
	top:0;
}

/*Vue transitions for opening windows*/
.at-w-open-anm-enter-active, at-w-open-anm-leave-active {
	transition: opacity .2s ease-in;
}

.at-w-open-anm-enter, .at-w-open-anm-leave-to {
	opacity: 0;
}

.at-w-open-anm-enter-to .at-window-2 {
	animation-duration: .3s;
	animation-name: at-w-scalein;
	transform-style: preserve-3d;
	transition: all .3s ease-out;
}

@keyframes at-w-scalein { from {transform: scale(.95);} to {transform: scale(1);}}

.at-w-maximize {
	position:fixed!important;
	top:0!important;left:0!important;right:0!important;bottom:0!important;
	width:calc(100% - var(--at-w-margin) * 2)!important;height:100%!important;
	
	/* animation-duration: .3s;
	animation-name: at-w-scalein; */
	transition: all .3s ease-out;
}

@media (prefers-reduced-motion: reduce) {
  .at-w-maximize {
    animation: none;
  }
}

@media (max-width:800px),(max-device-width: 800px){
	.at-window-2 {
		/*Override inline styles to make all windows fullscreen in*/
		--at-w-margin:0;
		position:fixed!important;
		left:0!important;top:0!important;bottom:0!important;right:0!important;
		width:100%!important;height:100%!important;
		border-radius: 0;
	}
	.at-window-2 .at-w-head {border-radius: 0;}

	.at-window-2 .at-w-head-controls .at-w-button-maximize,
	.at-window-2 .at-w-head-controls .at-w-button-restore
	{display:none;}
}