body {
	padding:0;
	margin:0;
	background: #025670 url('../img/bg.png');
	font-family: Verdana;
	color: #565656;
}

.top .nav {
	float:right;
	padding:10px 100px 0 0;
}


.wrapper_login h1 {
	text-transform:uppercase;
	color:white;
}

.wrapper_register h1 {
	text-transform:uppercase;
	color:white;
}


.table_auftraege_sort td, .table_auftraege_sort th {
	padding:5px;
	font-size:14px;
}

.logoutform button {
	border:0;
	background:transparent;
	padding:0;
	margin:0;
	align:left;
	text-align:left;
	cursor:pointer;
	font-size:16px;
	font-family: Verdana;
	color: #565656;
}

.logoutform button:hover {
	color:#00bffe;
}

.navicon {
	margin-right:10px;
}

.bandarole {
	height:49px;
	width:156px;
	position:static;
	margin-left:-25px;
	color:#00bffe;
	padding:5px 0 0 10px;
	background:url('../img/bandarole.png') no-repeat;
}

.icon_login_nutzername {
	background:url('../img/icons/user_suit.png') no-repeat;
}
.icon_login_passwort {
	background:url('../img/icons/lock.png') no-repeat;
}
.icon_login_company {
	background:url('../img/icons/building.png') no-repeat;
}

.loginlogo {
	position:absolute;
	right:10px;
	top:10px;
}
.bandarole_register {
	height:49px;
	width:156px;
	position:static;
	margin-left:-25px;
	color:lightgreen;
	padding:5px 0 0 10px;
	background:url('../img/bandarole_register.png') no-repeat;
}

.icon_register_nutzername {
	background:url('../img/icons/user_suit.png') no-repeat;
}
.icon_register_passwort {
	background:url('../img/icons/lock.png') no-repeat;
}
.icon_register_company {
	background:url('../img/icons/building.png') no-repeat;
}


.copyright {
	color: white;
	font-size:10px;
	text-align:left;
}

.login_top, .login_middle {
	padding:10px;
}

.login_top {
	height:45px;
	padding:10px 10px 0 10px;
}

.login_middle input{
	border: 2px solid #00bffe;
	border-radius:5px;
	width:calc( (100%) - (45px) );
	padding:5px 5px 5px 35px;
}

.login_middle .row {
	margin-bottom:5px;
}
.login_middle .link {
	color:#00bffe;
	text-decoration:none;
	font-size:10pt;
	float:right;
}

.login_middle .link:hover {
	color:#025670;
}

.login_bottom {
	background:#00bffe;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

.login_bottom input{
	color:white;
	width:100%;
	background:transparent;
	padding:10px;
	border:0;
	cursor:pointer;
}

.login_bottom input:hover {
	color:#025670;
}

.register_top, .register_middle {
	padding:10px;
}

.register_top {
	height:45px;
	padding:10px 10px 0 10px;
}

.register_middle input{
	border: 2px solid green;
	border-radius:5px;
	width:calc( (100%) - (45px) );
	padding:5px 5px 5px 35px;
}
.register_middle .row {
	margin-bottom:5px;
}
.register_middle .link {
	color:green;
	text-decoration:none;
	font-size:10pt;
	float:right;
}

.register_middle .link:hover {
	color:lightgreen;
}

.register_bottom input{
	color:white;
	width:100%;
	background:transparent;
	padding:10px;
	border:0;
	cursor:pointer;
}


.register_bottom {
	background:green;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;

}

.register_bottom input{
	color:white;
	width:100%;
	background:transparent;
	padding:10px;
	border:0;
	cursor:pointer;
}

.register_bottom input:hover {
	color:green;
	background:lightgreen;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

.inputicon {
	color: #00bffe;
	width:26px;
	position:absolute;
	margin:5px 0 0 5px;
	text-align:right;
	background-position: left bottom;
}
.inputicon_register {
	color: green;
	width:26px;
	position:absolute;
	margin:5px 0 0 5px;
	text-align:right;
	background-position: left bottom;
}

.inputicon:after {
	content: '|';
}
.inputicon_register:after {
	content: '|';
}

.center {
	text-align:center;
}

.wrapper_login {
	width:400px;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
}
.wrapper_register {
	width:400px;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
}

.clearfix {
	clear:both;
}

.loginbox {
	width:300px;
	border:2px solid #00bffe;
	border-radius:10px;
	background:white;
	margin-top:10px;
	position:relative;
}
.registerbox {
	width:300px;
	border:2px solid green;
	border-radius:10px;
	background:white;
	margin-top:10px;
	position:relative;
}

.left {
	background:#565656;
	width:210px;
	height:100vh;
	display:block;
	position:fixed;
	z-index:1000;
	padding:10px;
}

.left .nav {
	margin-top:20px;
	color:#dbdbce;
	font-size:15px;
}

.left .nav a {
	color:#dbdbce;
	text-decoration: none;
}
.left .nav a:hover {
	color:#00bffe;
}

.nav_child {
	display:none;
	padding-left:15px;
}

.nav_link {
	margin:2px;
	padding-left:5px;
	cursor:pointer;
}

.nav_link:hover, .nav_sublink:hover {
	color:#00bffe;
}

.nav_parent_active {
	display: block;
}

.nav_child_active:before {
	content: '\00BB \0020';
}


.left #logo {
	margin-left:auto;
	margin-right:auto;
	/* padding:2px; */
	border-radius:5px;
	color: #DBDBCE;
}

.left #logo a {
	color:#DBDBCE;
}

