/* CSS Document */

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
*::before, *::after {
	box-sizing: border-box;
}
html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.9em;
	background-color: #f2f2f2;
	color:#303030;
}

input, textarea, select, option {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.9em;
}
option.inaktiv,
span.inaktiv{ color: #AEAEAE; }
.modal {
	display: none;
	position: fixed;
	z-index: 11000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba( 255, 255, 255, .6 ) url('../images/ajax-loader.gif') 50% 50% no-repeat;
}
body.loading {
	overflow: hidden;
}
body.loading .modal {
	display: block;
}
.titlemaker{}
.gray {
	color: #E1E1E1;
}
.darkgray {
	color: #ABABAB;
}
.green {
	color: rgb(132, 202, 86);
}
.bggray {
	background-color: #E1E1E1 !important;
	color: #000 !important;
	border-color: #E1E1E1 !important;
}
strong, b, .strong, .bold {
	font-weight: 600;
}
a, a:visited, a:hover {
	color: #303030;
	text-decoration: none;
}

body.loginbg { }
body.loginbg::after {
  content: "";
  /*background: url("../images/bg_dolomiti_kl.jpg") no-repeat;*/
  background-size: cover;
	/*background-position: bottom;*/
  opacity: 0.8;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}
body.loginbg.fruehling::after
{
	background: url("../images/fruehling.jpg") no-repeat; 
	/*background: url("https://erpsys.pio-it.de/getbingbackground.php?art=bildasbackground") no-repeat;*/
    background-size: cover;
}
body.loginbg.sommer::after
{
	background: url("../images/sommer.jpg") no-repeat;
    background-size: cover;
}
body.loginbg.herbst::after
{
	background: url("../images/herbst.jpg") no-repeat;
    background-size: cover;
}
body.loginbg.winter::after
{
	background: url("../images/winter.jpg") no-repeat;
    background-size: cover;
}
body.loginbg.weihnachten::after
{
	background: url("../images/weihnachten1.jpg") no-repeat;
    background-size: cover;
}

.login {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.75);
	border-radius: 5px;
	border: 2px solid #C0C0C0;
	padding: 15px;
	font-size: 1.1em
}
.login h2 {  }
.login input[type=text],
.login input[type=password],
.login select
{
	padding: 7px 10px;
	font-size: 1.1em;
	margin: 5px 0;
}
.login select option { padding: 7px 10px}
.login input[type=submit]
{
	width: 100%;
	padding: 10px;
	font-size: 1.1em;
}

/*select#fid option[value="100"]   { background-size: auto; background-image:url("../images/logo_fid_100.png");   }*/

.fa.fa-code { display: none}
input[type=button], 
input[type=submit], 
button:not([id^="mceu"]):not(.mce-close):not(.mce-open):not([role="presentation"]),
a.button {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.9em;
	min-width: 140px;
	padding: 4px 15px;
	background-color: #ff4800;
	color: #fff;
	border: 1px solid #ff4800;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	margin: 1px 0;
   
}
/*input[type=button]:hover, 
input[type=submit]:hover, 
button:not([id^="mceu"]):not(.mce-close):not(.mce-open):not([role="presentation"]):hover,
a.button:hover { animation:  pulsate .7s ease-in-out; border: 1px solid black; }
@keyframes pulsate {
	0% {
		box-shadow: 
			0 0 10px #D9E0E1,
			0 0 20px #A6A6A6;
	}
}*/
input.datum { min-width: 75px; }
input.uhrzeit { min-width: 50px; }

input[type=button]:not(.gray), 
input[type=submit]:not(.gray), 
button:not(.bggray):not([id^="mceu"]):not(.mce-close),
a.button:not(.bggray):not([id^="mceu"]):not(.mce-close) { border-color: #888888;
    box-shadow: 0 0 8px 0 #888888;
    }
a.button { padding: 3px 15px 4px 15px;}
i.mce-i-picture-o:before {   
    content: "\f03e";       
    font-family: FontAwesome;
    font-size: 1.1em;
    padding-right: 8px;
 }
