
label, label * 
{
	font-weight:bold;
	/*background-color:#00befa;*/
	margin-bottom:.1rem;
}


h1, h2, h3 {
	color:#333 !important;
}

body 
{
	overflow-x:hidden !important;
}


/* ----------------------------------------------------------------------- 

Product-editor; cascade

----------------------------------------------------------------------- */


.image_preview_container
{
	border:1px solid #777;
	min-width:128px;
	min-height:4rem;
}

.image_preview_window {
	display:block;
	float:left;
	margin:1rem 1rem 1rem 0;
	width:6rem;
	height:6rem;
	overflow:hidden;
	border:.5rem solid #333;
	border-radius:.25rem;
	padding:0 !important;
}


.image_preview_window img {
	position:relative;
	top:-1rem;
	left:0;
	width:200%;
	margin:-25% 0 0 -25%;
}


.img_thumb {
	display:block;
	float:left;
	margin:1rem 1rem 1rem 0;
	width:8rem;
	height:10rem;
	
	border:.5rem solid #333;
	border-radius:.25rem;
	padding:0 !important;
}
.img_thumb img {
	overflow:hidden;
	display:block;
	width:100%;
	margin:0 0 0 -25%;
	margin:0 auto !important;
}



.img_thumb_text {
	display:block;
	float:left;
	padding:.25rem;
	background-color:#333;
	opacity:0.9;
	width:100%;
	height:3rem;
	color:#fff;
	font-size:.6rem;
}


.image_remove_selected_image_btn {
	z-index:10;
	position:relative;
    top:.5rem;
    right:.5rem;
    background:blue;
	
    color:#fff;
}

.image_remove_selected_image_btn:hover {
	opacity:0.75;
}

.image_remove_selected_image_btn a {
	display:block;
	float:right;
	font-size:1rem;
	background-color:#333;
	padding:.25rem;
	width:2rem;
	height:2rem;
	text-align:center;
	padding:.125rem 0 0 0;
	border-radius:1rem;
	color:#fff;
	border:.125rem solid #777;
}



/* ----------------------------------------------------------------------- 
Image selection button (product toevoegen)
----------------------------------------------------------------------- */


.image_selection_btn {
	display:block;
	float:left;
	margin:2rem 1rem 1rem 0;
	padding:.5rem;
	border:.125rem solid #333;
	border-radius:.25rem;
	background-color:#198754; /* green from BS => normal */
	font-size:3rem;
	text-align:center;
	width:4rem;
	height:4rem;
	margin-top:4rem;
	border-radius:10rem !important;
}

.image_selection_btn, .image_selection_btn *
{
	border-color:#0eb769;
	color:#fff;
	text-decoration:none !important;
	margin:1rem;
	padding:0rem;
}

.image_selection_btn:hover, .image_selection_btn *:hover
{
	opacity:.75;
	color:#fff;
	border-color:#fff;
}

.image_selection_btn i {
	
	display:block;
	margin:0;
	padding:0;
	margin-top:-.5rem;
}


/* ----------------------------------------------------------------------- 

END Product-editor; cascade 

----------------------------------------------------------------------- */
