body.body_ohne_bild
{
	background-image:none;
	background-color: #fff;
	overflow: hidden;
}


a
{ 
	color: #6091ba;
}

a:active,
a:hover,
a:focus
{
	color: #6091ba;
	text-decoration: none;
}

.lfooter {
	display: none;
}

.lfooter a
{
	display: inline-block;
	width: 31.4%;
	text-align: center;
	color: #fff;
	margin: 0;
}

.lfooter a:hover
{
	color: #6091ba;
	text-decoration: none;
}



.btn-primary:hover
{
	color: #fff;
	background-color: #6091BA;
	border-color: #6091BA;
}

.rectangle
{
	width: 100%;
}

/*
.rectangle-3
{
	cursor: pointer;
	height: 48px;
	width: auto;
	font-weight: normal;
	font-size: 17px;
	padding: 5px;
	border-radius: 2px;
	background-color: #6091BA;
	border: none;
}*/

@media (min-width: 768px)
{
	.navbar-toggle
	{
		display: block; 


/*		display: block;
		position: fixed;
		left: 0 !important;
		right: 0 !important;
		z-index: 60000;
		top: 0;*/


	}
}



#login_form input[type="text"],
#login_form input[type="password"]
{
	border: 1px solid #e2e2e2;
}


#login_button
{
	width: 100%;
}

.navbar-default
{
	background: #6091ba;
	border: none;
	color: #fff;
	/*height: 70px;*/
	height: 64px;
	top: 20px;
}


.navbar-default .navbar-toggle .icon-bar
{
	background-color: #fff;
}

.navbar-default .navbar-toggle
{
	border-color: #ddd;
	border: none;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus
{
	background-color: transparent;
}

section#content_wrapper
{
	/*margin-top: 80px;*/
	/*margin-top: 78px;*/
	margin-top: 108px;
}

span.nav_page_title
{
	display: inline-block;
	font-size: 18px;
	padding: 16px 0 10px 4%;
}


#nachladen,
#nachladenMaschinen,
#nachladenArtikel
{
	width: 100%;
}

#scrolltable
{

	height: 55vh;

	/*height: 21vh;*/



	width: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
}


#tabelle1
{
	width: 98%;
}


@media (max-width: 1400px)
{
	#scrolltable
	{
		overflow-x: hidden;
		overflow-y: auto !important;
	}
	#tabelle1
	{
		width: 100% !important;
	}

}



.navmenu-default, .navbar-default .navbar-offcanvas
{
	background-color: #2f506c;
	border-color: transparent;
}


.navmenu-default .navmenu-nav > li > a,
.navbar-default .navbar-offcanvas .navmenu-nav > li > a
{
	color: #fff;
}


.nav_menu_title
{
	color: #fff;
	text-align: center;
	padding: 10px;
	display: block;
	font-size: 16pt;
}


#suchbegriff,
#suchbegriffKunde,
#suchbegriffMaschine,
#suchbegriffArtikel,
#suchbegriffDienst
{
	padding-right: 5px;
	text-align: left;
	padding-left: 8px;
	display: inline-block;
	width: 220px;
	font-size: 14px;
	background-color: #F5F5F5;
	margin-right: 10px;
	box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.13);
	border: none;
	border-radius: 0;
	color: rgb(51, 51, 51) !important;
}


.liste-der-anstehende
{
	height: auto;
	color: #444444;
	font-size: 24px;
	line-height: 33px;
	padding-left: 0;
	margin-bottom: 40px;
}

.suchbox
{
	text-align: right;
	float: right;
	padding-right: 0;
}


.fixed_wrapper
{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}


.close_offcanvas
{
	position: absolute;
	right: 10px;
	top: 9px;
	color: #fff;
	font-size: 16pt;
}




.message_container
{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.50);
	z-index: 100000;
	left: 0;
	top: 0;
	/*display: none;*/
}

.fehler_popup
{
/*	position: fixed;
	top: 110px;
	left: 0;
	right: 0;
	width: 30%;
	background: #6091ba;
	padding: 10px;
	margin: 0 auto;
	min-height: 280px;
	color: #fff;
	font-size: 17px;
	box-shadow: 0px 1px 16px #313131;*/

	position: fixed;
	left: 0;
	right: 0;
	background: #6091ba;
	padding: 10px;
	margin: 0 auto;
	color: #fff;
	box-shadow: 0px 1px 16px #313131;
	font-size: 17px;
	width: 35%;
	top: 110px;
	min-height: 300px;
}



.fehlermeldung_wrapper_div
{
	width: 90%;
	font-size: 17px;
	text-align: left;
	margin-top: 10px;
	margin: 0 auto;





}


.close_x
{
/*	position: absolute;
	right: 2%;
	top: 1%;
	cursor: pointer;
	font-size: 18pt;*/


	cursor: pointer;
	font-size: 18pt;
	margin: 10px 10px 0 0;
	position: absolute;
	right: 1%;
	top: 1%;

}







.Fehlertext
{
	margin: 20px 0;
}

.btn-dark-blue
{
	background-color: #2F506C;
	color: #fff;
	width: 50%;
	border-radius: 0;
	border-color: #2F506C;
}


.table>thead>tr>th {
	color: #2F506C;
	border-right: 1px solid #eee;
	border-bottom: 0;
}



/*
Sidenav
*/

.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 10005;
	top: 0;
	right: 0;
	background-color: #2f506c;
	overflow-x: hidden;
	transition: 0.5s;
	/*padding-top: 60px;*/
	/*padding-top: 5px;*/
	padding-top: 20px;
}

