.customer_page
{
padding: 20px 0;	
}


/*****DANG NHAP*******/
.section_mobile_login
{
	padding: 50px 0;

}

.mobile_login
{
	justify-content: center;
}

.login_notice
{
	display: block;
	float: left;
	width: 100%;
	padding: 10px 0;	
}


.modal_login {
display: block;
width: 350px;
background-color: #fff;
padding: 20px;
}

.welcome_login > .title
{
	font-size: 15px;
	font-weight:bold;
	text-transform: uppercase;
}

.welcome_login > .member_only
{
	padding: 10px 0;
	color: #666;
}



.form_login_otp
{
	display: none;
}


.otp_number > input
{
	border: 1px solid #ccc;
	outline: none;
	padding: 10px;
	text-align: center;
}




.form_login_mobile_wrap
{
	display: block;
	width: 400px;
	padding: 50px;
	background-color: #fff;
}


/*****CONTROL PANEL*******/

.user_title
{
	font-size: 20px;

}

.user_since
{
	font-size: 14px;
	margin-top: 5px;
	color: #666;
	line-height: 18px;
}

.user_menu
{
	margin-top:20px;
}

.user_menu > a
{
	padding: 10px;
}

.user_menu > a.active 
{
	background-color: #ebebeb;
	border-radius: 5px;
}

.user_menu > a.active > i
{
	color: #d30000;
}

.user_menu > a > i 
{
	font-size: 20px;
	color: #ccc;
}



.account_summary
{
	background-color: #fffcb9;
	padding: 10px;
	line-height: 20px;
	border-radius: 5px;
	margin-top:20px;
}

.account_summary > .title
{
	border-bottom: 1px solid #fff73f;
	padding: 10px 0;
	font-weight: bold;
}

.account_summary > .thankyou_customer
{
	padding: 10px 0;
}

.account_summary > .store_spec
{
	
	padding: 5px 0;
}

.title_big
{
	font-size: 20px;
}

.section_invoice_title
{
	padding-bottom: 10px;
}

.order_item
{
	background-color: #fff;
	border-radius: 5px;
	padding: 20px;
	margin-bottom: 30px;
}

.order_item:last-child
{
	margin-bottom: 0;
}

.order_header
{
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
}

.order_header > i 
{
    color: var(--blue1);
}

.order_body
{
	padding: 10px 0;
}

.order_body > .order_spec
{
	padding: 5px 0;
}

.order_body > .product_spec
{
	padding: 10px 0;
}

.order_body > .product_spec > .item_logo
{
	text-align:center;
	border: 1px solid #efefef;
	border-radius: 5px;
	padding: 10px;
}

.order_body > .product_spec > .item_logo > img
{
	width: 100%;
}

.order_body > .product_spec > .item_name
{
	padding: 10px;
}

.more_product_text
{
	color: #787878;
	margin-top:10px;
}

.receiver_info
{
	padding: 5px 0;
}

.order_info_block
{
	background-color: #fff;
	padding: 20px;
	border-radius: 5px;
}

.order_money_sum
{
	margin-top: 20px;
	padding-top: 20px;
}


.purchase_item
{
	padding: 10px 0;
	border-bottom:1px solid #efefef;
}

.purchase_item:last-child
{
	border-bottom: 0;
}

.purchase_item_logo
{
	padding: 10px;
	text-align: center;
	border: 1px solid #efefef;
}

.purchase_item_logo > img
{
	width: 100%;
}

.purchase_item_info
{
	padding-left: 20px;
	line-height: 25px;
}


/*THANH TOAN
---------------------------------------------------*/

.modal_payment_option
{
    width: 450px;
    background-color: #fff;
    padding: 20px;	
}




/* DANH GIA
---------------------------------------------------*/
.modal_rating_form
{
    width: 400px;
    background-color: #fff;
    padding: 20px;		
}

.rating_wrap
{
display: block;
float: left;
width: 100%;
}

.rating_wrap > .star
{
display: block;
float: left;
width: 100%;
margin-top:10px;
text-align: center;
}


.rating_wrap > .submit
{
display: block;
float: left;
width: 100%;
margin-top:10px;
background-color: #FFB400;
color: #fff;
padding: 10px 0;
text-align: center;
border-radius: 5px;
margin-bottom: 10px;
}

.rate {
    display: inline-block;
    height: 46px;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
	margin: 0 3px;
}
.rate:not(:checked) > label:before {
    content: '★ ';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}

.suggess_rating
{
display: none;
float: left;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}

.suggess_rating > .item
{
	display: inline-block;
	border: 1px solid #ccc;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #ccc;
	cursor: pointer;
	font-size: 13px;
}

