.full.signin,.full.signup {
	padding: 60px 0 30px;
	min-height: 100vh;
	position: relative
}

.full.signin .background,.full.signup .background {
	content: "";
	width: 100vw;
	height: 50vh;
	background: url("/images/bg_login.jpg") no-repeat bottom center;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1
}

.full.signin .container,.full.signup .container {
	min-height: calc(100vh - 90px)
}

.box-layout {
	background: white;
	padding: 20px;
	border-radius: 6px;
	margin: 0 auto;
	width: 100%
}

@media (min-width:768px) {
	.box-layout {
		width: 60%
	}
}

.box-layout .box-layout-title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px
}

.box-layout .box-layout-content .user-form .form-group>div,.box-layout .box-layout-content .user-form .form-group>input {
	flex: 0 0 100%!important;
	max-width: 100%!important
}

@media (max-width:991.98px) {
	#box_menu_user {
		position: fixed;
		top: 0;
		right: 0;
		transition: all 0.5s ease-in-out;
		overflow: hidden;
		width: 100%;
		z-index: 9000;
		margin-bottom: 0;
		background: #fff;
		transform: translateX(100%)
	}

	#box_menu_user.openside {
		transform: translateX(0);
		height: 100%;
		display: block;
		overflow-y: auto
	}

	#box_menu_user .user-toggler {
		position: absolute;
		top: 5px;
		right: 5px
	}
}

.user-toggler {
	background: #f9f9f8;
	border: 1px solid #0057ff;
	border-radius: 6px
}

.user-toggler i {
	color: #0057ff
}

#container .nav {
	background: #f9f9f9;
	border: 1px solid #ebeaea;
	margin-bottom: 30px
}

.vglb_navigation,.user-manager {
	margin: 0 -15px
}

#vglb-column_left {
	padding: 0 20px
}

#vglb-column_left>.user-tool {
	display: none!important
}

#vglb-content {
	border-radius: 8px;
	margin-bottom: 18px
}

#user-manager {
	display: flex;
	flex-wrap: wrap;
	min-height: 400px;
	padding: 0 15px
}

#user-manager #vglb-column_left {
	order: 0
}

@media (min-width:992px) {
	#user-manager #vglb-column_left {
		flex: 0 0 25%;
		max-width: 25%;
		padding: 0;
		padding-right: 22px
	}
}

#user-manager #vglb-content {
	order: 1
}

#user-manager #vglb-content .page_title {
	font: 300 19px/150% SFProDisplay-Regular,sans-serif;
	color: #343434;
	padding: 20px 0
}

@media (min-width:992px) {
	#user-manager #vglb-content {
		flex: 0 0 75%;
		max-width: 75%;
		padding: 0
	}
}

#user-manager .paginate {
	order: 2
}

.forget_pass {
	background: #fff;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.1);
	padding: 15px;
	margin: 30px 0
}

@media (min-width:768px) {
	.forget_pass {
		padding: 30px
	}
}

.user_info {
	border-bottom: 6px solid #eaeaea;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 5px;
	padding-bottom: 7px;
	margin-bottom: 20px
}

.user_info .user_img {
	width: 70px;
	height: 70px;
	border: 1px solid #ddd;
	border-radius: 50%;
	overflow: hidden
}

.user_info .user_img img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto
}

.user_info .user_name {
	font: 400 16px/1.2 SFProDisplay-Regular,sans-serif;
	color: #7a7a7a;
	flex: 1 1 auto;
	padding-left: 15px
}

.user_info .user_name span {
	font: 600 24px/1.2 "SFProDisplay-Semibold";
	color: #0155f5;
	display: block
}

#user_profile h1 {
	font: 400 21px/150% SFProDisplay-Regular,sans-serif;
	color: #1b1b1b;
	padding-bottom: 12px
}

#user_profile .content {
	background: #fff;
	border-radius: 4px;
	padding: 10px
}

@media (min-width:768px) {
	#user_profile .content {
		padding: 25px
	}
}

#user_profile .content .profile-item {
	font: 300 14px/150% SFProDisplay-Regular,sans-serif;
	color: #1a1a1a
}

#user_profile .content .profile-item div {
	padding: 7.5px 12px
}

#user_profile .content .profile-item div span {
	color: #888888;
	min-width: 120px;
	display: inline-block
}

@media (min-width:768px) {
	#user_profile .content .profile-item div span {
		min-width: 180px
	}
}

#user_profile .content .profile-item div:nth-child(2n) {
	background: #fafafa
}

#user_profile .content .wellcome-item {
	font: 400 14px/150% SFProDisplay-Regular,sans-serif;
	color: #888888;
	padding-bottom: 10px
}

#user_profile .content .wellcome-item span {
	color: #212121
}

#user_profile .content .promo_info {
	font: 400 14px/150% SFProDisplay-Regular,sans-serif;
	color: #fe0000;
	background: #f6f6f6;
	padding: 10px 30px;
	margin: 0 -10px 10px
}

@media (min-width:768px) {
	#user_profile .content .promo_info {
		margin: 0 -25px 10px
	}
}

.box_menu_user li a {
	font: 400 14px/150% SFProDisplay-Regular,sans-serif;
	color: #484848;
	display: flex;
	padding: 8px 0px;
	padding-left: 40px;
	position: relative
}

.box_menu_user li a.current {
	background: #ececec
}

.box_menu_user li a label {
	margin: 0;
	cursor: pointer
}

.box_menu_user li a label i {
	font-size: 1.2rem;
	color: #a6a6a6;
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 5px;
	transform: translateY(-50%)
}

.box_menu_user li a .noti-count {
	font: 400 13px/1 SFProDisplay-Regular,sans-serif;
	color: #fff;
	background: #9f9f9f;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2px 0px;
	margin: 0 5px;
	margin-left: auto;
	position: relative
}

.avatar-preview {
	padding: 0 15px;
	margin-bottom: 15px
}

.avatar-preview .list_pic {
	width: 100px;
	height: 100px
}

.avatar-preview .list_pic img {
	width: 100%;
	height: auto
}

.user-form .form-group {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.user-form .form-group label.error {
	display: inline-block;
	width: 100%;
	text-align: right;
	margin-top: 2px;
	margin-bottom: -14px
}

.user-form .form-group label.title {
	font: 500 14px/150% SFProDisplay-Regular,sans-serif;
	color: #888888;
	flex: 0 0 30%;
	max-width: 30%;
	margin-bottom: 4px
}

@media (min-width:576px) {
	.user-form .form-group label.title {
		flex: 0 0 160px;
		max-width: 160px
	}
}

.user-form .form-group label.title .required {
	color: red;
	font-size: 20px;
	display: inline-block;
	margin-top: -10px;
	height: 10px
}

.user-form .form-group>div,.user-form .form-group>input.form-control {
	flex: 0 0 70%;
	max-width: 70%
}

@media (min-width:576px) {
	.user-form .form-group>div,.user-form .form-group>input.form-control {
		flex: 0 0 calc(100% - 160px);
		max-width: calc(100% - 160px)
	}
}

.user-form .form-group .verify {
	position: relative
}

.user-form .form-group .verify button#send_verification {
	background: #ffe400;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	height: 32px;
	padding: 0 20px;
	margin: 0
}

.user-form .form-group .chosen-container {
	border: 1px solid #ddd;
	border-radius: 0.25rem
}

.user-form .form-group .chosen-container .chosen-single {
	height: 32px;
	border: none;
	box-shadow: none
}

.user-form .form-group .gender {
	display: flex;
	align-items: center;
	padding: 0 10px
}

.user-form .form-group .gender .form-check {
	padding: 0 10px
}

.user-form .form-group .gender .form-check+.form-check {
	padding-left: 30px
}

.user-form .form-group .birthday {
	display: flex;
	flex-wrap: wrap
}

.user-form .form-group .birthday select {
	text-align: center;
	border: 1px solid #f0f0f0;
	border-radius: 4px;
	flex: 1 1;
	height: 35px;
	padding: 0 10px
}

@media (min-width:576px) {
	.user-form .form-group .birthday select {
		flex: 0 0 105px;
		max-width: 105px
	}
}

.user-form .form-group .update_account {
	color: #fff;
	background: #0154f5;
	min-width: 132px;
	min-height: 37px;
	display: flex;
	align-items: center;
	justify-content: center
}

.user-form .box_avatar #show_picture {
	border: 1px solid #0154f5
}

.user-form .box_avatar .input-group-append {
	flex: 0 0 100%
}

.user-form .box_avatar .btn-upload {
	text-align: center;
	color: #fff;
	background: #0154f5;
	border: 1px solid #0154f5;
	border-radius: 4px;
	width: 100%;
	display: block;
	overflow: hidden;
	position: relative;
	padding: 6px 12px;
	margin: 15px 0;
	cursor: pointer
}

@media (max-width:767.98px) {
	.user-form .form-submit .title {
		display: none
	}

	.user-form .form-submit .form-content {
		flex: 0 0 100%;
		max-width: 100%
	}

	.user-form .form-submit .form-content .update_account {
		margin: auto
	}
}

.box-manager .box-title {
	font: 400 20px/150% SFProDisplay-Regular,sans-serif;
	color: #1b1b1b;
	padding: 5px 0
}

.box-manager .box-content {
	border-radius: 8px;
	padding: 20px;
	margin: 0;
	margin-bottom: 15px;
	background: #fff;
	min-height: 400px
}

@media (max-width:992px) {
	.box-manager .box-content {
		padding: 15px
	}
}

@media (max-width:767.98px) {
	.box-manager .box-content .mobile1 {
		order: 1
	}
}

@media (max-width:767.98px) {
	.box-manager .box-content .mobile2 {
		order: 2
	}
}

.box-manager .box-content form {
	margin-bottom: 15px
}

@media (max-width:992px) {
	.box-manager .box-content form {
		margin-bottom: 0
	}
}

.box-manager .box-content .row_notification,.box-manager .box-content .top_row {
	display: flex;
	flex-wrap: wrap
}

.box-manager .box-content .select {
	width: 40px;
	position: relative
}