.sidenav_offset {
	position: fixed;
	top:0;
	right:0;
	background-color: rgba(0,0,0,.5);
    z-index: 10000;
	height: 100%;
	width: 0;
	--transition: .3s all;
	cursor: pointer;
}

.sidenav_open {
	box-shadow: 1px -1px 13px 1px black;
}

.sidenav .closebtn
{
/*	position: absolute;    
	color: #fff;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;*/
	color: #fff;
	top: 0;
	right: 25px;
	float: right;
	font-size: 36px;
	line-height: 30px;
	margin-left: 0;
	margin-right: 20px;
	margin-top: 4px;
}

#hamburger_menu_icon
{
/*	font-size: 30px;
	cursor: pointer;
	position: absolute;
	float: right;
	color: #fff;
	right: 0;
	margin: 5px 25px 0 0;
	top: 0;
	z-index: 600;*/



	/* font-size: 30px; */
/*	cursor: pointer;
	position: absolute;
	float: right;
	color: #fff;
	right: 0;
	margin: 22px 20px 0 0;
	top: 0;
	z-index: 600;*/





	cursor: pointer;
	position: fixed;
	float: right;
	color: #fff;
	right: 0;
	margin: 22px 20px 0 0;
	top: 20px;
	z-index: 600;
	right: 20px;
}


.navbar_top_title,
.navbar_top_title h2,
{
	color: #fff;
}

.navbar_top_title h2,
{
	display: inline-block;
	font-size: 18pt;
	margin: 10px 0 0 0;
}


/*.menu_title
{
	color: #fff;
	display: inline-block;
	text-align: left;
	padding: 7px 10px 10px 40px;
	background: #6091ba;
	width: 250px;
	font-size: 16pt;
	background-image: url(/assets/img/pfeil.png);
	background-repeat: no-repeat;
	background-position: 9px 13px;
	background-size: 20px;
	}*/



	.menu_title {
		color: #fff;
		display: inline-block;
		text-align: left;
		padding: 17px 10px 17px 62px;
		background: #6091ba;
		width: 280px;
		font-size: 16pt;
		background-image: url(/assets/img/pfeil.png);
		background-repeat: no-repeat;
		background-position: 30px 23px;
		text-transform: uppercase;
		/*white-space: nowrap;*/
		cursor: pointer;
		font-weight: bold;
		z-index: 1030;
	}










	.navmenu-nav
	{
		margin-bottom: 10px;
		margin-top: 30px;
	}


	.nav-item a
	{
		color: #97A7B5;
		font-size: 12pt;
		/*padding: 10px 15px 10px 40px !important;*/
		padding: 10px 15px 10px 62px !important;
	}


	.nav-item.Auftragsliste a,
	.LI_1,.LI_9
	{
		background-image: url(/assets/img/auftragliste.png);
		background-repeat: no-repeat;
/*	background-position: 10px 13px;
background-size: 18px;*/

background-position: 26px 10px;
background-size: 24px;





}

.nav-item.Stamm a,
.LI_2, .LI_8
{
	background-image: url('/assets/img/menu-neu.png');
	background-repeat: no-repeat;
/*	background-position: 10px 13px;
background-size: 18px;*/

background-position: 26px 10px;
background-size: 24px;
}

.nav-item.Anwesenheit a,
.LI_3
{
	background-image: url('/assets/img/menu-zeit.png');
	background-repeat: no-repeat;
/*	background-position: 10px 13px;
background-size: 18px;*/

background-position: 26px 10px;
background-size: 24px;
}


.nav-item.Logout a,
.LI_4
{
	background-image: url('/assets/img/menu-kundenliste.png');
	background-repeat: no-repeat;
/*	background-position: 10px 13px;
background-size: 18px;*/

background-position: 26px 10px;
background-size: 24px;
}

.nav-item.Logout a,
.LI_5
{
	background-image: url('/assets/img/menu-kunden-neu.png');
	background-repeat: no-repeat;
/*	background-position: 10px 13px;
background-size: 18px;*/

background-position: 26px 10px;
background-size: 24px;
}

.tractorWeiss
{
	background-image: url('/assets/img/menu-maschine.png');
	background-repeat: no-repeat;
/*	background-position: 10px 13px;
background-size: 18px;*/

background-position: 26px 10px;
background-size: 24px;
}


.nav-item::before,
.nav-item i::before,
.nav-item i
{
	display: none;
}



#logout_wrapper_navbar
{
	position: absolute;
	bottom: 20px;
	margin: 0 auto;
	width: 280px;
	color: #97A7B5;
}

#logout_wrapper_navbar h3, #logout_wrapper_navbar h4, #logout_wrapper_navbar h5 {
	color: #97A7B5;
}

#logout_wrapper_navbar h3,
#logout_wrapper_navbar h4 {
	font-weight: normal;
}

#logout_wrapper_navbar a
{
	color: #97A7B5;
	font-size: 16px;
	padding: 10px 15px 10px 40px !important;

	background-image: url('/assets/img/sidebar-Icon-logout.png');
	background-repeat: no-repeat;
	background-position: 0 13px;
	background-size: 18px;
	margin-left: 31px;
}


#logout_wrapper_navbar a:hover
{
	font-weight: bold;
}

.logout_caption h3, .logout_caption h4, .logout_caption h5 {
	color: #97A7B5;
	font-size: 16px;
	margin-left: 31px;
}

.logout_caption h4 {
	font-size: 14px;
}

.logout_caption h5 {
	font-size: 11px;
}

.reset_link_img
{

	position: absolute;
	z-index: 50;
	right: 59px;
	top: 6px;
	background: #f5f5f5;	
	
}

.reset_link_besitzer {
    position: absolute;
    z-index: 50;
    right: 15;
    top: 15px;
    background: #f5f5f5;
    visibility: hidden;
}

