/*Allgemeine Definitionen*/

@media print {
	@page {
		margin-top: 2cm;
		margin-bottom: 1cm ;
	}

	
	html {
		/*width:27.5cm; */
		/*! border-right: 1px solid black; */
		font-family: sans-serif;
		font-size: 8pt
	}
	
	body {
		width:27.5cm;
		margin: auto;
	}
	
	a {
		text-decoration: none;
	}
	
	#navigation {
		display: none;
	}
	
	thead {display: table-header-group;}
	tfoot {display: table-footer-group;}
	
	#overview_sales_std, #overview_sales_com {
		page-break-before:always;
	}
	
	.table_header{
		font-weight: bold;
		text-align: center;
		border-bottom-style: double;
	}
	
	.table_footer{
		border-top-style: double;
	}
	
	#overview_stock table, #overview_sales_std table, #overview_sales_com table{
		width:27.5cm;
		border-collapse: collapse;
	}
	
	#overview_stock th, #overview_sales_std th, #overview_sales_com th {
		font-size: 12pt;
		padding-bottom: 6pt;
		border-bottom: 1px dotted black;
	}
	
	#overview_stock table .table_body td, #overview_sales_std table .table_body td, #overview_sales_com table .table_body td{
		border: 1px solid #e5e5e5;
		padding: 1mm 0mm 1mm 1mm
	}
	
	#overview_stock .overview_note, #overview_sales_std .overview_note, #overview_sales_com .overview_note {
		font-weight: bold;
		text-align: right;
		padding-right: 1mm;
	}
	
	#overview_stock .overview_price, #overview_sales_std .overview_price, #overview_sales_com .overview_price {
		font-weight: bold;
		padding-left: 1mm;
	}
	
	/* Tabelle Bestands-KFZ */

	#overview_stock .th_ovw_fin {
		width:4cm;
		border-left: 0!important;
	}
	
	#overview_stock .th_ovw_car_buy_date {
		width: 2cm;
	}
	
	#overview_stock .th_ovw_car_buy_seller_name {
		width: 6cm;
	}
	
	#overview_stock .th_ovw_car_buy_type {
		width: 1.5cm;
	}
	
	#overview_stock .th_ovw_car_buy_invoice_number {
		width: 2cm;
	}
	
	#overview_stock .th_ovw_dds {
		width:7cm;
	}
	
	#overview_stock .th_ovw_car_buy_payed {
		border-right: 0 !important;
	}
	
	#overview_stock .th_ovw_car_sale_profit {
		border-right: 0 !important;
	}
	
	/* Tabellen Verkäufe */
	
	#overview_sales_std .th_ovw_fin, #overview_sales_com .th_ovw_fin {
		width:3.5cm;
		border-left: 0!important;
	}
	
	#overview_sales_std .th_ovw_dds, #overview_sales_com .th_ovw_dds {
		width:3.5cm;
	}
	
	#overview_sales_std .th_ovw_car_buy_date, #overview_sales_com .th_ovw_car_buy_date {
		width: 1.7cm;
	}
	
	#overview_sales_std .th_ovw_car_buy_seller_name, #overview_sales_com .th_ovw_car_buy_seller_name {
		width: 3cm;
	}
	
	#overview_sales_std .th_ovw_car_buy_type, #overview_sales_com .th_ovw_car_buy_type {
		width: 1.5cm;
	}
	
	#overview_sales_std .th_ovw_car_buy_invoice_number, #overview_sales_com .th_ovw_car_buy_invoice_number {
		width: 1.25cm;
	}
	
	#overview_sales_std .th_ovw_car_buy_price, #overview_sales_com .th_ovw_car_buy_price {
		width: 1.3cm;
	}
	
	#overview_sales_std .th_ovw_car_buy_payed, #overview_sales_com .th_ovw_car_buy_payed {
		border-right: 0 !important;
	}
	
	#overview_sales_std .th_ovw_car_sale_date, #overview_sales_com .th_ovw_car_sale_date {
		width: 1.7cm;
	}
	
	#overview_sales_std .th_ovw_car_buyer_name, #overview_sales_com .th_ovw_car_buyer_name {
		width: 3cm;
	}
	
	#overview_sales_std .th_ovw_car_sale_invoice_number, #overview_sales_com .th_ovw_car_sale_invoice_number {
		width: 1.25cm;
	}
	
	#overview_sales_std .th_ovw_car_sale_price, #overview_sales_com .th_ovw_car_sale_price {
		width: 1.3cm;
	}
	
	#overview_sales_std .th_ovw_car_sale_profit, #overview_sales_com .th_ovw_car_sale_profit {
		border-right: 0 !important;
		width: 2cm;
		text-align: center;
	}
	
	.storno_price {
		text-decoration: line-through;
	}
	
	
	.storno_price::after {
	content: " STORNO";
	}
  }
	  