.box-manager .box-content .select label:before {
	content: "";
	position: absolute;
	top: 0%;
	left: 0px;
	width: 19px;
	height: 19px;
	cursor: pointer;
	background: #fff;
	border: 2px solid #ea3e00;
	margin: 0;
	transition: 200ms linear
}

.box-manager .box-content .select label:after {
	content: "\f00c";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	line-height: 1;
	font-size: 0.6666666667rem;
	color: #ea3e00;
	position: absolute;
	top: 4px;
	left: 4px;
	background: transparent;
	opacity: 0;
	transition: 200ms linear
}

.box-manager .box-content .select label:hover:before {
	background: #ea3e00;
	opacity: 0.5
}

.box-manager .box-content .select label:hover:after {
	color: #fff;
	opacity: 0.5
}

.box-manager .box-content .select input[type=checkbox] {
	visibility: hidden;
	display: none
}

.box-manager .box-content .select input[type=checkbox]:checked+label:before {
	background: #ea3e00
}

.box-manager .box-content .select input[type=checkbox]:checked+label:after {
	color: #fff;
	opacity: 1
}

.box-manager .box-content .select-all label:before {
	border-color: #676767
}

.box-manager .box-content .select-all label:after {
	color: #676767
}

.box-manager .box-content .select-all label:hover:before {
	background: #767676
}

.box-manager .box-content .select-all input[type=checkbox]:checked+label:before {
	background: #767676
}

.box-manager .box_sync {
	background: #fff;
	border-radius: 8px;
	padding: 10px 25px;
	margin: 0;
	margin-bottom: 15px
}

.box-manager .box_sync .list_social .item {
	display: flex;
	align-items: center;
	padding: 12px 0
}

.box-manager .box_sync .list_social .item .icon {
	width: 36px;
	height: 36px
}

.box-manager .box_sync .list_social .item .icon img {
	max-width: 100%;
	max-height: 100%
}

.box-manager .box_sync .list_social .item .title {
	font: 500 16px/150% SFProDisplay-Regular,sans-serif;
	color: #1b1b1b;
	padding-left: 20px
}

.box-manager .box_sync .list_social .item a {
	font: 500 16px/150% SFProDisplay-Regular,sans-serif;
	color: #1784e1;
	margin-left: auto
}

.box-manager .box_sync .list_social .item+.item {
	border-top: 1px solid #f9f9f9
}

.box-manager .top_row {
	padding: 15px 20px
}

.box-manager .top_row .btn {
	font: 300 14px/150% SFProDisplay-Regular,sans-serif;
	color: #767676;
	background: transparent;
	border-color: #ececec;
	border-radius: 4px;
	margin: 0 5px
}

.box-manager .top_row .btn i {
	color: #767676;
	padding-right: 15px
}

.box-manager .top_row .btn:focus,.box-manager .top_row .btn:hover {
	color: #006ee7;
	border-color: #767676
}

#user_notification .nav-tabs {
	align-items: center;
	background: transparent;

	border: 0;
	border-bottom: 1px solid #f8f8f8
}

#user_notification .nav-tabs .nav-item .nav-link {
	border: 2px solid transparent;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 15px;
	margin: 0 30px;
	position: relative
}

@media (max-width:992px) {
	#user_notification .nav-tabs .nav-item .nav-link {
		margin: 0 15px
	}
}

#user_notification .nav-tabs .nav-item .nav-link.active,#user_notification .nav-tabs .nav-item .nav-link.show {
	border-bottom-color: #0254f4
}

#user_notification .nav-tabs .nav-item .nav-link .unread {
	background: #ff0000;
	border-radius: 50%;
	width: 6px;
	height: 6px;
	display: block;
	position: absolute;
	top: 5px;
	right: -5px
}

#user_notification .nav-tabs .setting {
	display: flex;
	align-items: center;
	margin-left: auto
}

#user_notification .nav-tabs .setting:after {
	display: none
}

#user_notification .nav-tabs .setting span {
	font: 400 14px/150% SFProDisplay-Regular,sans-serif;
	color: #ff0000;
	display: inline-block;
	margin-right: 15px
}

#user_notification .nav-tabs .setting i {
	font-size: 20px
}

#user_notification .nav-tabs .box_action {
	padding: 0
}

#user_notification .nav-tabs .box_action>div {
	border-radius: 4px;
	padding: 5px 10px;
	cursor: pointer
}

#user_notification .nav-tabs .box_action>div+div {
	border-top: 1px solid #f8f8f8
}

#user_notification .nav-tabs .box_action>div .no-btn {
	background: transparent;
	border: 0;
	box-shadow: 0;
	padding: 0
}

#user_notification .nav-tabs .box_action>div:hover {
	background: #f8f8f8
}

#user_notification .tab-content {
	min-height: 400px;
	padding-bottom: 50px;
	position: relative
}

#user_notification .tab-content .paginate {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}

#user_notification .tab-content #item_detail .title {
	font: 400 24px/150% SFProDisplay-Regular,sans-serif
}

#user_notification .row_notification {
	padding: 20px 0
}

#user_notification .row_notification.focus {
	background: #f7fcff
}

#user_notification .row_notification.reading {
	background: #f8f8f8
}

#user_notification .row_notification.reading .date,#user_notification .row_notification.reading .title_notification {
	font: 700 15px/150% "SFProDisplay-Bold"
}

#user_notification .row_notification.reading .date .content,#user_notification .row_notification.reading .date .title,#user_notification .row_notification.reading .title_notification .content,#user_notification .row_notification.reading .title_notification .title {
	font: 700 15px/150% "SFProDisplay-Bold"
}

#user_notification .row_notification .date {
	flex: 0 0 10%;
	max-width: 10%
}

#user_notification .row_notification .icon {
	flex: 0 0 31px;
	max-width: 31px;
	margin-right: 10px
}

@media (min-width:992px) {
	#user_notification .row_notification .icon {
		margin: 0;
		order: 2
	}
}

#user_notification .row_notification .icon img {
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: auto
}

#user_notification .row_notification .title_notification {
	flex: 0 0 100%;
	max-width: 100%;
	padding: 10px 0;
	order: 3
}

@media (min-width:992px) {
	#user_notification .row_notification .title_notification {
		flex: 1 1;
		max-width: unset;
		padding: 0 10px
	}
}

#user_notification .row_notification .title_notification .title {
	font: 500 14px/150% SFProDisplay-Regular,sans-serif;
	color: #343434;
	flex: 0 0 25%;
	max-width: 25%
}

#user_notification .row_notification .title_notification .content {
	font: 400 14px/150% SFProDisplay-Regular,sans-serif;
	color: #343434;
	flex: 1 1
}

#user_notification .row_notification .group_btn {
	flex: 0 0 100%;
	max-width: 100%;
	display: flex;
	justify-content: flex-end;
	order: 4
}

@media (min-width:992px) {
	#user_notification .row_notification .group_btn {
		flex: 0 0 20%;
		max-width: 20%
	}
}

#user_notification .row_notification .group_btn button {
	font: 400 14px/150% SFProDisplay-Regular,sans-serif;
	background: transparent;
	border: 0

}

#user_notification .row_notification .group_btn .btn_read {
	color: #0254f4
}

#user_notification .row_notification .group_btn .btn_delete {
	color: #ff0000
}

@media (min-width:992px) {
	#user_notification .row_notification .group_btn .btn_delete {
		align-self: flex-start
	}
}

#user_notification .row_notification+.row_notification {
	border-top: 1px solid #f8f8f8
}

#user_promotion_code {
	background: transparent;
	padding: 0
}

#user_promotion_code .nav-tabs {
	align-items: center;
	background: #fff;
	border: 0;
	border-bottom: 1px solid #f8f8f8;
	border-radius: 4px
}

#user_promotion_code .nav-tabs .nav-item .nav-link {
	border: 2px solid transparent;
	padding: 15px 2px;
	margin: 0 10px;
	position: relative
}

@media (min-width:768px) {
	#user_promotion_code .nav-tabs .nav-item .nav-link {
		margin: 0 30px
	}
}

#user_promotion_code .nav-tabs .nav-item .nav-link.active,#user_promotion_code .nav-tabs .nav-item .nav-link.show {
	border-bottom-color: #0254f4
}

#user_promotion_code .tab-content {
	padding-top: 10px
}

#user_promotion_code .tab-content .row_item {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px
}

#user_promotion_code .tab-content .row_item .col_item {
	padding: 10px;
	position: relative
}

#user_promotion_code .tab-content .row_item .col_item .item {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100%;
	min-height: 113px;
	display: flex;
	align-items: stretch
}

#user_promotion_code .tab-content .row_item .col_item .item.disabled {
	position: relative
}

#user_promotion_code .tab-content .row_item .col_item .item.disabled:after {
	content: "";
	background: rgba(0,0,0,0.1);
	border-radius: 6px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0
}

#user_promotion_code .tab-content .row_item .col_item .item .col_l {
	flex: 0 0 27%;
	max-width: 27%;
	padding: 14px
}

#user_promotion_code .tab-content .row_item .col_item .item .col_l .type {
	font: 400 14px/150% SFProDisplay-Regular,sans-serif;
	text-align: center;
	color: #fff;
	background: #1866c7;
	border-radius: 6px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

#user_promotion_code .tab-content .row_item .col_item .item .col_r {
	flex: 0 0 73%;
	max-width: 73%;
	display: flex;
	flex-direction: column;
	padding: 14px
}

#user_promotion_code .tab-content .row_item .col_item .item .col_r .title {
	font: 600 18px/150% "SFProDisplay-Semibold";
	color: #000
}

#user_promotion_code .tab-content .row_item .col_item .item .col_r .apply {
	font: 300 13px/150% "SFProDisplay-Light";
	color: #4e4e4e
}

#user_promotion_code .tab-content .row_item .col_item .item .col_r .date {
	font: 300 13px/150% "SFProDisplay-Light";
	color: #ff0000;
	margin-top: auto
}

#user_promotion_code .tab-content .row_item .col_item .info {
	font-size: 25px;
	color: #1866c7;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer
}

.popover-body {
	font: 400 14px/150% SFProDisplay-Regular,sans-serif;
	padding: 0
}

.popover-body p {
	padding: 5px 10px
}

.popover-body p+p {
	border-top: 1px solid #f8f8f8
}

