.float_fix {
	clear:both;
}

.product_table {
	table-layout: fixed;
	font-size:14px;
	padding:5px;
}

.product_table table {
	font-size:14px;
}

.product_box_container{
	display: flex;
	width: 100%;
}

.product_box_image{
	width: 212px;
}

.product_box_main {
	width: 100%;
	margin-left: 15px;
}

.product_box_normal {
	font-size: 14px;
	float: left;
	min-width: 200px;
	width:100%;
}

.product_box_normal #fullview {
	width: 100%;
	height: 170px;
	background-position: center;
	background-color: white;
	background-repeat: no-repeat;
	background-size: contain;
}

.product_box_normal #productView {
	width: 100%;
	height: 500px;
	background-position: center;
	background-color: white;
	background-repeat: no-repeat;
	background-size: contain;
}

.hinweisbereich {
	text-align:center;
	background-color:#e2e2e2;
	width:100%;
}

.product_table.header{
	padding: 0;
	margin-bottom: 5px;
}

.product_table.content{
	display: flex;
	padding: 0;
}

.product_information_box {
	background-color:#e2e2e2;
	border-top:2px solid #d2d2d2;
	border-bottom:2px solid #d2d2d2;
	font-size:12px;
	padding:5px;
}

.product_information_box p {
	margin:2px 4px;
}

.product_description_box {
	background-color:#e2e2e2;
	border:2px solid #d2d2d2;
	font-size:12px;
	padding:5px;
	margin-left: 10px;
}

.product_description_box p {
	margin: 0;
}

