body{
	margin: 0;
	font-family: 'Lato', sans-serif;
	#background-image: url("../images/background_gtruck.jpg");
	background-size: cover;
}
#login_button{
	position: fixed;
	top: 10;
	right: 20;
	opacity: 0;
}
#logout_button{
	position: fixed;
	top: 10;
	right: 20;
}

body *{
	#border: 1px solid red;
}
pre{
	z-index: 99999;
	background-color: white;
	position: absolute;
	top: 0px;
	right: 10px;
}
#FE_uselessUglyBorderTop{
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 120px;
	line-height: 120px;
	background-image: url(https://www.coparts-extranet.de/fileadmin/wwe_REDESIGN/Resources/Public/Images/tt-g-truck/header.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	box-shadow: 0px 3px 4px #000;
}
#FE_uselessUglyBorderTop img{
	position: absolute;
	right: 20%;
	top: 20px;
}
#FE_uselessUglyBorderBottom{
	position: fixed;
    z-index: 200;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 52px;
    background-image: url(https://www.coparts-extranet.de/fileadmin/wwe_REDESIGN/Resources/Public/Images/tt-g-truck/footer.jpg);
    background-position: top left;
    background-repeat: repeat-x;
    -webkit-box-shadow: 0px -3px 4px 0px #000;
    -moz-box-shadow: 0px -3px 4px 0px #000;
    box-shadow: 0px -3px 4px 0px #000;
    color: #FFF;
}
#BE_mainCont{
	display: flex;
	height: 100%;
	width: 100%;
}
#BE_upperNAV{
	display: flex;
	position: fixed;
	top: 5px;
	right: 5px;
}
.BE_logout{
	height: 60px;
	width: 200px;
	margin-bottom: 20px;
}
#BE_buttonCont{
	display: flex;
	width: 200px;
	flex-direction: column;
}
.BE_logout:hover{
	
}
#BE_leftNAV{
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	width: 200px;
	height: 100%;
	background: #2f3b49;
	background: -moz-linear-gradient(top,  #2f3b49 0%, #002b22 100%);
	background: -webkit-linear-gradient(top,  #2f3b49 0%,#002b22 100%);
	background: linear-gradient(to bottom,  #2f3b49 0%,#002b22 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f3b49', endColorstr='#002b22',GradientType=0 );
	box-shadow: inset -10px 0  10px -8px black;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	color: #eee;
}
#BE_username{
	display: flex;
	font-size: 15px;
	height: 30px;
	text-align: center;
	justify-content: center;
	padding-bottom: 20px;
	width: 200px;
	margin-top: 20px;
	border-bottom: 1px solid rgba(200,255,200,0.15);
	text-overflow: ellipsis;
}
.BE_navButton{
	background-color: transparent;
	height: 60px;
	width: 100%;
	border: none;
	color: white ;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
}
.BE_navButton:hover{
	background-color: rgba(200,255,200,0.15);
	height: 60px;
	width: 100%;
	cursor: pointer;
}
.BE_buttonActive{
	background-color: rgba(200,255,200,0.1);
}
flex-direction: column;
}
.BE_regalTable{
	margin-left: 100px;
}
.BE_regalForm{
	
}

#BE_katalogeTabs{
	display: flex;
	width: 300px;
	height: calc(100% - 220px);
	overflow: hidden;
	flex-direction: column;
	position: fixed;
	top: 0;
	left: 870px;
}

.BE_Kat_Tags{
	position: relative;
	width: 50px;
}
.BE_Kat_Tags:hover .BE_Kat_Tags_box{
	display: block;
}
.BE_Kat_Tags_Box{
	display: none;
	position: absolute;
	top: -110px;
	left: -78px;
	background-color: rgba(0,0,0,0.7);
	color: white;
	height: 127px;
	width: 210px !important;
	padding: 10px;
}
.BE_Kat_Tags_Box span{
	height: 20px;
	padding: 10px;
}