button .fa {
	margin-right: 5px;
	
}
input[type=text],
input[type=number]
{
	border: 1px solid #BEBEBE;
	padding: 2px 5px;
}
input:disabled,select:disabled, button:disabled:not(.tox-tbtn) { /*padding: 2px 5px;*/ background-color: #f2f2f2 !important; background-image: none !important; color: black !important; border: 1px solid lightgray; }
input.gray:not([disabled]){ 
	background-color: #E1E1E1 !important; 
	color: black !important;
	border-color: #E1E1E1 !important;
	background-image: none !important;
}
.gray.hover:hover:not([disabled]){
	color: #E1E1E1;
}
select {
/*	height: 30px;*/
	border: 1px solid #BEBEBE;
	background-color: #fff;
	/*padding: 2px 5px;*/
}
textarea {	border: 1px solid #BEBEBE;
	padding: 2px 5px;
	resize: vertical;
}
textarea[readonly],
input[readonly]{ background-color: #FFFFFF;}

input.erforderlich,
select.erforderlich,
textarea.erforderlich { 
	background-color: #F6FAFF; 
	
	box-shadow: 0 0 1px 0 #5B5B5B;
}

.erforderlich[data-alternativ]{
background-image:
       repeating-linear-gradient(45deg, 
                                white 0%, 
                                white 2%, #F6FAFF 2%, 
                                #F6FAFF 4%, white 4%);}

.not-valid{ background-color: rgba(255,165,0,0.50) !important;}
.not-valid[data-alternativ]{ background-color: rgba(200,255,0,0.50) !important;}
.not-valid-text { display: block; background-color: #FFA500; font-size: 8pt; padding: 2px; }
.not-valid-text.alternativ { background-color: rgba(200,255,0,0.50) !important;}
.validation-error-textbox { background-color: #FFA500; padding: 5px; display: inline-block}
/*input.gueltig { background-color: rgba(0,255,0,0.1)}*/
/*input.gueltig::before { position: absolute; content: '\f00c'; font-family: FontAwesome; padding-left: 1px; font-size: 16px; color: lightgreen; }*/
input.ungueltig { background-color: rgba(255,0,0,0.2) !important}
.mustbeint{}

input:focus,
select:focus,
textarea:focus{
  border-color: #888888;
  box-shadow: 0 0 8px 0 #888888;
}

.fa-pencil,
.fa-plus,
.fa-trash,
.fa-minus,
.fa-arrow-down,
.clickable {cursor: pointer; }
.row {
	display: table;
	width: 100%;
	padding: 0;
}
.row.einzug {
	padding: 3px 35px;
}
.anim {  
  transition: background 5s linear;
}
.highlightbg{
  background: #A4FF74; 
}
.highlight{
  color: #76FF2F; 
}

.normal {  
  background: transparent;  
}
h2 {
	margin: 15px 0px 15px 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: 600;
    color: #ff4800;
	font-size: 1.2em
}
h3 {
	margin: 10px 10px 10px 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: 600;
    color: #ff4800;
	font-size: 1.1em
}
h4 {
	margin: 10px 10px 10px 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: 600;
	color: #ff4800;
	font-size: 1.0em
}
h5 {
	margin: 0px 5px 5px 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: 600;
	color: #ff4800;
	font-size: 0.9em
}
.col {
	display: table-cell; /*inline-block*/
	vertical-align: top;
    width: auto;
    /*min-height: 15px;
    min-width: 20px;*/
}
.col-25 { width: 25%; }
.col-33 { width: 33%; }
.col-35 { width: 35%; }
.col-40 { width: 40%; }
.col-50 { width: 50%; }
.col-65 { width: 65%; }
.col-95 { width: 95%; }
.col-5  { width: 5%;  }
.col-8  { width: 8%;  }
.col-2  { width: 2%;  }
.col-1  { width: 1%;  }
.col-70  { width: 70%;  }
.col-30  { width: 30%;  }
.col-80  { width: 80%;  }
.col-20  { width: 20%;  }
.col-10  { width: 10%;  }
.col-15  { width: 15%;  }
.col-18  { width: 18%;  }
.col.right { text-align: right; /*padding-right: 5px;*/ vertical-align: top;/* padding: 3px;*/}
.col.right + .col { padding: 3px;}
.col div.formatanzeige { font-style: italic; font-weight: 300; display: inline;}
.col-20px {
	width: 20px;
}
.col-80px {
	width: 80px;
}
.col-50px {
	width: 50px;
}
.col-100px {
	width: 100px;
}
.col-150px {
	width: 150px;
}
.col-160px {
	width: 160px;
}
.col-170px {
	width: 170px;
}
.col-180px {
	width: 180px;
}
.col-200px {
	width: 200px;
}
.col-250px {
	width: 250px;
}
.col-270px {
	width: 270px;
}
.col-300px {
	width: 300px;
}
.col-320px {
	width: 300px;
}
.col-400px {
	width: 400px;
}
.col.middle { vertical-align: middle; }

.flag_de {
 background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDUgMyI+DQo8cGF0aCBkPSJtMCwwaDV2M2gtNXoiLz4NCjxwYXRoIGZpbGw9IiNkMDAiIGQ9Im0wLDFoNXYyaC01eiIvPg0KPHBhdGggZmlsbD0iI2ZmY2UwMCIgZD0ibTAsMmg1djFoLTV6Ii8+DQo8L3N2Zz4NCg==');
 width: 100%;
 height: 60%;
 background-size: 100% 100%;
}

.statusfarbe {  }
.gruen { background-color: green; }
.rot   { background-color: red; }
.gelb  { background-color: yellow; }

.FBAhinweis { background-color: rgba(255,96,96,1.00); color: white; padding: 2px 5px; text-align: center; border-radius: 3px;}

#headerwrapper {
	width: 100%;
	background-color: #fff;
}
#header {
	width: 1600px;
	margin: 0 auto;
	height: 60px;
	display: table;
}
#header #firmenlogo {
	display: table-cell;
	width: 200px;
	vertical-align: middle;
}
#header #firmenlogo img {
	width: auto;
	height: 70px;
}
#header select#changetofirma option { font-size: 1.2em; }
#header #info {
	display: table-cell;
	vertical-align: middle;
	padding-left: 25px;
	font-size:0.8em;
}
#header #rightarea {
	display: table-cell;
	minwidth: 150px;
	vertical-align: middle;
    text-align: right;
}
/*#header #rightarea img {
	width: 200px;
	height: 70px;
}*/
#containerwrapper {
	width: 1600px;
	margin: 0 auto;
	/*height: 100%;*/
	padding: 0;
}
#navigationwrapper {
	/*height: 49px;*/
}
#navigationwrapper ul.navigation {
	list-style: none;
	display: table;
	padding: 0;
	margin: 0
}
#navigationwrapper ul.navigation li {
	display: table-cell;
}
#navigationwrapper ul.navigation li a {
	font-weight: 600;
	display: block;
	padding: 14px 25px;
	white-space: nowrap;
}
#navigationwrapper ul.navigation li a i {padding-right: 15px;}
#navigationwrapper ul.navigation li a.active, 
#navigationwrapper ul.navigation li a:hover {
	background-color: #ff4800;
	color: #fff;
}
#navigationwrapper ul.adminnavigation {
	list-style: none;
	display: table;
	padding: 0;
	margin: 0
}
#navigationwrapper ul.adminnavigation li {
	display: table-cell;
}
#navigationwrapper ul.adminnavigation li a {
	font-weight: 600;
	display: block;
	padding: 15px 20px;
	white-space: nowrap;
}
#navigationwrapper ul.adminnavigation li a.active, #navigationwrapper ul.adminnavigation li a:hover {
	background-color: #ff4800;
	color: #fff;
}
#navigationwrapper ul.rightnavigation {
	list-style: none;
	display: table;
	float: right;
	padding: 0;
	margin: 0;
}
#navigationwrapper ul.rightnavigation>li {
	display: table-cell;
}
#navigationwrapper ul.rightnavigation li a {
	font-weight: 600;
	display: block;
	padding: 15px 25px;
	white-space: nowrap;
}
#navigationwrapper ul.rightnavigation li a.active, 
#navigationwrapper ul.rightnavigation li a:hover {
	background-color: #ff4800;
	color: #fff;
}
/* */
#navigationwrapper ul li { position: relative; }
#navigationwrapper ul li ul { display: none; position: absolute; border: 1px solid black; padding: 0; box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.55); min-width: 100%; }
#navigationwrapper ul.rightnavigation>li>ul { right: 0}
#navigationwrapper ul li:hover>ul { display: block; z-index: 10000 }
#navigationwrapper ul.navigation li ul li,
#navigationwrapper ul.rightnavigation>li>ul>li{ display: block; background-color: rgba(255,255,255,1) } 