.image_options {
	position:absolute;
	margin:0px;
	width:206px;
	height:206px;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

.image_options:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.img_box_thumbs {
	text-align: center;
	margin: 10px 0;
}

.img_box_thumbs div {
	float:left;
	width:64px;
	height:64px;
	border:2px solid #d2d2d2;
	margin-right:2px;
	margin-top:2px;
	font-size:54px;
	color:silver;
	background-color: white;
	background-position:center center;
	background-size:contain;
	background-repeat: no-repeat;
}

.picto_box div:not(.clear-both) {
	float:left;
	width:64px;
	height:64px;
	margin-right:5px;
	background-position:center center;
	background-size:contain;
	background-repeat: no-repeat;
}

.img_box_thumbs div:hover {
	border:2px solid #4e4e4e;
	cursor:pointer;
	color:#4e4e4e;
}

.img_box_thumbs img, .picto_box img {
	max-width: 64px;
	max-height: 64px;
}

.product_table h3 {
	margin-top: 0;
	margin-bottom: 5px;
}

/* PRODUKTVERWALTUNG */

.prod_navigation_trigger {
	display: none;
}

.prod_viewtype{
	float:right;
	height: 30px;
	width: 50px;
}

.prod_struktur_scrollbox {
	position:absolute;
	width: auto;
	height:auto;
	border:2px solid #d2d2d2;
	background-color: #f2f2f2;
	overflow-x:auto;
	overflow-y:auto;

	top:31px;
	left:0px;
	right:75%;
	bottom:0px;

	margin:2px 0px 2px 2px;
}

.produktedit_right {
	position:absolute;
	height:auto;

	top:31px;
	left:25%;
	right:4px;
	bottom:0px;

	margin:2px;
}

.produktedit_logo {
	max-height: 120px;
	max-width: 100%;
}

.produktlist_box {
	position:absolute;
	width: 100%;
	height:194px;
	border:2px solid #d2d2d2;
	background-color: #f2f2f2;

	top:0px;
	left:0px;
	bottom:0px;
}

.produktlist_scrollbox {
	width:100%;
	height:100%;
	background-color: #f2f2f2;
	overflow-x:auto;
	overflow-y:scroll;
}

.withbreadcrumbs {
	height:169px;
}

.breadcrumbs {
	height:20px;
	margin:4px 0px 0px 0px;
	padding-left:5px;
	border-bottom: 1px solid #d2d2d2;
	overflow: hidden;
}

.produktlist_scrollbox table {
	font-size:12px;
	border:1px solid #e2e2e2;
}

.produktlist_scrollbox td, .produktlist_scrollbox th {
	border:1px solid white;
	vertical-align: top;
}

.produktlist_scrollbox tr:hover {
	background-color: #e2e2e2;
	border:1px solid #d2d2d2;
	cursor:pointer;
}

.new_product{
	background-color: #f2f2f2;
}

.new_product:hover, .box_pruefobjekt:hover{
	background-color: #e2e2e2;
	border:1px solid #d2d2d2;
	cursor:pointer;
}

.produkt_scrollbox {
	position:absolute;
	width: 100%;
	height:auto;
	border:2px solid #d2d2d2;
	background-color: white;
	overflow-x:auto;
	overflow-y:scroll;

	top:200px;
	left:0px;
	bottom:0px;
}

.edit_table {
	width: auto;
	padding:0em 1em;
}

.verweis_container {
	font-size:12px;
	border:2px solid #D2D2D2;
	background-color:#E2E2E2;
}

.verweis_container:hover {
	border:2px solid #4e4e4e;
	cursor: pointer;
}

.verweis_container div {
	width:102px;
	height:102px;
	margin:4px;
	border:1px solid #D2D2D2;

	background-position: center;
	background-color: white;
	background-repeat: no-repeat;
	background-size: contain;
}

.prod_struktur {
	font-size:12px;
	padding:5px;
}

.prod_struktur_childs  {
	padding-left: 20px;
	margin-left: 0px;
}

.prod_struktur_item {
	line-height: 16px;
	cursor:pointer;
}

.prod_struktur_item.root {
	font-weight:bold;
}
.prod_struktur_item.prod_node {
}
.prod_struktur_item.prod_leaf {
	color:blue;
}

.prod_struktur_item.root .glyphicons {
	top: -2px;
}
.prod_struktur_item.root.unconnected .glyphicons {
	color: red;
}
.prod_struktur_item .glyphicons {
	color: darkslategray;
	font-size: 14px;
	margin-right: 6px;
}

.prod_struktur_item.prod_leaf .glyphicons {
	color:blue;
}

.prod_struktur_item.expanded .glyphicons-folder-open, .prod_struktur_item .glyphicons-folder-closed  {
	display: inline-block;
}
.prod_struktur_item.expanded .glyphicons-folder-closed, .prod_struktur_item .glyphicons-folder-open {
	display: none;
}

.prod_struktur_item.root.unconnected .glyphicons-folder-closed, .prod_struktur_item.prod_leaf .glyphicons-folder-closed, .prod_struktur_item.prod_node .glyphicons-more-items, .prod_struktur_item.root .glyphicons-more-items {
	display: none;
}
.prod_struktur_item.root.unconnected .glyphicons-more-items, .prod_struktur_item.prod_leaf .glyphicons-more-items {
	display: inline-block;
}

.prod_struktur_item:hover {
	text-decoration: underline;
	background-color: #e2e2e2;
	cursor:pointer;
}


.hover_bg {
	position:fixed;
	top:0em;
	left:0px;
	min-height:100%;
	height:100%;
	width:100%;

	background-color: rgba(100,100,100,0.8);
	display:none;

	z-index:9999998;

	transition: all 0.4s;
}

.hover_box {
	position:fixed;
	top:30px;
	left:30px;
	right:30px;
	bottom:30px;

	width:auto;
	height:auto;

	overflow-y:auto;

	text-align:left;
	background-color: white;
	display:none;
	padding: 0em;
	margin: 0em;
	opacity: 1;

	z-index:9999999;

	transition: all 0.4s;
}

.hover_box .titlebar {
	border-bottom: 1px solid silver;
	height: 30px;
	line-height: 30px;
	width: 100%;
}

.titlebar .title {
	float:left;
}

.titlebar .searchbar {
	float:left;
	width: calc(100% - 500px);
	text-align: center;
}

.titlebar .closer {
	float:right;
}

.titlebar .title h2 {
	margin: 5px 0;
	padding:0 10px;
	float:left;
}

.dialog_box, .bogen_box {
	max-width: 400px;
	text-align: left;
	background:white;
	display:none;
	overflow:hidden;
	font-size:12px;
	z-index:19999999;
	margin: auto;
}

.dialog_box_content {
	margin: 0;
	padding:5px;
}

.dialog_box.center {
	left: 10%;
	right: 10%;
	top: 10%;
}

.smalltitlebar {
	padding-left:6px;
	border-bottom: 1px solid gray;
	font-weight: bold;
	line-height:26px;
	font-size:16px;
}

.bogen_box {
	border-top: 0;
	max-width: 200mm;
	margin: 0 auto 0 auto;
	overflow-x: auto;
	overflow-y: auto;
	height: calc(100% - 100px);
}

.bogen_box > form {
	margin: 15px;
}

#bogen_bg .smalltitlebar {
	padding: 0;
	border-bottom: 1px solid gray;
	max-width: 200mm;
	margin: 15px auto 0 auto;
}

#bogen_bg .footerbar {
	padding: 0;
	border-bottom: 1px solid gray;
	max-width: 200mm;
	margin: 0 auto 0 auto;
}

.landscape .bogen_box, .landscape .smalltitlebar {
	max-width: 1200px !important;
}
.letter .bogen_box, .letter .smalltitlebar {
	max-width: 200mm !important;
}

.smalltitle_button {
	text-align: center;
	float: right;
	width:30px;
	height:26px;
	line-height:26px;
	cursor: pointer;
	font-weight: bold;
	font-size:20px;
}

.smalltitle_button.big {
	height:30px;
	line-height:30px;
}

.smalltitle_button:hover {
}

.smalltitle_header {
	float: left;
	width: calc(100% - 40px);
	margin: 0 5px;
}

.ksc_button {
	height: 19px;
	border: medium none;
	background-color:#008740;
	color:white;
	cursor:pointer;
}


/* ############# Dialogbox ############## */

div.dialog {
	background: #fdfdfe;
	position: absolute;
	/*height: 112px;*/
	width: 180px;
	z-index: 2;
	box-shadow: #2b2b2b 0px 0px 4px 2px;
}