.popover-body .code {
	background: #f8f8f8
}

.popover-body .code b {
	font: 600 18px/150% "SFProDisplay-Semibold";
	cursor: pointer
}

.popover-body .apply span {
	text-transform: lowercase
}

.popover-body .apply .number {
	font-weight: 700
}

.popover-body .num_use quote {
	font-weight: 700;
	color: #28a745
}

.popover-body .num_use.invalid quote {
	color: #f00
}

.popover-body .short {
	font: 300 14px/150% SFProDisplay-Regular,sans-serif;
	background: #f8f8f8;
	border-top: 1px solid #f8f8f8
}

#user_ordering {
	background: transparent;
	padding: 0
}

#user_ordering .nav-tabs {
	align-items: center;
	justify-content: space-between;
	background: #fff;
	border: 0;
	border-bottom: 1px solid #f8f8f8;
	border-radius: 4px;
	padding: 0 25px
}

#user_ordering .nav-tabs .nav-item .nav-link {
	border: 2px solid transparent;
	padding: 15px 2px;
	position: relative
}

#user_ordering .nav-tabs .nav-item .nav-link.active,#user_ordering .nav-tabs .nav-item .nav-link.show {
	border-bottom-color: #0254f4
}

#user_ordering .tab-content {
	background: #fff;
	border-radius: 4px;
	padding: 25px;
	margin-top: 10px
}

@media (max-width:992px) {
	#user_ordering .tab-content {
		padding: 20px 15px
	}
}

#user_contributor {
	background: transparent;
	padding: 0
}

#user_contributor .panel {
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	margin-bottom: 15px
}

#user_contributor .panel-body {
	padding: 25px 15px
}

@media (max-width:992px) {
	#user_contributor .panel-body {
		padding: 20px 5px
	}
}

#user_contributor .panel-body .row {
	align-items: flex-end;
	margin: 0
}

#user_contributor .panel-body .row label {
	font: 400 14px/150% SFProDisplay-Regular,sans-serif;
	color: #505050
}

#user_contributor .panel-body .row input {
	height: 38px;
	padding: 10px
}

#user_contributor .panel-body .row button {
	font: 400 14px/150% SFProDisplay-Regular,sans-serif;
	color: #000;
	background: #ffe400
}

#user_contributor .manage {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	padding: 20px 30px
}

@media (max-width:992px) {
	#user_contributor .manage {
		padding: 20px 15px
	}
}

#user_contributor .manage table th {
	font: 400 14px/150% SFProDisplay-Regular,sans-serif;
	color: #505050
}

#user_contributor .list_user_contributor .item {
	margin-bottom: 15px
}

#user_contributor .list_user_contributor .item .pic {
	margin-right: 10px
}

#user_contributor .list_user_contributor .item .pic img {
	width: 40px;
	height: 40px;
	border-radius: 50%
}

#user_contributor .total_contributor_all {
	font: 400 16px/150% SFProDisplay-Regular,sans-serif;
	text-align: right;
	color: #797979;
	padding: 4px 0 0 0
}

#user_contributor .total_contributor_all b {
	font-size: 18px;
	font-weight: 400;
	color: #000
}

#user_contributor .warning_wcoin {
	font: 400 14px/150% SFProDisplay-Regular,sans-serif;
	color: #434343;
	background: #fff;
	border: 1px solid #1b70da;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	display: flex;
	flex-wrap: wrap;
	padding: 30px 20px
}

@media (max-width:992px) {
	#user_contributor .warning_wcoin {
		padding: 20px 15px
	}
}

#user_contributor .warning_wcoin .title {
	padding: 4px 0px
}

#user_contributor .warning_wcoin .block_l {
	flex: 0 0 100%;
	max-width: 100%
}

@media (min-width:992px) {
	#user_contributor .warning_wcoin .block_l {
		flex: 0 0 60%;
		max-width: 60%;
		border-right: 1px solid #dadada;
		padding: 0 20px
	}
}

#user_contributor .warning_wcoin .block_l #btn_update {
	color: #fff;
	background: #1b70da;
	padding: 10px 40px
}

#user_contributor .warning_wcoin .block_r {
	flex: 0 0 100%;
	max-width: 100%
}

@media (min-width:992px) {
	#user_contributor .warning_wcoin .block_r {
		flex: 0 0 calc(40% - 3px);
		max-width: calc(40% - 3px);
		border-left: 1px solid #dadada;
		padding: 0 20px;
		margin-left: 3px
	}
}

#list_contributor {
	padding: 30px 20px
}

@media (max-width:992px) {
	#list_contributor {
		padding: 20px 15px
	}
}

#list_contributor .box_user .row_header {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #e5e5e5;
	min-width: 920px;
	padding-bottom: 10px;
	overflow-x: auto
}

#list_contributor .box_user .row_header .th {
	font: 500 16px/150% "SFProDisplay-Medium";
	color: #242424;
	padding: 0 18px
}

#list_contributor .box_user .row_header .th:first-child {
	flex: 0 0 5%;
	max-width: 5%;
	padding-left: 0
}

#list_contributor .box_user .row_header .th:nth-child(2) {
	flex: 0 0 20%;
	max-width: 20%
}

#list_contributor .box_user .row_header .th:nth-child(3) {
	flex: 0 0 12%;
	max-width: 12%
}

#list_contributor .box_user .row_header .th:nth-child(4) {
	flex: 1 1;
	max-width: unset
}

#list_contributor .box_user .row_header .th:nth-child(5) {
	flex: 0 0 18%;
	max-width: 18%
}

#list_contributor .box_user .row_header .th:nth-child(6) {
	flex: 0 0 12%;
	max-width: 12%;
	padding-right: 0
}

#list_contributor .box_user .warning {
	text-align: center;
	padding: 10px
}

#address_book .address-form {
	padding: 0
}

#form_ordering_address {
	background: transparent;
	flex: 0 0 100%;
	max-width: 100%;
	padding: 0
}

#form_ordering_address .other_address {
	font: 400 16px/150% SFProDisplay-Regular,sans-serif;
	text-align: center;
	color: #0154f4;
	flex: 0 0 100%;
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px dashed #0154f4;
	border-radius: 4px;
	padding: 7px;
	margin-bottom: 15px
}

#form_ordering_address .other_address i {
	font-size: 24px;
	padding-right: 10px
}

#form_ordering_address .item .address-item {
	box-shadow: none;
	border: 1px solid #f4f4f4;
	border-radius: 6px;
	margin-bottom: 0;
	position: relative
}

#form_ordering_address .item .address-item.is-default {
	border: 1px dashed
}

#form_ordering_address .item .address-item .panel-body {
	display: flex;
	flex-wrap: wrap;
	padding: 20px 10px
}

@media (max-width:992px) {
	#form_ordering_address .item .address-item .info {
		padding-left: 5px
	}
}

.panel-body p {
	font: 400 13px/150% SFProDisplay-Regular,sans-serif;
	color: #2d2d2d;
	padding: 0
}

.panel-body .name {
	font: 700 15px/150% SFProDisplay-Regular,sans-serif;
	color: #1a1a1a
}

.panel-body .action {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end
}

.panel-body .action button {
	margin: 4px
}

.panel-body .action button.edit-address {
	width: 112px
}

.panel-body .action button.delete-address {
	color: #ff0000;
	width: 68px
}

.panel-body .action button.default-address {
	width: 188px
}

.panel-body .default {
	font: 400 13px/150% SFProDisplay-Regular,sans-serif;
	color: #ff0000;
	background: #ffecec;
	border-radius: 5px;
	padding: 3px 6px;
	position: absolute;
	top: 20px;
	left: 50%
}

.address-form {
	max-width: 550px;
	width: 100%;
	padding: 0;
	margin: auto;
	margin-top: 15px
}

@media (min-width:992px) {
	.address-form form {
		box-shadow: 0 0 10px rgba(0,0,0,0.25);
		order: 0px solid #aeaeae;
		border-radius: 6px;
		padding: 30px
	}
}

.address-form .row_input {
	font: 400 13px/150% SFProDisplay-Regular,sans-serif;
	color: #1a1a1a;
	margin-bottom: 10px
}

.address-form .row_input label {
	margin-bottom: 5px
}

.address-form .row_input select {
	font: 400 13px/150% SFProDisplay-Regular,sans-serif
}

.address-form .row_input .required {
	font-size: 20px;
	color: red
}

.address-form .row_input .input_text,.address-form .row_input .textarea {
	width: 100%;
	height: 32px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 2px;
	transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
	padding: 6px 12px;
	outline: none
}

.address-form .row_checkbox {
	margin-top: 15px
}

.address-form .row_checkbox label {
	font: 400 14px/150% SFProDisplay-Regular,sans-serif;
	color: #1a1a1a;
	position: relative;
	padding: 2px;
	padding-left: 30px;
	cursor: pointer
}

.address-form .row_checkbox label:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 2px;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	cursor: pointer;
	background: #fff;
	border: 1px solid #aea8a6;
	margin: 0
}

.address-form .row_checkbox label:after {
	content: "\f00c";
	font-family: "Font Awesome 5 Pro";
	font-size: 1.2rem;
	color: #ff9000;
	position: absolute;
	top: 2px;
	left: 5px;
	background: transparent;
	opacity: 0
}

.address-form .row_checkbox label:hover {
	background: #fff
}

.address-form .row_checkbox label:hover:after {
	opacity: 0.5
}

.address-form .row_checkbox input#default_address {
	visibility: hidden;
	display: none
}

.address-form .row_checkbox input#default_address:checked+label:before {
	background: #ff9000;
	border-color: #ff9000
}

.address-form .row_checkbox input#default_address:checked+label div {
	color: #ff9000
}

.address-form .row_checkbox input#default_address:checked+label:after {
	color: #fff;
	opacity: 1
}

.address-form .row_btn {
	margin-top: 15px
}

.out_info {
	float: left;
	width: 50%;
	height: 654px;
	background: url(../images/user_pic.png) no-repeat center center;
	position: relative
}

.out_info .out_info-content {
	text-align: center;
	font-size: 16px;
	color: #424242
}

.out_info .out_info-title {
	font-size: 18px;
	color: #c10004;
	text-transform: uppercase
}