#BE_katalogeTabsSwitch{
	display: flex;
	height: 30px;
	width: 100%;
}
#BE_katalogeTabsSwitch button{
	width: 50%;
}
.BE_regalTableSubmit{
	display: flex;
	margin-left: 100px;
	height: 30px;
	justify-content: center;
}
.BE_katalogeTable tr td{
	font-family: 'Lato', sans-serif;
}
.BE_katalogeTable tr td a input{
	color: black;
	text-decoration: underline;
}
.BE_katalogeTable tr{
	border-bottom: 1px solid #bbb;
}
.BE_katalogeTable{
	margin: 20px;
	border-collapse: collapse;
}
.BE_katalogeTable table{
	
}
.disabled:disabled{
	appearance:none;
	-moz-appearance:none;
    -webkit-appearance:none;
	background-color: transparent;
	border: none;
	color: black;
	border-bottom: 1px solid #ddd;
}
.disabled:readonly{
	appearance:none;
	-moz-appearance:none;
    -webkit-appearance:none;
	background-color: transparent;
	border: none;
	color: black;
	width: 20px;
}
.BE_infoTableKat *{
	width: 150px;
}
.pointer-events{
	pointer-events: none;
}
.BE_katalogeTableImgCont{
	height: 100px;
	width: 68px;
}
.BE_katalogeTableImgCont img{
	height: 100px;
	width: 68px;
	padding-top: 10px;
	padding-bottom: 20px;
}
#BE_uploadCont{
	display: flex;
	position: fixed;
	bottom: 0;
	height: 200px;
	width: 400px;
	left: 850;
	z-index: 99;
	justify-content: center;
	align-items: center;
	
}
#BE_katalogeCont{
	display: flex;
	width: 100%;
	overflow-y: scroll;
	height: 100%;
	padding-right: 17px;
}
#BE_einstellungen{
	display: none;
	position: absolute;
	top: 0;
	left: 200px;
	height: 500px;
	width: 800px;
	flex-direction: column;
}
#BE_uploadMar{
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin-bottom: 5px;
}
#BE_uploadMar div{
	display: flex;
	width: 49%;
	flex-direction: column;
}
.BE_uploadFile{
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin-bottom: 5px;
}
.BE_uploadFile input{
	margin-right: 65px;
}
#BE_uploadSelect{
	display: flex;
	margin-bottom: 5px;
}
#BE_uploadSelect select{
	margin-left: 10px;
}
#BE_uploadSubmit{
	width: 100%;
}
.BE_userTable{
	text-align: center;
}
.BE_userTable tr{
	
}
.BE_userTable td{
	border-bottom: 1px solid #aaaaaa;
}
.BE_userLogo{
	max-height: 50px;
	max-width: 150px;
}
.bold{
	font-weight: bold;
}
.BE_userInput{
	display: none;
}
.BE_userColorCont{
	display: flex;
	width: 100px;
	justify-content: center;
}
.BE_userColor{
	height: 25px;
	width: 25px;
	border-radius: 50%;
	border: 2px solid #aaaaaa;
	align: center;
	margin: 0;
}
.BE_userEdit{
	margin-left: 10px;
	height: 18px;
	opacity: 0.4;
	transition: 0.2s;
	cursor: pointer;
}
.BE_userEdit:hover{
	opacity: 1;
}
.BE_newUser{
	display: flex;
	margin: 10px;
	padding: 0;
	width: 20px !important;
	height: 20px;
	background-image: url("../images/newObject.png");
	background-repeat: no-repeat;
	background-size: 20px;
	background-color: transparent;
	border: none;
	opacity: 0.4;
	cursor: pointer;
	transition: 0.2s;
}
.BE_saveUser{
	display: none;
	margin-left: 10px;
	padding: 0;
	width: 20px !important;
	height: 20px;
	background-image: url("../images/saveUser.png");
	background-repeat: no-repeat;
	background-size: 20px;
	background-color: transparent;
	border: none;
	opacity: 0.4;
	cursor: pointer;
	transition: 0.2s;
}
.BE_changeUser{
	margin-left: 10px;
	padding: 0;
	width: 20px !important;
	height: 20px;
	background-image: url("../images/changeUser.png");
	background-repeat: no-repeat;
	background-size: 20px;
	background-color: transparent;
	border: none;
	opacity: 0.4;
	cursor: pointer;
	transition: 0.2s;
}
.BE_newUser:hover,
.BE_saveuser:hover,
.BE_changeUser:hover{
	opacity: 1;
}