div.dialog_content {
	height: 100%;
	width: 100%;
}

div.dialog_tab_container {
	position: relative;
	width: 100%;
	height: 100%;
}

div.dialog_tab_item {
	/*float: left;*/
	background: #ffffff;
	width: 100%;
	height: 20px;
	text-align: center;
}

div.dialog_tab_close_button {
	float: right;
	width: 20px;
	height: 20px;
}

div.dialog_tab_item:hover, div.dialog_tab_close_button:hover {
	cursor: pointer;
}

div.dialog_tab_item.selected {
	color: #ffffff;
	font-weight: bold;
}

div.dialog_tab_item.full_width {
	/*width: 160px !important;*/
}

div.dialog_tab_content {
	/*position: absolute;*/
	top: 20px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding-left: 2px;
	padding-right: 2px;
}

div.dialog_tab_content.hidden {
	display: none;
}

div.image_selector_container {
	border:2px solid silver;
	overflow-x:auto;
	overflow-y: auto;
	max-width:603px;
	height:225px;
	margin-right:6px;
}

div.image_selector_item {
	border:1px solid silver;
	float:left;
	width:56px;
	height:56px;
	margin:1px;
	background-color: white;
	background-position:center center;
	background-size:contain;
	background-repeat: no-repeat;
}

div.image_selector_item:hover {
	border:1px solid red;
	margin:1px;
	cursor:pointer;
}

div.image_selector_item div.inactive{
	background-color: white;
	background-position:center center;
	background-size:contain;
	background-repeat: no-repeat;
}

div.image_selector_item div.active {
	opacity:0.8;
	background-color: white;
	background-position:center center;
	background-size:contain;
	background-repeat: no-repeat;
}

@media screen and (max-width: 1024px) {
	.hover_box .titlebar {
		height: 35px;
	}

	.title h2{
		line-height: 24px;
	}

	.titlebar .searchbar {
		width: calc(100% - 290px);
		padding-top: 3px;
	}

	.prod_viewtype{
		position: absolute;
		left: calc(100% - 75px);
	}

	.smalltitle_button {
		position: absolute;
		top: 0;
		left: calc(100% - 30px);
		z-index: 100;
	}

	.prod_navigation_trigger {
		display: block;
		float: left;
		color: white;
	}

	.produktedit_right{
		top: 36px;
		left: 1px;
	}

	.prod_trigger_button {
		margin: 2px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 20px;
		text-align: center;
		cursor: pointer;
		z-index:999;
		background-color: coral;
		bordr:0px;
		text-shadow: 0 0 1px gray, 0 0 1px gray, 0 0 1px gray, 0 0 1px gray;
	}

	.prod_trigger_button:hover {
		text-shadow: 0 0 1px silver, 0 0 1px silver, 0 0 1px silver, 0 0 1px silver;
	}

	.prod_struktur_scrollbox
	{
		left: -30px;
		width: 0px;
		z-index:1000;

		-webkit-box-shadow: 1px 2px 1px 1px rgba(90, 90, 90, .5);
		-moz-box-shadow: 1px 2px 1px 1px rgba(90, 90, 90, .5);
		box-shadow: 1px 1px 2px 1px rgba(90, 90, 90, .5);

		-webkit-transition: ease 0.3s;
		transition: ease 0.3s;
	}

	.prod_struktur_scrollbox.shown {
		left: 0;
		top: 36px;
		width: 350px;
		-webkit-transition: all 0.6s;
		transition: all 0.6s;
	}

	.breadcrumbs{
		height: auto;
		padding-bottom: 4px;
	}
}

@media screen and (max-width: 1024px) {
	.hover_box {
		left: 5px;
		top: 5px;
		right: 5px;
		bottom: 5px;
	}
}

@media screen and (max-width: 768px) {

	.smalltitle_button {
		position: unset;
	}
}

@media screen and (max-width: 640px) {

	.table-scrollable{
		margin-bottom: 10px;
	}

	.product_box_container{
		display: block;
	}

	.product_box_image{
		float: left;
		display: flex;
		width: 100%;
	}

	.product_box_extras{
		float:left;
		margin-left: 10px;
		width:100%;
	}

	.product_box_main{
		float: left;
		margin-left: 0px;
		margin-top: 10px;
	}

	.product_box_normal {
		float: none;
	}

	.product_table.content{
		display: block;
	}

	.product_description_box{
		margin-top: 10px;
		margin-left: 0px;
	}

	.hover_box .titlebar {
		height: 65px;
	}
	.titlebar .searchbar {
		width: 100%;
		padding-top: 0px;
		padding-bottom: 3px;
	}

	.produktedit_right{
		top: 66px;
	}
}

@media screen and (max-width: 480px) {
	.titlebar .searchbar {

	}

	.product_box_image{
		display: block;
	}

	.product_box_extras{
		margin-left: 0px;
		margin-top: 10px;
	}
}

@media screen and (max-width: 360px) {

}

.modal {
	height: 100%;
	width: 100%;
	max-height: 100%;
	max-width: 100%;
	background-color: transparent;
	box-shadow: unset;
}