.message_wrapper {
	margin-top: 120px;
}

.message_wrap {
	position: absolute;
    top: calc(50% - 50px);
    transform: translate(-50%);
    width: 720px;
	left: 50%;
}

.message
{
	text-align: center;
	font-size: 18pt;
}

.messageLink
{
	text-align: center;
	font-size: 11pt;
	margin-top: 20px;
}







::-webkit-input-placeholder { 
	color: #979797;
}
::-moz-placeholder { 
	color: #979797;
}
:-ms-input-placeholder { 
	color: #979797;
}
:-moz-placeholder { 
	color: #979797;
}


.open > .dropdown-menu
{
	display: block;
	width: 100%;
	background: #eee;
	box-shadow: none !important;
	border-radius: 0;
	border: none;
}


.btn-infokreis
{
	padding: 0;
	/*width: 20px;*/
	/*text-align: center;*/
	/*height: 20px;*/
	/*font-size: 15px;*/
	/*line-height: 0;*/
	background: #6091ba;
	/*border-radius: 50%;*/
	border: none;
}

.btn-infokreis:hover {
	background: #6091ba;
	border-radius: 50%;
	border: none;
}


/*#alleDetails*/

.buttons_wrapper
{
	width: 100%;
	background: #fff;
	position: fixed;
	bottom: 0;
	height: 90px;
	left: 0;
}

.buttons {
	margin-top: 20px;
	bottom: 0;
	width: 780px;
	margin: 0 auto;
	left: 0;
	right: 0;
	background: #fff;
}

.arbeitszeit-erfassen,
.auftrag-abschliessen,
.auftrag-bearbeiten
{
	/*width: 32%;*/
	width: 32.5%;
	/*width: 28%;*/
	margin: 0 2px;
	color: #fff;
}


div.zeile {
	/*margin-bottom: 12px;*/
}


.anschrift, .auftragstext, .maschine,.ansprechpartner, .artikel {
	line-height: 24px;
}

button.close
{
	opacity: 1;
	color: #fff;
	z-index: 500;
	position: absolute;
    top: 20px;
    right: 20px;
}

.spinner_neuer_auftrag
{
	position: relative;
}


.sucbox_neuer_auftrag
{
	position: absolute;
	right: 0;
	top: 0;
}


#stammListe tr:hover,
#stammListe tr td:hover
{
	cursor: pointer;
}


.navmenu-nav .nav-item a
{
	white-space: nowrap;
}



.btn_hell_blau
{
	float: right;
	margin: 20px 20px 20px 0;
	height: auto;
	padding: 7px 20px;
	cursor: pointer;
	width: auto;
	font-weight: normal;
	font-size: 17px;
	border-radius: 2px;
	background-color: #6091BA;
	border: none;
}


.btn_hell_blau:hover,
.btn_hell_blau:focus
{
	color: #ffffff;
}


.btn_stammDunkel_blau
{
	float: right;
	margin: 0 20px 0 0;;
	height: auto;
	padding: 7px 20px;
	cursor: pointer;
	width: auto;
	font-weight: normal;
	font-size: 17px;
	border-radius: 2px;
	background-color: #2F506C;
	border: none;
}


.btn_stammDunkel_blau_blau:hover,
.btn_stammDunkel_blau_blau:focus
{
	color: #ffffff;
}


.btn_dunkel_blau
{
	margin: 20px 0 0px 0;
	height: 54px;
	padding: 7px 20px;
	cursor: pointer;
	width: 100%;
	font-weight: normal;
	font-size: 17px;
	border-radius: 2px;
	background-color: #2F506C;
	border: none;
}


.btn_dunkel_blau:hover,
.btn_dunkel_blau:focus
{
	color: #ffffff;
}

.login_mit_bild .form-group {
	margin-bottom: 0;
}

.login_mit_bild .form-group > input {
	font-size: 18px !important;
}

.login_mit_bild #login_button {
	margin-top: 50px;
}


.btn_grau
{
	margin: 20px 20px 20px 0;
	height: auto;
	padding: 7px 20px;
	cursor: pointer;
	width: auto;
	font-weight: normal;
	font-size: 17px;
	border-radius: 2px;
	color: #333333;
	border: none;
}


.btn_dunkel_grau
{
	background-color: #6b6d6f;
	margin: 20px 20px 20px 0;
	height: auto;
	padding: 7px 20px;
	cursor: pointer;
	width: auto;
	font-weight: normal;
	font-size: 17px;
	border-radius: 2px;
	color: #ffffff;
	border: none;
}


.messageLink a
{
	cursor: pointer;
}

.fakturabuttons
{
	/*text-align: right;*/
	/*margin-top: 120px;*/ /*ddss*/



	text-align: center;
	margin-top: 120px;
	width: 330px;
	margin: 0 auto;
	
}

.artikel_liste_fakturabuttons
{
	width: auto;
	text-align: right;
}


.kundensuche_modalbox
{
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 60000;
	background: #6091ba;
	padding-left: 0 !important;
}





.kundensuche_modalbox_neu
{
	width: 77%;
	height: 70%;
	top: 96px;
	margin: 0 auto;
	right: 0;
	left: 0;
	z-index: 60000;
	background: #6091ba;
	padding-left: 0 !important;
    overflow: hidden !important;
}




.zeiterfassung_modalbox_neu
{
	width: 77%;
	height: 70%;
	top: 96px;
	margin: 0 auto;
	right: 0;
	left: 0;
	z-index: 60000;
	background: #6091ba;
	padding-left: 0 !important;
}