.out_info .method_row {
	padding-top: 20px
}

.out_info .method_row.first {
	margin: 0px -20px
}

.out_info .method_row .method-short {
	font-size: 12px
}

.out_info .out_info p {
	margin: 0px;
	padding: 5px 0px
}

.user_signup .user_signup-title {
	font-size: 23px;
	font-weight: 700;
	color: #001A9C;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 9px
}

.user_signup .input_text,.user_signup .textarea,.user_signup select {
	width: 100%
}

.user_signup .captcha {
	float: right;
	width: 76%
}

.user_signup .row_btn {
	text-align: right
}

.user_signin,.user_signup {
	min-height: calc(100vh - 90px)
}

.user_signin .col_right,.user_signup .col_right {
	background: #fff url("/images//bg_user.png") no-repeat center;
	background-size: cover;
	flex: 0 0 100%;
	max-width: 100%;
	padding: 30px 15px 94px;
	box-shadow: 0 3px 15px rgba(0,0,0,0.08);
	border-radius: 20px;
	min-height: calc(100vh - 90px)
}

.user_signin .col_right .logo,.user_signup .col_right .logo {
	text-align: center;
	padding-bottom: 15px
}

.user_signin .col_right .logo img,.user_signup .col_right .logo img {
	max-height: 67px
}

.user_signin .col_right .logo p,.user_signup .col_right .logo p {
	font-size: 10px;
	color: #001A9C;
	font-weight: 600;
	text-transform: uppercase;
	padding-top: 4px
}

.user_signin .col_right .hotline,.user_signup .col_right .hotline {
	padding-bottom: 20px;
	font-weight: 600;
	color: #001A9C
}

.user_signin .forget_password,.user_signup .forget_password {
	font: 300 13px/150% SFProDisplay-Regular,sans-serif;
	color: #343434;
	position: relative;
	z-index: 1
}

@media (min-width:768px) {
	.user_signin .forget_password,.user_signup .forget_password {
		margin-left: 75px
	}
}

.user_signin .row_btn,.user_signup .row_btn {
	padding-top: 20px
}

.user_signin .row_btn .btn,.user_signup .row_btn .btn {
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	color: #FFF;
	background: #001A9C;
	width: 100%;
	height: 45px;
	margin-bottom: 10px;
	border-radius: 50px
}

.user_signin .row_btn a,.user_signup .row_btn a {
	font: 400 13px/150% SFProDisplay-Regular,sans-serif;
	text-align: center;
	color: #4a4a4a;
	display: flex;
	align-items: center;
	width: 100%;
	height: 34px;
	border-radius: 4px;
	padding-left: 0px;
	margin-bottom: 10px
}

.user_signin .row_btn a i,.user_signup .row_btn a i {
	font-size: 1.0666666667rem;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 1px solid rgba(0,0,0,0.3)
}

.user_signin .row_btn a span,.user_signup .row_btn a span {
	flex: 1 1
}

.user_signin .row_btn a.btn-google,.user_signup .row_btn a.btn-google {
	color: #fff;
	background: #df4a32
}

.user_signin .row_btn a.btn-facebook,.user_signup .row_btn a.btn-facebook {
	color: #fff;
	background: #3b5998
}

.user_signin .register,.user_signup .register {
	text-align: center;
	font-size: 15px;
	color: #707070;
	padding-top: 4px
}

.user_signin .register a,.user_signup .register a {
	font-weight: 600;
	color: #001A9C
}

.user_signin-title {
	font-size: 23px;
	text-transform: uppercase;
	text-align: center;
	color: #001A9C;
	font-weight: 700;
	padding-bottom: 9px
}

.user_signin-short,.user_signup-short {
	color: #000;
	text-align: center;
	font-size: 14px;
	padding-bottom: 60px
}


.user_signin-content,.user_signup-content {
	margin: 0 auto
}

.user_signin-content .form-group,.user_signup-content .form-group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 20px
}

.user_signin-content .form-group label,.user_signup-content .form-group label {
	margin: 0;
	position: absolute
}

.user_signin-content .form-group .title,.user_signup-content .form-group .title {
	flex: 0 0 75px;
	max-width: 75px
}

.user_signin-content .form-group span,.user_signup-content .form-group span {
	color: #343434;
	position: relative;
	flex: 0 0 100%
}

.user_signin-content .form-group span .img,.user_signup-content .form-group span .img {
	position: absolute;
	width: 16px;
	text-align: center;
	left: 24px;
	top: 50%;
	transform: translateY(-50%)
}

.user_signin-content .form-group span input,.user_signup-content .form-group span input {
	height: 45px;
	border-radius: 50px;
	background: #FFF;
	border: none;
	padding-left: 53px;
	width: 100%;
	box-shadow: inset 0 0 5px rgba(0,0,0,0.15);
	font-size: 14px
}

.user_signin-content .form-group span input::placeholder,.user_signup-content .form-group span input::placeholder {
	color: #707070
}

.affili h4 {
	font: 500 16px/150% "SFProDisplay-Medium";
	color: #242424;
	padding-bottom: 10px
}

.affili #form_deeplink {
	margin-bottom: 15px
}

.affili #form_deeplink .form-group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 25px
}

.affili #form_deeplink .form-group label {
	margin: 0
}

.affili #form_deeplink .form-group span {
	font: 400 14px/150% SFProDisplay-Regular,sans-serif;
	color: #343434;
	flex: 0 0 100%;
	max-width: 100%;
	position: relative
}

@media (min-width:992px) {
	.affili #form_deeplink .form-group span {
		flex: 1 1;
		padding-right: 7px
	}
}

.affili #form_deeplink .form-group span input {
	height: unset;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 10px 12px
}

.affili #form_deeplink .form-group span label {
	font: 300 14px/150% SFProDisplay-Regular,sans-serif;
	position: absolute;
	bottom: -20px;
	left: 0
}

.affili #form_deeplink .form-group .btn-add {
	font: 400 15px/150% SFProDisplay-Regular,sans-serif;
	color: #000000;
	background: #ffe400;
	width: 150px;
	height: 43px
}

.affili .table .dropdown-menu button {
	position: relative
}

.affili .table th {
	font: 500 16px/150% "SFProDisplay-Medium";
	color: #242424
}

.affili .table td input {
	color: #1270c8;
	background: transparent;
	width: 100%;
	border: none
}

.affili .table tbody tr:nth-of-type(2n) {
	background: #f8f8f8
}

.affili .table tbody tr:hover {
	background-color: rgba(0,0,0,0.075)
}

.affili .table .btn-action {
	color: #000;
	background: #b1b1b1;
	border: 0;
	width: 28px;
	height: 28px
}

.affili.statistics .row {
	align-items: flex-end
}

.affili.statistics .btn-search {
	color: #000;
	background: #ffe400;
	padding: 5px 30px
}

.affili.statistics .table tbody tr {
	background: unset
}

.affili.statistics .table tbody tr:nth-of-type(2n) {
	background: #f8f8f8
}

.affili.statistics .table tbody tr:hover {
	background-color: rgba(0,0,0,0.075)
}

.affili.statistics .table tbody tr td a.deeplink {
	color: #1270c8
}

.affili #form_profile .birthday {
	display: flex;
	flex-wrap: wrap
}

.affili #form_profile .birthday select {
	text-align: center;
	border: 1px solid #f0f0f0;
	border-radius: 4px;
	flex: 1 1;
	height: 35px;
	padding: 0 10px
}

@media (min-width:576px) {
	.affili #form_profile .birthday select {
		flex: 0 0 105px;
		max-width: 105px
	}
}

#embed_box {
	min-width: 96%
}

@media (min-width:992px) {
	#embed_box {
		min-width: 500px
	}
}

#embed_box textarea {
	font: 400 15px/1.75 "Verdana",sans-serif;
	color: rgba(17,17,17,0.8);
	border: 0;
	border-bottom: 1px solid #343434;
	width: 100%;
	min-height: 180px
}

#embed_box button {
	font: 400 14px/150% SFProDisplay-Regular,sans-serif;
	display: flex;
	align-items: center;
	width: 100px;
	padding: 0;
	margin-top: 15px;
	margin-left: auto
}

#embed_box button i {
	font-size: 1.0666666667rem;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 1px solid rgba(0,0,0,0.3)
}

#embed_box button span {
	padding: 0 15px
}

.order_code {
	background: #fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	padding: 20px;
	margin: 0
}

.order_detail {
	background: transparent!important;
	border: 0!important;
	padding: 0!important;
	margin: 0
}

.order_detail .box_left {
	padding: 0 15px
}

@media (min-width:768px) {
	.order_detail .box_left .table-responsive {
		overflow: unset
	}
}

.order_detail .box_left,.order_detail .order_log {
	flex: 0 0 100%;
	max-width: 100%
}

@media (min-width:992px) {
	.order_detail .box_left,.order_detail .order_log {
		flex: 0 0 70%;
		max-width: 70%
	}
}

.order_detail .col_right {
	flex: 0 0 100%;
	max-width: 100%
}

@media (min-width:992px) {
	.order_detail .col_right {
		flex: 0 0 30%;
		max-width: 30%
	}
}

.order_detail .order_log .list_log {
	background: #fff;
	padding: 15px 0;
	margin: 15px 0
}

.order_detail .order_log .list_log h3 {
	font: 500 16px/150% SFProDisplay-Regular,sans-serif;
	color: #343434;
	padding: 0 15px
}

.order_detail .order_log .log_item {
	padding: 0 15px
}