#navigationwrapper ul li ul li ul { display: none; position: absolute; right: 150px; top: 10px; border: 1px solid black; padding: 0; box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.55); min-width: 100%; }
#navigationwrapper ul li ul li:hover>ul { display: block; z-index: 10001;  }
#navigationwrapper ul.rightnavigation li ul li ul li{  display: block; background-color: rgba(255,255,255,1); overflow: hidden; } 

#navigationwrapper ul.rightnavigation li ul li ul li a {line-height: 12px; padding:8px 10px}


#content {
	width: 1600px;
	max-width: 1600px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 10px;
	/*background-color: #fff;*/
	background-color: #FBFBFB;
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
}





table.tablayout {
    width: 100%;
	border: none;
	/*background-color: #fff;*/
	background-color: #FBFBFB;
	position: relative;
    margin-bottom: 20px;
}
table.tablayout thead th {
	/*background-color: #f2f2f2;*/
	background-color: #D2D2D2;
	font-weight: 600;
	height: 25px;
	vertical-align: middle;
}
table.tablayout thead>tr:first-child>th {
	/*padding: 3px;*/
	position: sticky;
	/*z-index: 1000;*/
  	top: -10px; /* Don't forget this, required for the stickiness*/
}
table.tablayout td {
	padding: 2px;
	vertical-align: top;
	/*border-left:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;*/
	
}
table.tablayout th {
	padding: 2px;
	/*border-left:1px solid #fff;*/
}
table.tablayout td:first-child {
	border-left:none;
}
table.tablayout tr { z-index: -1;}
table.tablayout tbody tr:not(.mark):nth-child(even) { background-color: #E8E8E8;}
table.tablayout input[type=text]:not([placeholder]),
table.tablayout select:not([placeholder]) { padding: 0 3px !important;}
table.tablayout tbody tr:hover:not(.nohover):not(.mark):not(.inaktiv)>td  { background-color: #FFF7B6; }
table.tablayout tbody tr:hover.inaktiv > td { color: #FFFFFF; }
table.tablayout tbody tr.inaktiv > td { background-color: #CCCCCC; color: #404041; }

table.tablayout tbody tr td.aktion i { visibility: hidden}
table.tablayout tbody tr:hover td.aktion i { visibility: visible; cursor: pointer;}
table.tablayout tr.mark
{
	background-color: #FFF7B6
}
div.vorgangsholder {max-width: 1200px;}

.divTable{
	display: table;
	border-collapse: collapse;
    width: 100%;
}
.divTableRow {
	display: table-row;
	border-bottom: 2px solid #e6e6e6;
}
.divTableHeading {
	background-color: #F2F2F2;
	display: table-header-group;
    font-weight: 600;
}
.divTableCell, .divTableHead {
	border: 1px solid #fff;
	display: table-cell;
	padding: 3px 10px;
}
.divTableFoot {
	/*background-color: #F2F2F2;*/
	display: table-footer-group;
	font-weight: 600;
}
.divTableBody {
	display: table-row-group;
}
.nowrap { white-space: nowrap; }
textarea.autoresize{
	overflow: hidden;
	resize: none;
	padding:4px;
}
.editable span:hover {
  color: #626262;
  /*-webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
  -webkit-mask-size: 200%;
  animation: shine 1s infinite;*/
}

.handleholder, 
.removeholder,
.copyholder {
	width: 35px;
	text-align: center
}
.movehandle { height: 30px; width: 35px; vertical-align: middle; cursor: ns-resize;  }
.movehandle:after { content: '\f07d';  font-family: FontAwesome; padding-left: 1px; font-size: 16px; visibility: hidden; }
.removehandle { height: 30px; width: 35px; color:#FFFFFF; vertical-align: middle; cursor: pointer; }
.removehandle:after { content: '\f1f8';  font-family: FontAwesome; padding-left: 1px; font-size: 16px; visibility: hidden;}
.copyhandle { height: 30px; width: 35px; color:#FFFFFF; vertical-align: middle; cursor: pointer; }
.copyhandle:after { content: '\f0c5';  font-family: FontAwesome; padding-left: 1px; font-size: 16px; visibility: hidden; }

.editable span:hover:after { content: '\f040';  font-family: FontAwesome; padding-left: 1px }
.divTableRow.onsort { border: 2px solid #000; background-color: aqua}
.divTableRow:hover .movehandle:after,
.divTableRow:hover .removehandle:after,
.divTableRow:hover .copyhandle:after{ color: #343434; visibility: visible;}

.dialogdiv {
	-webkit-box-shadow: 4px 2px 2px 0px rgba(0,0,0,0.58);
	-moz-box-shadow: 4px 2px 2px 0px rgba(0,0,0,0.58);
	box-shadow: 4px 2px 2px 0px rgba(0,0,0,0.58);
}
.dialogdiv .ui-dialog-titlebar {}

.fa-palette { 
	height: 25px; 
	content: url("../images/pallete-icon_black.png");
	width: auto !important;
}

.palettenpacker{ 
	position:fixed;
	top: 0; 
	right: -220px;
	width: 300px;
	transform: translate(0, calc(50vh - 50%));
	padding: 2px 2px 2px 0px;
	opacity: 0.65;
	border-bottom-left-radius: 15px;
	border-top-left-radius: 15px;
	border: 1px solid black;
	background-color: #40AEFF;
	max-height: 95%;
	overflow-y: auto;
	display: block;
	scrollbar-color: #4F11FF #40AEFF;
}
.palettenpacker>div.col-5:first-child {  color: white; }
.palettenpacker.aktive { opacity: 0.99;  right: 18px; transition: right 0.5s ease, opacity 0.5s ease;}
.palettenpacker .einzelpaldiv 
{
	min-height: 30px; 
	/*padding-left: 40px; */
	background: #40AEFF url("../images/pallete-icon_black.png") 2px 80%/ 45px  no-repeat;
	margin-bottom: 2px;
	margin-top: 2px;
	border: 2px solid white;
	border-radius: 5px;
}
.einzelpaldiv .ebene { text-align: center; border: 1px dashed #000000; /*margin: 2px;*/ min-height: 18px;}
.einzelpaldiv .ebene span.ebenenbezeichnung { font-size: 0.6em; display: block; }
.einzelpaldiv .ebene .artikeldiv { background: rgba(255,255,0,0.47); margin:2px 5px;}
.paletteholder { /*background-color: yellow;*/}
.palicon:not(.fa) { 
	width: 25px;
	height: 25px;
	background: url("../images/pallete-icon_black.png") center bottom/ 20px no-repeat; 
	cursor: move;
}
.palicon:hover {
	width: 35px;
	height: 35px;
	background-size: 35px;
	transition: height 0.1s ease,width 0.1s ease, background-size 0.1s ease;
}
.palicon.fa   { }
.vorgangsfooter>div {
	display: table-cell;
	text-align:right; 
	white-space: nowrap;
	
}
.vorgangsfooter>div:not(:first-child) { padding: 5px 0; background-color: #e6e6e6; font-weight: 600; line-height: 22px; }
.vorgangsfooter>div:nth-child(2) { padding-left: 20px; }
wrapper span:empty { min-height: 7px; line-height: 4px; width: 200px; display: block; }
wrapper span:empty:hover::before { content: attr(title); font-size: 10px; }
.editable span:empty:hover:after { font-size: 8px}

wrapper+i>wrapper,
wrapper+wrapper{display: block;}

nowrapper.nowrap wrapper+wrapper,
nowrapper.nowrap wrapper+i>wrapper{ display: inline;}

.placeholderwrapper {position: relative; margin: 7px 0 2px 0; display: inline-block;}
.col>.placeholderwrapper { display: block}
.placeholderwrapper placeholdertext { display: none; transition: 3s; color: rgba(103,103,103,1.00) }

*[placeholder]:not(:placeholder-shown)
{
	padding: 6px !important;
	font-size: 1em !important;
	width: 100%;
}
input[placeholder]:not(:placeholder-shown),
textarea[placeholder]:not(:placeholder-shown){ padding-left: 10px !important; }
input[placeholder] { padding: 7px 5px;  }
textarea[placeholder] {padding: 7px 5px;min-height: 34px;}
input[placeholder].datum { min-width: 90px !important; width: 90px; }
*[placeholder]:not(:placeholder-shown):disabled { background-color: white !important; }
*:focus::placeholder { color: #FFF; }
*::placeholder { color: #B5B5B5; }
*[placeholder]:not(:placeholder-shown) + placeholdertext,
*[placeholder]:not(:placeholder-shown) + span + placeholdertext,
*[placeholder]:focus + placeholdertext,
*[placeholder]:focus + span + placeholdertext
{
	position: absolute;
	display: inline-block;
	left: 6px;
	font-size: 12px;
	transition: 0.3s;
	top: -9px;
	background: rgba(255,255,255,1);
	border-radius: 3px;
	padding: 0 5px;
}

td.aktion:hover .interneinfo { display: block; }
.interneinfo {  font-style: italic; color: #23B1DF; text-align: right}
.interneinfo:hover { color: #0091BE; }
.interneinfo:empty {
  /*background-color: #FFE7E7;*/
	display: none;
}
.interneinfo:empty::before{
	content: "\f27b";
	/*font-size: 0.9em;  */
	font-family: "FontAwesome";
	color: #1ECAFF;
	}
.interneinfo ~ input[type=text] { text-align: right; min-width: 100px !important; }


.ui-autocomplete { font-size: 0.9em; }
.ui-autocomplete li { white-space: nowrap; }
.ui-tabs {padding: 0;}
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: 'Open Sans', sans-serif; font-size: 0.9em;  }
.ui-widget-header { border: 0;  background: none; color: inherit; }
.ui-tabs { border: 0; background: none; color: inherit; }
.ui-tabs .ui-tabs-panel { padding: 10px 5px; }
.ui-tabs ul li a>h4 { margin: 0; }

#adressenwechsel a {
	font-weight: bold;
	height: 17px;
	text-align: center;
	cursor: pointer;
	font-size: 11px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	margin-top: 6px;
	margin-left: 1px;
	padding: 3px;
	color: #9F9F9F;
	-webkit-box-shadow: 4px 2px 2px 0px rgba(0,0,0,0.58);
	-moz-box-shadow: 4px 2px 2px 0px rgba(0,0,0,0.58);
	box-shadow: 4px 2px 2px 0px rgba(0,0,0,0.58);
}
#adressenwechsel a.active {
	color: #328FFF;
	background-color: #a2d0e7;
	font-size: 13px;
	margin-top: 0px;
	height: 22px;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
}


#INFO {
	background-color: #f0f0f0;
	width: 100%-30px;
	padding: 10px
}
#INFO pre {
	font-family:Arial, Helvetica, sans-serif
}
.buchstaben {
	float: left;
	font-weight: bold;
	width: 15px;
	height:17px;
	text-align:center;
	cursor: pointer;
	font-size: 11px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	margin-top: 6px;
	margin-left:1px;
}
.buchstaben:hover {
	color: #328FFF;
	background-color:#a2d0e7;
	font-size: 13px;
	margin-top: 0px;
	height: 22px;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
}
.buchstaben_inaktiv {
	float: left;
	color:#CCCCCC;
	font-weight: bold;
	width: 16px;
	height:17px;
	text-align:center;
	font-size: 11px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	margin-top: 6px;
	margin-left:1px;
}
.buchstaben a {
	text-decoration:none;
}
div.autocomplete1 {
	position:absolute;
	margin:0;
	padding:0;
	font-size:10px;
}
div.autocomplete1 ul {
	list-style-type:none;
	margin:0;
	padding:0;
	background-color:#F8F8F8;
	border:1px solid #888;
}
div.autocomplete1 ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:1px;
	cursor:pointer;
}
div.autocomplete1 ul li.selected {
	background-color: #ffb;
}
div.autocomplete1 li:hover {
	background: #555;
	color: #DDD;
}
div.autocomplete {
	position:absolute;
	width:300px;
	margin:10px;
	padding:0;
	font-size:12px;
}
div.autocomplete ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width: 350px;
	background-color:#F8F8F8;
	border:1px solid #888;
}
div.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:1px;
	cursor:pointer;
}
div.autocomplete ul li.selected {
	background-color: #ffb;
}
div.autocomplete li:hover {
	background: #555;
	color: #ADADAD;
}
.bezahltdiv {
	position:absolute;
	right:100px;
	border: 1px solid #FF0000;
	background-color: #f2e185;
	box-shadow: 5px 5px 50px #000;
	z-index: 11000;
	padding: 10px;
}
.bezahlung.teilbetrag::before
{
	/*background: linear-gradient(125deg, rgba(255,255,255,0) 50%, #303030 50%);*/
	content: "\f0da";
	font-size: 1.1em;
	
}
.historiediv {
	position:absolute;
	right:100px;
	/*width:200px;
	height:200px;*/
	border: 1px solid #FF0000;
	background-color: #f2e185;
	/*overflow:hidden;*/
	-moz-box-shadow: 5px 5px 50px #000;
	-webkit-box-shadow: 5px 5px 50px #000;
	box-shadow: 5px 5px 50px #000;
	z-index: 11000;
}
.vghistorie.hinweis { color: red; }
.blink {
     animation: blinker 0.2s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}
#afterbuyblink.blink { background-color: greenyellow; }
 @keyframes blinker {
     from {
         opacity: 1;
    }
     to {
         opacity: 0;
    }
}
div.dateibearbeiten {
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    padding: 5px;
	width:800px;
	/*height:500px;*/
    max-height: 90%;
    max-width: 90%;
	border: 1px solid #FF0000;
	background-color: #f2e185;
	overflow:auto;
	-moz-box-shadow: 5px 5px 50px #000;
	-webkit-box-shadow: 5px 5px 50px #000;
	box-shadow: 5px 5px 50px #000;
	z-index: 11010;
}
.aktdiv {
	position:absolute;
	right:150px;
	padding: 5px;
	color: #000;
	/*width:200px;
	height:200px;*/
	border: 1px solid #FF0000;
	background-color: #f2e185;
	/*overflow:hidden;*/
	-moz-box-shadow: 5px 5px 50px #000;
	-webkit-box-shadow: 5px 5px 50px #000;
	box-shadow: 5px 5px 50px #000;
	z-index: 11000;
}
.aktdiv.hinweis { color: red; }
.aktdiv.blink {
     animation: blinker 0.2s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}
.upload-area{
    border: 2px solid #E1E1E1;
    border-radius: 3px;
    margin: 0 auto;
    text-align: center;
    overflow: auto;
	vertical-align: middle;
	display: block;
}
.upload-area:hover {
    cursor: pointer;
}
#fileuploader.dragover .upload-area {background: repeating-linear-gradient(
  45deg,
  transparent ,
  transparent 5px,
  rgba(124,139,229,0.3) 5px,
  rgba(124,139,229,0.3) 10px
);}
#fileuploader.dragover.over .upload-area {background: repeating-linear-gradient(
  45deg,
  transparent ,
  transparent 5px,
  rgba(124,139,229,0.6) 5px,
  rgba(124,139,229,0.6) 10px
);}
.upload-area span{
    text-align: center;
    font-weight: normal;
    line-height: 20px;
	height: 60px;
	display: block
}
#file{
    display: none;
}
.thumbnail{
    width: 80px;
    height: 80px;
    padding: 2px;
    border: 2px solid #E1E1E1;
    border-radius: 3px;
    float: left;
}

.size{
    font-size:12px;
}

.stundenzettel_table input.sumfield:placeholder-shown {
color:#AFFFFF !important;
border: 1px #DCDCDC solid;
}

.versandfenster {
	background-color: #f0f0f0;
	width: 650px;
	position: absolute;
	margin-left: -535px;
	margin-top: 6px;
	/*overflow: visible;*/
	border: 1px solid;
	text-align: left;
	-moz-box-shadow: 5px 5px 50px #000;
	-webkit-box-shadow: 5px 5px 50px #000;
	box-shadow: 5px 5px 50px #000;
	z-index: 1000;
}
.versandfenster .datum { width: 125px; }
.versandfenster table#ausgabe { width: 100%; }
.versandfenster table#ausgabe tr { text-align: center; }
.versandfenster .gewicht {
	width: 50px;
	font-size: 11px;
}
.versandkopfzeile { padding: 5px; }
.versandkopfzeile h3 { display: inline; }
.versandkopfzeile p { display: inline; }
.versanddiv {
	border: 1px solid #000000;
	margin: -1px 6px;
	padding: 5px;
	min-height: 50px;
	display: inline-block;
	/*width: 490px;*/
}
.versanddiv input[type=text] {
	font-size: 12px;
	font-weight: bold;
	width: 200px;
	overflow: hidden;
	color: #000;
	/*margin-top: 5px;*/
}
#versandnotizen { }
#versandnotizen label {
	padding: 15px;
	font-weight: bold
}
#vg_versandnotizen {
	width: 345px;
	height: 30px;
}
.versandkopfzeile input.first {
	color: #999;
	font-style: italic;
}
.versandcontent {
	/*height:160px;
	min-height:50px;*/
	overflow: auto;
	padding: 5px;
}
.versandcontent #ausgabe tr .delbutton { display: none; }
.versandcontent #ausgabe tr:hover .delbutton {
	display: block;
	color: #F00;
}
.versandfusszeile {
	/*background-color: #f8f8f8;*/
	padding: 5px;
	overflow: hidden
}