.login_form{
	display: flex;
	position: fixed;
	height: 200px;
	width: 300px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	background-color: rgba(47, 59, 73, 0.2);
	border: 1px solid gray;
	flex-direction: column;
	justify-content: space-between;
}
.login_form  input,
.login_form button{
	padding: 5px;
	width: 280px;
	transition: 0.2s;
	margin: 10px;
}
.login_form  .lf_input{
	
}

.lffixed{
	transform: translate(0, 0);
	left: -280px;
	top: 20px;
	z-index: 9999999;
	transition: 0.2s;
}
.lffixed:hover{
	left: 0px;
	top: 20px;
	z-index: 9999999;
}

.MAIN_TN{
	display: flex;
	height: 220px;
	margin-top: 77px;
	margin-left: 55px;
}
.MAIN_TN img{
	height: 220px;
}
.MAIN_TN a{
	height: 220px;
	margin-top: -17px;
}.centerCenterNEW{
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin: 0;
}
.centerCenterNEW *{
	margin: 5px;
}
.relative{
	position: relative;
}
.BE_regalTableIMG{
	display: none;
	position: absolute;
	top: 6px;
	right: 6px;
	height: 20px;
	width: 20px;
	cursor: pointer;
}
.textright{
	text-align: rig
}
#BE_hardReset{
	position: fixed;
	top: 10px;
	right: 10px;
}
#BE_hardReset input{
	background-color: red;
	color: white;
	cursor: pointer;
}
.BE_section{
	margin-left: 20px;
}
.BE_einstellungenDelete{
	cursor: pointer;
}
#BE_regalCont{
	display: flex;
	margin-left: 300px;
	flex-direction: column-reverse;
}
.BE_regalTd input{
	width: 100px;
	height: 140px;
	background-size: cover;
	border: 1px solid #ccc;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 40px;
	text-shadow: rgba(0, 0, 0, 1) 0px 0px 8px;
}
.BE_regalName{
	margin-bottom: 2px;
	margin-top: 20px;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #ccc;
	height: 40px;
	font-size: 22px;
	padding: 10px;
	padding-bottom: 0px;
}
.BE_regalTd{
	position: relative;
}
.BE_regalTableIMG{
	display: none;
	position: absolute;
	top: 6px;
	right: 6px;
	height: 20px;
	width: 20px;
	cursor: pointer;
	z-index: 80;
}
#BE_createNewRegal{
}
#BE_chooseRegalType{
	border-radius: 50%;
	position: relative;
	margin-top: 30px;
}
#BE_chooseRegalType:hover #BE_chooseRegalTypeCont{
	display: flex;
}
#BE_chooseRegalTypeCont{
	padding: 1px;
	justify-content: center;
	align-items: center;
	background-color: rgba(200,200,200,0.5);
	display: none;
	position: absolute;
	top: 10px;
	left: 10px;
}

.BE_regalForm{
	border-bottom: 1px solid #aaa;
	margin: 0;
	padding-bottom: 20px;
}
#BE_regalSave{
	position: fixed;
	top: 0;
	left: 300px;
	width: 418px;
	z-index: 90;
}
.invisInput{
	border: none;
	background-color: transparent;
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 30px;
	height: 29px;
	padding: 0;
	opacity: 0.3;
	transition: 0.2s;
}
.invisInput:hover{
	opacity: 1;
}
.newRow{
	background-image: url("../images/newRow.png");
}
.delRow{
	background-image: url("../images/delRow.png");
}
.delTable{
	background-image: url("../images/delTable.png");
	width: 20px;
	height: 19px;
}
.BE_editKat{
	position: absolute;
	top: 5px;
	left: -90;
	width: 15px;
	cursor: pointer;
	transition: 0.2s;
	opacity: 0.3;
}
.BE_editKat:hover{
	opacity: 1;
}
.BE_delKat{
	display: none;
	position: absolute;
	top: 25px;
	left: -92;
	width: 16px;
	cursor: pointer;
	transition: 0.2s;
	opacity: 0.3;
	height: 16px;
	background-image: url("../images/delKat.png");
}
.BE_delKat:hover{
	opacity: 1;
}
.BE_saveKat{
	display: none;
	position: absolute;
	top: 5px;
	left: -90;
	width: 16px;
	cursor: pointer;
	transition: 0.2s;
	opacity: 0.3;
	height: 16px;
	background-image: url("../images/saveKat.png");
}
.BE_saveKat:hover{
	opacity: 1;
}
.BE_pdfKat{
	position: absolute;
	top: 93px;
	left: -40px;
	width: 16px;
	cursor: pointer;
	transition: 0.2s;
	opacity: 0.3;
	height: 16px;
}
.BE_pdfKat:hover{
	opacity: 1;
}
.BE_imgKat{
	position: absolute;
	top: 93px;
	left: -60px;
	width: 16px;
	cursor: pointer;
	transition: 0.2s;
	opacity: 0.3;
	height: 16px;
}
.BE_imgKat:hover{
	opacity: 1;
}
.BE_row_link{
	color: black;
	font: 13.3333px Arial;
}
.displaynone{
	display: none;
}
#BE_uploadformCont{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	align-items: center;
	justify-content: center;
	
}