.order_detail .order_log .log_item .message {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.order_detail .order_log .log_item .message .log {
	font: 300 14px/150% SFProDisplay-Regular,sans-serif;
	flex: 1 1;
	border-left: 1px solid #999;
	padding: 10px 0;
	padding-left: 15px;
	margin-left: 10px;
	position: relative
}

.order_detail .order_log .log_item .message .log i {
	position: absolute;
	top: 50%;
	left: -7.5px;
	transform: translateY(-50%);
	color: #ddd
}

.order_detail .order_log .log_item .message .datetime {
	font: 300 14px/150% SFProDisplay-Regular,sans-serif;
	width: 150px;
	margin-left: auto
}

.box_left>h3 {
	display: none
}

.box_left .invoice {
	background: #fff;
	border: 1px solid #ebebeb;
	padding: 15px;
	margin: 15px 0
}

.box_left .invoice>h3 {
	font: 500 16px/150% SFProDisplay-Regular,sans-serif;
	color: #343434;
	padding-bottom: 5px
}

.box_left .invoice p {
	padding: 5px 0
}

.manage-table {
	font: 400 14px/150% SFProDisplay-Regular,sans-serif;
	color: #343434;
	width: 100%;
	margin-bottom: 0
}

.manage-table td,.manage-table th {
	font: 400 14px/150% SFProDisplay-Regular,sans-serif;
	vertical-align: middle;
	color: #484545;
	border-bottom: 1px solid #f8f8f8!important;
	padding: 12px 0px
}

.manage-table td.picture_product img,.manage-table th.picture_product img {
	max-height: 70px;
	margin: auto
}

.manage-table td.title_product,.manage-table th.title_product {
	padding-left: 10px
}

.manage-table td.total_product,.manage-table th.total_product {
	text-align: center
}

@media (min-width:768px) {
	.manage-table td.total_product,.manage-table th.total_product {
		text-align: right
	}
}

.manage-table th {
	font-weight: 500;
	border-top: 0
}

.manage-table .tr_item.combo {
	background: #f8f8f8
}

.manage-table tr.cancel_order td {
	text-decoration: line-through;
	color: #db7878!important
}

.manage-table tr.cancel_order td span {
	color: #db7878!important;
	border-color: #db7878!important;
	background: #fff!important
}

.manage-table td .price_format {
	font: 500 14px/150% "SFProDisplay-Medium";
	color: #191919
}

.manage-table .note_plus_wcoin {
	font-weight: 400!important;
	color: #2d9be0!important;
	background: #f8f8f8;
	border: 1px #2d9be0 dashed;
	padding: 10px
}

.manage-table input.code {
	text-align: center;
	border: none
}

.manage-table .promo_status span {
	border-radius: 4px;
	padding: 5px 10px
}

.manage-table #row_total td b {
	color: #fe0000;
	background: #fff2f2;
	border-radius: 6px;
	display: inline-block;
	padding: 5px 12px
}

.manage-table #row_total td .price_format {
	color: #fe0000
}

.info_contributor b {
	min-width: 150px;
	display: inline-block
}

@media (max-width:992px) {
	.info_contributor b {
		min-width: 100px
	}
}

.ordering_address>div {
	background: #fff;
	padding: 15px;
	margin-bottom: 15px
}

@media (max-width:992px) {
	.ordering_address>div.panel.address-form form {
		padding: 15px;
		margin-bottom: 0
	}
}

.ordering_address>div h3 {
	font: 500 16px/150% SFProDisplay-Regular,sans-serif;
	color: #343434;
	padding-bottom: 5px
}

.ordering_address .row_c {
	display: flex;
	align-items: center
}

.ordering_address .row_c .title {
	font: 400 13px/150% SFProDisplay-Regular,sans-serif;
	color: #343434;
	flex: 0 0 75px;
	max-width: 75px
}

.ordering_address .row_c .content {
	font: 400 14px/150% SFProDisplay-Regular,sans-serif;
	color: #343434;
	flex: 1 1
}

.ordering_address .ordering_method .row_c {
	display: block
}

.ordering_address .ordering_method .row_c .content,.ordering_address .ordering_method .row_c .title {
	font: 400 14px/150% SFProDisplay-Regular,sans-serif;
	max-width: unset
}

.fancybox-content {
	width: 100%;
	max-width: 650px;
	padding: 30px
}

.fancybox-content h4 {
	font: 500 18px/150% SFProDisplay-Regular,sans-serif;
	margin-bottom: 15px
}

.fancybox-content p {
	font: 400 16px/150% SFProDisplay-Regular,sans-serif;
	padding: 10px;
	background: #f1f1f1
}

.fancybox-content .tright {
	background: transparent;
	padding: 0;
	margin-top: 15px
}

.fancybox-content .tright .btn-ok {
	color: #fff;
	background: #dc3545
}

#vglb-content.order-review {
	padding: 0;
	margin: auto
}

.info-print {
	display: none
}

.print_page {
	background: #c30005;
	color: #fff;
	border: 1px solid #c30005
}

@media print {
@	page {
		margin: 10mm
	}

	body,html {
		width: 100%;
		font-size: 15px;
		background: #fff;
		color: #000;
		margin: auto;
		overflow: visible
	}

	#vglb-wrapper,.full.user {
		background: unset
	}

	body>:not(#vglb-wrapper),footer {
		display: none!important
	}

	#container>:not(.user-manager):not(.order-review),#vglb-column_left,#vglb-content>:not(.order_detail),#vglb-wrapper>:not(.full) {
		display: none!important
	}

	#vglb-content {
		flex: 0 0 100%;
		max-width: 100%
	}

	.order_detail {
		border: 0!important;
		padding: 30px!important
	}

	.order_detail .box_left {
		flex: 0 0 70%!important;
		max-width: 70%!important;
		padding-right: 15px!important
	}

	.order_detail .col_right {
		flex: 0 0 30%!important;
		max-width: 30%!important
	}

	.box_left h3 {
		font: 500 16px/150% SFProDisplay-Regular,sans-serif;
		color: #343434;
		display: block;
		border-bottom: 2px solid #2e6da4;
		padding-bottom: 5px;
		margin-bottom: 10px
	}

	.box_left .manage {
		border: 0
	}

	.info-print {
		display: block;
		margin-bottom: 15px
	}

	.ordering_address>div {
		padding: 0 15px;
		margin-bottom: 20px
	}

	.ordering_address>div>h3 {
		border-bottom: 2px solid #2e6da4;
		margin-bottom: 10px
	}
}

.warning_wcoin {
	margin-top: 15px;
	padding: 10px;
	border: 1px orange solid;
	font-size: 12px;
	color: #555
}

@media (min-width:992px) {
	#form_change_pass .order1 {
		order: 1
	}
}

@media (min-width:992px) {
	#form_change_pass .order2 {
		order: 2
	}
}

#form_change_pass .order2 a {
	font: 400 14px/150% SFProDisplay-Regular,sans-serif;
	color: #0154f3;
	display: inline-block;
	padding-bottom: 15px
}

#form_change_pass .security_note {
	font: 400 14px/150% SFProDisplay-Regular,sans-serif;
	color: #df2a2a;
	background: #f6f6f6;
	padding: 12px 10px;
	margin-bottom: 35px
}

@media (min-width:992px) {
	#form_change_pass .security_note {
		padding: 12px 40px
	}
}

#form_change_pass .btn-confirm {
	color: #fff;
	background: #0154f5;
	min-width: 132px;
	min-height: 37px;
	display: flex;
	align-items: center;
	justify-content: center
}

.share_link {
	font: 300 14px/150% SFProDisplay-Regular,sans-serif;
	color: #343434;
	margin: 12px 0 7.5px
}

.share_link .link {
	background: #f5f8ff;
	padding: 12px 25px;
	color: #0f33e0;
	font-size: 14px;
	text-decoration: underline;
	padding-right: 50px
}

@media (max-width:992px) {
	.share_link .link {
		padding: 12px 15px;
		position: relative
	}

	.share_link .link:after {
		content: "";
		width: 15px;
		height: 100%;
		background: #f5f8ff;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1
	}
}

.share_link .promotion_box .row_item {
	padding: 15px;
	border: 1px solid #f3f3f3
}

.share_link .promotion_box .row_item:nth-child(odd) {
	background: #f3f3f3
}

.form_link {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

@media (min-width:992px) {
	.form_link {
		margin: 10px -25px 20px
	}
}

.form_link .link {
	flex: 0 0 100%;
	max-width: 100%;
	border: 0;
	overflow: hidden
}

@media (min-width:768px) {
	.form_link .link {
		flex: 1 1 auto
	}
}

.form_link .button_copy {
	font-size: 14px;
	color: #fff;
	background: #ed3237;
	border-radius: 0;
	padding: 12px 28px;
	margin-left: auto;
	cursor: pointer
}

.btn_copy_code {
	position: absolute;
	right: 0;
	top: 0;
	background: #ed3237;
	color: #fff;
	padding: 5px 10px;
	font-size: 14px;
	cursor: pointer
}

.btn_copy_code:focus,.btn_copy_code:hover {
	background: #f00
}

#form_shorten_link {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

#form_shorten_link .link_root,#form_shorten_link .link_shorten {
	font-size: 14px;
	text-decoration: underline;
	color: #0f33e0;
	background: #ddd;
	height: 31px;
	padding: 5px 10px
}

#form_shorten_link .link_root {
	flex: 0 0 100%;
	max-width: 100%
}

@media (min-width:768px) {
	#form_shorten_link .link_root {
		flex: 0 0 auto;
		padding-right: 0
	}
}

#form_shorten_link .link_shorten {
	flex: 0 0 100%;
	max-width: 100%;
	border: 0
}

@media (min-width:768px) {
	#form_shorten_link .link_shorten {
		flex: 1 1 auto;
		padding-left: 0
	}
}

#form_shorten_link .btn {
	color: #fff;
	border-radius: 0;
	padding: 4px 10px;
	font-size: 14px
}

#form_shorten_link .save_code {
	background: #28a745;
	margin-left: auto
}

#form_shorten_link .button_copy {
	background: #ed3237;
	position: unset
}

@media screen and (max-width:991px) {
	.user_signin .row_btn {
		float: none
	}
}

.panel {
	margin-bottom: 20px;
	background-color: #ffffff;
	border: 1px solid transparent;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.05)
}

.panel .panel-heading {
	color: #333333;
	background-color: #f5f5f5;
	border-color: #dddddd;
	border-bottom: 1px solid transparent;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	padding: 10px 15px
}

.panel .panel-body {
	padding: 15px
}

.panel-default {
	border-color: #dddddd
}

.box_user .item .name .view a {
	color: #428bca
}

.share {
	display: inline-flex;
	align-items: center;
	background: #009032;
	color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	outline: none;
	cursor: pointer;
	padding: 5px 12px;
	margin-right: 8px;
	margin-bottom: 10px;
	position: relative;
	transition: 300ms ease-in-out
}