#gesamtdiv {
	visibility:hidden;
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	padding:0;
	/*text-align: center;
	line-height: 0;*/
	}

#outerContainer {
	position: relative;
	background-color: #fff;
	width: 500px;
	margin: 0 auto;
	}

#innerContainer {
	padding-left: 30px;
	padding-top: 10px;
	}
	
#overlay{
	visibility:hidden;	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color: #000000;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
	}


.orderdetailholder {
	border: 2px solid;
	margin: 0 25px;
	-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.75);
	background-color: #f2f2f2;
}

.multibox.anzeige { 
	border: 1px solid #BEBEBE; 
	padding: 2px 17px 2px 4px; 
	position: relative; 
	white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis; 
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	height: 26px;
	}
.multibox.anzeige::after{
	content: "\f04b";
	font-size: 0.9em;
	font-family: "FontAwesome";
	color: #000;
	position: absolute;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	right: 7px;
	top: 6px;
	}
	
.multibox.anzeige.open::after { content: "\f2d4"; right: 4px; top: 5px; }
.multibox.opener {
	position: fixed;
	z-index: 12000;
	border-left: 1px solid #BEBEBE; 
	border-right: 1px solid #BEBEBE; 
	border-bottom: 1px solid #BEBEBE; 
	border-top: 1px solid #BEBEBE; 
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #fff;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
}
div.multiboxzeile {z-index: 12001; white-space: nowrap; width: 100%; margin-right: 18px;padding-right: 5px; }
div.multiboxzeile:not(.ueberschrift) {cursor: pointer;}
div.multiboxzeile i.fa { margin: 1px 0px 1px 5px; display: inline-block; width: 18px}
div.multiboxzeile.selected:not(.ueberschrift),
div.multiboxzeile:hover:not(.ueberschrift) { background-color: #ff4800; color: white; }
.multiboxzeile.ueberschrift { font-weight: 600; padding: 1px 0px 1px 5px; background-color: #ff4800; }
.multiboxzeile.ueberschrift i { display: none !important; }

.footerlogo {display: none; }
.loginbg .footerlogo { display: block;
	width: auto;
	height: 45px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	  -webkit-filter: drop-shadow(5px 5px 5px #222222);
  filter: drop-shadow(5px 5px 5px #222222);
}
#footerwrapper {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 0 20px;
	
}
#footer {
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
	height: 30px;
	display: table;
	font-size: 0.8em;
}
#footer div {
	display: table-cell;
	vertical-align: middle;
}
#footer div#logo {
	width: 80px;
}
#footer div#logo img {
	width: auto;
	height: 45px;
	margin-right: 50px
}
#footer div:nth-child(2) {
}
#footer div#version {
	width: 100px;
	text-align: right;
	font-size:0.8em;
}

.hinweis {
	background-color: rgba(132,202,86);
	padding: 15px;
	font-weight: 600;
	color: #FFFFFF;
}
.hinweis.nohide{}
.error {
	background-color: red;
	color: #fff;
}
div.error,p.error {
	padding: 15px;
	font-weight: 600;
}


#loadOverlay{display: none;}


@media print {
	#headerwrapper,#navigationwrapper { display: none; }
	#containerwrapper { width: auto; }
	#content { height: auto !important; box-shadow: none;}
	.fa {display: none; }
	
	
}