.zeiterfassung_modalbox_neu .modal-content
{
	top: 0;
	background: transparent;
	box-shadow: 0 0 0;
	border-radius: 0;
	border: 0;
	background: #6091ba;
	float: left;
	width: 100%;
	color: #fff;
	padding: 10px;
	height: 100%;
}



/*
.zeiterfassung_modalbox_neu .modal-dialog
{
	width: 100%;
	margin: 0 auto;
}

.kundensuche_modalbox .modal-dialog
{
	width: 100%;
	margin: 0 auto;
}

.kundensuche_modalbox .modal-content
{
	top: 0;
	background: transparent;
	box-shadow: 0 0 0;
	border-radius: 0;
	border: 0;
	background: #6091ba;
	float: left;
	width: 100%;
	color: #fff;
	padding: 10px;
	height: 100%;
}
*/
.stammListe_table>thead>tr>th,
.maschinenListe_table>thead>tr>th,
.artikelListe_table>thead>tr>th
{
	color: #D8D8D8;
}


.stammListe_table tr td,
.maschinenListe_table tr td,
.artikelListe_table tr td
{
	color: #ffffff;
}


.stammListe_table tr:hover,
.maschinenListe_table tr:hover,
.artikelListe_table tr:hover
{
	cursor: pointer;
	background: #76a4cc;
}

h2.ib
{
	display: inline-block;
	margin-top: 0;
	font-size: 20px;
}



.kundensuche_modalbox #nachladen,
#nachladenMaschinen,
#nachladenArtikel
{
	/*background-color: #286090;*/
	background-color: transparent;
}

.breadcrumb
{
	color: white;
	padding-left: 0;
	background: transparent;
	margin-bottom: 0;
	padding: 0;
	/*margin-top: 20px;*/
	margin-top: 22px;
	font-size: 18px;
}

.breadcrumb a
{
	color: #ffffff;
    font-size: 18px;
}


.img_kundensuche
{
	float: right;
	margin-top: 6px;
	cursor: pointer;
}


.datum #ADDATUM
{
/*	width: 92%;
float: left;*/

width: 40%;
float: left;
}

.datum .ui-datepicker-trigger
{
/*	float: right;
margin-left: 10px;*/
/*margin-top: 10px;
cursor: pointer;

float: left;
margin-left: 20px;*/
width: 5%;
float: left;
margin-left: 26px;
margin-top: 8px;



}

/*
.anschriftEdit #RSTRASSE
{
	width: 49%;
	float: left;
}*/

.uhrzeit #ADZEIT
{
	width: 45%;
}

/*
.anschriftEdit #RPLZ
{


width: 8%;
float: left;
margin-left: 25px;


}

.anschriftEdit #RORT
{
	margin-left: 8px;
	width: 32.5%;
	float: left;
}


#NAMEHOLEN
{
	width: 49%;
	float: left;
}

#TELHOLEN
{
width: 41.5%;
float: left;
margin-left: 25px;
}
*/


.height_48
{
	height: 48px;
}




.border_radius_0
{
	border-radius: 0;
}

textarea {
	resize: none;
}

/*
#F_FABR
{
	float: left;

width: 31.4%;
margin-right: 7px;

}


#F_GERART
{
	float: left;
	width: 31.4%;
	margin-right: 7px;

}

#F_GERTYP
{
	float: left;
	width: 29%;
}
*/

.img_link_suche
{
	cursor: pointer;
    position: absolute;
	left: -50px;
    bottom: 20px;
}



.auftraganlegen_tabelle tr td
{
	border-top: 0 !important;
	height: auto;
	padding: 8px 0 !important;
	vertical-align: middle !important;
}

#artikelEdit
{
	margin-top: 15px;
}

.last_td_artikel
{
	width: 4%;
}

.last_td_artikel a
{
	display: block;
	width: 100%;
	text-align: center;
	/*font-size: 20pt;*/
	/*overflow: hidden;*/
}

.ui-datepicker
{
	position: absolute;
	left: 50% !important;
	transform: translateX(-50%);
	right: 0;
	-margin: 0 auto;
	/*	height: 482px;*/
	height: auto;
	padding-bottom: 20px;
	width: 400px;
	top: 190px !important;
	background-color: #6091BA;
}


.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
	background-color: #97A7B5;
	color: #fff;
	/*width: 70%;*/
	width: 86%;
	margin: 0 auto;
	border-radius: 0;
	border: 0;
}

.ui-datepicker td
{
	border: 0;
	padding: 0 10px !important;
	height: 40px;
}


.ui-state-default
{
	border: 0px solid #c5c5c5 !important;
	background: transparent !important;
	color: #fff !important;
	text-align: center !important;


	border-radius: 50%;
	width: 30px !important;
	height: 30px !important;
	padding: 6px !important;
}


.ui-datepicker-calendar th span
{
	color: #d8d8d8;  
}

/*a.ui-state-default.ui-state-highlight,
a.ui-state-default.ui-state-highlight:hover,
a.ui-state-default.ui-state-highlight:focus
{
	border-radius: 50%;
	background-color: #2F506C !important;
	width: 30px;
	height: 30px;
	padding: 6px;
	}*/


	.ui-state-active
	{
		border-radius: 50%;
		background-color: #2F506C !important;
		width: 30px;
		height: 30px;
		padding: 6px;
	}


	.ui-state-default:hover
	{
		/*border-radius: 50%;*/
		background-color: #2F506C !important;
	}

	.ui-datepicker-today a
	{
		background-color: #97a7b5;
	} 



	.ui-datepicker-prev
	{
		background-image: url(/assets/img/kalender_links.png);
		background-repeat: no-repeat;
		background-position: 0;
		top: 0 !important;
		background-size: cover;
		left: -12px !important;
		width: 30px !important;
		height: 30px !important;
	}

