.popupWindow
{
	margin:.25em 0 1em;
	padding: .65rem 1em;
	/*
    box-shadow: 0 0 0.15em 0.015em rgba(0,0,0,.25);
    background-image: linear-gradient(to top, rgba(222, 223, 224), rgb(255,255,255) 1.25rem);
    border-bottom: .01em solid rgb(124, 138, 148);
	 */
	color:rgb(56,56,56);
	background-image: linear-gradient(to top, rgb(243 243 243), rgb(255,255,255) 1.25rem);
	border-bottom: 0.01em solid rgb(221 221 221);
}

#prevImage, #nextImage {position:inherit; width:3em; height:25rem; /*border:1px solid blue;*/ text-align:center; padding-top: 15rem; cursor:pointer; color: #337fed; background-color:rgba(255,255,255,.3);}
#prevImage:hover, #nextImage:hover {color:white; text-shadow: 0 0 .25em rgba(0,0,0,.5);}
#prevImage:before,
#nextImage:before {margin:0 auto; font-size:5rem;}
#prevImage:before {content: '‹';}
#nextImage:before {content: '›';}
#preview {
			display:flex; flex-flow:row nowrap; height:40rem;
			background-size:auto 40rem; background-repeat:no-repeat;
			background-position:center;
			justify-content: space-between;
		}
#editSubmit {display:none;}

ul.galleryControls { display:flex;  flex-flow:row wrap; align-items:flex-end;	list-style:none; margin:1em 0;padding:0; }
ul.galleryControls > li:not(:last-child) {margin-right:.5rem;}
ul.galleryControls > li {line-height: 3rem;}
ul.galleryControls > li > a {margin:0;}
ul.galleryControls > li > a.grayButton {line-height: 2em;}

label[for=edit] {font-size:.75em;display:block;    line-height: .5rem;}
#edit:disabled {
	font-size: .85em;
	color: rgb(96 96 96);
	width: auto;
	border: none;
	background: transparent;
	padding: 0;
	cursor: default;
}
#rotateLeftSubmit:before {content:'\e965'; font-family: Icons;}
#rotateRightSubmit:before {content:'\e966'; font-family: Icons;}

#uploadThumbnails label 
{
	background: transparent;
	color: black;
	border: none;
	font-size: .75rem;
	margin: 0;
	padding: 0;
	cursor: default;
}

span.removeImage:after 
{
	display: block;
	content: '✕';	
	font-size: 1.4em;
	font-weight: 100;
	color: white;
	background: #1573ad;
	cursor: pointer;
	line-height: 1rem;
	position: absolute;
	padding: .05rem;
}


.black_wnd        {position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.5); display:block; z-index: 100;}
.popupWindow        {position:absolute; width:50%; left:50%; margin-left:-25%; top:15%;  /*display:flex; justify-content:space-between;*/ z-index:100;}
.dialog_close
{
	text-decoration:none;
	margin:0; padding:0;
	position: absolute;
	top: 0;	right:.25em;
}
.dialog_close:before {content:'✕'; color:black;  font-size: 1.4em;  font-weight: 100;}

#uploadForm {min-width:100%;}
#uploadForm label,#uploadForm select, a.button, a.button2
{
	outline:none;
	background-color:#1573ad;
	color:#fff;
	border:.01em solid #1573ad;
	border-radius:.15em;
	padding:.25em .65em;
	cursor:pointer;
	margin:0 .5em .5em 0;
	text-decoration:none;
	line-height: 1.5em;
	display: inline-block;
}

a.button2,
nav > a.button2
{
	color:#1573ad;
	border:.01em solid #1573ad;
	background-color:transparent;
}

a.grayButton {outline:none; color:rgb(169,172,187);border:0;cursor:pointer; margin-right:.5em; text-decoration:none;line-height: 2.5em; font-weight:bold;}
#uploadAlbumForm input {margin-right:.5em;}
#uploadForm > ul,
#uploadAlbumForm > ul {display:flex; margin:0; padding:0;flex-wrap: wrap;}
#uploadThumbnails {margin:0; padding:0;}
#uploadThumbnails,
#uploadForm > ul > li,
#uploadAlbumForm > ul > li{list-style:none; display:flex; flex-wrap: wrap;}
#thumbnails {display:flex; flex-wrap:wrap; margin:1em 0;padding:0;}
#uploadThumbnails > li,
#thumbnails > li {list-style:none; margin:0 .5em .5em 0;    display: flex; flex-direction: column;}

#uploadThumbnails > li {max-width:25%;}

#uploadThumbnails > li > input,
#thumbnails > li > span {font-size:85%; color: rgb(100,100,100); word-wrap:break-word;}

#uploadThumbnails > li > input {margin-top:.25em;}

#thumbnails > li > img, #thumbnails > li > span {width:8em;}
#imageList #thumbnails img, .thumbnails img {margin:0 .25em .25em 0;     filter: grayscale(70%) brightness(70%); cursor:pointer;}
#imageList #thumbnails img:hover, .thumbnails img:hover {	box-shadow: 0 160px 80px 40px rgba(0, 0, 0, 0.8) inset;
	animation: hoverImage .3s;
	filter: grayscale(0%) brightness(100%);
}
.thumbnails img {width:24%;}

div.progress {width:95%; height: .65em; margin:.15em 0 0 0; padding:.1em; border:1px solid rgb(190,190,190);}
div.progress > span {margin:0;padding:.225em 0; background-color: #1573ad; display:block;}


span.albumSignature {display:block; width:5rem;}

@keyframes hoverImage
{
	from{filter: grayscale(70%) brightness(70%);}
	to {filter: grayscale(0%) brightness(100%);}
}

#uploadIframe {border:none; width:100%; overflow-y: scroll;}
#uploadFile, #uploaderSubmit {display:none;}


@media screen and (max-width:40rem) {
	#prevImage, #nextImage {
		height: 15rem;
		padding-top: 5rem;
	}

	#preview {
		height: 20rem;
		background-size: auto 20rem;
	}

	.popupWindow {
		left: 1rem;
		right: 1rem;
		width: 100%;
		margin: 0;
	}
}