#account { position: fixed; left: calc(100vw + 0.2em); top: 0; width: 45em; height: 100vh; max-height: 100vh; background: #fff; border-left: 0.2em solid #5d5d5d; z-index: 800; overflow: auto; }	
	#account_headline { font-size: 1.4em; font-variant: small-caps; margin-bottom: 1em; }
	#account_table { width: calc(100% - 2em); margin: 0.5em 1em; }
	#account_close_td { width: 14%; padding-top: 0.3em; }	
	#account_close { width: 100%; opacity: 0.7; cursor: pointer; font-size: 1em; text-align: center; cursor: pointer; }
	#account_close:hover { opacity: 1; }
	#account_close img { display: block; width: 1em; margin: 0px auto; }
	
	#account_option { border: 1px solid #5d5d5d; border-radius: 5px; background: #5d5d5d; color: #fff; cursor: pointer; font-size: 1.2em; }
	#account_option:hover { border-color: #5d5d5d; }
	#account_options_options { position: absolute; width: 40em; display: none; background: #fff; border: 1px solid #5d5d5d; z-index: 999; }
	.account_options_option { border-top: 1px dotted #5d5d5d; cursor: pointer; padding: 0.5em 0; font-size: 1.1em; }
	.account_option_option { margin: 0 0.25em; padding: 0.25em 0; }
	.account_options_option:hover { background: #f0f0f0; }
	
	#account_content { margin: 0 1em; padding: 1em 0; }
	
	#login_wrapper { border: 1px solid #b3b3b3; border-radius: 5px; background: #f0f0f0; }
	#login_headline { font-size: 1.3em; font-variant: small-caps; margin-bottom: 1em; }
	#customer .label { margin: 0.25em 0; }
	#login_wrapper input { width: calc(100% - 4em); padding: 0.5em 1em; border: 1px solid #b3b3b3; border-radius: 5px; }
	#login_wrapper input:focus { border-color: #5d5d5d; }
	#reset_login { margin-bottom: 0.25em; }
	#reset_login span { font-size: 0.8em; color: blue; cursor: pointer; }
	#reset_login span:hover { text-decoration: underline; }
	#login_button { margin-top: 0.25em; font-size: 1.1em; padding: 0.5em 1em; background: #f9f9f9; border: 1px solid #b3b3b3; border-radius: 5px; cursor: pointer; }
	#login_button:hover { border-color: #5d5d5d; }
	
	#register { margin: 1em 1em 6em 1em; }
	#register_headline { font-size: 1.1em; font-variant: small-caps; margin-bottom: 1em; }
	
	#customer_orders { margin: 1em 0; }
	.customer_order_id { background: #f0f0f0; border: 1px solid #5d5d5d; border-bottom: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: 1.1em; font-variant: small-caps; margin-top: 0.5em; }
	.account_order_cart { display: flex; flex-wrap: wrap; padding: 0.15em 0; border: 1px solid #5d5d5d; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;  }
	.order_cart_product_img { width: calc(10% - 0.25em); margin-left: 0.25em; }
	.order_cart_product_img img { width: calc(100% - 0.5em); }
	.order_cart_product_amount { width: 7%; text-align: center; }
	.order_cart_product_title { width: 38%; }
	.order_cart_product_price { width: 10%; text-align: right; }
	.order_cart_product_pos_sum { width: 15%; text-align: right; }	
	.order_cart_product_actions { width: 20%; font-variant: small-caps; }
	.order_cart_product_action { border: 1px solid #b3b3b3; border-radius: 5px; cursor: pointer; margin: 0 0.25em 0.25em 0.5em; padding: 0.25em 0; }
	.order_cart_product_action:hover { border-color: #5d5d5d; }
	.order_cart_product_action table { width: 100%; margin: 0 0.25em; }
	.order_cart_product_action_img { width: 20%; }
	.order_cart_product_action_img img { display: block; width: calc(100% - 0.25em); }
	.order_cart_product_action_title { font-size: 0.9em; font-variant: small-caps; }
	
	#account_invoice_data { margin: 1em 0 6em 0; }
	#account_invoice_data .label { margin: 0.5em 0 0.25em 0; }
	#account_invoice_data input { width: 80%; padding: 0.5em 1em; border: 1px solid #b3b3b3; border-radius: 5px; background: #f9f9f9; }
	#account_invoice_data input:focus { border-color: #5d5d5d; }
	#account_invoice_data select { font-size: 1.1em; width: 85%; padding: 0.5em; border: 1px solid #b3b3b3; border-radius: 5px; background: #f9f9f9; }
	#account_invoice_data option { width: 80%; padding: 0.5em 1em; border: 1px solid #b3b3b3; border-radius: 5px; background: #f9f9f9; }
	#confirm_button { margin-top: 1em; padding: 0.5em 1em; }
	
	#account_delivery_data { margin: 1em 0 6em 0; }
	#account_delivery_data .label { margin: 0.5em 0 0.25em 0; }
	#account_delivery_data input { width: 80%; padding: 0.5em 1em; border: 1px solid #b3b3b3; border-radius: 5px; background: #f9f9f9; }
	#account_delivery_data input:focus { border-color: #5d5d5d; }
	#account_delivery_data select { font-size: 1.1em; width: 85%; padding: 0.5em; border: 1px solid #b3b3b3; border-radius: 5px; background: #f9f9f9; }
	#account_delivery_data option { width: 80%; padding: 0.5em 1em; border: 1px solid #b3b3b3; border-radius: 5px; background: #f9f9f9; }
	#delivery_data_confirm_button { margin-top: 1em; padding: 0.5em 1em; }
	
	#different_delivery_address_checkbox_wrap { margin: 1.5em 0 0.5em 0; }
	.checkbox { width: 1.5em; height: 1.5em; border: 1px solid #5d5d5d; border-radius: 5px; background: #fff; margin-right: 0.25em; }
	.checkbox div { width: 1em; height: 0.5em; margin: 0.25em 0 0 0.15em; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-50deg); }
	
	#account_change_password { margin-top: 0.5em; }
	#account_change_password .label { margin-top: 0.25em; }
	#account_change_password input { width: 80%; padding: 0.5em 1em; border: 1px solid #b3b3b3; border-radius: 5px; background: #f9f9f9; }
	#account_change_password input:focus { border-color: #5d5d5d; }
	#change_psw_button { margin-top: 1em; padding: 0.5em 1em; }
	
	#account_settings { margin-top: 0.5em; }
	#account .button { padding: 0.5em 1em; background: #f0f0f0; border: 1px solid #b3b3b3; border-radius: 5px; font-size: 1.1em; font-variant: small-caps; text-align: center; margin-bottom: 1em; cursor: pointer; }
	#account .button:hover { border-color: #5d5d5d; }
	#account .button_img { width: 2em; margin-right: 0.5em; }
	#account .button_img img { width: 1.5em; display: block; }
	
	#different_delivery_checkbox { margin: 1em 0; }
	.checkbox_label { padding-left: 0.25em; }
	#delivery_data_confirm_button { margin-top: 1em; }
	
	@media only screen and (max-width: 800px) {
		
		#account { width: 100%; overflow-x: hidden; }
		
	}