.share.mail {
	background: #df2a2a
}

.share.fb {
	background: #145ce7
}

.share.zl {
	background: #0c9efb
}

.share .icon-user {
	width: 18px;
	height: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 6px
}

.share .icon-user img {
	max-width: 100%;
	max-height: 100%
}

.share a {
	color: #fff;
	cursor: pointer;
	outline: none;
	text-decoration: inherit
}

.share:hover {
	color: #fff;
	background: #555;
	border-color: #000
}

.share:hover a {
	color: #fff
}

.share.banner:hover {
	background: #f05358
}

.send_no_product textarea {
	width: 100%;
	min-height: 95px;
	border-radius: 2px;
	max-height: 150px;
	resize: vertical;
	margin-top: 10px;
	border: 1px #e6e6e6 solid;
	font-family: arial;
	margin-bottom: 20px;
	outline: none;
	padding: 5px 10px
}

.box_manager_gift .profile_title {
	color: #444;
	font-size: 17px;
	text-transform: unset;
	padding: 10px;
	font-family: Arial;
	margin-bottom: 20px;
	background: #F4F4F4;
	border-bottom: none
}

ul.bankList {
	clear: both;
	height: 202px;
	width: 636px
}

ul.bankList li {
	list-style-position: outside;
	list-style-type: none;
	cursor: pointer;
	float: left;
	margin-right: 0;
	padding: 5px 2px;
	text-align: center;
	width: 90px
}

.list-content li {
	list-style: none outside none;
	margin: 0 0 10px
}

.list-content li .boxContent {
	display: none;
	width: 636px;
	border: 1px solid #cccccc;
	padding: 10px
}

.list-content li.active .boxContent {
	display: block
}

.list-content li .boxContent ul {
	height: 280px
}

i.ACB,i.AGB,i.AMREX,i.BAB,i.BIDV,i.DAB,i.EXB,i.GPB,i.HDB,i.ICB,i.JCB,i.MASTE,i.MB,i.MSB,i.NAB,i.NVB,i.OJB,i.PGB,i.SCB,i.SEA,i.SGB,i.SHB,i.TCB,i.TPB,i.VAB,i.VCB,i.VIB,i.VISA,i.VPB {
	width: 80px;
	height: 30px;
	display: block;
	background: url(https://www.nganluong.vn/webskins/skins/nganluong/checkout/version3/images/bank_logo.png) no-repeat
}

i.MASTE {
	background-position: 0px -31px
}

i.AMREX {
	background-position: 0px -62px
}

i.JCB {
	background-position: 0px -93px
}

i.VCB {
	background-position: 0px -124px
}

i.TCB {
	background-position: 0px -155px
}

i.MB {
	background-position: 0px -186px
}

i.VIB {
	background-position: 0px -217px
}

i.ICB {
	background-position: 0px -248px
}

i.EXB {
	background-position: 0px -279px
}

i.ACB {
	background-position: 0px -310px
}

i.HDB {
	background-position: 0px -341px
}

i.MSB {
	background-position: 0px -372px
}

i.NVB {
	background-position: 0px -403px
}

i.DAB {
	background-position: 0px -434px
}

i.SHB {
	background-position: 0px -465px
}

i.OJB {
	background-position: 0px -496px
}

i.SEA {
	background-position: 0px -527px
}

i.TPB {
	background-position: 0px -558px
}

i.PGB {
	background-position: 0px -589px
}

i.BIDV {
	background-position: 0px -620px
}

i.AGB {
	background-position: 0px -651px
}

i.SCB {
	background-position: 0px -682px
}

i.VPB {
	background-position: 0px -713px
}

i.VAB {
	background-position: 0px -744px
}

i.GPB {
	background-position: 0px -775px
}

i.SGB {
	background-position: 0px -806px
}

i.NAB {
	background-position: 0px -837px
}

i.BAB {
	background-position: 0px -868px
}

ul.cardList {
	margin-bottom: 30px
}

ul.cardList li {
	cursor: pointer;
	float: left;
	margin-right: 0;
	padding: 5px 4px;
	text-align: center;
	width: 110px
}

.manager_save_later {
	padding: 0!important
}

.manager_save_later .list_item_product .row_item .col_item {
	padding: 0
}

.cart-responsive .col-cart {
	flex: 0 0 100%;
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 15px
}

.cart-responsive .col-cart .col-i {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	padding: 0 10px
}

.cart-responsive .col-cart .col1 {
	position: relative
}

.cart-responsive .col-cart .col1 .color {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	bottom: 0;
	left: 0
}

.cart-responsive .col-cart .col2 {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.cart-responsive .col-cart .col2 .title_product_cart {
	padding: 0
}

.cart-responsive .col-cart .col2 .title_product_cart .out_stock {
	font: 600 12px/150% SFProDisplay-Regular,sans-serif;
	font-style: italic;
	color: #f00
}

.cart-responsive .col-cart .col2 .title_product_cart .title {
	font: 400 14px/150% SFProDisplay-Regular,sans-serif;
	color: #3d3d3d
}

.cart-responsive .col-cart .col2 .title_product_cart .code_pro {
	font: 300 14px/150% SFProDisplay-Regular,sans-serif;
	color: #3d3d3d
}

.cart-responsive .col-cart .col2 .row_btn {
	justify-content: flex-start
}

.cart-responsive .col-cart .col2 .row_btn>div {
	color: #0072bc;
	padding: 0;
	cursor: pointer
}

.cart-responsive .col-cart .col3 {
	justify-content: flex-end
}

.cart-responsive .col-cart .col3 .price {
	font: 500 18px/1 SFProDisplay-Regular,sans-serif;
	color: inherit
}

.cart-responsive .col-cart .col3 .discount {
	font: 500 14px/1 SFProDisplay-Regular,sans-serif;
	text-align: right;
	color: #4c4c4c;
	flex: 0 0 100%;
	max-width: 100%;
	padding: 0
}

.cart-responsive .col-cart .col3 .discount>span {
	font: 300 14px/150% SFProDisplay-Regular,sans-serif;
	color: #7c7c7c
}

.cart-responsive .col-cart .col3 .add_cart {
	display: flex;
	flex-wrap: wrap;
	margin: 10px 0
}

.cart-responsive .col-cart .col3 .add_cart .css_bo {
	font: 500 14px/150% SFProDisplay-Regular,sans-serif;
	text-transform: uppercase;
	color: #fff;
	background: #0154f5;
	flex: 0 0 100%;
	max-width: 100%;
	border: 0;
	border-radius: 3px;
	padding: 5px 10px;
	cursor: pointer
}

@media (min-width:768px) {
	.cart-responsive .col-cart .col3 .add_cart .css_bo {
		flex: 0 0 130px;
		max-width: 130px;
		margin-left: 5px
	}
}

.cart-responsive .col-cart .col3 .add_cart .css_bo i {
	margin-right: 10px
}

.cart-responsive .col1 {
	flex: 0 0 10%;
	max-width: 10%
}

.cart-responsive .col2 {
	flex: 1 1
}

.cart-responsive .col3 {
	flex: 0 0 100%;
	max-width: 100%
}

@media (min-width:992px) {
	.cart-responsive .col3 {
		flex: 0 0 35%;
		max-width: 35%
	}
}

@media (max-width:767.98px) {
	.cart-responsive>ul {
		align-items: center;
		position: relative
	}

	.cart-responsive>ul.thead {
		display: none
	}

	.cart-responsive>ul li.col-img {
		flex: 0 0 35%;
		max-width: 35%
	}

	.cart-responsive>ul li.col-img span {
		width: 100%;
		padding-top: 115%;
		display: block;
		position: relative
	}

	.cart-responsive>ul li.col-img span img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto
	}

	.cart-responsive>ul li.col-cart {
		flex: 0 0 65%;
		max-width: 65%;
		justify-content: flex-start;
		border-right: 0;
		padding-right: 5px;
		padding-bottom: 10px
	}

	.cart-responsive>ul li.col-cart .col-i {
		flex: 0 0 100%;
		max-width: 100%;
		border-right: 0;
		padding: 0;
		padding-top: 10px
	}

	.cart-responsive>ul li.col-cart .col-i label {
		margin: 0
	}

	.cart-responsive>ul li.col-cart .col1 {
		order: 1
	}

	.cart-responsive>ul li.col-cart .col1 img {
		display: none
	}

	.cart-responsive>ul li.col-cart .col1 .title_product_cart {
		padding: 0
	}

	.cart-responsive>ul li.col-cart .col3,.cart-responsive>ul li.col-cart .col4 {
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 15px
	}

	.cart-responsive>ul li.col-cart .col3.up_total,.cart-responsive>ul li.col-cart .col4.up_total {
		font-size: 0.9333333333rem;
		font-weight: 600
	}

	.cart-responsive>ul li.col-cart .col3 {
		order: 4
	}

	.cart-responsive>ul li.col-cart .col4 {
		order: 3
	}

	.cart-responsive>ul li.col-cart .col5 {
		position: absolute;
		top: 5px;
		right: 10px;
		padding: 0
	}
}

#user-product .list_item_product .row_item .col_item {
	flex: 0 0 50%;
	max-width: 50%
}

@media (min-width:576px) {
	#user-product .list_item_product .row_item .col_item {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%
	}
}

@media (min-width:992px) {
	#user-product .list_item_product .row_item .col_item {
		flex: 0 0 25%;
		max-width: 25%
	}
}

#user-product .list_item_product .row_item .col_item .item {
	border: 0
}

#user-product .list_item_product .row_item .col_item .item .img .discount {
	font: 400 12px/150% SFProDisplay-Regular,sans-serif;
	color: #fff;
	background: #e90000;
	border-radius: 50%;
	width: 39px;
	height: 39px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0
}

#user-product .list_item_product .row_item .col_item .item .img a:hover img {
	transform: translate(-50%,-50%)
}

#user-product .list_item_product .row_item .col_item .item .info {
	padding: 5px
}

#user-product .list_item_product .row_item .col_item .item .info .info-price {
	display: flex;
	align-items: center;
	justify-content: space-between
}