#BE_emailformCont{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	align-items: center;
	justify-content: center;
	z-index: 999;
}

#BE_uploadformfront{
	display: flex;
	width: 700px;
	height: 400px;
	background-color: white;
	z-index: 91;
	flex-direction: column;
	border-radius: 10px;
	-webkit-box-shadow: 4px 4px 27px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 4px 27px -1px rgba(0,0,0,0.75);
	box-shadow: 4px 4px 27px -1px rgba(0,0,0,0.75);
	border: 1px solid grey;
	justify-content: space-around;
}

#BE_emailformfront{
	display: flex;
	width: auto;
	height: auto;
	background-color: white;
	z-index: 91;
	flex-direction: column;
	border-radius: 10px;
	-webkit-box-shadow: 4px 4px 27px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 4px 27px -1px rgba(0,0,0,0.75);
	box-shadow: 4px 4px 27px -1px rgba(0,0,0,0.75);
	border: 1px solid grey;
	justify-content: space-around;
	padding: 20px;
	padding-bottom: 5px;
}

#BE_uploadformBck{
	display: flex;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.7);
	z-index: 90;
}
#BE_uff1,
#BE_uff2,
#BE_uff3,
#BE_uff4{
	display: flex;
}
#BE_uff1 span,
#BE_uff2 span,
#BE_uff21 span,
#BE_uff22 span,
#BE_uff3 span,
#BE_uff4 span{
	display: flex;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: -10px;
}
#BE_uff1{
	
}
#BE_uff1 input{
	width: 100%;
	padding: 5px;
	margin: 10px;
}
#BE_uff2{	

}
#BE_uff2 input{	
	width: 330px;
	padding: 5px;
	margin: 10px;
}
#BE_uff21{	
	width: 50%;
}
#BE_uff22{	
	width: 50%;
}
#BE_uff3{
	
}
#BE_uff3 input{	
	width: 330px;
	padding: 5px;
	margin: 10px;
}
#BE_uff3 select{	
	width: 330px;
	padding: 5px;
	margin: 10px;
}
#BE_uff4{
}
#BE_uff4 input,
#BE_uff4 button{	
	width: 330px;
	padding: 5px;
	margin: 10px;
}
#BE_uploadformDisplay{
	width: 100px;
	height: 30px;
}
#aaaa{
	color: gray;
}



#tagsDisplay{
	display: flex;
	width: 330px;
	margin: 10px;
	height: 84px;
	flex-wrap: wrap;
	overflow: auto;
}
#tagsDisplay div{
	display: flex;
	background-color: #cccccc;
	height: 20px;
	border-radius: 10px;
	margin: 5px;
}
#tagsDisplay div button{
	display: flex;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background-color: transparent;
	border: none;
}
#tagsDisplay div span{
	display: flex;
	margin: 0;
	color: #333333;
	margin-left: 8px;
	margin-right: 8px;
}
.deleteTagButton{
	opacity: 0.5;
	background-image: url("../images/deleteTag.png");
	transition: 0.2s;
}
.deleteTagButton:hover{
	opacity: 0.9;
	cursor: pointer;
}

#FE_search{
	position: absolute;
	width: 900px;
	margin-left: 30px;
	height: 50px;
	margin-top: 30px;
}
.embed{
	color: #bbbbbb;
	margin-left: 350px;
	cursor: pointer;
	font-size: 14px;
	transition: 0.2s;
}
.embed:hover{
	color: black;
}