/*gallery classes-----------------------------------------*/

/*bilder-----------------------------------------*/
.preview_div{
	min-width: 120px;
	max-width: 140px;
	width: 12.99%;
	height: 90px;
	float:left;
	margin-right: 8px;
	margin-bottom: 8px;
	overflow: hidden;
	border:thin solid gray;
	border-radius: 6px;
}

.preview_img{
	width: 140px;
	height: auto;
	
	/*
	filter: brightness(0.9);
	
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    */
}

.preview_img:hover{
	/*
	filter: brightness(1.2);
	
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
	*/
}

@media (max-width: 980px){
	.preview_div{
		width: 15.2%;
	}
}

@media (max-width: 840px){
	.preview_div{
		width: 18.4%;
	}
}

@media (max-width: 700px){
	.preview_div{
		min-width: 100px;
		width: 22.5%;
	}
}

@media (max-width: 480px){
	.preview_div{
		width: 30%;
	}
}

@media (max-width: 355px){
	.preview_div{
		min-width: 120px;
		width: 46%;
	}
}

@media (max-width: 280px){
	.preview_div{
		min-width: 100px;
		width: 98%;
	}
}


/*uploadPage------------------------------------*/
#runtimeInfo {
	color:#E0E0FF;
}

.upload_form{
	margin-top:10px;
}

#submit-form{
	border:thin dotted black;
}

.listItem{
	margin: 4px;
	border-bottom:thin dotted grey;
}

#filelist{
	float:left;
	min-height: 48pt;
	width: 300px;
	margin: 4px;
	background-color: #ffffff;
	border:thin dashed black;
	
}

.button a, button a:visited{
	text-align: center;
	color:#000000;
	display:block;
	height:15px;
	margin:4px;
	padding:5px; 
	background-color: #B0C4DE;
	border:1px solid black;
	float:left;
}

.button a:hover{
	background-color:#4682b4;
}

#pickfiles{
	width: 120px;
}

#uploadfiles{
	width: 130px;
}

/*edit-----------------------------------------*/
.editImages_row{
    margin: 4px;
    padding: 4px;
    border: 1px dashed black;
    border-radius: 8px;
}

.editImages_small{
	margin: 4px;
	padding: 4px;
	border-radius: 4px;
	width: 80px;
    display: block;
    float: left;
    overflow: hidden;
    white-space:nowrap;
}

.editImages_unselected{
    color: gray;
	border: 2px solid gray;
	background-color: #ccc;
    opacity: 0.6;
}

.editImages_selected{
    color: black;
	border: 2px solid black;
	background-color: #eee;
    opacity: 1.0;
}