#user-product .list_item_product .row_item .col_item .item .info .info-price .price,#user-product .list_item_product .row_item .col_item .item .info .info-price .price_buy {
	line-height: 150%
}

@media (min-device-width:768px) and (max-device-width:1024px),only screen and (max-width:760px) {
	.table-responsive .tr_item {
		border: 1px solid #ddd;
		border-radius: 4px
	}

	.table-responsive tr:nth-child(odd) {
		background: #f8f8f8
	}
}

.manage_table .wrap_table {
	width: 100%;
	overflow-x: auto
}

@media (max-width:900px) {
	.manage_table .wrap_table table {
		width: 900px
	}
}

#vglb-wrapper {
	background: none
}

.loan_amount {
	padding: 24px 0 0;
	position: relative
}

.loan_amount:before {
	content: "";
	width: 100vw;
	height: 100%;
	background: #FFF;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%)
}

.loan_amount .wrap {
	position: relative
}

.loan_amount .contract_information_title {
	font-size: 15px;
	font-weight: 500;
	color: #001A9C;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #F6F6F6;
	padding-bottom: 18px
}

.loan_amount .contract_information_title img {
	width: 22.92px
}

.loan_amount .contract_information_title span {
	display: inline-block;
	width: calc(100% - 22.92px);
	padding-left: 16px
}

.loan_amount .list_item>.item {
	padding-bottom: 15px
}

.loan_amount .list_item>.item:not(:last-child) {
	position: relative;
	padding-bottom: 20px
}

.loan_amount .list_item>.item:not(:last-child):after {
	content: "";
	width: 100vw;
	height: 5px;
	background: #F5F7FB;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%)
}

.loan_amount .content .item {
	display: flex;
	border-bottom: 1px solid #F6F6F6;
	padding: 4px 0 6px
}

.loan_amount .content .item p {
	font-size: 15px
}

.loan_amount .content .item p:first-child {
	width: 55%;
	padding-right: 10px;
	color: #707070
}

.loan_amount .content .item p:last-child {
	width: 45%;
	color: #212121
}

.loan_amount .list_button {
	padding-top: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 15px
}

.loan_amount .list_button button {
	color: #001A9C;
	background: none
}

.loan_amount .list_button button.payment_details {
	padding: 0
}

.loan_amount .list_button button.payment_details span {
	display: inline-block;
	padding-right: 6px
}

.loan_amount .list_button button.view_contract {
	border: 1px solid #001A9C;
	border-radius: 50px;
	height: 35px;
	padding: 0 25px
}

.pay_detail .modal-content {
	border: none;
	border-radius: 10px;
	overflow: hidden;
	background: none
}

.pay_detail .modal-header {
	background: #001A9C;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 9px 20px
}

.pay_detail .modal-header .modal-title {
	font-size: 15px;
	color: #FFF
}

.pay_detail .modal-header button.close {
	padding: 14px 1rem;
	opacity: 1;
	margin: -9px -18px -9px auto
}

.pay_detail .modal-body {
	padding: 10px 20px 15px;
	background: #FFF
}

.pay_detail .modal-body table {
	width: 100%;
	font-size: 13px;
	color: #212121
}

.pay_detail .modal-body table thead {
	background: #ECF0F2
}

.pay_detail .modal-body table thead tr th {
	padding: 8px 13px
}

.pay_detail .modal-body table thead tr th:not(:first-child) {
	position: relative
}

.pay_detail .modal-body table thead tr th:not(:first-child):before {
	content: "";
	width: 0.3px;
	height: 19px;
	background: #707070;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-50%,-50%)
}

.pay_detail .modal-body table tbody tr:not(:last-child) {
	border-bottom: 1px solid #F6F6F6
}

.pay_detail .modal-body table tbody tr td {
	padding: 10px 13px 8px
}

.user_account {
	position: relative;
	padding-bottom: 15px
}

.user_account:before {
	content: "";
	width: 100vw;
	height: 100%;
	background: #FFF;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%)
}

.user_account .wrap {
	position: relative
}

.user_account .wrap .avatar {
	display: flex;
	padding: 12px 0 15px;
	position: relative;
	align-items: center
}

.user_account .wrap .avatar:before {
	content: "";
	width: 100vw;
	height: 5px;
	background: #F5F7FB;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%)
}

.user_account .wrap .avatar .picture {
	width: 82px;
	height: 82px;
	border-radius: 18px;
	overflow: hidden
}

.user_account .wrap .avatar .info {
	width: calc(100% - 82px);
	padding-left: 30px
}

@media (max-width:340px) {
	.user_account .wrap .avatar .info {
		padding-left: 15px
	}
}

.user_account .wrap .avatar .info p.verification {
	display: inline-flex;
	align-items: center;
	color: #FFF;
	background: #00C41A;
	border-radius: 10px;
	padding: 2px 22px 4px 10px;
	margin-bottom: 7px
}

.user_account .wrap .avatar .info p.verification.not_verified {
	background: rgba(0,0,0,0.1);
	color: #212121
}

.user_account .wrap .avatar .info p.verification.not_verified i {
	color: #CC0000;
	display: inline-block;
	transform: translateY(1px)
}

.user_account .wrap .avatar .info p.verification span {
	display: inline-block;
	padding-left: 11px
}

.user_account .wrap .avatar .info p.full_name {
	font-size: 21px;
	color: #001A9C;
	font-weight: 500;
	text-transform: capitalize
}

@media (max-width:340px) {
	.user_account .wrap .avatar .info p.full_name {
		font-size: 20px
	}
}

.user_account .wrap .not_verified {
	background: rgba(0,106,176,0.14);
	border-radius: 5px;
	padding: 12px;
	margin-top: 20px;
	margin-bottom: 10px
}

.user_account .wrap .not_verified .verify_title {
	font-weight: 500;
	color: #001A9C;
	font-size: 18px;
	border-bottom: 1px solid #006AB0
}

.user_account .wrap .not_verified .content {
	display: flex;
	padding-top: 15px
}

.user_account .wrap .not_verified .content .icon {
	width: 30%;
	text-align: center
}

.user_account .wrap .not_verified .content .icon i {
	font-size: 40px;
	color: #006AB0
}

.user_account .wrap .not_verified .content .content_detail {
	width: 70%;
	padding-left: 15px;
	font-size: 15px
}

.user_account .wrap .not_verified .content .content_detail p:first-child {
	color: #212121;
	padding-bottom: 5px
}

.user_account .wrap .not_verified .content .content_detail p:last-child a {
	color: #001A9C;
	font-weight: 600
}

.user_account .wrap .list_button {
	padding: 19px 17px 15px
}

@media (max-width:360px) {
	.user_account .wrap .list_button {
		padding: 19px 5px 15px
	}
}

.user_account .wrap .list_button .item:first-child {
	padding-bottom: 26px
}

.user_account .wrap .list_button .item a {
	display: flex;
	justify-content: flex-end;
	position: relative
}

.user_account .wrap .list_button .item a .picture {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #001A9C;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}

.user_account .wrap .list_button .item a .title {
	width: calc(100% - 30px);
	border: 0.25px solid #001A9C;
	border-radius: 10px;
	font-size: 15px;
	color: #212121;
	padding: 0 10px 0 55px;
	min-height: 50px;
	display: inline-flex;
	align-items: center
}

.user_account .wrap .logout {
	text-align: right;
	padding-right: 17px
}

@media (max-width:360px) {
	.user_account .wrap .logout {
		padding-right: 5px
	}
}

.user_account .wrap .logout a {
	height: 35px;
	display: inline-flex;
	align-items: center;
	background: #001A9C;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 500;
	color: #FFF;
	text-transform: uppercase;
	padding: 0 15px 0 13px
}

.user_account .wrap .logout a img {
	margin-right: 16px
}

.box-account {
	padding: 18px 0
}

.box-account .box_avatar {
	display: flex;
	align-items: center;
	padding-bottom: 19px
}

.box-account .box_avatar .picture {
	width: 82px;
	position: relative
}

.box-account .box_avatar .picture #show_picture {
	border: none;
	width: 82px;
	height: 82px;
	border-radius: 18px;
	overflow: hidden
}

.box-account .box_avatar .picture .input-group {
	position: absolute;
	right: -10px;
	bottom: 0;
	width: 21px;
	height: 21px;
	display: none
}

.box-account .box_avatar .picture .input-group .btn-upload {
	width: 21px;
	height: 21px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(0,0,0,0.3);
	border: none;
	border-radius: 50%;
	padding: 0;
	margin: 0
}

.box-account .box_avatar .picture .input-group .btn-upload i {
	font-size: 11px
}

.box-account .box_avatar .info {
	width: calc(100% - 82px);
	padding-left: 30px
}

.box-account .box_avatar .info .full_name {
	font-size: 21px;
	color: #001A9C;
	font-weight: 500;
	text-transform: capitalize;
	padding-bottom: 3px
}

.box-account .box_avatar .info .email {
	color: #707070
}

.box-account .group .group_title {
	display: flex;
	align-items: center;
	padding-bottom: 14px
}

.box-account .group .group_title .img {
	width: 25.33px;
	text-align: right
}

.box-account .group .group_title span {
	display: inline-block;
	width: calc(100% - 25.33px);
	padding-left: 15px;
	font-size: 15px;
	color: #001A9C;
	font-weight: 500;
	text-transform: uppercase
}

.box-account .group .form-group {
	display: flex;
	font-size: 15px;
	margin-bottom: 0;
	border-top: 1px solid #F6F6F6;
	padding: 7px 0 5px;
	align-items: flex-start
}

.box-account .group .form-group label {
	flex: unset;
	max-width: unset;
	width: 50%;
	padding-right: 10px;
	color: #707070;
	margin-bottom: 0
}

.box-account .group .form-group p {
	width: 50%;
	font-weight: 500;
	color: #212121
}

.box-account .group.user_information {
	position: relative;
	padding-bottom: 5px
}

.box-account .group.user_information:after {
	content: "";
	width: 100vw;
	height: 5px;
	background: #F5F7FB;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%)
}

.box-account .group.bank_information {
	padding-top: 20px
}

#user_notifications {
	position: relative;
	padding-bottom: 20px
}