/*span.ui-icon.ui-icon-circle-triangle-w
{
	background-image: url(/assets/img/kalender_links.png);
	background-repeat: no-repeat;
	background-position: 0;
	}*/


	.ui-datepicker-next
	{
		background-image: url(/assets/img/kalender_rechts.png);
		background-repeat: no-repeat;
		background-position: 0;
		top: 0 !important;
		background-size: cover;
		right: -12px !important;
		width: 30px !important;
		height: 30px !important;
	}



/*
span.ui-icon.ui-icon-circle-triangle-e
{
	background-image: url(/assets/img/kalender_rechts.png);
	background-repeat: no-repeat;
	background-position: 0;
	}*/






	.auftrag_anlegen_bearbeiten_modal
	{
		
	}



/*.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus
{
	border:0px solid #ccc !important;
	background-color:transparent !important;
	font-weight:normal;
	color:#2b2b2b;
	}*/





	.ui-state-highlight
	{
		/*background: #e5e5e5;*/
		background: #94b9d8 !important;
	}


	.ui-datepicker-prev:hover
	{
		border: 0px solid #ccc !important;
		background-color: transparent !important;
		font-weight: normal;
		color: #2b2b2b;
		background-image: url(/assets/img/kalender_links.png);
		background-repeat: no-repeat;
		width: 30px !important;
		height: 30px !important;
		background-size: cover;
		cursor: pointer;
	}

	.ui-datepicker-next:hover
	{
		border: 0px solid #ccc !important;
		background-color: transparent !important;
		font-weight: normal;
		color: #2b2b2b;
		background-image: url(/assets/img/kalender_rechts.png);
		background-repeat: no-repeat;
		width: 30px !important;
		height: 30px !important;
		background-size: cover;
		cursor: pointer;
	}



	a.deleteLink
	{
		text-align: center;
	}

	.readonly_field
	{
		background-color: transparent !important;
		width: 98%;
	}



.text_modal_caption {
	font-weight: bold;
	font-size: 17.28px;
	top: 20px;
}
.text_center_modal_inner {
			margin: 40px 0;
}

	.text_modal_center
	{
		font-size: 17.28px;

		line-height: 22px;
	}

.text_modal_center_inner {
	margin-top: 10px;
}

.button_modal_wrapper > .btn {
	margin-top: 5px;
}


	span.breadcrumb_trenner
	{
		font-size: 9pt;
		margin: 0 5px 0 5px;
		display: inline-block;
		vertical-align: middle;
	}


	.auftrag_anlegen_bearbeiten_modal
	{
		padding-right: 0 !important;
		padding-left: 0 !important;
		min-height: 0;
		max-height: none !important;
		height: auto;
	}




	/*Neu 2017-10-30*/

	.nav > li > a:hover, .nav > li > a:focus {
		text-decoration: none;
		background-color: transparent;
		font-weight: bold;
		color: #fff;
	}



	.bold_input
	{
		font-weight: 600;
	}



	input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill
	{
		background-color: rgb(255, 255, 255);
		background-image: none;
		color: rgb(0, 0, 0);
		-webkit-box-shadow: inset 0 0 0px 9999px white;

		/*		-webkit-text-fill-color: white !important;*/

	}


	input:-webkit-autofill
	{
		
		-webkit-box-shadow: inset 0 0 0px 9999px white;
	}


	#rahmen_top
	{
/*		height: 20px;
		width: 100%;
		background: #ffffff;*/

		height: 20px;
		width: 100%;
		float: left;
		position: fixed;
		background: #ffffff;
		z-index: 6;

	}





	.cursor_pointer
	{
		cursor: pointer;
	}



	.mapsLink
	{
		position: relative;
	}

	.mapsLink a
	{
		position: absolute;
		top: 12px;
		/*left: -30px;*/
		left: -35px;
	}

	.mapsLink a img
	{
		width: 22px;
	}


	.detailseite_div input[type="text"],
	.zeile_abschliessen div input[type="text"]
	{
		float: left;
		border: none;
		box-shadow: none;
		background: transparent;
		width: auto;
		padding: 0;


		height: auto;
	}



	.kreise_header_weiteres
	{
		height: 57px;
		color: #444444;
		font-size: 24px;
		margin-top: 60px;
		line-height: 33px;
	}


	.auftragstextEdit
	{
		margin-top: 30px;
		width: 100%;
	}


	.kreise
	{
		margin-top: 40px;
	}

	.artikeledit_absenden label,
	.auftragedit_absenden label
	{
		color: #2F506C;
		font-size: 14pt;

		padding-bottom: 10px;
		border-bottom: 1px solid #e5e5e5;
	}


	.artikelEdit
	{
		margin-top: 40px;
	}

.artikelEdit > h3 {
	margin-bottom: 10px;
}


	.btn_weiter
	{
		float: right;
		margin: 20px 20px 20px 0;

		padding: 7px 20px;
		cursor: pointer;
		height: 40px;
		width: 250px;
		font-weight: normal;
		font-size: 17px;
		border-radius: 2px;
		background-color: #6091BA;
		border: none;
		color: #fff;
	}

	.button_abbrechen
	{
		float: right;
		margin: 7px 20px 20px 0;
		
		height: 40px;
		padding: 7px 20px;
		cursor: pointer;
		width: 250px;
		color: #fff;
		font-weight: normal;
		font-size: 17px;
		border-radius: 2px;
		background-color: #6B6D6F;
		border: none;
		display: block;
	}

	#absenden_form_mit_button
	{
		display: block;
		display: block;
		padding: 0;
		margin: 0;
	}