.suggess_rating > .item.selected
{
	border: 1px solid orange;
	color: #333;
}

.suggess_rating > .item > input
{
display: inline-block;
visibility: hidden;
width: 0;
height: 1px;
margin: 0;
padding: 0;
cursor: pointer;
}

.modal_delivery_proof
{
	width: 500px;
	background-color: #fff;
	padding: 20px;
}

.hinhanh_giaohang
{
	padding: 0;
}

.hinhanh_giaohang > .item
{
	margin-bottom: 10px;
	line-height: 25px;
}

.hinhanh_giaohang > .item > .image
{
	padding: 10px;
	border: 1px solid #efefef;
}

.hinhanh_giaohang > .item > .image > img 
{
	width: 100%;
}


.profile_section
{
	background-color: #fff;
	padding: 20px;
	border-radius: 5px;
}

.profile_section > .item
{
	padding: 10px;
	border-bottom: 1px solid #efefef;
}

.profile_section > .item:last-child
{
	border-bottom: 0;
}

.email_address
{
	display: inline-block;
	padding: 5px;
	background-color: #efefef;
	margin-right: 10px;
	margin-bottom: 10px;
}

.email_address:last-child
{
	margin-right: 0;
}

.modal_edit_profile
{
	width: 550px;
	background-color: #fff;
	padding: 10px
}
	
/********** XAC NHAN HOA DON **********/
.section_xacnhan_hoadon > .container,
.section_kiemtra_mst > .container
{
	margin-right: auto;
	margin-left: auto;
	width: 500px;		
}

.customer_invoice_notice
{
	padding: 10px;
	font-size: 12px;
	line-height: 20px;
	background-color: #efefef;
	margin-bottom: 20px;
}



@media (max-width: 500px) {
	
	.welcome_header
	{
		display: block;
		float: left;
		width: 100%;
		padding: 10px 10px;
		color: #fff;
	}
	
	.welcome_header  .text1
	{
		font-size: 13px;
		padding-bottom: 5px;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.welcome_header > .row-flex
	{
		align-items: center;
	}
	
	.section_customer_menu
	{
		padding: 10px;
	}
	
	.customer_menu
	{
		display: block;
		float: left;
		width: 100%;
		border: 1px solid #efefef;
	}
	
	.user_menu
	{
		margin: 0;
	}
	
	.user_menu > a
	{
		border-bottom: 1px solid #efefef;
	}
	
	.user_menu > a:last-child
	{
		border: 0;
	}
	
	.user_logged_in > a 
	{
		background-color: #fff;
	}
	
	.section_mobile_login
	{
		padding: 0;
	}
	
	.mobile_login
	{
		padding: 10px;
	}
	
	.form_login_mobile_wrap
	{
		width: 100%;
		border-radius: 5px;
		margin-top:-100px;
	}
	
	.customer_page
	{
		padding: 0;
	}
	
	.section_last_order
	{
		padding: 10px;
	}
	
	.section_last_order .title_big
	{
		font-size: 15px;
	}
	
	.welcome_header .hero_button > .icon
	{
		padding: 0 5px;
	}
	
	.thongtin_nguoinhan,
	.thongtin_thanhtoan
	{
		width: 100%;
	}
	
	.section_order_time
	{
		margin-top:20px;
	}
	
	.section_thongtin_nguoinhan,
	.section_thongtin_thanhtoan,
	.section_sanpham,
	.section_thanhtien,
	.section_order_time
	{
		margin-bottom: 20px;
		padding: 0 10px;
	}
	

	
	.order_detail_header .order_title ,
	.order_detail_header .order_time
	{
		width: 100%;
		padding: 10px;
		text-align: left;
		font-size: 14px;
	}
	
	.order_money_sum
	{
		margin: 0;
		
	}
	
	.section_thanhtien
	{
		padding-bottom: 60px;
	}
	
	.customer_action_button a 
	{
		width: 49%;
	}
	
	.modal_payment_option
	{
		width: 350px;
	}
	
	.payment_item > .fee
	{
		display: block;
		position: absolute;
		right: 5px;
		font-size: 12px;
	}
	
	.modal.modal_rating_form,
	.modal.modal_payment_option,
	.modal.modal_edit_profile
	{
		position: fixed;
		width: 100%;
		bottom: 0;
		left: 0;
	}
	
	.section_invoice_title
	{
		padding: 10px;
	}
	
	.section_kiemtra_mst > .container,
	.section_xacnhan_hoadon > .container
	{
		width: 100%;
		margin: 0;
		padding: 10px;
	}
	
	.section_white
	{
		padding: 10px;
	}

	.login_picture img 
	{
		width: 100%;
	}

}