#user_notifications:before {
	content: "";
	width: 100vw;
	height: 100%;
	background: #FFF;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%)
}

#user_notifications .tab-content {
	position: relative
}

#user_notifications .tab-content .row_notification {
	padding: 16px 0 14px
}

#user_notifications .tab-content .row_notification:not(:last-child) {
	position: relative
}

#user_notifications .tab-content .row_notification:not(:last-child):after {
	content: "";
	width: 100%;
	height: 0.5px;
	background: #C5C5C5;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1
}

#user_notifications .tab-content .row_notification.reading {
	position: relative
}

#user_notifications .tab-content .row_notification.reading:before {
	content: "";
	width: 100vw;
	height: calc(100% + 0.5px);
	background: #EAEAEA;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%)
}

#user_notifications .tab-content .row_notification.reading .title_notification .title {
	font-weight: 600
}

#user_notifications .tab-content .row_notification.reading .date .date_detail {
	color: #313131;
	font-weight: 600
}

#user_notifications .tab-content .row_notification.reading .date p.icon_reading {
	width: 11px;
	height: 11px;
	background: #00C707;
	border-radius: 50%;
	float: right
}

#user_notifications .tab-content .row_notification .wrap {
	display: flex;
	justify-content: space-between
}

#user_notifications .tab-content .row_notification .title_notification {
	position: relative;
	padding-right: 15px
}

#user_notifications .tab-content .row_notification .title_notification .title {
	padding-bottom: 2px;
	font-size: 15px;
	color: #313131;
	text-transform: uppercase
}

#user_notifications .tab-content .row_notification .title_notification .short {
	font-size: 13px;
	color: #6E6E6E
}

#user_notifications .tab-content .row_notification .date {
	position: relative
}

#user_notifications .tab-content .row_notification .date .date_detail {
	color: #6E6E6E;
	padding-bottom: 6px
}

#item_detail {
	padding: 20px;
	position: relative
}

#item_detail:before {
	content: "";
	width: 100vw;
	height: 100%;
	background: #FFF;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%)
}

#item_detail .item-title {
	position: relative
}

#item_detail .item-title .title {
	font-size: 16px;
	color: #001A9C;
	font-weight: 500;
	padding-bottom: 5px
}

#item_detail .item-title .date {
	color: #001A9C
}

#item_detail .item-content {
	position: relative
}

.paginate {
	position: relative;
	padding: 20px 0 0
}

.wallet {
	position: relative;
	padding: 14px 0 20px;
	max-width: 340px;
	margin: auto
}

.wallet:before {
	content: "";
	width: 100vw;
	height: 100%;
	background: #FFF;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%)
}

.wallet .wrap {
	position: relative
}

.wallet .wallet_title {
	display: flex;
	align-items: center;
	padding-bottom: 12px
}

.wallet .wallet_title img {
	width: 25.33px
}

.wallet .wallet_title span {
	width: calc(100% - 25.33px);
	display: inline-block;
	color: #001A9C;
	font-weight: 500;
	font-size: 15px;
	text-transform: uppercase;
	padding-left: 15px
}

.wallet .bank_card {
	position: relative;
	margin-bottom: 15px
}

.wallet .bank_card img {
	width: 100%;
	border-radius: 10px
}

.wallet .bank_card .bank_num_name {
	position: absolute;
	width: 80%;
	left: 50%;
	top: 55%;
	transform: translateX(-50%)
}

.wallet .bank_card .bank_num_name .num {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 7px
}

.wallet .bank_card .bank_num_name .num span {
	font-size: 18px;
	color: #FFF;
	font-weight: 500
}

.wallet .bank_card .bank_num_name .num span:first-child {
	font-weight: 600;
	letter-spacing: 2px;
	text-shadow: 2px 2px 0 rgb(0,75,156);
	font-size: 20px
}

.wallet .bank_card .bank_num_name .num span:not(:first-child) {
	letter-spacing: 4px;
	display: inline-flex;
	transform: translateY(3px)
}

.wallet .bank_card .bank_num_name .name {
	font-size: 18px;
	color: #FFF;
	font-weight: 500;
	letter-spacing: 2px
}

.wallet .available_balances {
	background: #ECF0F2;
	padding: 14px 14px 10px;
	display: flex;
	justify-content: space-between
}

.wallet .available_balances>p {
	font-size: 15px;
	color: #212121;
	padding-right: 10px
}

.wallet .available_balances .available_balances_num .money {
	font-size: 17px;
	font-weight: 600;
	color: #212121;
	padding-bottom: 6px
}

.wallet .available_balances .available_balances_num .revenue_detail {
	text-align: right
}

.wallet .available_balances .available_balances_num .revenue_detail a {
	font-size: 15px;
	color: #001A9C
}

.wallet .available_balances .available_balances_num .revenue_detail a img {
	margin-left: 10px
}

.wallet .withdraw_money {
	padding-top: 10px
}

.wallet .withdraw_money a {
	display: flex;
	align-items: center;
	padding: 8px 12px;
	border: 0.5px solid #707070;
	border-radius: 10px;
	position: relative
}

.wallet .withdraw_money a p {
	padding-left: 12px;
	font-size: 15px;
	color: #212121
}

.wallet .withdraw_money a img.right {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%)
}

#withdraw_money {
	text-align: center;
	padding: 25px 15px
}

#withdraw_money .icon i {
	color: #CC0000;
	font-size: 30px
}

#withdraw_money .content {
	font-size: 15px;
	color: #212121
}

#withdraw_money .content p {
	background: none;
	padding: 5px 0;
	color: #CC0000
}

#withdraw_money .content .button {
	padding-top: 10px
}

#withdraw_money .content .button a {
	background: #001A9C;
	border-radius: 5px;
	color: #FFF;
	min-width: 200px;
	text-align: center;
	padding: 3px 30px
}

#withdraw_money button.fancybox-close-small {
	right: -1px;
	top: -2px;
	background: none
}

.history {
	position: relative;
	padding: 19px 0 30px
}

.history:before {
	content: "";
	width: 100vw;
	height: 100%;
	background: #FFF;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%)
}

.history .wrap {
	position: relative
}

.history .history_title {
	display: flex;
	align-items: center;
	padding-bottom: 18px
}

.history .history_title img {
	width: 22.93px
}

.history .history_title span {
	width: calc(100% - 22.93px);
	display: inline-block;
	color: #001A9C;
	font-weight: 500;
	font-size: 15px;
	text-transform: uppercase;
	padding-left: 15px
}

.history .list_item .item {
	border: 0.25px solid #707070;
	border-radius: 10px;
	background: #ECF0F2
}

.history .list_item .item:not(:last-child) {
	margin-bottom: 15px
}

.history .list_item .item p {
	display: flex;
	padding: 6px 11px 5px
}

.history .list_item .item p span {
	display: block;
	font-size: 15px
}

.history .list_item .item p span:first-child {
	width: 55%;
	color: #707070;
	padding-right: 10px
}

.history .list_item .item p span:last-child {
	width: 45%;
	color: #212121
}

.history .list_item .item p:not(:last-child) {
	border-bottom: 1px solid #E9E9E9
}

.verify {
	padding: 25px 0
}

.verify .inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1
}

.verify label.for_pic {
	max-width: 100%;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	padding: 0.625rem 1.25rem;
	border-radius: 4px;
	min-width: 180px;
	color: #0153a8;
	background-color: #F4F4F4;
	border: 2px #2a92ff dotted;
	width: 100%;
	text-align: center
}

@media (max-width:599px) {
	.verify label.for_pic {
		max-width: 100%;
		width: 100%;
		text-align: center
	}
}

.verify label.for_pic svg {
	width: 1em;
	height: 1em;
	vertical-align: middle;
	fill: currentColor;
	margin-top: -0.25em;
	margin-right: 0.25em
}

.verify .photo-input {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px
}

.verify .photo-input img {
	height: 80px;
	border-radius: 8px
}

@media (min-width:599px) {
	.verify .photo-input img {
		max-width: 100%
	}
}

.verify .group {
	padding: 15px 15px 5px;
	background: #FFF;
	border-radius: 10px;
	margin-bottom: 18px;
	box-shadow: 0 3px 5px rgba(0,0,0,0.1)
}

.verify .group .group_title {
	font-size: 17px;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 15px;
	color: #001A9C
}

.verify .group input,.verify .group select {
	width: 100%;
	height: 45px;
	background: #F8F8F8;
	border-radius: 10px;
	color: #707070;
	padding: 0 12px;
	border: none
}

.verify .group input::placeholder,.verify .group select::placeholder {
	color: #707070
}

.verify .group label.title {
	font-weight: 500;
	color: #212121
}

.verify .btn-submit {
	min-width: 40%;
	padding: 0 30px;
	height: 45px;
	font-weight: 500;
	color: #FFF;
	text-transform: uppercase;
	border-radius: 10px;
	background: #001A9C
}

.contract-info h1,.contract-info h2,.contract-info h3,.contract-info h4,.contract-info h5,.contract-info h6 {
	font-weight: 600;
	margin-bottom: 0.5em
}

.contract-info p {
	font-size: 14px;
	background: transparent;
	padding: 0;
	margin-bottom: 1em
}

.button_show_bank {
	padding-bottom: 10px
}

.button_show_bank span {
	color: #001A9C;
	cursor: pointer;
	font-weight: 600
}

.button_show_bank span i {
	margin-left: 5px
}

#withdraw_money_form .modal-content .modal-header .title {
	color: #001A9C;
	font-weight: 500;
	font-size: 15px;
	text-transform: uppercase
}

#withdraw_money_form .modal-content .modal-header button {
	padding: 5px 10px
}

#withdraw_money_form .modal-content .modal-body .form-group input {
	width: 100%;
	height: 40px;
	padding: 0 10px
}

#withdraw_money_form .modal-content .modal-body button {
	background: #001A9C;
	color: #FFF;
	height: 40px;
	padding: 0 1.5rem;
	border-radius: 5px;
	display: inline-flex;
	align-items: center;
	padding-bottom: 2px
}

.logo_user {
	text-align: center;
	padding: 50px 0
}

.logo_user a img {
	max-height: 50px
}
/*# sourceMappingURL=user.css.map */