/*	#signature-pad
	{
		position: inherit;
		float: left;
		width: 100%;
		height: 400px;
		left: 0;
		margin: 20px 0 0 0;
		right: 0;
		box-shadow: none;
		border-radius: 0;
		border: 1px solid #979797;
	}

	.m-signature-pad--body
	{
		position: inherit;
		left: 0;
		right: 0;
		top: auto;
		bottom: auto;
		border: none;
	}
	*/





	.m-signature-pad:before, .m-signature-pad:after
	{
		display: none;
	}



	.btn:hover, .btn:focus, .btn.focus {
		color: #fff;
		text-decoration: none;
	}

	.m-signature-pad {
		position: relative;
		font-size: 10px;
		width: 100%;
		margin-top: 30px;
		/*height: 280px;*/
		height: 215px;
		top: 0; 
		left: initial;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #979797;
		background-color: #fff;
		box-shadow: none;
		border-radius: 0;
		/*height: 200px;*/
		min-height: 215px;
	}

	.btn_unterschrift_abbrechen
	{
		margin: 20px 20px 20px 0;
	}

	.btn_unterschrift_del
	{
		position: absolute;
		bottom: 10px;
		left: 10px;
	}




/*	.container
	{
		width: 1150px;
	}


	@media(max-width: 1025px)
	{
		.container {
			width: 1020px;
		}
		}*/


/*
		@media (min-width: 1350px)
		{
			.container
			{
				width: 1150px;
			}
			}*/



			.m-signature-pad--footer
			{
				position: absolute;
				left: 0;
				right: 0;
				bottom: 10px;
				height: auto;
				font-size: 10pt;
				top: auto;

			}

			.m-signature-pad--footer .description {

				margin-top: 0;
			}


			.rechts_abstand_buttons
			{
				margin-right: 27px;
			}

			.modal_klein {
/*				max-width: 32%;
				top: 250px;
				height: 400px;*/
				/*max-width: 42%;*/
				width: 35%;

				/*top: 200px;*/
				top: 110px;
/*				min-height: 400px;
max-height: 500px;*/
min-height: 300px;
/*max-height: 400px;*/
max-height: 370px;

}

.modal_klein .text_modal_center
{
	width: 90%;
				/*font-size: 20pt;
				text-align: center;*/
				font-size: 17px;
				text-align: left;
				/*margin-top: 30px;*/
				margin-top: 10px;
			}

			.modal_klein .close_kunden_table
			{
				margin: 10px 10px 0 0;
			}


			.abstand_oben_kreise
			{
				margin-top: 40px;
				font-size: 18px;
			}






			.kunden_suche_modal_klein .modal-content
			{
				padding: 20px;
			}





			/*Zwei Tabellen ohne TD / TH Breitenangabe */

			#tabelle1 th,
			#tabelle1 td,
			#tabelle th,
			#tabelle td
			{
				width: 20%;
				word-break: break-word;
			}





			.table>thead>tr>th:last-child {
				border-right: 0px solid #eee;

			}




			.auftragsnr,
			.firma,
			.auftragst,
			.masch
			{
				font-size: 18px;
				font-weight: normal;
			}


			.auftragsnr label,
			.firma label,
			.auftragst label,
			.masch label
			{
				font-weight: 600;
				color: #2F506C;
				display: block;
				font-size: 14px;
			}


			.grauer_button_zeit_hinzufuegen
			{
				outline: none;
				border-radius: 2px;
				background-color: #6E6E6E;
				height: 40px;
				width: 340px;
				float: none;
				font-size: 18px;
				color: #fff;
				font-weight: 600;
				line-height: 24px;
				margin: 0 auto;
				margin-top: 20px;
				text-align: center;
			}

			.blauer_button_auftrag_abschliessen
			{
				height: 40px;
				width: 253px;
				color: #FFFFFF;
				font-size: 18px;
				font-weight: 600;
				line-height: 24px;
				text-align: center;
				border-radius: 2px;
				background-color: #2F506C;
				border-color: transparent;
			}


			.blauer_button_auftrag_details
			{
				height: 40px; 
				width: 253px;
				color: #FFFFFF;
				font-size: 18px;
				font-weight: 600;
				line-height: 24px;
				text-align: center;
				border-radius: 2px;
				background-color: #6091BA;
				border-color: transparent;
			}


			.mitarbeiter_zeit_wrapper
			{
				width: 100%;
				margin-bottom: 40px;

			}

.row:last-of-type > .mitarbeiter_zeit_wrapper {
	margin-bottom: 20px;
}
			.mitarbeiter_zeit_wrapper:after {
				clear: both;
				display: block;
				content: "";
			}

			.mitarbeiter_zeit_wrapper > * {
				display: inline-block;
			}

			.mitarbeiter_zeit_wrapper label
			{
				font-weight: normal;
				color: #2F506C;
				display: block;
				font-size: 18px;
				padding-left: 15px;
			}

#bloecke .row {
	margin: 0;
}


			.anwesenheit_zeit_wrapper
			{
				/*width: 100%;*/
				float: left;
				margin-bottom: 10px;
				margin-top: 30px;
				padding-left: 0;
			} 


			.anwesenheit_zeit_wrapper label
			{
				font-weight: normal;
				color: #2F506C;
				display: block;
				font-size: 18px;
			}

			.subheader_ma_zeit
			{
				display: block;
				font-size: 17px;
			}

			.headline_ohne_margin
			{
				margin-bottom: 0;
			}










			.cursor_pointer
			{
				cursor: pointer;
			}

			.buchen_link
			{
				margin:10px 0;
			}

			.button_wrapper_zeit_erfassung
			{
				margin: 10px 0;
			}


			.buttons_zeit_erfassung_footer
			{
				width: 90%;
				text-align: right;
				margin: 0 auto;
				padding: 10px 0;
				background: #fff;
				bottom: 0;
			}

			div#timer_wrapper {
				font-size: 24px;
				margin-top: 26px;
			}

			.pos_xz
			{
				margin-top: 5px;
				font-weight: normal;
				font-size: 16px;
			}