.left #logo img,.loginbox #logo img {
	float:left;
}
.left #logo .text,.loginbox #logo .text {
	float:left;
	margin-left:6px;
	font-weight:bold;
	text-transform:uppercase;
}

.right {
	height:100vh;
	display:block;
	margin-left:230px;
	min-width:460px;
	width:calc( (100%) - (230px) );
	background: #efefef url('../img/bg.png');
}

.top {
	background:#DBDBCE;
	width:calc( (100%) - (230px) );
	height:50px;
	display:block;
	position:fixed;
	z-index:10;
}

.content {
	padding:35px 0 10px 10px;
	display:block;
	color: #DBDBCE;
	background: #efefef url('../img/bg.png');
}

.breadcrumbs {
	background:#989898;
	width:calc( (100%) - (230px) );
	height:25px;
	display:block;
	position:fixed;
	font-size:13px;
	color: #DBDBCE;
}

.breadcrumbs p, .breadcrumbs a {
	padding:4px 0 0 4px;
	margin:0;
	display:inline-block;
	/* color:#DBDBCE; */
}

.breadcrumbs a {
	color:#DBDBCE;
	text-decoration:none;
}

.breadcrumbs a {
	color:white;
}

.breadcrumbs a:before, .breadcrumbs p:before {
	content: '\00BB \0020';
}

.bottom {
	background:#989898;
	border-top:1px solid grey;
	width:calc( (100%) - (230px) );
	height:50px;
	display:block;
	position:fixed;
	bottom:0;
}
.middle {
	padding: 5px;
	/* height:50vh; */
	/* background: #efefef url('../img/bg.png'); */
	padding:50px 0;
	/* width:calc( (100%) - (230px) ); */
	position:relative;
	z-index:5;
}
body.dragging, body.dragging * {
  cursor: move !important;
}

debug {
	width:100%;
	color:black;
	background:white;
	border:1px solid black;
	padding:10px;
	z-index:100000;
	position:fixed;
	bottom:0;
	left:0;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

ol.example li.placeholder {
  position: relative;
  /** More li styles **/
}
ol.example li.placeholder:before {
  position: absolute;
  /** Define arrowhead **/
}

.div_box_3 {
	padding:5px;
	margin:5px;
	width: calc( (33%) - (20px) );
	float:left;
	border:1px solid #DBDBCE;
	border-radius:5px;
	background:white;
	min-width:200px;
}

.div_box_2 {
	padding:5px;
	margin:5px;
	width: calc( (66%) - (20px) );
	float:left;
	border:1px solid #DBDBCE;
	border-radius:5px;
	background:white;
	min-width:200px;
}

.div_box_1 {
	padding:5px;
	margin:5px;
	width: calc( (99%) - (20px) );
	border:1px solid #DBDBCE;
	border-radius:5px;
	background:white;
	min-width:200px;
	color:#565656;
}

.msg_box {
	background:white;
	right:0;
	display:block;
	padding:5px;
	position:fixed;
	bottom:0;
	display:none;
	z-index:10000;
}

.msg_box_0 {
	color: grey;
	border:1px solid grey;
}
.msg_box_1 {
	color: green;
	border:1px solid green;
}
.msg_box_2 {
	color: red;
	border:1px solid red;
}

.dot {
    font-size: 10px;
	font-weight:bold;
	height:14px;
	width:14px;
    border: none;
	border-radius:15px;
	border:1px solid transparent;
	color:white;
	display:inline-block;
	text-align:center;
	cursor:pointer;
}

.komplett {
	background-color: #7f9a1c;
}

.teil {
    background-color: #00bffe;
}

.tr_bg_grey td {
	background-color: #DBDBCE;
}

.sorted_table th a {
	text-decoration:none;
	color:#565656;
	cursor:pointer;
}

.clickable {
	cursor:pointer;
}

.lightbox a{
	color:#00bffe;
	text-decoration:none;
}
.lightbox {
	position:absolute;
	width:100%;
	height:100%;
	z-index:10000;
	align:center;
	display:none;
}

.lightbox_bg {
	background:black;
	opacity:0.5;
	z-index:10000;
	width:100%;
	height:100%;
	display:block;
	position:fixed;
}

.lightbox_inner {
	position:fixed;
	width:400px;
	background:white;
	border-radius:10px;
	z-index:10001;
	padding:30px;
	left:calc( ( 50% ) - (150px));
	top:calc( ( 50% ) - (150px));
	border:1px solid #00bffe;
}

.lightbox_inner_x {
	background:white;
	color:#00bffe;
	border:1px solid #00bffe;
	position:absolute;
	border-radius:10px;
	top:-10px;
	right:-10px;
	cursor:pointer;
	padding:10px;
}

.lightbox_inner_x:hover {
	color:#00bffe;
}

.lightbox .input {
	border:1px solid #00bffe;
	padding:5px;
	margin:0;
	width:100%;
}

.lightbox .submit {
	cursor:pointer;
	border:1px solid #00bffe;
	background:#DBDBCE;
	color:#00bffe;
	padding:5px;
	margin:0;
}

.lightbox .submit:hover {
	border:1px solid #00bffe;
	background:#00bffe;
	color:white;
	padding:5px;
	margin:0;
}