@media screen {
       
	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;
		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;	
		clear:left;
	}

	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, #overview_stock table th, #overview_sales_std table th, #overview_sales_com table th {
		text-align:center;
		background-color: #4CAF50;
		color: white;
		padding: 0.5rem;
	}

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

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



	.table_body>td {
		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;
	}

	.th_dsb_car_buy_type {
		width:4rem;
	}

	.th_dsb_sale_type {
		width:4rem;
	}

	.th_dsb_car_buy_price {
		width:6rem;
	}

	.th_dsb_sale_price {
		width:6rem;
	}

	.th_dsb_dds {
		width:14rem;
	}

	.th_dsb_car_buy_seller_name {
		width:14rem;	
	}

	.th_dsb_car_buyer_name {
		width:14rem;	
	}

	.th_dsb_fin {
		width:11rem;
	}

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

	.dsb_comment {
		padding:0.5rem;
	}

	.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;
	}

	/* Autodrom */
	/*Dashboard*/

	input:invalid
	{
		border: 1px solid #F00;
		background-color: #FFFFDA;
		box-shadow: none;
	}

	input:invalid + .afterInput:before
	{
		color: transparent;
		content: '';
	}

	input:valid + .afterInput:before
	{
		color: #0F0;
		content: '✔';
	}

	#fs_new_car {
		float:left;
		border:0;
	}

	#fs_search_invoice {
		width:34rem;
		border:0;
	}

	#fs_get_history {
		width:34rem;
		border:0;
	}

	#fs_goto_overview {
		width:34rem;
		border:0;
	}

	.set_desc {
		font-weight:normal;
		font-style:italic;
		color:black;
		width: 13rem;
		display: inline-block;
	}

	#car_sale_dates div > span {
		font-weight:bold;
		color:blue;
	}

	#car_sale_dates div {
		float:left;
		width:30rem;
	}

	#car_sale_dates {
		float:left;
		width:60rem;
	}

	#car_basics {
		width: 15rem;
		float: left;
		height: 20rem;
	}

	#car_buy {
		width: 15rem;
		float: left;
		height: 20rem;	
	}

	#car_buy .newcar {
		margin-left: 0;
	}

	#car_basics label {
		display: block;
		margin-top: 0.5rem;
	}

	#car_buy label {
		display: block;
		margin-top: 0.5rem;
	}

	#car_new_sale_com, #car_new_sale_std {
		width:20rem;
		float:left;
		height: 20rem;	
	}

	#car_new_sale_com label, #car_new_sale_std label {
		display:block;
		margin-top: 0.5rem;
	}

	#car_new_sale_com input, #car_new_sale_std input {
		margin-right:1rem;
	}

	.buyer_name {
		width:15rem;
	}

	container {
		margin-bottom:1rem;
		display:block;
	}

	/* History */
	.entry_count {
		padding-left:3px !important;
	}

	.entry_type {
		width:4rem;
	}

	.car_desc {
		min-width:17rem;
	}

	.car_vin {
		min-width:9rem;
	}

	.date {
		min-width:5rem;
	}

	.seller_name {
		min-width:15rem;
	}

	.buyer_name {
		min-width:15rem;
	}

	.invoice_number {
		min-width:4rem;
	}

	.invoice_amount {
		min-width:7rem;
	}

	#call_history_table {
		border-collapse: collapse;
	}

	#call_history_table tbody tr:nth-child(even) {
	   background-color: #eee;
	}

	#call_history_table tfoot {
		background: #99d799;
		border-top: 2px black dotted;
	}

	#call_history_table tfoot tr td{
		padding:0.5rem 0 0.5rem 0;
	}

	.car_buy {
		background:#ff99532b;
		border-left: 1px solid #ccc;
	}

	.std_sale {
		background:#5399ff2b;
		border-left: 1px solid #ccc;
	}

	.com_sale {
		background:#53ff692b;
		border-left: 1px solid #ccc;
	}

	.storno_price {
		text-decoration: line-through;
		color: red;
	}

	.overview_price {
		text-align:center;
	}

	.overview_note {
		text-align:right;
	}
/* Tabellen Auswertung */

	#overview_stock table, #overview_sales_std table, #overview_sales_com table {
		clear:both;
		min-width: 100rem;
		background:#4CAF5036;
	}

	#overview_stock, #overview_sales_std, #overview_sales_com {
	margin-bottom:1.5rem;
	}
}