.pos_bez {
	font-weight: normal;
	font-size: 16px;
}



			.title_label_fake
			{
				display: block;
				border-bottom: 1px solid #ffffff;
			}






			.ok_button_modal
			{   
				float: none;
				margin: 0 auto;
				height: auto;
				padding: 7px 20px;
				cursor: pointer;
				width: 253px;
				font-weight: normal;
				font-size: 17px;
				border-radius: 2px;
				background-color: #ffffff;
				color: #afc8dc;
				border: none;
			}

			.btn_wrapper_center
			{
				text-align: center;
				margin: 0 auto;
				margin-top: 40px;
			}



			#topcontrol{display: none !important;}



			.faktura_buttons_wrapper .buttons form
			{
				display: block;
				margin: 0;
			}



			.fakturabuttons2
			{
				float: right;
				/*margin-right: 6.2%;*/
				margin-right: 10%;
			}


			.fakturabuttons2	.btn_dunkel_grau {
				background-color: #6b6d6f;
				margin: 0 20px 0 0;
				height: auto;
				padding: 7px 20px;
				cursor: pointer;
				width: 253px;
				font-weight: normal;
				text-align: center;
				font-size: 17px;
				border-radius: 2px;
				color: #ffffff;
				border: none;
			}


			.fakturabuttons2 .btn_hell_blau {
				float: right;
				margin: 0 20px 0px 0;
				height: auto;
				padding: 7px 20px;
				cursor: pointer;
				width: 253px;
				text-align: center;
				font-weight: normal;
				font-size: 17px;
				border-radius: 2px;
				background-color: #6091BA;
				border: none;
			}


			.faktura_buttons
			{
				margin-top: 0;
				text-align: center;
				position: fixed;
				bottom: 6px;
				/* width: 90%; */
				width: 100%;
				margin: 0 auto;
				left: 0;
				right: 0;

			}

			.faktura_buttons_wrapper {
				width: 100%;
				background: #fff;
				position: fixed;
				bottom: 0;
				/*height: 53px;*/
				height: 90px;
			}



			table#stammListeDetails td input {
				border: none;
				color: #fff;
				box-shadow: none;
				padding: 0;
				height: auto;
				/*marg*/
				display: inline;
				word-break: break-word;
			}



			table#stammListeDetails td {
				/*width: 100%;*/
				overflow: auto;
				padding: 0;
				margin: 0;
			}


			.artikel div.zeile {
				float: left;
				width: 100%;
				display: inline;
				text-align: left;
			}

			div.zeile {
				float: left;
				width: 100%;
				display: inline;
				text-align: left;
				border-bottom: 1px solid #e5e5e5;
			}

			.artikel {
				position: relative;
				width: 100%;
			}



			form#absenden{
				margin-bottom: 10px;
			}

			.buttons.faktura_buttons
			{
				padding-bottom: 29px;
			}

			.btn_weiter {
				float: right;
				margin: 0px 20px 0px 0;
			}


			.button_abbrechen {
				float: right;
				margin: 0px 20px 0px 0;
			}

			.fixed_wrapper .buttons
			{
				height: 90px;
				padding-top: 18px;

			}
			#users .fixed_wrapper .buttons
			{
				height: 90px;
				padding-top: 18px;
				/*margin-right: 8%;*/
				/*margin-right: 10%;*/

			}


			.buttons_vorgang
			{
				height: 90px;
				padding-top: 18px;
				margin-right: 10%;
			}

			.ohne_rahmen_zeilen_div
			{
				border:none;
				border-bottom: none !important;
			}


			@media (min-width: 992px)
			{
				.container {
					width: 810px;
				}
			}


.modal {
	top: 50%;
    transform: translateY(-50%);
}
			#meinModal form#absenden button,
			#speichernModal .text_modal_center button,
			#ModalBarcodeSelection .text_modal_center button,
			#ModalBarcodeNotFound .text_modal_center button,
			#MaschineInfoWaehlen .text_modal_center button
			{
				width: 100%;
				height: 40px;
				padding: 7px 20px;
			}




			span.weiterer_text {
				margin-top: 10px;
				display: inline-block;
			}





			#tabelle1 th.fakturaDatumUhrzeit,
			#tabelle td.fakturaDatumUhrzeit
			{
				width: 15%;
			}

			#tabelle1 th.fakturaName,
			#tabelle td.fakturaName
			{
				width: 25%;
			}







			/*Tabelle Detailinformationen*/



			#stammListeDetails tr th
			{
				padding: 3px 2px !important;
				/*display: inline-block;*/
				width: auto;
				height: auto !important;
			}

			#stammListeDetails tr td
			{
				padding: 8px 2px !important;
				/*display: inline-block;*/
				width: auto;
				height: auto !important;
			}







			#stammListeDetails th.faktura_th_WGArtNr,
			#stammListeDetails td.faktura_WGArtNr
			{
				width: 15%;
			}

			#stammListeDetails th.faktura_th_ART_BEZ1,
			#stammListeDetails td.faktura_ART_BEZ1
			{
				width: 20%; 
			}

			#stammListeDetails th.faktura_th_MENGE,
			#stammListeDetails td.faktura_MENGE
			{
				width: 6%;
			}

			#stammListeDetails th.faktura_th_PREIS,
			#stammListeDetails td.faktura_PREIS
			{
				width: 7%; 
			}

			#stammListeDetails th.faktura_th_ENDPREIS,
			#stammListeDetails td.faktura_ENDPREIS
			{
				width: 8%;
			}

			#stammListeDetails th.faktura_th_RABAT,
			#stammListeDetails td.faktura_RABAT
			{
				width: 6%;
			}

			#stammListeDetails th.faktura_th_R_SPERRE,
			#stammListeDetails td.faktura_R_SPERRE
			{
				width: 12%;
			}

			#stammListeDetails th.faktura_th_MWST_CODE,
			#stammListeDetails td.faktura_MWST_CODE
			{
				width: 6%;
			}

			#stammListeDetails th.faktura_th_LAGER_NO,
			#stammListeDetails td.faktura_LAGER_NO
			{
				width: 6%;
			}

