/*Allgemeine Definitionen*/
html {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

body {
	/* margin:8px 0px 8px 0px; */
  background-color:#ffffff;
        }

.button {
	border: 1px solid #9f9f9f;
	padding: 4px;
	background: #e0e0e0;
	border-radius: 2px;
	cursor:pointer;	
	display: inline-block;
	margin:0.5rem;
	margin-right:unset;
}

#navigation {
	clear: left;
	border: 1px grey solid;
	width: 60rem;
	margin-bottom: 1rem;
}

#logout, #manage, #backlink, #loader, #produktname {
	height: 2rem;
	/* float: left; */
	padding: 0.25rem 1rem 0.25rem 1rem;
}

#loader_preset {
	padding: 4px 0.5rem;
}

input, select, textarea {
	border-radius: 2px;
	border: 1px solid #888;
	padding: 3px;
}

#new_comment fieldset, #edit_comment fieldset, #call_history fieldset {
	float:left;
	border:0;
	clear:left;
}

fieldset[id="status"], fieldset[id="buttons"] {
	clear:unset !important;
}

textarea[id="comment"] {
	width:30rem;
	height:6rem;
}
/* Hide HTML5 Up and Down arrows. */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

div[id="message"] {
	background: red;
	padding: 0.5rem;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	display: table;
	color: white;
	font-size: 1.2rem;
}

form[name="new_user"], form[name="new_comment"], form[name="call_history"], form[name="edit_comment"] {
	border: 1px solid #9f9f9f;
	background: #f4f4f4;
	border-radius: 2px;
	display: table;
	margin-bottom:1rem;
	float: left;
	clear:left;
	margin-right: 1rem;
	min-width:60rem;
}

.header {
	margin: 1em;
	font-weight: bold;
	text-decoration: underline;
	font-size: 1.1rem;	
}

table[id="call_history_table"] {
	clear:both;
	width:100%;
}

table[id="call_history_table"] th {
	text-align:center;
	background-color: #4CAF50;
	color: white;
	padding: 0.5rem;
}

table[id="call_history_table"] tr:nth-child(even) {
   background-color: #fff;
}

.cht_date {
	width:10rem;
	padding: 0.5rem;
}
.cht_user {
	width:6rem;
	padding: 0.5rem;
}
.cht_status {
	width:10rem;
	padding: 0.5rem;
}
.cht_comment {
	width:19rem;
	padding: 0.5rem;
}

#new_comment_overlay {
	z-index: 1000;
	position: absolute;
	background: white;
	padding: 1rem;
	border-radius: 5px;
	margin: 1rem;
	border: 1px solid #9f9f9f;
	box-shadow: 0px 0px 2rem #4CAF50;
}

#new_comment_table th {
	text-align:center;
	background-color: #4CAF50;
	color: white;
	padding: 0.5rem;
}

#new_comment_table tr:nth-child(even) {
   background-color: #ddd;
}

.nc_pace_id {
	width:10rem;
}
.nc_user {
	width:6rem;
}
.nc_status {
	width:5rem;
}
.nc_comment {
	min-width:19rem;
}

#close_hint {
	float: right;
	font-weight: bold;
	border: 1px solid #9f9f9f;
	padding: 0.5rem;
	border-radius: 5px;
	margin-top: 1rem;
	background: #eee;
	cursor:pointer;	
}

#dashboard_history {
	clear:left;
}

#dashboard_history table {
	clear:both;
	min-width: 60.25rem;
	background:#4CAF5036;
}

#dashboard_history table th {
	text-align:center;
	background-color: #4CAF50;
	color: white;
	padding: 0.5rem;
}

#dashboard_history table tr:nth-child(even) {
   background-color: #fff;
}

.table_header {
	font-weight:bold;
	text-align: center;
}

.th_dsb_status {
	min-width: 10rem;
}

.dsb_pace_id {
	cursor:pointer;
	font-weight:bold;
	font-style: italic;
	text-align:center;
	padding: 0.5rem 0 0.5rem 0;
}

.dsb_dds {
	font-style: italic;
	text-align:center;
}

.dsb_comment {
	padding:0.5rem;
	width: 20rem;
}

.dsb_pace_link {
	padding:0.5rem;
}

#users_overview {
	clear:left;
	margin-bottom: 1rem;
}

#users_overview table {
	clear:both;
	min-width: 60.25rem;
	background:#4CAF5036;
}

#users_overview table th {
	text-align:center;
	background-color: #4CAF50;
	color: white;
	padding: 0.5rem;
}

#users_overview table td, #call_history_table td {
	text-align:center;
}

#users_overview table tr:nth-child(even) {
   background-color: #fff;
}

.table_header {
	font-weight:bold;
}

.th_mu_user_id {
	min-width: 1rem;
}

.th_mu_user_name {
	min-width: 7rem;
}

.th_mu_user_mail {
	min-width: 18rem;
}

.th_mu_std_status {
	width: 9rem;
}

.th_mu_reg_date {
}

.mu_user_id {
}

.mu_user_name {
}

.mu_user_mail {
}

.mu_std_status {
}

.mu_reg_date {
}

#new_user_fieldset label {
	display:inline-grid;
}


.th_me_cht_date {
	width:10rem;
	padding: 0.5rem;
}
.th_me_cht_user {
	width:6rem;
	padding: 0.5rem;
}
.th_me_cht_status {
	width:10rem;
	padding: 0.5rem;
}
.th_me_cht_comment {
	width:19rem;
	padding: 0.5rem;
}
.th_me_cht_ids {
	width:4rem;
}
.th_me_cht_actions {
	width:2rem;
}

/* CSS für Lagerverwaltung , oben sind Leichen von vorherigen Projekten, die aber teilweise noch mitgenutzt werden*/

.searchform_mini {
	display:inline;
	padding-left: 1rem;
}

.scanfeld {
	width:20rem;
	display:block;
}

.tippfeld_alt {
	width:22rem;
}

.sof_input {
	width:40rem;
}

.sof_label {
	display:inline-block;
	width:6rem;
}

.edp_label {
	display:inline-block;
	width:10rem;
}