/* ========================================================================== */
/*  Allgemeine Defaults                                                       */
/* ========================================================================== */
*
{
  padding:              0px;
  margin:               0px;
  /*background-color:     #FFFFFF;*/
}

html
{
  overflow-y:           scroll;
}

body
{
  font-family:          dejavu, arial;
  /*font-family:          courier;*/
  font-size:            12px;
  color:                #333333;
  background-color:     #FFFFFF;
}

body > center
{
	height: 			100%;
}

table
{
  color:                #333333;
  font-family:          dejavu, arial;
  font-size:            12px;
  border-collapse:      collapse;
  table-layout:         fixed;
  vertical-align:       middle;
}

td
{
	white-space: nowrap; /*Kein Zeilenumbruch beim Überfluss*/
	overflow: hidden; /*Sorgt dafür das der Überfluss nicht angezeigt wird*/
	text-overflow: ellipsis; /*Sorgt für die Punkte ...*/
}

table, th, td
{
  border:               1px solid #333333;
}

td, th
{
	height: 21px;
	text-align: left;
	padding: 4px;
}

th
{
	height: 24px;
}

img
{
  border:               0px;
}


/* ========================================================================== */
/*  Struktur der Seite                                                        */
/* ========================================================================== */

#wrapper
{
    width:              1400px;
    min-height:         600px;
    height:             auto;
}

#header
{
    width:              1400px;
    height:             110px;
    border-bottom:      0px solid #333333;
    float:              left;
    text-align:         left;
}

#menu
{
    width:              900px;
    height:             110px;
    border:             0px solid #000000;
    float:              left;
    text-align:         left;
    font-family:        dejavu, arial;
    font-size:          16px;
    color:              #333333;
}

#logo
{
    width:				100px;
    height:             110px;
    background-image:   url(../images/logo.png);
	background-repeat: 	no-repeat;
    float:              right;
}

.break-1
{
    border-bottom:      1px solid #333333;
    width:              1400px;
    height:             10px;
    float:              left;
}

.break-2
{
    width:              1400px;
    height:             25px;
    float:              left;
}

#content
{
 width:                 1400px;
 height:                auto;
 min-height:            500px;
 float:                 left;
 color:                 #333333;
 text-align:            left;
}

#footer
{
    width:              1400px;
    height:             15px;
    /*float:              left;*/
}

/* ========================================================================== */
/*  Hauptmenu (oben)                                                          */
/* ========================================================================== */

.hauptmenu li
{
  display:              inline;
  list-style-type:      none;
  margin-right:         5px;
}

ul.hauptmenu
{
  padding:              0px;
  margin-top:           90px;
  background-color:     transparent;
}

.hauptmenu
{
  background-color:     transparent;
  padding:              4px 10px;
  border:               0px solid;
  margin:               0;
}

.hauptmenu a
{
font-family:            dejavu, arial;
font-size:              16px;
font-weight:            bold;
text-align:             center;
text-decoration:        none;
background-color:       #FFFFFF;
color:                  #333333;
height:                 22px;
padding:                4px 8px;
vertical-align:         middle;
cursor:                 pointer;
}

.hauptmenu a:hover
{
background-color: #004695;
color: #FFFFFF;
}

/* ========================================================================== */
/*  Allgemeine Steuerelemente                                                 */
/* ========================================================================== */

.error_text
{
  color:                #FF0000;
}

.info_text
{
  color:                #3300FF;
}

.button
{
 font-family:           dejavu, arial;
 font-size:             12px;
 font-weight:           bold;
 text-align:            center;
 text-decoration:       none;
 background-color:      #004695;
 border:                1px solid #004695;
 height:                30px;
 color:                 #FFFFFF;
 vertical-align:        middle;
 cursor:                pointer;
 padding-left:          5px;
 padding-right:         5px;
 width:                 112px;
}

.label
{
 font-family:           dejavu, arial;
 font-size:             12px;
 height:                22px;
 background-color:      #FFFFFF;
 border:                1px solid #FFFFFF;
 color:                 #333333;
 vertical-align:        middle;
 padding-left:          3px;
 padding-right:         3px;
 margin-top:            3px;
 margin-bottom:         3px;
}

.box
{
 font-family:           dejavu, arial;
 font-size:             12px;
 height:                30px;
 background-color:      #FFFFFF;
 border:                1px solid #333333;
 color:                 #333333;
 vertical-align:        middle;
 padding-left:          3px;
 padding-right:         3px;
 margin-bottom:         5px;
 margin-top:            3px;
 margin-bottom:         3px;
}

.box_suche
{
 font-family:           dejavu, arial;
 font-size:             12px;
 height:                28px;
 background-color:      #FFFFFF;
 border:                1px solid #333333;
 color:                 #333333;
 vertical-align:        middle;
 padding-left:          3px;
 padding-right:         3px;
 margin-bottom:         5px;
 margin-top:            3px;
 margin-bottom:         3px;
}

.invalid
{
  border:                1px solid #FF0000;
}

.modal_box
{
 font-family:           dejavu, arial;
 font-size:             12px;
 height:                30px;
 background-color:      #FFFFFF;
 border:                1px solid #333333;
 color:                 #333333;
 vertical-align:        middle;
 padding-left:          1px;
 padding-right:         1px;
 margin-bottom:         1px;
 margin-top:            1px;
 margin-bottom:         1px;
}