#stammListeDetails th.faktura_th_LAGERORT,
#stammListeDetails td.faktura_LAGERORT
{
	width: 12%;
}

#artikelListe thead tr th {
	height: 20px;
}

#artikelListe tbody tr:not(.trnone),
#artikelListe thead tr {
	display: flex;
	flex-direction: row;
}
#artikelListe thead tr :nth-child(1),
#artikelListe tbody tr:not(:last-of-type) :nth-child(1) {
	flex: .1;
}

#artikelListe thead tr :nth-child(2),
#artikelListe tbody tr :nth-child(2)
{
	flex: .5;
}

#artikelListe thead tr :nth-child(3),
#artikelListe tbody tr :nth-child(3) {
	/*width: 100%;*/
	/*width: calc(80% - (37px + 220px));*/
	flex: 1;
}

#artikelListe thead tr :nth-child(4),
#artikelListe tbody tr :nth-child(4) {
	flex: .3;
}

#artikelListe tbody tr :nth-child(4) {
	padding-left: 13px;
}

#artikelListe thead tr :nth-child(5),
#artikelListe tbody tr :nth-child(5)
{
	flex: .3;
}
#artikelListe thead tr :nth-child(6),
#artikelListe tbody tr :nth-child(6)
{
	flex: .3;
}

			.display_table
			{
				display: table !important;
			}




			.display_table_cell
			{
				display: table-cell !important;
			} 




			div.faktura_th_WGArtNr,
			div.faktura_WGArtNr 
			{
				width: 25%;
				text-align: left;
				padding-left: 3px;
			}


			div.faktura_th_ART_BEZ1,
			div.faktura_ART_BEZ1  
			{
				width: 25%;
				text-align: left;
			}
			
			div.faktura_wg  
			{
				width: 5%;
				text-align: left;
			}
			
			div.faktura_th_MENGE, 
			div.faktura_MENGE  
			{
				width: 25%;
				text-align: left;
			}

			div.faktura_th_ENDPREIS,
			div.faktura_ENDPREIS  
			{
				width: 25%;
				text-align: left;
				border-right: 0 !important;
			}

			.erste_zeile_fake_table
			{

			}

			.fake_table_head
			{
				color: #2f506c;
				font-weight: 600;
				border-right: 1px solid #b7b7b7;
				padding-left: 5px;
			}

			.kein_border label
			{
				border-bottom:0;
			} 



			.buttons.buttons_zeit_erfassung_footer{
				margin-right: 12%;
			}







			.modal_inner_wrapper_zeit input[type="radio"]
			{
				border: 1px solid;
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				width: 20px;
				height: 20px;
				margin: 10px 10px 0 0;
				float: left;
			}


			.modal_inner_wrapper_zeit input[type="radio"]:checked
			{
				background-color: #ffffff;
				padding: 0px;
				border: 2px solid #dadada;
			}


			.modal_inner_wrapper_zeit label {
				margin-bottom: 0px;
				float: left;
			}

			.radio_buttons_wrapper {
				width: 100%;
				float: left;
			}


			.table-striped > tbody > tr:nth-of-type(odd) {
				/*background-color: transparent;*/
			}

            .table-hover > tbody > tr:hover > td {
                color: white;
            }

			thead tr,
			thead tr:hover
			{
				background: transparent !important;
				cursor: default !important;
			}


.dienstleistungModal tr :nth-child(1) { width: 32%; }
.dienstleistungModal tr :nth-child(2) { width: 68%; }




			.auftragwrapper .row #artikelEdit .auftraganlegen_tabelle tr td {
				border-top: 0 !important;
				/* height: auto; */
				padding: 8px 8px 8px 0 !important;
				vertical-align: middle !important;
			}



			.table_font1 {
				font-size: 14px;

				padding-bottom: 8px;
			}

			.table_font0 {
				font-size: 12px;
			}



			.span_wrapper_search_input
			{
				position: relative;
			}

			.artikel_suche_neuer_button
			{
				position: absolute;
				right: 10px;
				top: 10px;
				width: 30px;
			}


			.table_header_th_links
			{
				text-align: left;
			}


			.fehlermeldung_wrapper_div_button
			{
				display: block;
				outline: none;
				border-radius: 2px;
				background-color: #2F506C;
				font-size: 18px;
				font-weight: 600;
				line-height: 24px;
				text-align: center;
				margin-left: auto;
				margin-right: auto;
				border: none;
				margin-top: 2px;
				margin-bottom: 2px;
				width: 100%;
				height: 40px;
				padding: 7px 20px;
				margin-bottom: 10px;
			}




/*			.fixed_postion_header
			{
				position: relative;
				z-index: 1;
			}



			.fixed_postion_header_table
			{

				margin-top: 0;
				height: 55vh;
				overflow-y: scroll;
			}*/