section.gallery {
	display: flex;
	flex-wrap: wrap;
}

section.gallery
  div {
	flex-grow: 1;
	margin: 2px;
	background-color: none;
	height: 200px;
}

section.gallery
  img {
	height: 200px;
	object-fit: cover;
	max-width: 100%;
	min-width: 100%;
	vertical-align: bottom;
}

#imagePreview{
	background-color:#000;
}

body:not(.loaded) #imagePreview{
  display:none!important;
}

body:not(.loaded) *{
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

body.loaded #imagePreviewSpinner{
  display:none!important;
}

section.gallery::after {
	content: '';
	flex-grow: 999999999;
}

body {
	font-size: .875rem;
}

.progressLabel {
	color: green;
	line-height: 1.1em;
}

.carousel-control-prev, .carousel-control-next {
	width: 15%;
	min-width:100px;
	opacity: 0;
}

.carousel-control-next:focus, .carousel-control-next:hover,
	.carousel-control-prev:focus, .carousel-control-prev:hover {
	color: #fff;
	text-decoration: none;
	outline: 0;
	opacity: .9;
	
}

.carousel-control-button{
	background-color: #000000ab;
	padding: 1em;
	border-radius: 50%;
}

.previewPage{
	background-color:#000!important;
}
.preview{
	display: flex;
	background-color:#000;
}

.naviStatus{
	padding: 10px 15px;
}
.naviStatus, .naviStatus a.naviLink{
	color: #fff!important;
	
}

.togglePassword{
	cursor: pointer;
}