/* ========================================================================== */
/*  Allgemeines                                                               */
/* ========================================================================== */

#kundenwahl_wrapper
{
	width: 100%;
	display: flex;
	justify-content: center;
}

.kundenwahl_buttons
{
	cursor: pointer;
	float: left;
	width: 250px;
	height: 155px;
	margin: 0 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	
	font-family: dejavu, arial;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
	background-color: #004695;
	
	/*border-radius: 25px;*/
}

.kundenwahl_text
{
    color: #FFFFFF;
	font-size: 17px;
}

#sanduhr
{
	display:         		none;
	width: 					30px;
	z-index: 				999;
	background-image:     	url(../images/sanduhr.gif);
	background-position:  	center;
	background-repeat:    	no-repeat;
}

#leiste_wrapper
{
	display: flex;
    justify-content: space-between;
	margin-bottom: 20px;
}

/* ========================================================================== */
/*  Wareneingang Formular                                                     */
/* ========================================================================== */

#form_wrapper, #details_form_wrapper
{
    display: flex;
    flex-direction: column;
}

#form_footer
{
	margin-top: 30px;
}

#form_ergebnis
{
	background-color: #f2f5eb;
}

#form_buttons
{
	margin-top: 10px;
    /*background-color: bisque;*/
    height: 50px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.form_input_blocks
{
	float:left;
	margin-right:7px;
}

.form_input_blocks > button
{
	margin-top: 17px;
}

.wareneingang_neu
{
	width: 65px;
}

.wareneingang_kopieren
{
	width: 65px;
}

.form_input_blocks > label
{
	margin-bottom: 3px;	
}

.form_input_blocks > input, .form_input_blocks > label
{
    display:block;
}

#menge
{
	width: 50px;
}

#mhd
{
	width: 100px;
}

#anzahl
{
	width: 50px;
}

.btn_submit_hidden
{
	display: none;
}

input[type=submit], input[type=button], button {
    font-family: dejavu, arial;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background-color: #004695;
    border: 1px solid #004695;
    height: 30px;
    color: #FFFFFF;
    vertical-align: middle;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    width: 125px;
}

input[type=text],input[type=number], input[type=password], select {
    font-family: dejavu, arial;
    font-size: 12px;
    height: 22px;
    background-color: #EEEEEE;
    border: 1px solid #333333;
    color: #333333;
    vertical-align: middle;
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 5px;
    margin-top: 3px;
    margin-bottom: 3px;
    float: left;
}

.login_elements
{
	float: none !important;
}

.tt_form, .pg_form, #details_form
{
    display: flex;
    justify-content: center;
}


.button_breit {
    width: 150px !important;
}


/* ========================================================================== */
/*  Overlay Ladeanimation                                                     */
/* ========================================================================== */

.loading_overlay
{	
	display: 	block;
    position:   fixed;
    z-index:    1000;
    top: 		0%;
    left: 		0;
    height:	 	100%;
    width: 		100%;
    background: rgba( 255, 255, 255, .95 ) 
                url('../images/animated-overlay-medium.gif') 
                50% 20% 
                no-repeat;
	background-color: rgba(0, 0, 0, 0.7);
}

.verfuegbarkeit_icon
{
	background-color: gray;
}


/* ========================================================================== */
/*  Allgemeines                                                               */
/* ========================================================================== */

.verfuegbar
{
	background-color: green;
}

.nicht_verfuegbar
{
	background-color: red;
}

core-icon
{
	cursor: pointer;
}

.clickable
{
	cursor: pointer;
}


/* ========================================================================== */
/*  Tabellen	                                                              */
/* ========================================================================== */

.betraege
{
	text-align: right !important;
	display: table-cell;
}


/* ========================================================================== */
/*  Dateiimportstatusanzeige                                                  */
/* ========================================================================== */
#dateiimport_anzeige_wrapper{
	width: 30px;
	height: 30px;
    float: left;
    margin-top: 60px;
    margin-left: 280px;
}

#dateiimport_anzeige_ampel{
	width: 30px;
	height: 30px;
	
	border-radius: 20px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#dateiimport_anzeige_ampel>div {
    display: none;
    color: #000;
    text-decoration: none;
    padding: 3px;
	width: 550px;
	white-space: normal;
	z-index: 9000;
}

#dateiimport_anzeige_ampel:hover>div {
    display: block;
    position: absolute;
    background-color: #f1f1f1;
    border: 1px solid #CCC;
    margin: 20px -300px;
}

.tooltip_wrapper{
    display: flex;
    justify-content: space-between;
}

.tooltip_wrapper_meldung{
    display: flex;
    flex-direction: column;
}

.tooltip_label{
	padding-left: 3px;
}

.tooltip_label_meldung{
	padding-top: 5px;
}

.ampel_meldung{
	white-space:pre-wrap;
}

.import_erfolgreich{
	background-color: #4cff79;
}
.import_im_gange{
	background-color: #ffc84c;
}
.import_fehlgeschlagen{
	background-color: #ff4c4d;
}