@font-face {
    font-family: 'Google Sans Bold';
    src: url('../fonts/GoogleSans-Bold.ttf'); 
}
 @font-face {
    font-family: 'Google Sans Light';
    src: url('../fonts/GoogleSans-Light.ttf'); 
}
 @font-face {
    font-family: 'Google Sans Regular';
    src: url('../fonts/GoogleSans-Regular.ttf'); 
}
 @font-face {
    font-family: 'Google Sans Medium';
    src: url('../fonts/GoogleSans-Medium.ttf'); 
}
 @font-face {
    font-family: 'Google Sans Black';
    src: url('../fonts/GoogleSans-Black.ttf'); 
}
.fadein{opacity:0;}
*{margin: 0; padding:0;}
ul{list-style: none;}
a{text-decoration: none;white-space:nowrap;}
div.keyword, p{}
a:hover{text-decoration: underline;}
img{border: none;}
input, select, textarea{outline: none; font-family: 'Roboto', sans-serif;}
input[type=text], input[type=password]{border: 1px solid #ABADB3; padding: 4px;}
select{border: 1px solid #ABADB3;padding: 3px;}
table {margin-bottom: 10px;width: 100%;border-collapse: collapse;border: 1px solid #ddd; background: #fafafa;table-layout: auto;}
table.static_tb{
	width: auto;
	min-width: 80%;
}
table tr th {padding: 5px;color: #444;font-size: 12px;-webkit-box-shadow: #fff 0 1px 0 0 inset;	-moz-box-shadow: #fff 0 1px 0 0 inset;box-shadow: #fff 0 1px 0 0 inset;background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #efefef));background: -webkit-linear-gradient(#fff,#efefef);	background: -moz-linear-gradient(#fff,#efefef);	background: -o-linear-gradient(#fff,#efefef);background: linear-gradient(#fff,#efefef);text-shadow: 0 1px 0 #eee; color: #359588;position: relative;}
table tr th.check-all{
	min-width: 35px;
}
table tr th a{color: #0072bc;}
td {padding: 5px;border-bottom: 1px solid #ddd;}
tr:nth-child(even) {background: #ffffff;}
hr{border: none; background: #CCCCCC; height: 1px;}
body{
	font-size: 13px;
	font-family:'Google Sans Regular';
	color: #333;
	background: white;

}
.clear{clear: both;}
.clear10{clear:both;height: 10px}
.clear_left{clear: left;}
.float_left{float: left;}
.displaynone{display: none;}
.wautopx{width: auto !important;padding-left: 5px;max-width:none !important;}
.w99{width: 99%;}
.w20px{width: 20px;}
.w50px{width: 50px;}
.w70px{width: 70px;}
.w80px{width: 80px;}
.w90px{width: 90px;}
.w100px{width: 100px;}
.w110px{width: 110px;}
.w180px{width: 180px;}
.w200px{width: 200px;}
.w250px{width: 250px;}
.w300px{width: 300px;}
.w400px{width: 400px;}
.w500px{width: 500px;}
.w800px{width: 800px;}
.etext70{width: 70px;}
.etext150{width: 150px;}
.etext230{width: 230px;}
.etext250{width: 250px;}
.etext280{width: 280px;}
.etext259{width: 259px;}
.etext300{width: 300px;}
.etext308{width: 308px;}
.etext200{width: 200px;}
.etext100{width: 100px;}
.successMess{background: #7bbb7a;margin-bottom: 15px;color: white;font-weight: bold;padding: 5px;}
.errorMess{
	background-color: #faf9b9;
	background: -webkit-gradient(linear, left top, left bottom, from(#faf9b9), to(#eae9ae));
	background: -webkit-linear-gradient(top, #faf9b9, #eae9ae);
	background: -moz-linear-gradient(top, #faf9b9, #eae9ae);
	background: -ms-linear-gradient(top, #faf9b9, #eae9ae);
	background: -o-linear-gradient(top, #faf9b9, #eae9ae);
	background: linear-gradient(top, #faf9b9, #eae9ae);
	line-height: 25px;
	padding-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #CEAA77;
	color: #000;
}
.formButton{
	background: url("../img/bg_form_button.png") repeat-x;
	height: 28px;
	line-height: 28px;
	padding: 0 20px;
	border: 1px solid #9a9999;
	margin: 5px;
	border-radius: 3px;
	outline: none;
	font-family: Arial, Tahoma, Verdana;
}
.formButton:hover{
	cursor: pointer;
	background: url("../img/bg_form_button_hover.png") repeat-x;
	border: 1px solid #3c7fb1;
	-webkit-box-shadow:inset 0 0 5px #ffffff;
	   -moz-box-shadow:inset 0 0 5px #ffffff;
	    -ms-box-shadow:inset 0 0 5px #ffffff;
	        box-shadow:inset 0 0 5px #ffffff;
}
.bntsubmit{
	cursor: pointer;
	-webkit-box-shadow:inset 0 0 3px #48d8fb;
	   -moz-box-shadow:inset 0 0 3px #48d8fb;
	    -ms-box-shadow:inset 0 0 3px #48d8fb;
	        box-shadow:inset 0 0 3px #48d8fb;
	border: 1px solid #3c7fb1;
}
.fixed{position: fixed;}
.textarea300{width: 300px; padding: 3px;}
.textarea250{width: 250px; padding: 3px;}
.textarea200{width: 250px; padding: 3px;}
.view_class{
	color: #333; font-size: 12px; font-weight: bold;
	background: url('../img/list_icon.png') 0 no-repeat; padding-left: 15px;
}
.view_class.active{
	background: url('../img/arrow_down.gif') 0 no-repeat;
}
.tbviewinfo{border: none; width: 90%}
.tbviewinfo td{border: none;}
.tbviewinfo td.img{background: white; vertical-align: top;}
.tbviewinfo td.img img{border:1px solid #ccc; padding: 5px;}
.form-message{display: none;}
.colspantd{background: #f0f0f0;}
.loading{left: 50%; top: 250px; position: absolute;}
.red{color: red;}
.green{color: green;}
.readonly{background: transparent !important; border: none !important;}
.align_right{text-align: right;}
.input_fail{border: 1px solid #FF0000 !important;}
.totalrow{background: #ddd !important; font-weight: bold}
.totalrow em{font-weight: normal}
.tb_button{
	background-color: #4572A7;
    color: white;
    margin-right: 8px;
    padding: 4px 15px;
}
.tb_delete_action{
	background: #4572A7 url('../img/delete_icon.png') 7px 7px no-repeat;
	padding-left: 25px;
}
.tb_edit_action{
	background: #4572A7 url('../img/edit_icon.png') 7px 7px no-repeat;
	padding-left: 25px;
}
.tb_print_action{
	background: #4572A7 url('../img/print_icon.png') 7px 7px no-repeat;
	padding-left: 25px;
}

.tb_button:hover{
	cursor: pointer;
	text-decoration: none;
	border-color: #C6C6C6;
	box-shadow: 0 1px 1px rgba(0, 0 , 0, 0.1);
}
.static_tb tr{background: white;}
.static_tb2{border: none;}
.static_tb2 tr{background: white;}
.static_tb2 td.first{border-left: 1px solid #ddd;}
.static_tb2 td.last{border-right: 1px solid #ddd;}
.static_tb2 td.none{border-bottom: none;}
.static_tb2 td.top{border-top: 1px solid #ddd;}
.a_table{
	color: #333;
    font-size: 12px;
    font-weight: bold;
    background: url(../img/list_icon.png) 0 no-repeat;
    padding-left: 15px;
}
span.del {
	background: url("../img/subtract.png") no-repeat scroll center center transparent;
	cursor: pointer;
	display: block;
	height: 30px;
	width: 15px;
}
span.add_product_icon{
	background: url("../img/plus.png") no-repeat center center scroll;
	width: 30px;
	height: 20px;
	display: inline-block;
	cursor: pointer;
}
.label_table{font-weight: bold; font-size: 12px;}
#mark-all{float: left;}
#delete-multi:hover{cursor: pointer;}
#ztooltip-container {
	position: absolute;
	display: none;
	z-index: 10000;
}
#ztooltip-container #ztooltip-content{
	max-width: 300px;
	color: #fff;
	font-size: 11px;
	padding: 5px;
	background: #282828;
}
#ztooltip-container #ztooltip-arrow{
	background: url("../img/down_arrow.gif") no-repeat scroll center bottom transparent;
	width: 100%;
	height: 4px;
}
.viewtab{
	margin-top: 10px;
	margin-left: 10px;
}
.viewtab li{
	float: left; 
	background: url("../img/bg_tab.png") repeat-x; 
	height: 25px;
	line-height: 25px;
	border: 1px solid #898c95;
	margin-top: 3px;
	padding: 0 10px;
	margin-right: -3px;
	margin-left: 2px;
	color: black;
	white-space: nowrap;
}
.viewtab li.active{
	background: white;	
	height: 28px;
	line-height: 28px;
	margin-top: 0px;
	border-bottom: 1px solid #fff;
	margin-left: 0;
}
.viewtab li:hover{
	cursor: pointer;
}

#header{
	background: url("../img/bg_header.png") repeat-x;
	height: 62px; min-width: 980px;	
}
#main-header{
	position: relative;
	max-width: 1400px;
	margin: 0 10px;
}
#main-header #logo{
	position: absolute;
	top: -2px;
}
#logo img{
	width: 45px;
}
#main-header #top_left_header{
	display: inline-block;
    margin: 7px 10px 7px 55px;
}
#main-header #top_left_header ul.list_link li{
	float: left;
	padding-right: 10px;
}
#main-header #top_left_header ul.list_link li a{
	color: white; font-weight: bold; font-size: 12px;
}
#main-header #top_left_header ul.list_link li a.setting{
	background: url("../img/setting_icon.png") 0 no-repeat;
	padding-left: 10px;
}
#main-header #top_left_header ul.list_link li a.help{
	background: url("../img/help_icon.png") 0 no-repeat;
	padding-left: 10px;
}
#main-header #top_left_header ul.list_link li a.branches{
	background: url("../img/branches_icon.png") 0 no-repeat;
	padding-left: 13px;
}
#main-header #top_left_header ul.list_link li a.branches:hover{
	text-decoration: none;
}
#main-header #top_left_header ul.list_link li span{
	background: url("../img/arrow_down_branches.png") 0 no-repeat;
	width: 9px; height: 10px; display: inline-block;
	margin-left: 7px;
}
#main-header #top_left_header .list_branches{
	position: absolute;
	background: #fafafa url(../img/bg_down_pop.png) repeat-y;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
    		border-radius: 3px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
    top: 18px;
    width: 240px;
    z-index: 100;
    left: 135px;
    padding:0 0 3px 0;
    border: 1px solid #868686;
    display: none;
}
#main-header #top_left_header .list_branches p{
	background-color: #dde7ee;
	color: #00156e;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
	padding-left: 13px;
	border-bottom: 1px solid #c5c5c5;
	border-top: 1px solid #f5f5f5;
}
#main-header #top_left_header .list_branches ul li a{
	color: #00156e;
	padding: 2px 10px 2px 10px;
	display: block;
	margin: 1px 2px;
	border: 1px solid #fafafa;
	font-size: 12px;
	margin-left: 30px;
}
#main-header #top_left_header .list_branches ul li span.checked{
	background: url(../img/checked.png) no-repeat;
	float: left;
	width: 20px;
	height: 20px;
	margin-left: 4px;	
}
#main-header #top_left_header .list_branches ul li a:hover{
	background: url("../img/bg_down_menu.png") repeat-x;
	text-decoration: none;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
    		border-radius: 2px;
   	border: 1px solid #dbce99;
   	border-bottom: 1px solid #d7d0b3;
}
#main-header #user_login{
	position: absolute;
	top: 7px;
	right: 0;
}
#main-header #user_login ul li{
	float: left; font-weight: bold;
	padding-left: 10px; color: white;
	white-space: nowrap;
	
}
#main-header #user_login ul li span{
	float: left;
    padding: 0 5px;
    display: inline-block;	
}
#main-header #user_login ul li a{
	    color: white;
    font-weight: bold;
    max-width: 133px;
    display: inline-block;
    overflow: hidden;
}
#main-header #user_login ul li a.logout{
	background: url("../img/logout_icon.png") 0 no-repeat;
	padding-left: 15px;
}
#main-header #menu{
	position: absolute;
	top: 32px;
	left: 50px;
}
#main-header #menu ul li{
	float: left;
	margin: 0 3px;
	text-align: center;
}
#main-header #menu ul li a{
	color: #15428b;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	padding: 7px 7px 0px 7px;
	display: block;
	border-top: 1px solid #ADE38E;
	border-left: 1px solid #ADE38E;
	border-right: 1px solid #ADE38E;
}
#main-header #menu ul li a img{
	margin-top: -6px;
	width: 22px;
}
#main-header #menu ul li a span{
	display: block;
}
#main-header #menu ul li a:hover, #main-header #menu ul li a.active{
	background: url("../img/bg_hover_menu.png") repeat-x;
	text-decoration: none;
	border-radius: 3px 3px 0 0;
	border: 1px solid #8db2e3;
	border-bottom: none;
	padding-bottom: 8px;
}

.drashboard_page{
	/* border-top: 15px solid #d7e3f2; */
}

#content{
	min-width: 980px;
}
.main{
	margin: 15px;
}
.main_drashboard_left{
	 margin: 0 auto;
    width: 565px;
}
.main_drashboard_right{
	width: 60%;
	float: right;
}
.company_info img{
	float: left;
	border: 1px solid #8db2e3;
	margin-right: 15px;
	width: 80px;
}
.company_info h2{
	color: #359588;
	font-weight: bold;
	font-size: 21px;
}
.company_info p{
	font-size: 12px;
	line-height: 18px;
}
.fast_menu{
	margin-top: 15px;
}
.fast_menu ul li{
	width: 130px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.fast_menu ul li a{
	display: block;
	color: white;
}
.fast_menu ul li.mn1{
	background: #2c6190;
}
.fast_menu ul li.mn1 a{
	background: url("../img/list.png") 12px 14px no-repeat;
	padding: 15px 0 15px 33px;
}
.fast_menu ul li.mn2{background: #93ac31;}
.fast_menu ul li.mn2 a{
	background: url("../img/list.png") 12px 14px no-repeat;
	padding: 15px 0 15px 40px;
}
.fast_menu ul li.mn3{background: #704a28;}
.fast_menu ul li.mn3 a{
	background: url("../img/add_list.png") 12px 14px no-repeat;
	padding: 15px 0 15px 40px;
}
.fast_menu ul li.mn4{background: #e68700;}
.fast_menu ul li.mn4 a{
	background: url("../img/list.png") 12px 14px no-repeat;
	padding: 15px 0 15px 40px;
}
.fast_menu ul li.mn5{background: #69003f;}
.fast_menu ul li.mn5 a{
	background: url("../img/list.png") 12px 14px no-repeat;
	padding: 15px 0 15px 40px;
}
.fast_menu ul li.mn6{background: #393144;}
.fast_menu ul li.mn6 a{
	background: url("../img/list.png") 12px 14px no-repeat;
	padding: 15px 0 15px 40px;
}
.fast_menu ul li.mn7{background: #393144;}
.fast_menu ul li.mn7 a{
	background: url("../img/list.png") 12px 14px no-repeat;
	padding: 15px 0 15px 40px;
}
.fast_menu ul li.mn8{background: #393144;}
.fast_menu ul li.mn8 a{
	background: url("../img/list.png") 12px 14px no-repeat;
	padding: 15px 0 15px 40px;
}
/**Product page*/
.toolbar{
	background: url("../img/bg_toolbar.png") repeat-x;
	height: 70px;
	padding: 0 10px;
	border-bottom: 1px solid #a4bddb;
}
.toolbar .sub_menu li{
	float: left;
	padding-right: 40px;
	line-height: 28px;
}
.bill_total{padding-right: 10px;}}
.toolbar .sub_menu li a{
	color: #15428b;
	font-weight: bold;
}
.toolbar .sub_menu li a.active, .toolbar .sub_menu li a:hover{
	color: #931015; text-decoration: none;
}
.toolbar .action_name{
	float: left;
	margin-right: 13px;
	margin-top: 5px;
}
.toolbar .action_name h1{
	color: #359588;
	font-size: 20px;
	font-weight: bold;
}
.toolbar .search{
	float: left;
	margin-top: 4px;
}
.toolbar .txt_tool{
	background: #eaf2fb;
	border: 1px solid #abc1de;
	padding: 4px;
}
.toolbar .search .button{
	background: url("../img/search_button.png") no-repeat;
	width: 25px;
	height: 23px;
	border: none;
	text-indent: -99999px;
	margin: 0;
	padding: 0;
}
.toolbar .search_custommer{
	float: left;
	margin-top: 4px;
	margin-left: 4px;
}
.toolbar .search_custommer .add_custommer{
	background: url("../img/add_custommer.png") no-repeat;
	height: 23px; width: 25px; border: none; text-indent: -99999px;
}
.toolbar .search_custommer .add_custommer:hover{
	background: url("../img/add_custommer_hover.png") repeat-x;
	cursor: pointer;
}
.toolbar .search_supplier{
	float: left;
	margin-top: 4px;
	margin-left: 15px;
}
.toolbar .search_supplier .add_supplier{
	background: url("../img/add_custommer.png") no-repeat;
	height: 25px; width: 25px; border: none; text-indent: -99999px;
}
.toolbar .search_supplier .add_supplier:hover{
	background: url("../img/add_custommer_hover.png") repeat-x;
	cursor: pointer;
}
.toolbar .search .button:hover{cursor: pointer;}
.toolbar  .btn_group{
	float: right;
	margin-top: 5px;
}
.toolbar  .btn_group ul li{
	background: none repeat scroll 0 0 #4572A7;
    float: left;
    margin-left: 5px;
}
.toolbar  .btn_group ul li a{
	padding: 5px 5px 5px 20px;
	display: block;
	color: white;
	font-weight: bold;
	height: 16px;
}
.toolbar  .btn_group ul li a:hover{
	cursor: pointer;
	text-decoration: none;
	border-color: #C6C6C6;
	box-shadow: 0 1px 1px rgba(0, 0 , 0, 0.1);
}
.toolbar  .btn_group ul li a.add{
	background: url("../img/add_icon.png") 4px 7px no-repeat;
}
.toolbar  .btn_group ul li a.import{
	background: url("../img/import_icon.png") 4px 7px no-repeat;
}
.toolbar  .btn_group ul li a.export{
	background: url("../img/export_icon.png") 4px 7px no-repeat;
}
.toolbar  .btn_group ul li a.trash{
	background: url("../img/delete_icon.png") 4px 7px no-repeat;
}
.help_button{
	float: right; margin-left: 5px;
}
.help_button a{
	background: url("../img/help.png") no-repeat;
	display: block; width: 32px; height: 32px; text-indent: -99999px;
}

.main_scroll{
	/* background: url("../img/bg.png") right bottom no-repeat; */
}
.main_product_left{
	background: #f0f0f0;
	float: left;
	width: 20%;
	min-width: 220px;
	margin-bottom: 100px;
}
.top_group_product{
	margin-bottom: 5px;
}
.top_group_product p{
	font-weight: bold;
	color: #359588;
	float: left;
}
.top_group_product span{
	background: url("../img/add_icon2.png") no-repeat;
	width: 10px; height: 10px;
	float: right;
	display: block;
}
.top_group_product span:hover{
	cursor: pointer;
}
.group_product{
	margin: 10px;
}
.group_product ul.left_menu li{
	background:url("../img/bg_siderbar_menu.png") repeat-x;
	margin-bottom: 1px;
	height: 34px; line-height: 34px;
	position: relative;
}
.group_product ul.left_menu li:hover, .group_product ul li.active{
	background:url("../img/bg_siderbar_menu_hover.png") repeat-x;
}
.group_product ul.left_menu li a{
	display: block;
	font-weight: bold;
	color: black;
	padding-left: 20px;
	background: url("../img/list_icon.png") 7px 15px no-repeat;
}
.group_product ul.left_menu li a:hover{
	text-decoration: none;
}
.group_product ul.left_menu li:hover span{
	display: block;
}
.group_product ul.left_menu li span{
	position: absolute;
	background: url("../img/action-edit.png") no-repeat;
	width: 16px;
	height: 16px;
	right: 10px;
	top: 10px;
	display: none;
}
.group_product ul.left_menu li span:hover{
	cursor: pointer;
}
.main_product_right{
	float: right;
	width: 77%;
	 padding-bottom: 100px;
}
.right_max_width{
	margin: 10px;
}
.group_title{
	font-size: 16px;
	color: #359588;
	padding-bottom: 10px;
	float: left;
}
.aslink{
	float: right;
	background: #4572A7;
	color: white;
	font-weight: bold;
	padding: 5px 10px;
}

.aslink:hover{
	text-decoration: none;
}

.chart_icon{
	background: #4572A7 url('../img/chart_icon.png') 7px 7px no-repeat;	
	padding-left: 25px;
}
.list_icon{
	background: #4572A7 url('../img/list_icon2.png') 7px 7px no-repeat;	
	padding-left: 25px;	
}

.upload-form{
	margin: 50px auto;
	width: 500px;	
}
.upload-form .form-border{
	border: 1px solid #a4bddb;
}
.upload-form .form-body{
	padding: 10px 20px 20px 20px;	
}
.upload-form .form-body .label{
	margin-right: 10px;
}
.upload-form .form-border .form-border-title{
	font-size: 16px;
	font-weight: bold;
	color: #359588;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding-bottom: 5px;	
}
.upload-form .form-body form{
	text-align:center;
}
.upload-form .form-border .form-footer{
	border-top: 1px solid #ccc; 
	background: #F0F0F0;
	padding: 10px 20px;	
}
.upload-form .form-border .form-footer .left-footer{
	text-align: center; margin-top: 3px;
}
.upload-form .form-border .form-footer .right-footer{
	text-align:center;
}
.upload-form .form-border .form-footer .right-footer .footer_button{
	background: #4572A7;
	padding: 7px 17px;
	margin: 20px 10px;
	color: white;
	border: none;
	font-weight: bold;	
	cursor: pointer;
}
.upload-form .form-border .form-footer .left-footer .template-file-download-link{
	color:#15428b;
}
table .view_customer, table .view_supplier{
	color: #333;
	background: url('../img/list_icon.png') 0 no-repeat;
	padding-left: 12px;
}
table .view_customer.active, table .view_supplier.active{
	background: url('../img/arrow_down.gif') 0 no-repeat;
	padding-left: 12px;
}
.rowform .addPrice,.rowform .addUnit{
	margin-left: 10px;	
}
#priceList{display: none;}
#priceList .tbAddPrice{text-align: right;}
#priceList .add_product_icon{margin-left: 0;}
#priceList .drug-no{margin-left: 0; color: #333}
#priceList .del{margin-left: 0;}

/**Customer page----------*/
.full_content{
	margin: 10px;
}

/**Bill page-----------*/
#dip{
	margin-bottom: 10px;
}
#dip.scroll_view{
	height: 243px;
	overflow: auto;
}
.main_bill_left{
	float: left;
	width: 40%;
}
.wp_main_bill_left{
	margin: 15px 0 15px 15px;
}
.action{
	margin-bottom: 15px;
}
.action select{
	float: left;margin-right: 10px; padding: 2px;width: 70px;
}
.btn_view_all, .btn_view_like{
	background: url("../img/bg_button.png") repeat-x;
	width: 25px; height: 25px;
	display: block;
	position: relative;
	float: left;
	margin-right: 7px;
}
.btn_view_like{
	margin-right: 18px;	
}
.btn_view_all span{
	background: url("../img/view_all.png") no-repeat;
	display: block;width: 14px; height: 16px;
	position: absolute;
	top: 5px;
	left: 6px;
}
.btn_view_like span{
	background: url("../img/view_like.png") no-repeat;
	display: block;width: 16px; height: 16px;
	position: absolute;
	top: 5px;
	left: 5px;
}
.btn_view_thumb{
	background: url("../img/bg_button.png") repeat-x;
	width: 25px; height: 25px;
	display: block;
	position: relative;
	float: left;
	margin-right: 7px;
}
.btn_view_thumb span{
	background: url("../img/icon_thumb.png") no-repeat;
	display: block;width: 14px; height: 13px;
	position: absolute;
	top: 6px;
	left: 6px;
}
.btn_view_list{
	background: url("../img/bg_button.png") repeat-x;
	width: 25px; height: 25px;
	display: block;
	position: relative;
	float: left;
}
.btn_view_list span{
	background: url("../img/icon_list.png") no-repeat;
	display: block;width: 14px; height: 13px;
	position: absolute;
	top: 6px;
	left: 6px;
}
.btn_view_thumb:hover, .btn_view_list:hover, .btn_view_thumb.active, .btn_view_list.active, .btn_view_like.active, .btn_view_all.active{
	background: url("../img/bg_button_hover.png") repeat-x;
	cursor: pointer;
}

.item_paging .prev{
	background: url("../img/bg_button.png") repeat-x;
	width: 25px; height: 25px;
	display: block;
	position: relative;
	float: left;
}
.item_paging .prev span{
	background: url("../img/prev_paging.png") no-repeat;
	display: block; width: 11px; height: 12px;
	top: 6px;
	position: absolute;
	right: 7px;
}
.item_paging .next{
	background: url("../img/bg_button.png") repeat-x;
	width: 25px; height: 25px;
	display: block;
	position: relative;
	float: left;
}
.item_paging .current{
	float: left;
	font-weight: bold;
	margin: 5px 10px 0px 10px;
}
.item_paging .next span{
	background: url("../img/next_paging.png") no-repeat;
	display: block; width: 11px; height: 12px;
	top: 6px;
	position: absolute;
	right: 7px;
}
.item_paging .next:hover, .item_paging .prev:hover{
	background: url("../img/bg_button_hover.png") repeat-x;
	cursor: pointer;
}
.product_item{	
	width: 100px;
	position: relative;
	margin-right: 13px;
	display: inline-block;
	margin-bottom: 10px;
}
.thumb_img .endproduct{
	 background: none repeat scroll 0 0 red;
    color: white;
    left: 2px;
    line-height: 20px;
    position: absolute;
    top: 2px;
    width: 96px;
}
.product_name .endproduct{
	color: red;
	position: absolute;
	top: 7px;
	right: 107px;
	font-size: 12px;
}
.no_margin_right{
	margin-right: 0;
}
.product_item .thumb_img{
	width: 100px;
	height: 100px;
	text-align: center;
	background: #d7e3f2;
}
.product_item .thumb_img img{
	margin-top: 2px;
}
.product_item .thumb_img:hover{
	cursor: pointer;
	background: #f9e21d;
}
.product_item .thumb_img.active{
	background: #f9e21d;
}
.product_item .product_price{
	background: #2d2c2c;
	padding: 3px;
}
.product_item .product_price .like{
	background: url("../img/like.png") no-repeat;
	width: 10px; height: 10px; float: left;
	margin-top: 3px;
}	
.product_item .product_price .unlike{
	background: url("../img/un_like.png") no-repeat;
	width: 10px; height: 10px; float: left;
	margin-top: 3px;
}	
.product_item .product_price .like:hover, .product_item .product_price .unlike:hover{
	cursor: pointer;
}
.product_item .product_price .price{
	color: white;
	font-weight: bold;
	float: right;
}
.product_item p.name{
	padding-top: 5px;
	font-size: 11px;
	font-weight: bold;
	height: 30px;
	overflow: hidden;
}
.product_item p.number{
	border-bottom: 1px solid #ccc;
	padding-bottom: 7px;
	font-size: 11px;
}

.product_item_list{
	position: relative;
	background: #d7e3f2;
	margin-bottom: 15px;
}
.product_item_list .product_name{
	padding: 5px; font-weight: bold;
	max-width: 232px;
}
.product_item_list .product_name:hover, .product_item_list .product_name.active{
	cursor: pointer; border: 1px solid #359588;
}
.product_item_list .left_number{position: absolute; top: 5px; right: 110px;white-space:nowrap;}
.product_item_list .product_price{
	background: #2d2c2c;
	position: absolute;
	right: 0; top: 0;
	padding: 5px;
	width: 90px;
}
.product_item_list .product_price .like{
	float: left;
	background: url("../img/like.png") no-repeat;
	width: 10px; height: 10px;
	margin-top: 3px;
}
.product_item_list .product_price .unlike{
	float: left;
	background: url("../img/un_like.png") no-repeat;
	width: 10px; height: 10px;
	margin-top: 3px;
}
.product_item_list .product_price .like:hover, .product_item_list .product_price .unlike:hover{
	cursor: pointer;
}
.product_item_list .product_price .price{
	display: block;
	right: 0; color: white; font-weight: bold;
	float: right;
}
.product_item_list .product_quantity{
	position: absolute;
	right: 165px;
	font-weight: bold;
	top: 5px;
}
#ProductThumb {
    width: 252px;
}

.main_bill_right{
	float: right;
	width: 60%;
	margin-bottom: 30px;
}

.bill_custommer_info{
	padding-bottom: 10px;
	font-weight: bold;
	float: left;
}
.bill_custommer_info span{
	color: #359588;
}
.type_view_bill{
	float: right;
	margin-right: 20px;
	color: #359588;
}
.type_view_bill span:hover{
	cursor: pointer;
	text-decoration: underline;
}
.bill_total .bill_number{
	float: left;
	width: 45%;
}
.bill_total .bill_number .line_title{
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
.bill_number .tab1{
	padding: 10px;
	border: 1px solid #cbcaca;
}
.bill_number .tab1 .row {margin-bottom: 10px;}
.bill_number .tab1 .row.last{margin-bottom: 0;}
.bill_number .tab1 .row label{
	float: left;
	text-align: right;
	width: 40%;
	display: block;
	min-width: 85px;
}
.bill_number .tab1 .row span{
	display: block;
	width: 55%;
	float: right;
	text-align: right;
	padding-right: 5px;
}
.bill_number .tab1 .row span#paid{
	padding: 0;
}
.bill_number .tab1 .row input[type=text]{
	width: 110px;
	padding: 3px;
	text-align: right;
	font-weight: bold;
	font-size: 14px;
	border: 1px solid #ddd;
}
.bill_number .tab1 .row .money2{
	font-weight: bold;
	color: red;
	font-size: 20px;
}
.bill_number .tab1 .row .money3{
	font-weight: bold;
	color: #359588;
}
.bill_note{	
	background: #eaf2fb;
	border: 1px solid #8db2e3;
	padding: 5px;
	width: 80%;
}
.information-add{
	float: right;
	border: 1px solid #8db2e3;
	padding: 10px;
	width: 50%;
	margin: 10px 0;
}
.information-add label{
	width: 100px;
	display: inline-block;
	padding: 0 0 5px;
}
.information-add .row{
	margin: 5px 0;
}
.bill_note .pen_note{
	background: url("../img/pen_note.png") no-repeat;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 25px;
}
.bill_note textarea{
	background: url("../img/bg_note.png");
	border: none;
	width: 100%;
	height: 22px;
	outline: none;
	font-size: 12px;
	font-family: Arial, Tahoma;
	line-height: 21px;
}
.group_bill_button{
	bottom: 30px;
    margin-top: 15px;
    position: absolute;
    z-index: 1000;
}
.button{
	background: none repeat scroll 0 0 #4572A7;
    border: 1px solid rgba(0.1, 0, 0, 0);
    color: #FFFFFF;
    font-weight: bold;
    margin-right: 10px;
    padding: 5px 10px;
	border: none;
}
a.button{
}
.button:hover{
	cursor: pointer;
	text-decoration: none;
	border-color: #C6C6C6;
	box-shadow: 0 1px 1px rgba(0, 0 , 0, 0.1);
}
.quantity{
	position: relative;
	width: 63px;
	height: 26px;
}
.quantity input{
	width: 35px;
	font-weight: bold;
	text-align: right;
	position: absolute;
	right: 17px; top: 0;
}
.tb_input{
	padding: 3px;
}
.quantity .up_number{
	background: url("../img/up_number.png") no-repeat;
	width: 16px;
	height: 12px;
	position: absolute;
	top: 0; right: 0;
	display: block;
}
.quantity .down_number{
	background: url("../img/down_number.png") no-repeat;
	width: 16px;
	height: 15px;
	position: absolute;
	bottom: 0; right: 0;
	display: block;
}
.quantity .up_number:hover, .quantity .down_number:hover{
	cursor: pointer;
}
.edit_price{
	background: url("../img/bg_button.png") repeat-x;
	width: 24px;
	height: 23px;
	border: none;
}
.edit_price span{
	background: url("../img/action-edit.png") 2px 5px no-repeat;
	width: 23px; height: 23px;
	display: block;
}
.edit_price:hover{
	background: url("../img/bg_button_hover.png") repeat-x;
	border: 1px solid #EBCA4B; cursor: pointer;
}
#service-list .product_price{
	float: left;
}
#alertModal .more_alert_btn{
	clear: left;
}
#alertModal .more_alert_btn button{
	margin: 5px 0;
	padding: 2px 5px;
}
#alertModal .info_more_alert{
	clear: left;
	max-height: 120px;
	overflow: auto;
}
.review_prodname{
	padding-top: 3px;
	font-weight: bold;
}
#editPriceForm .rowform .change_type {
	background: #ccc;
	float: left;
	width: 194px;	
	border-radius: 3px;
	background-color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8));
	background: -webkit-linear-gradient(top, #ffffff, #e8e8e8);
	background: -moz-linear-gradient(top, #ffffff, #e8e8e8);
	background: -ms-linear-gradient(top, #ffffff, #e8e8e8);
	background: -o-linear-gradient(top, #ffffff, #e8e8e8);
	background: linear-gradient(top, #ffffff, #e8e8e8);
	border: 1px solid #ccc;
}
#editPriceForm .rowform .change_type input{
	text-align: right;
	float: right;
	border-radius: 3px;	
	margin: 2px;
}
#editPriceForm .rowform .change_type ul li{
	float: left; padding: 6px 10px;	
	font-weight: bold;
	background-color: #F0F0F0;
	border-right: 1px solid #ccc;
	text-shadow: 0 1px #FFFFFF;
}
#editPriceForm .rowform .change_type ul li:hover{
	cursor: pointer;	
}
#editPriceForm .rowform .change_type ul li.active{
	background: #FFDF69 url('../img/bg_button_hover.png') repeat-x;
}
#editPriceForm .rowform .text_tax{
	float: left; 
	margin-right: 5px;
	text-align: right;
}
#editPriceForm .rowform .textbox{
	text-align: right;
}
.result_debit span{
	font-weight: bold;	
}
.linkEditCustomer:hover, .linkEditSupplier:hover{
	cursor: pointer;
	text-decoration: underline;
}
.result_price{
	border: 1px solid #ccc;
	padding-top: 10px;	
	display: none;
}
.result_price .group_price,.result_price .group_unit_name{
	float: left;	
}
.result_price .group_price .item_group,.result_price .group_unit_name .item_group{
	margin-bottom: 10px;	
}
.result_price .group_price .item_group .item_price,.result_price .group_unit_name .item_group .item_unit_name{
	margin-left: 10px;	
}

.result_price .group_price .group_price_title,.result_price .group_unit_name .group_unit_name_title{
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-left: 49px;
	padding-bottom: 5px;
	font-weight: bold;	
}

#bodymap .info{
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	width: 320px;		
}
#bodymap .img{
	float: right;	
}
.gm-style-iw{
	height: auto !important;
}
#AddUserForm .rowform .error-message, #EditUserForm .rowform .error-message {
	margin-left: 130px;
}
.modalContentWp .errorMess{
	border-top: none;
	border-left: none;
	border-right: none;	
}
/*setting page------------------*/
#form_info_setting .frow-logo{
	margin-bottom: 10px;
}
#form_info_setting .frow-logo .site-logo{
	float: left;
}
#form_info_setting .frow-logo .site-logo img{
	border: 1px solid #ccc;
	margin-right: 10px;
}
#form_info_setting .frow{
	margin-bottom: 10px;
}
#form_info_setting .frow .frow-left{
	 float: left;
    text-align: right;
    vertical-align: middle;
    width: 265px;
}
#form_info_setting .frow .frow-left label{
	font-size: 12px;
	padding: 0 10px;
}
#form_info_setting .frow input[type=text]{
	border: 1px solid #ccc;
	padding: 3px;
}
#form_info_setting .frow .etextarea1{
	padding: 3px;
	border: 1px solid #ccc;
	width: 300px;
	height: 60px;
}
.rowform{
	margin-bottom: 15px;
	text-align: left;
}
.rowform label{
	float: left;
	width: 100px;
	text-align: right;
	margin-right: 10px;
	padding-top: 3px;
}
.rowform label.llarge{
	float: left;
	width: 100px;
	text-align: right;
	margin-right: 10px;
}
.rowform label.lxlarge{
	float: left;
	width: 150px;
	text-align: right;
	margin-right: 10px;
}
.rowform label.speciallabel{
	width: 233px;
}
.rowform .heplview{
	float: left;
	padding-top: 3px;
	font-size: 11px;
	padding-right: 10px;
	color: #4889F1;
	outline: none;
	margin-left: -5px;	
}
.rowform .heplview:hover{
	text-decoration: none;
	cursor: pointer;
}
.rowform .textbox{
	padding: 3px;
	border: 1px solid #c4c4c4;
}
.rowform select{
	padding: 3px;
	border: 1px solid #c4c4c4;
	margin: 2px 0;
}
.rowform textarea{
	height: 60px;
	font-size: 12px;
	font-family: Arial, Tahoma;
	border: 1px solid #c4c4c4;
}
.rowform .texterror{
	border: 1px solid red;
}
.rowform span{
	display: block;
/*	margin-left: 110px;*/
	font-size: 11px;
	color: red;
}
.rowform input[type=checkbox]{
	margin-top: 3px;
	margin-right: 10px;
}
.rowform .productEditImg{
	border: 1px solid #c4c4c4;
	width: 80px; height: 80px;
}
.rowform .error-message{
	margin-left: 110px;
	color: red;
	font-size: 11px;	
}
.groupFormButton{
	text-align: center;
	margin-bottom: 10px;
	clear: left;
}
.groupFormButton .deletebutton{
	display: inline !important;
	color: #B94939;
	font-weight: bold;
	background: url("../img/icon-trash.png") no-repeat;
	padding-left: 25px;
}
.in-progress {
	display: none;
	position: absolute;
	z-index: 1000;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: url('../img/loading.gif') center 50% no-repeat #FFFFFF;
	opacity: 0.7;
}
#formSystemSetting label{
	float: left;
	width: 235px;
	text-align: right;
}
.idea{
	background: url(../img/idea.png) no-repeat;
	padding-left: 20px;
	margin-bottom: 10px;
}
.tip{font-size:11px; color:#999;}

#guideModal .headnote {
	color: #267168;
	font-weight: bold;
	padding-bottom: 10px;
}
#guideModal .step {
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 15px;
}
#guideModal .gsteptwo, #guideModal .gstepthree, #guideModal .gstepfour{
	display: none;
}
.gstepone form .colone {
	float: left;
	width: 370px;
}
.gstepone form .coltwo {
	float: right;
	width: 330px;
}
#guideModal .colone .frow, #guideModal .coltwo .frow{
	margin-bottom: 10px;
}
#guideModal .colone .frow input[type=checkbox],#guideModal .coltwo .frow input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
#guideModal .colone .frow label, #guideModal .coltwo .frow label {
	display: block;
	margin-bottom: 3px;
	font-weight: bold;
	text-shadow: 0 1px #fff;
}
#guideModal .leftButton {
	float: left;
	margin-top: 10px;
	color: #999;
}
#guideModal .rightButton {
	float: right;
}

#guideModal .buttonSetting, #guideModal .linkButtonSetting, #guideModal .linkButtonAddData, #guideModal .linkButtonFinish {
	background: #267168;
	color: white;
	border: none;
	padding: 4px 10px;
	border-radius: 3px;
}
#guideModal .buttonSetting:hover{
	color:#FC0;
	cursor: pointer;	
}

#guideModal .gsteptwo .colone{
	float: left;
	width: 370px;	
}

.deleteDefaultData{
	padding: 4px 5px;
	background: #4572A7;
	color: white;
	font-weight: bold;
	border-radius: 3px;	
}
.deleteDefaultData:hover{
	text-decoration: none;
}

.checkin{
	padding: 8px 10px;				
	background-color: #10b4e7;
	background: -webkit-gradient(linear, left top, left bottom, from(#10b4e7), to(#009dcc));
	background: -webkit-linear-gradient(top, #10b4e7, #009dcc);
	background: -moz-linear-gradient(top, #10b4e7, #009dcc);
	background: -ms-linear-gradient(top, #10b4e7, #009dcc);
	background: -o-linear-gradient(top, #10b4e7, #009dcc);
	background: linear-gradient(top, #10b4e7, #009dcc);
	border: 1px solid #2d9fc1;
	border-bottom: 1px solid #2d9fc1;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: inset 0 1px 0 0 #85d4f3;
	-webkit-box-shadow: 0 1px 0 0 #85d4f3 inset ;
	-moz-box-shadow: 0 1px 0 0 #85d4f3 inset;
	-ms-box-shadow: 0 1px 0 0 #85d4f3 inset;
	-o-box-shadow: 0 1px 0 0 #85d4f3 inset;
	color: white;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 -1px 0 #396715;
	width: 390px;
	margin-top: 50px;
	display: block;
}
.checkin:hover{
	cursor: pointer;
	text-decoration: none;	
}
/*Static page----------*/
.static_page{
	border-top: 15px solid #d7e3f2;	
	height: 100% !important;
}
.form_content{
	float: left;
	margin-bottom: 10px;	
}
.form_content fieldset{
	border: none;
}
.form_content .inline-block {
	display: inline-block;
}
.form_content label {
	margin-bottom: 3px;
	font-weight: bold;
	text-shadow: 0 1px #fff;
	padding: 0 3px;
}
.form_content select{
	padding: 3px;
	max-width: 123px;
}
.display-none {
	display: none;
}
.form_content .submit_chart{
	 background: none repeat scroll 0 0 #4572A7;
    border: medium none;
    color: white;
    cursor: pointer;
    font-weight: bold;
    padding: 4px 10px;
}
.form_content .submit_chart:hover{
	color: #FF3;	
}
.print_paging{
	float: right;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 10px;
	margin-top: 18px;
	background: white;
}
.print_paging .inline-block {
	display: inline-block;
}
.print_paging select{
	padding: 3px;
	margin-left: 10px;
}
.print_paging .btn{
	background: #4572A7;
    color: white;
    font-weight: bold;
    padding: 5px 10px;
}
.print_paging .btn_print{
	background: #4572A7 url('../img/print_icon.png') 7px 7px no-repeat;
	padding-left: 25px;
}
.print_paging .btn_export{
	background: #4572A7 url('../img/export_icon2.png') 7px 7px no-repeat;
	padding-left: 25px;
}
.print_paging .btn:hover{
	text-decoration: none;
	color: #FF3;
}
.result_static{
	border-top: 1px solid #ccc;
	padding-top: 10px;
	margin-top: -1px;
}
/*view---------------*/
.top_view{
	margin-bottom: 10px;
}
.left_debit{
	float: left; width: 50%;
}
.right_debit{
	padding-top: 15px;
	float: right;
}
/**paging-------------*/
.sum_paging .paging_left{
	display:inline-block;
}
.sum_paging .paging{
	float: right;
}
.sum_paging .paging span a{
	color: #333; display: block;
	padding: 5px 8px;
}
.sum_paging .paging span.current{
	color: #359588;
	font-weight: bold;
	padding: 5px 8px;
}	
.sum_paging .paging span{
	display: inline-block;
	cursor: pointer;
}
.sum_paging .paging span.display-none{
	display: none;
}

.processing{
	position: fixed;
	z-index: 10000;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	line-height: 50%;
	text-align: center;
	display:none;
}
.processing div{
	margin-top: 250px;
	width: 190px;
	left: 50%;
	margin-left: -78px;
	position: absolute;
	z-index: 10001;
	border: 1px solid #ccc;
	padding: 10px;
	background: white;
}
.processing div img{
	margin-bottom: 5px;	
}
/***Menu---------------------------*/
div#menu-vertical{
	border-left: 1px solid #7699c7;
}
div#menu-vertical ul {
	list-style: none;
	width: 100%;
}
div#menu-vertical ul li {
	margin-top: 1px;
	position: relative;
}
div#menu-vertical ul li a {
	background: url("../img/bg_siderbar_menu.png") repeat-x;
	display: block;
	text-decoration: none;
	height: 34px;
	line-height: 34px;
  	color: #000;
	font-weight: bold;
	font-size: 12px;
	padding: 0 20px;
}
div#menu-vertical ul li a:hover, div#menu-vertical ul li.active > a{
	background: url("../img/bg_siderbar_menu_hover.png") repeat-x;
}
div#menu-vertical ul li span.catalog-nav{
	background: url("../img/list_icon.png") no-repeat scroll center center transparent;
    display: none;
    height: 34px;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
}
div#menu-vertical ul li.has-children > span.catalog-nav{
	display: block;
}
div#menu-vertical ul li span.catalog-edit{
    background: url("../img/action-edit.png") no-repeat scroll center center transparent;
    display: none;
    height: 34px;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
	z-index: 100;
}
div#menu-vertical ul li a:hover + span.catalog-edit, div#menu-vertical ul li:hover + span.catalog-edit, div#menu-vertical ul li span.catalog-edit:hover{
	display: block;
	z-index: 1000;
	cursor: pointer;
}
div#menu-vertical ul li#catalog-0 span.catalog-edit{
	display: none;
}
div#menu-vertical ul li ul{
	display: none;
}
div#menu-vertical ul li.active > ul, div#menu-vertical ul li ul.expand{
	display: block;
}
div#menu-vertical ul li ul li{
	margin: 1px;
}
div#menu-vertical ul li ul li a {
  	background: #d5e4f2;
  	color: #15428b;
	font-weight: bold;
	text-indent: 10px;
	padding: 0 20px;
}

div#menu-vertical ul li ul li a:hover, div#menu-vertical ul li ul li.active > a, div#menu-vertical ul li ul li a.active{
	background: #BFDBFF;
	color: #900;
	padding: 0 20px;
}
div#menu-vertical ul li ul li ul li{
	border-left: none;	
}
div#menu-vertical ul li ul li ul li a{
	font-weight: normal;
	padding-left: 30px;
}
div.static_page div#menu-vertical ul li ul{
	display: block;
}

/*autocomplete--------------*/
ul.ui-autocomplete{
	list-style: none;
	overflow: auto;
/*	background-color: #FFFFFF;*/
	border: 1px solid #A4A4A4;
	border-top: none;
	position: absolute;
	-moz-box-shadow: 0 3px 6px #AAAAAA;
	height: 300px;
}
ul.ui-autocomplete li.ui-menu-item{
	border-bottom: 1px solid #EEEEEE;
}
ul.ui-autocomplete li.ui-menu-item:last-child{
	border: none;
}
ul.ui-autocomplete li.ui-menu-item a{
	display: block;
	padding: 10px 5px;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
}
ul.ui-autocomplete li.ui-menu-item a .name{
	font-weight: bold;
	font-size: 12px;	
	margin-bottom: 4px;
}
ul.ui-autocomplete li.ui-menu-item a .idandphone{
	font-size: 11px;	
}
ul.ui-autocomplete li.ui-menu-item a.ui-state-hover{
/*	background-color: #FFD259;*/
}
ul.ui-autocomplete li[type=stitle]{
	float: left;
	width: 50%;
	display: block;
	margin: 0;
	padding: 0;
}
ul.ui-autocomplete li[type=etitle]{
	float: left;
	width: 50%;
}
ul.ui-autocomplete li.ui-menu-item[type=service]{
	float: left;
	width: 50%;
	display: block;
	clear: left;
	margin: 0;
	padding: 0;
}
ul.ui-autocomplete li.ui-menu-item[type=equipment]{
	float: right;
	width: 50%;
	display: block;
	clear: right;
	margin: 0;
	padding: 0;
}
ul.ui-autocomplete li[type=stitle] span, ul.ui-autocomplete li[type=etitle] span{
	display: block;
	padding: 10px 5px;
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
	background: #22665D;
	color: #FFFFFF;
}

/**Footer--------------*/

#footer{
	background-color:#64B83E;	
	height: 25px;
	line-height: 8px;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.introduce {	
	text-align: left;
    color: white;
    font-size: 14px;
    margin-top: 30px;
    line-height: 20px;
    display: inline-block;
    width: 1088px;
}

#footer ul{
	
}
#footer ul li{
	
}
#footer ul li a{
	color: #333333;
	font-weight: bold;
}
/* #footer p{
	float: right;
	margin-right: 15px;
	font-weight: bold;
	font-size: 11px;	
} */
#footer p span{
	font-size: 12px;	
	color: #900;
}
a.hint{
    color: #4889F1;
    font-size: 11px;
}
div.page-not-found{
	text-align: center;
	margin-top: 200px;
}
div.page-not-found a{
	margin: 5px;
}
div#flashMessage.message{
	background-color: #faf9b9;
	background: -webkit-gradient(linear, left top, left bottom, from(#faf9b9), to(#eae9ae));
	background: -webkit-linear-gradient(top, #faf9b9, #eae9ae);
	background: -moz-linear-gradient(top, #faf9b9, #eae9ae);
	background: -ms-linear-gradient(top, #faf9b9, #eae9ae);
	background: -o-linear-gradient(top, #faf9b9, #eae9ae);
	background: linear-gradient(top, #faf9b9, #eae9ae);
	border: 1px solid #999999;
	line-height: 25px;
	padding-left: 10px;
	margin-bottom: 10px;
}
div#error-page{
	margin-top: 200px;
	text-align: center;
}

div.page-access-denied{
	margin-top: 200px;
	text-align: center;
}
div.page-access-denied a{
	margin: 5px;
	display: inline-block;
}
div#license-message{
	color: yellow;
    font-weight: bold;
    vertical-align: top;
    display: inline-block;
    white-space: nowrap;
    margin: 7px;
}
div#license-message a.action{
	color: yellow;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: underline;
}
div#pay-for-bills, div#pay-for-imports{
	max-height: 200px;
	overflow: auto;
}
div#pay-for-bills table, div#pay-for-imports table{
	width: 525px;
}
div#pay-for-bills table tr td input, div#pay-for-imports table tr td input{
	padding: 2px 5px;
	text-align: right;
}
div#customer-bar-code, div#supplier-bar-code{
	padding-top: 20px;
}
div#product-bar-code img, div#customer-bar-code img, div#supplier-bar-code img{
	display: block;
}
div#product-bar-code a, div#customer-bar-code a, div#supplier-bar-code a{
	display: inline-block;
	padding: 5px 10px;
	margin: 5px 0 0 0;
}
input.scanner{
	background-image: url("../img/scanner.png") !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
}
input.scanner.readonly{
	background-image: none !important;
}
.bold{
	font-weight:bold;
}


/**Permission---------------------------*/
.list_permission{
	float: left;
	width: 30%;	
	width: 20%;
}
.list_permission h3{
	font-size: 16px;
	font-weight: bold;
	color: #359588;
	margin-bottom: 7px;	
}
.list_permission ul li{
	line-height: 25px;	
}
.list_permission ul li a{
	display: block;
	color: #333;
	background: url(../img/folder_open.png) 0 no-repeat;	
	padding-left: 21px;
}
.list_permission ul li a.active, .list_permission ul li a:hover {
	font-weight: bold;
	text-decoration: none;
}
.permission{
	float: right;
	width: 75%;
}
#editGroupModal .editgroup{
	display: none;	
}
.permission h3{
	font-size: 16px;
	font-weight: bold;
	color: #359588;
	margin-bottom: 7px;
}
a.edit_profile{
	text-decoration: underline;
}
#RedeemForm .rowform label{
	width: 150px;
}
.list_paging{
  	display: inline-block;
    width: 111px;
    padding: 5px;
    margin-left: 10px;
}
.list_paging select{
	background: none;
	border: none;
	padding: 2px;
	font-weight: bold;
	font-size: 13px;
}
.action .list_paging_product_filter select{
	height: 25px;
    margin: 0 7px;
    width: auto;
}
table tr th.last{
}
.relative{
	position: relative;
}
.date-from,.date-to,.month-from,.month-to,.year-from,.year-to{
	white-space: nowrap;
}
.quantity_gift{
	color: red;
    font-size: 11px;
    font-weight: bold;
    padding-right: 22px;
	display: inline-block;
}
.ui-accordion, .ui-accordion-content {
	padding: 0 !important;
}
.ui-state-active{
	border: none !important;
}
.view-other{
	background: none repeat scroll 0 0 #d3e2f2;
    border: 1px solid #4572a7;
    margin: 10px;
    padding: 4px 15px;
}
.load-more{
	background: none repeat scroll 0 0 #d7e3f2;
    display: block;
    font-size: 13px;
    text-decoration: none;
    width: 100%;
    padding: 5px 0;
}
.result_static table{
	border-collapse: inherit;
}
.inline-block{
	display: inline-block;
}
.unit_name{
	padding: 5px;
}
.note-table{
	background: #D7E3F2;
	padding: 9px;
	width: 94%;
	border: 1px solid #BFDBFF;
}
.note-table a{
	cursor: pointer;
}
.note-list{}
#note-enter{ 
	width: 88%;
	margin-right: 3px;
}
#note-send{}
.note-list li{
	margin: 5px 0;
	border-bottom: 1px solid #BFDBFF;
	padding: 5px 0;
}
.c-list-content{
	color: #704A28;
}
.c-list-date{
	text-align: right;
	font-size: 10px;
	color: #2C6190;
}
.note-table .paging{
	text-align: center;
	display: block;
}
span.add-in-time-btn {
    position: absolute;
    right: 6px;
    top: 3px;
}
#AddInTimeModal {
    z-index: 5000;
}
.blue{color: blue;}
.gray{color: gray;}

.toolbar .product_search {
	float: left;
	margin-top: 4px;
	display: inline-block;
	width: 70%;
}

.gift_list_search {
	float: left;
	width: 20%;
	margin-bottom: 5px;
}

.company_info {
	margin-bottom: 5px;
	font-size: 12px;
	/* color: #4572A7; */
	/* font-style: unset; */
	/* font-weight: bold; */
}

#user_company {
	display: none
}

.content-left {
	width: 32%;
	float: left;
	text-align: center;
	
	background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 25px #00000019;
border-radius: 30px;
	margin-top: -20px;
}

.content-left p {
		
	font-style: bold;
	display: inline-block;
	text-align: center;
	margin-bottom: 5px;
}

.content-right {
	width: 66%;
	float: left;
	heigh: 100%;
	background-size: cover;
    background-position-y: -62px;
    margin-top: -50px;
    margin-bottom: 30px;
}

.content-right-mobile {
	width: 100%;
	float: left;
	heigh: auto;
} 

.gift-item {
	width: 180px;
    display: inline-block;
    height: 100%;
    margin-right: 30px;
    vertical-align: top;
    background-color: #FCFCFC;
    margin-bottom: 10px;
    text-align: left;
    cursor: pointer;
}

.gift-item-mobile {
	width: 46%;
	text-align: center;
	margin-right: 20px;
	background-color: #FCFCFC;
	border-width: 2px;
	border-color: #D7D8DA;
	border-style: solid;
	margin-bottom: 5px;
}

.gift-name {
	    display: inline-block;
    width: 100%;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    height: 57px;
    margin: 10px 0;
    color: black;
}
.m-gift-name{
	font-size: 25px;
	    display: inline-block;
	    background-color: #D7D8DA;
	    width: 100%;
	    line-height: 50px;
	    font-weight: bold;
	    text-transform: uppercase;
	    padding: 15px 0;
}
.gift-logo {
	
}
.m-gift-logo{
}
.m-gift-logo img {
	max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    margin: auto;
}
.gift-logo img {
	    max-height: 100%;
    max-width: 100%;
    width: 180px;
    border-radius: 30px;
    height: 180px;
    border: 1px solid #E2E2E2;
    margin: auto;
}
.g-title{
	text-align:center;
	font-weight:bold;
	font-size: 25px;
}
.g-des{
	    margin-top: 10px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}
#gift-info{
	padding: 20px !important;
	width: 96%;
}
.site-logo {
	margin-top: 10px;
	display: inline-block;
}

.receiver-name {
	font: Bold 32px Roboto;
    letter-spacing: 0px;
    color: #11883B;
    line-height: 65px;
}

.gift-list {
	    height: 100%;
    margin-top: 2vh;
    text-align: left;
    margin-left: 60px;
}

.company-info {
	height: 30vh;
	
	background-repeat: no-repeat;
}

#gift-info-left {
	width: 450px;
    height: 370px;
    float: left;
    position: relative;
    background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 25px #00000019;
border-radius: 30px;
	padding: 10px;
}
.content-select #gift-info-left {
	 position: fixed !important;
	 z-index: 10000;
}
.address-content{
	border: none !important;
}
#dia-chi-giao-hang{
	background: url("../img/icon ban muon giao hang.svg") 0 6px no-repeat !important;
    padding-left: 41px;
    height: 40px;
    font-weight: bold;
    padding-top: 7px;
    font-size: 25px;
}
#dia-chi-khac{
	background: url("../img/icon chon dia chi giao hang.svg") 0 6px no-repeat !important;
	padding-left: 41px;
    height: 40px;
    font-weight: bold;
    padding-top: 7px;
    font-size: 25px;
}

#gift-info-left img {
	    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 30px;
    max-width: 300px;
    max-height: 300px;
}

#gift-info-right {
	    width: 600px;
    float: left;
    text-align: left;
    margin-left: 50px;
    line-height: 37px;
    font-size: 15px;
}
.g-group{
	color: #4A4A4A;
}
.g-code{
	background: url("../img/icon ma qua tang.svg") 0 2px no-repeat !important;
}
.g-material{
	background: url("../img/icon chat lieu.svg") 0 2px no-repeat !important;
}
.g-size{
	background: url("../img/icon kich thuoc.svg") 0 2px no-repeat !important;
}
.g-color{
	background: url("../img/icon mau sac.svg") 0 2px no-repeat !important;
}
.g-pack{
	background: url("../img/icon quy cach dong goi.svg") 0 2px no-repeat !important;
}
.gift-infos{
	padding: 20px 0;
}
.g-pname{
	color:black;
	font-size: 36px;
	font-weight: bold;
}
.g-item{
	display: inline-block;
    padding-left: 41px;
    vertical-align: top;
    font-size: 11px;
    margin-right: 50px;
    height: 50px;
	width: 100px;
}
.g-item p:not(.title){
	color: #11883B;
}
#gift-info-right-mobile {
	width: 100%;
	float: left;
	
	background-repeat: no-repeat;
}

#gift-info-right-mobile img {
	max-height: 70%;  
    max-width: 50%; 
    width: auto;
   	float: left;
   	margin-left:50px;
   	margin-top:20px;
}

.gift-infos-mobile {
	width: 40%;
	margin-left: 20px;
	float: left;
}

.gift-infos-mobile p {
	font-size: 25px;
}


.add-to-cart,.choose-another {
	width: 250px;
    display: inline-block;
    line-height: 55px;
    background-color: #064834;
    text-align: center;
    border-radius: 30px;
    color: white;
    margin-top: 5px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    margin-right: 25px;
}
.choose-another {
	border: 2px solid #064834;
	background: white;
}
.choose-another a{
	color: #064834 !important;
}
.choose-another a:hover{
	background: none !important;	
}

#gift-confirm-info {
	height: 600px;
	width: 100%;
	margin-top: 3vh;
}

#gift-confirm-info-mobile {
	height: 1500px;
	width: 93%;
	margin-left:3%;
}

.edit-address {
	width: 10%;
	display: inline-block;
	line-height: 29px;
	background-color: #F0F0F0;
	text-align: center;	
}

#gift-confirm-right {
	    width: 500px;
    float: right;
    padding: 10px 0 10px 62px;
}
#gift-confirm-right-mobile {
	width: 100%;
	height: 40vh;	
		
}
input.add-box:focus{
	border: 1px solid #11883B !important;
}
.add-box{
	background: white;
    padding: 21px 15px !important;
    line-height: 21px;
    border: none !important;
    box-shadow: 2px 1px 10px #00000015;
    font-size: 16px;
    width: 400px;
    min-height: 22px;
	font-family: Google Sans Regular;
}
#cancel-update{
	border: 2px solid #064834;
    color: #064834;
    background: none;
}
.content-detail #gift-info-left{
	width: 300px;
    height: 300px;
    box-shadow: none;
}
.content-detail #gift-info-left img{
	
}
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    zoom: 1;
    *display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 410px !important;
}
.chosen-container-single .chosen-single {
 	    border-radius: 20px !important;
    background: #F3F3F4 0% 0% no-repeat padding-box !important;
    color: #737373 !important;
    padding: 9px 15px !important;
    border: 1px solid #F3F3F4 !important;
    line-height: 16px !important;
    width: 430px;
    font-size: 13px;
    height: 35px !important;
	
 }
 .chosen-container-single .chosen-single:hover {
	border: 1px solid #11883B !important;	 
 }
 .chosen-container-single .chosen-single div b {
 	background-image: url("../img/Group_1749.svg") !important;
}
.chosen-container-single .chosen-drop {
	margin-left: 10px !important;	
}
.add-item{
	margin-bottom: 20px;
}
.address-type .add-box{
	    width: 170px;
    display: inline-block;
    line-height: 22px ;
}
.address-type .add-box:not(:last-child){
	margin-right: 30px;	
}
.add-box input{
	display: inline-block;
}
.add-box label{
	display:inline-block;
}
.add-title{
	font-weight:bold;
	display:block;
	margin-bottom: 3px;
}
#gift-confirm-right-mobile img{
	max-height: 70%;  
    max-width: 70%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;	
}
.help_button{
	display:none;
}

.gift-infos .title{	
	line-height: 12px;
	font-weight: bold;
}

.gift-infos-mobile .title{	
	line-height: 25px;
	font-weight: bold;
}

.gift-infos p {	
	line-height: 25px;
}

.gift-info {
	height:80vh;
	width: 100%;
	
}

#gift-description {	
	width: 90%;
	
}

#gift-description-mobile {	
	height: 100%;
	margin-left: 20px;
	margin-left: 50px;
	margin-right: 50px;	
	margin-top: 20px;
	font-size:30px;
	min-height:720px;
}


.gift-des-menu {
	    color: black;
	    line-height: 34px;
	    font-size: 22px;
	    background: url('../img/icon thong tin san pham.svg') 0 2px no-repeat;	
		padding-left: 40px;
		font-weight: bold;
}
.gift-rec-title{
	  background: url('../img/Group_1890.svg') 0 2px no-repeat !important;	
	  margin-top: 50px;
}
.gift-rect-detail .gift-item{
	background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 25px #00000019;
    border-radius: 30px;
}
.gift-rect-detail .gift-item .gift-logo{
	text-align:center;
}
.selected-bg{
	background: url(../img/BG-Final@2x.png) center no-repeat !important;
    background-size: cover !important;
    width: 100%;
    height: 500px;
    z-index: -100;
    position: relative;
    margin-top: -48px;
    text-align: left;
	 
}
.selected-bg img{
	margin: 125px;	
}
.gift-rect-detail .gift-item .gift-logo img{
	    width: 140px;
    border: none;
    margin-top: 20px;
    height: 140px;
}	
.gift-rect-detail .gift-item .gift-name{
	text-align: center;
}
.m-gift-des-menu{
	width: 250px;
	    display: block;
	    line-height: 50px;
	    background-color: #28872b;
	    color: white;
	    font-size: 22px;
	    text-align: center;
	    border-radius: 10px;
}

.gift-description-detail {
    padding-top: 10px;
    line-height: 38px;
    font-size: 14px;
	
} 
.product-logos{
	margin-top: 20px;
}
.content-product h1{
	    text-align: center;
    margin-top: -40px;
	font-size: 36px;
}
#intro-container-product h2{
	text-align: left;
	font-size: 25px;
}
#intro-container-product{
	    padding: 20px;
    margin-top: 30px;
    width: 96%;
	text-align:left;
}
.p-logo img{
	    width: 250px;
    border-radius: 25px;
        border: 1px solid #E2E2E2;
        height: 250px;
}
.p-item:not(:last-child){
	margin-right: 15px;	
}
.p-item{
	display:inline-block;
	cursor: pointer;
	vertical-align:top;
	max-width:250px;
}
.p-name{
	    text-align: left;
    margin: 10px 0;
    font-weight: bold;
}
#gift-footer {
	width: 100%;
	background: url(../img/bg-gift-footer.png) repeat-x;	
	text-align: right;
	color: white;
	height: 100px;
}

.gift-company-info {
	width:90%;
	float: left;
	font-size: 12px;
	padding-top:20px;
}

.gift-company-logo {
	width: 10%;
	float: right;
	padding-top:20px;
	
}

#partner {
	height: 80px;
	position: relative;
	text-align:center;
	padding-top:20px;
}
/*
#partner img {
	max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}*/

.delivery-address {		
	padding-left:10px;
	padding-right:10px;
	margin-top: 10px;
}
.m-delivery-address {		
	font-size: 30px;
	line-height:50px;	
}
.delivery-address p {	
	line-height: 25px;
}
.address-default {
	
	margin-top: 5px;
	
	line-height: 20px;
	padding: 10px;
	background-color: white;
}
.m-address-default {
	border-style: solid;
	border-color: #97CE85;
	margin-top: 5px;
	
	line-height: 40px;
	padding: 10px;
	background-color: white;
}

#gift-confirm-right {
	
}

.confirm-botton {
background: #064834 0% 0% no-repeat padding-box;
    border-radius: 25px;
    color: white;
    padding: 10px;
    cursor: pointer;
    text-align: center;
}

.confirm {
	margin-bottom: 17px; 
}

.address-content {
	    width: 45%;
    margin-left: 0 !important;
    vertical-align: top;
    padding-left: 0 !important;
    display: inline-block;
}
.m-address-content{
	/* border-top: 2px; */
	border-width: 1px 0 0 0 !important;
	margin-bottom:50px !important;
}
.m-address-content label{
    float: left;
    width: 250px;
    text-align: right;
    margin-right: 10px;
    padding-top: 3px;
}
.m-address-content .rowform .textbox {
	width:65%;
	font-size:43px;
}
.m-address-content .rowform select{
	width:65%;
	font-size:40px;
}
.m-address-content .rowform {
	clear:both;
}
.address-type label {
	margin-right: 10px;
	padding-left: 5px;
}
.m-address-content .address-type label {
    width: 310px;
    text-align: left;
    padding-left: 13px;
    display: inline-block;
    float: none;
	clear:right;
	padding-bottom:20px;
}
.address-button {
	text-align: center;
	margin-top: 10px;
}

.update-add-button {
	    width: 183px;
    height: 30px;
    box-shadow: 0px 5px 10px #006CB580;
    display: inline-block;
    border-radius: 4px;
    line-height: 23px;
    background: #006CB5;
    text-align: center;
    color: white;
    padding: 7px 5px 0px 5px;
    cursor: pointer;
}
.content-partner{
	margin-top: 0 !important;
}
#update-address{
	 margin-right: 30px;
}
.m-address-content .update-add-button {
	width: 300px;
	display: inline-block;
	line-height: 60px;
	font-size: 40px;
	background-color: #28872b;
	text-align: center;
	color: white;
	padding: 0px 5px 0px 5px;
	cursor:pointer;
}

.gift-select-success {
	font-size: 20px;
	color: #73BD5C;
	/* margin-top: 150px; */
	padding-top: 100px;
	display: inline-block;
	text-align: center;
	width: 96%;
}

.m-update-add-button {
	width: 100px;
	display: inline-block;
	line-height: 50px;
	background-color: #029FD1;
	text-align: center;
	color: white;
	padding: 0px 5px 0px 5px;
	cursor:pointer;
}

.m-gift-select-success {
	font-size: 40px;
	color: #73BD5C;
	/* margin-top: 150px; */
	padding-top: 100px;
	display: inline-block;
	text-align: center;
	width: 100%;
}

.bill-states-1{
	background: yellow !important;	
}
.bill-states-2{
	background: #bfdbff !important;	
}
.bill-states-3{
	background: #f4adce !important;	
}
.bill-states-4{
	background: #fff !important;	
}
.arrow-down{
	background: url("../img/arrow-down.png") center no-repeat !important;
	display:block;
	height:77px;
}
#addProductModal .rowform label,#editProductModal .rowform label{
	width: 100px;	
}

.textarea {
	padding: 5px;	
}

.hidden {
	display : none;
}
.note-ship{
	width:90%;
	margin-left:25px;
	margin-right:25px;
	height:100px;
}
.note-ship textarea{
	height:80px;
}
.m-company-info{
	background-color: #28872A;
	background-repeat:no-repeat;
	height:360px;
}
.partner-item{
	  max-height: 80px;
    display: -webkit-box !important;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    height: 100px;
    margin: 5px;
}
.partner-item img{
	display: inline-block;
	width: 150px;
    height: auto;
}
.partner-item:last-child .partner-border{
	border-right: none;	
}
.partner-border{
	border-right: 2px solid #D9D9D9;
    display: inline-block;
    vertical-align: middle;
    height: 25px;
}

#partners{
	    text-align: center;
    margin: 60px 0;
}
#header1{
	background-color: #197b30;
	height: 40px;
	text-align:center;
}
#gift-header .menu-item{
	display: inline-block;
    padding: 4px 20px;
    margin-top: 35px;
}
.menu-item a{
   width: 84px;
    height: 19px;
    text-align: left;
    font-size: 16px;
    letter-spacing: 0px;
    font-family: "Google Sans Bold";
    color: #FFFFFF;
    opacity: 0.6;
    padding-top: 20px;
}
.gift-header-project .menu-item a{
	opacity: 1;
    color: #909090;
}
.menu-item a:hover,.menu-item a.active{
	border-top: 2px solid;
	text-decoration: none;
	opacity: 1;
}
.gift-header-project .menu-item a:hover,.gift-header-project .menu-item a.active{
	color: #262626
}
#banner{
	
	height: 291px;
	
}
#main_content1{
	    text-align: center;
    min-height: 500px;
    margin: 0 auto;
}
#main_content1 strong.title{
    padding: 30px 0 0;
    font-size: 25px;
    display: block;
    color: #197b30;
}
.content1{
	    width: 1088px;
    display: inline-block;
    text-align: left;
    margin-top: 15px;
    position: relative;
}
.content1 a:hover{
	text-decoration: none;	
	/*background: #11883B !important;*/
}
.content1-home a:hover{
	background: #11883B !important;
}

.content1 .cate-item{
	display: inline-block;
    padding: 20px;
    width: 215px;
    height: 200px;
    border-radius: 30px;
    opacity: 1;
    margin-right: 13px;
    text-align:center;
    font: Bold 25px/29px Roboto;
letter-spacing: 0px;
color: #FFFFFF;
	vertical-align:middle;
}
.content1 .icon_hang_dong_svg{
	background: transparent radial-gradient(closest-side at 50% 40%, #EDA96D 0%, #DDA26D 42%, #C79568 100%) 0% 0% no-repeat;
}
.content1 .icon_hang_bac_svg{
	background: transparent radial-gradient(closest-side at 50% 40%, #A8A8A8 0%, #C7C7C7 12%, #A0A0A0 100%) 0% 0% no-repeat;
}
.content1 .icon_hang_bac_svg img{
	margin-top: 43px;	
}
.content1 .icon_hang_vang_svg{
	background: transparent radial-gradient(closest-side at 50% 40%, #D5B470 0%, #E3C68A 12%, #F0D59C 12%, #E3C990 12%, #B59651 100%) 0% 0% no-repeat padding-box;
}
.content1 .icon_hang_vang_svg img{
	margin-top: 51px !important;	
}
.content1 .icon_diamond_svg{
	background: transparent radial-gradient(closest-side at 50% 40%, #8E8E8E 0%, #5D5D5D 53%, #4A4A4A 100%) 0% 0% no-repeat padding-box
}
.content1 .icon_diamond_svg img{
	margin-top: 51px !important;	
}

.content1 .cate-item img{
	margin-top: 40px;
    margin-bottom: 30px;
}	
#footer1{
    margin-top: 40px;
    height: 34px;
    padding: 70px 0;
    color: white;
    text-align: center;
    background-color: #1a7b2f;
	clear:both;
}
#footer1 h1{
	
}
.content_detail{
	padding: 0 20%;
}

#gift-footer1 {
	width: 100%;
	background: url('../img/Footer BG.svg') repeat-x;	
	color: white;
	height: 202px;
}
#footer {
	width: 100%;
	background: url('../img/Footer.png') repeat-x;	
	color: white;
	height: 100%;
	background-size: cover;
	
}
.footer-name{
	    font-size: 25px;
    line-height: 34px;
   font-family: 'Google Sans Bold';
}
.footer-des{
	font-size: 14px;
    line-height: 20px;
    padding-bottom: 10px;
    width: 44%;
    font-family: 'Google Sans Light';
}
.footer-col{
	display:inline-block;
	width: 32%;
	vertical-align:top;
}
.footer-col-label{
	font-size: 25px;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 6px;
}
.footer-col-content{
	font-size: 14px;
    line-height: 20px;
    width: 76%;
    height: 35px;
     font-family: 'Google Sans Light';
}
.footer-license{
	padding: 97px 0 40px;
    opacity: 0.6;
    font-size: 16px;
     font-family: 'Google Sans Regular';
}
.footer-3-col{
	    padding: 10px 0 30px;
}
.footer-col-fb{
	background: url('../img/footer-fb-icon.svg') no-repeat left center;
    padding-left: 28px;
    text-decoration: underline;
    margin-bottom: 10px;
}
.footer-col-youtube{
	background: url('../img/footer-youtube-icon.svg') no-repeat left center;
    padding-left: 28px;
    text-decoration: underline;
}
.gift-company-info1 {
	width:90%;
	float: left;
	font-size: 12px;
	padding-top:20px;
}

.gift-company-logo1 {
	width: 10%;
	float: right;
	padding-top:20px;
	
}

#mcontent-1{
	padding-bottom: 130px;
}
#mcontent-1 span,#mcontent-1 a{
	font-size: 25px !important;
	line-height: 30px !important;
	text-align: justify;
}
#mcontent-1 h1 span,#mcontent-1 h2 span,#mcontent-1 h3 span,#mcontent-1 h1{
	font-size: 35px !important;
	line-height: 40px !important;
}
#mheader1{
	background-color: #197b30;
	height: 100px;
	text-align:center;
	padding-top: 40px;
}
#mheader1 .mmenu-item{
	display:inline-block;
	padding: 10px 12px;
}
.mmenu-item a{
	color: white;
	font-size: 31px;
	text-transform: uppercase;
}
#mbanner{
	
	height: 291px;
	
}
#mbanner img{
	width: 100%;
}
#mmain_content1{
	text-align:center;
	min-height: 500px;
}
#mmain_content1 strong.mtitle{
    padding: 0px 0 30px;
    font-size: 41px;
    display: block;
    color: #197b30;
}
.mcontent1{
	margin: 0 0;
}
.mcontent1 .mcate-item{
	display:inline-block;
	padding: 20px;
}
.mcontent1 .mcate-item img{
	width: 400px;
}
#mfooter1{
    margin-top: 40px;
    height: 34px;
    padding: 70px 0;
    color: white;
    text-align: center;
    background-color: #1a7b2f;
	clear:both;
}
#mfooter1 h1{
	
}
.mcontent_detail{
	padding: 0 20%;
}

#mgift-footer1 {
	width: 100%;
	background: url(../img/bg-gift-footer.png) repeat-x;	
	text-align: right;
	color: white;
	height: 120px;
	position: fixed;
	bottom: 0;
}

.mgift-company-info1 {
	width:90%;
	float: left;
	font-size: 21px;
	padding-top:20px;
}

.mgift-company-logo1 {
	width: 10%;
	float: right;
	padding-top:20px;
	
}


#gift-header{
width: 100%;
height: 67px;
opacity: 1;
text-align:center;
top: 0;
z-index: 10000000;
background-size: cover;
}
.hotline-container{
	position: absolute;
    right: 0;
    top: 0;	
}
.language{
	text-align:right;
}
.language a{
	    color: white;
    opacity: 0.6;
    padding: 5px 10px;
       font-size: 9px;
    font-family: Google Sans Medium;
}
.gift-header-project .language a{
	color: #909090;
	
}
.language a.active{
	opacity: 1;
}
.hide{display:none;}
.hotline{
	    color: white;
    padding: 5px 10px 5px;
    font-size: 20px;
    border-radius: 21px;
    top: 62px;
    right: 12%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 1000;
}
.gift-header-project .hotline{
	background-color: rgba(144, 144, 144, 0.7);
}
.hotline a{
	 background: transparent url('../img/hotline.svg') left no-repeat;
	 padding-left: 31px;
	color: white;
	font-family: Google Sans Bold;
	text-decoration: none;
}
.vietnamese{
	background: transparent url('../img/tieng-viet-icon.svg') left no-repeat;
}
.english{
	background: transparent url('../img/tieng-anh-icon.svg') left no-repeat;
}
#header-hamper{
	height: 700px;
	background-size: cover !important;
	transition: background 1s linear;
}
#header-hamper-inside{
	background: transparent linear-gradient(80deg, #006CB5 0%, #006CB500 80%) 0% 0% no-repeat;
    width: 100%;
    height: 100%;
}
#gift-header .last-menu-item{
	margin-right: 80px;
}
.logo-san{
	display: inline-block;
    float: left;
    padding: 36px 9px 9px 0;
}
#gift-header-container{
	width: 1088px;
    display: inline-block;
    height: 700px;
}
#gift-banner-name{
	font-size: 35px;
    font-family: Google Sans Bold;
    font-weight: bold;
    color: white;
    text-align: left;
    margin-top: 40px;
    line-height: 50px;
}
#gift-banner-des{
	    width: 65%;
    text-align: center;
}
#gift-banner-link{
	text-align: left;
    width: 128px;
    color: white;
    background: rgba(255, 255, 255, 0.5);
    padding: 15px 40px;
    margin-top: 40px;
}
#gift-banner-link a{
	color: white;
	text-decoration: none;
}
#project-bar{
	position: absolute;
    right: 0;
    top: 150px;
    color: white;
}
#p-bar-top{
	    height: 60px;
    border-right: 1px solid;
    margin-bottom: 20px;
    opacity: 0.6;
    margin-right: 30px;
}
#p-bar-bottom{
	height: 100px;
    border-right: 1px solid;
    opacity: 0.6;
    margin-right: 30px;
    margin-top: 20px;
}
.project-name{
	display:inline-block;
	padding-right: 10px;
	font-size: 9px;
	display:none;
}
.project-number{
	display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 50px;
    font-size: 14px;
}
.project-item{
	    text-align: right;
    padding: 10px 7px;
    font-family: Google Sans Bold;
}
.active .project-name{
	font-size: 14px;
	display:inline-block;
}
.active .project-number{
	font-size: 30px;
}
.arrow-right-white{
	background: transparent url('../img/arrow-trang-right.svg') center no-repeat;
	    width: 20px;
    display: inline-block;
    margin-left: 10px;
    height: 10px;
}
.arrow-right-black{
	background: transparent url('../img/arrow-den-right.svg') center no-repeat;
	    width: 20px;
    display: inline-block;
    margin-left: 10px;
    height: 10px;
}
.arrow-right-blue{
	background: transparent url('../img/arrow-xanh-right.svg') center no-repeat;
	    width: 20px;
    display: inline-block;
    margin-left: 10px;
    height: 10px;
}
.arrow-right-gray{
	background: transparent url('../img/arrow-nau-right.svg') center no-repeat;
	    width: 20px;
    display: inline-block;
    margin-left: 10px;
    height: 10px;
}
.home-service-item{
	display: inline-block;
    width: 267px;
    vertical-align: top;
    height: 373px;
    text-align: left;
    color: white;
    background-size: cover !important;
    margin: 0 -3px;
}
.home-services{
	text-align: center;
    margin-top: -80px;
}
.home-services-inside{
	width: 1088px;
    display: inline-block;
    vertical-align: top;
    background: white;
    padding: 30px 20px;
}

.service-item-01{
	background: transparent url('../img/tu-van-co-dien.png') top left no-repeat;
}
.service-item-02{
	background: transparent url('../img/thiet-ke-co-dien.png') center no-repeat;
}
.service-item-03{
	background: transparent url('../img/cung-cap-dich-vu-co-dien.png') center no-repeat;
}
.service-item-04{
	background: transparent url('../img/xay-dung-co-dien.png') center no-repeat;
}
.service-item-number{
	font-family: Google Sans Black;
    font-size: 36px;
    margin-left: 20px;
    border-bottom: 3px solid;
    padding-bottom: 10px;
    margin-top: 160px;
    width: 33px;
}
.service-item-title{
	font-family: Google Sans Bold;
    font-size: 20px;
    
    padding: 20px 0 5px 20px;
}
.service-item-des{
	font-family: Google Sans Medium;
    font-size: 12px;
    width:88%;
    padding-left: 20px;
	line-height: 21px;
}
.home-special-service{
	margin-top: -354px;
}
.blue-div{
	background: #006CB5;
    height: 600px;
    width: 100%;
    z-index: -100;
    top: 700px;
    position: absolute;
}
.home-special-service-inside{

    
        width: 1088px;
    padding-top: 400px;
    color: white;
 	 background: transparent url('../img/xu-ly-am.png') no-repeat ;
    background-size: 510px;
    background-position: left 420px;
    display: inline-block;
    height: 300px;
    text-align:left;
}
.special-top{
	    padding-left: 550px;
    font-size: 25px;
    font-family: Google Sans Regular;
}
.special-title{
	    padding-left: 550px;
    font-size: 50px;
    font-family: Google Sans Bold;
}
.special-des{
	padding-left: 550px;
    font-size: 14px;
    font-family: Google Sans Regular;
    opacity: 0.6;
}
.special-link{
	margin-left: 550px;
    margin-top: 71px;
    width: 170px;
    border-radius: 4px;
    padding: 10px 10px 10px 15px;
    font-family: Google Sans Bold;
    font-size: 16px;
    box-shadow: 0px 5px 10px #006CB580;
    background: white;
   
}
.special-link a{
	 color: #006CB5;
}
.special-link a:hover{
	text-decoration: none;	
}
.special-projects{
	margin-top: 80px;
}


#gift-banner-description{
	    font-size: 16px;
    margin-top: 15px;
    text-align: left;
    color: white;
    font-family: Google Sans Regular;
    width: 200px;
    display: inline-block;
}
#description-container{
	text-align:left;
}
#banner-title{
	font-family: Google Sans Bold;
    font-size: 12px;
    color: white;
    letter-spacing: 3.6px;
    margin-top: 128px;
    opacity: 0.6;
    text-align: left;
}
#dau-dong-dai{
	    border-bottom: 4px solid white;
    width: 50px;
    vertical-align: top;
    height: 60px;
    margin-right: 40px;
    display: inline-block;
}
#control-left{
	background: transparent url('../img/arrow-trang-left.svg') left no-repeat padding-box;
	    width: 89px;
    height: 17px;
    text-align: right;
    display: inline-block;
    cursor: pointer;
}
#control-right{
	background: transparent url('../img/arrow-trang-right.svg') right no-repeat padding-box;
	width: 89px;
    height: 17px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
#gift-banner-control{
	position: absolute;
    right: 0;
    bottom: 100px;
    font-family: Google Sans Bold;
    color: white;
    
    
}
.intro-container{
	top: 382px;
left: 141px;
width: 93%;
/* UI Properties */
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 25px #00000019;
opacity: 1;
padding: 40px;
margin-bottom: 40px;
text-align:center;
}
.intro-container h1{
	text-align: center;
font: Bold 36px/42px Roboto;
letter-spacing: 0px;
color: #000000;
opacity: 1;
}
.item-h{
	    display: inline-block;
    width: 22%;
    vertical-align: top;
    margin-right: 70px;
    height: 404px;
    text-align:left;
    position: relative;
}
.item-h-2:not(:last-child){
	  margin-right: 30px;	
}
.item-h-2:last-child{
	margin-right: 10px;
}
.item-h-2{
	    width: 97%;
    border-radius: 20px;
  
    padding: 35px 15px;
    height: 355px;
    margin-top: 60px;
}
.item-h-even .item-h-container{
	 padding: 0 0 0 60px !important;
}
.item-h-container{
	display: inline-block;
    padding: 0 60px 0 0 ;
    width: 33%;
    vertical-align: top;
}

.item-h img{
	width: 140px;
	height: auto;
	margin-bottom: 20px;
}
.item-h-2 img{
	width: 60%;
	border-radius: 30px;	
	float:right;
		
}
.item-h-even img{
	float:left !important;	
}

.item-h img.tl-img-ab{
	position: absolute;
    left: 222px;
    top: 2px;
    width: 60px;
}
.item-h .item-h-name{
	text-align: left;
font: Bold 21px/29px Roboto;
}
.item-h .item-h-sep{
width: 50px;
    border: 2px solid #064834;
    border-radius: 3px;
	 margin: 20px 0;
   
}
.item-h .item-h-des{
	text-align: left;
font: Regular 14px/22px Roboto;
line-height: 25px;
}

.item-h-arrow{
	    display: inline-block;
    background: transparent url('../img/arrow.svg') 0% 0% no-repeat padding-box;
    margin-right: 20px;
    vertical-align: top;
    margin-top: 18%;
    width: 30px;
    height: 30px;
    border-radius: 16px;
}
#intro-histories-tam-nhin .item-h{
	width: 97%;
	height: 100%;
}
#intro-histories-tam-nhin .item-h img{
	width: 419px;
    margin-left: 150px;
    display: inline-block;
}
#intro-histories-tam-nhin .item-h .item-h-name{
	width: 20%;
    height: 37px;
    background: transparent url(../img/Quote.svg) 0% 0% no-repeat padding-box;
    vertical-align: top;
    display: inline-block;
    left: 637px;
    top: 98px;
    position: absolute;
		
}	
#intro-histories-tam-nhin .item-h .item-h-des{
	    display: inline-block;
    vertical-align: top;
    margin-top: 10%;
    width: 200px;
    margin-left: 50px;
    background: transparent url('../img/Quote-2.svg') 200px 58px no-repeat padding-box;
    margin-left: 50px;
    padding-bottom: 50px;
    padding-right: 50px;
}
.con-b{
	padding: 10px 0 10px 45px;
}
.con-t{
	padding: 10px 0 10px 45px;
    font-weight: bold;
    color: #11883B;
}
.company-icon{
	 background: transparent url('../img/icon_cong ty.svg') 0 3px no-repeat padding-box;
	     
}
.address-icon{
	 background: transparent url('../img/icon_diachi.svg') 7px 9px no-repeat padding-box;
}
.phone-icon{
	 background: transparent url('../img/icon_phone.svg') 7px 9px no-repeat padding-box;
}
.email-icon{
	 background: transparent url('../img/icon_mail.svg') 7px 9px no-repeat padding-box;
}
.office-icon{
	 background: transparent url('../img/icon_vanphong.svg') 0 3px no-repeat padding-box;
}
.khohang-icon{
	 background: transparent url('../img/icon_khohang.svg') 0 3px no-repeat padding-box;
}
.intro-contact{
	    margin-bottom: 435px;
	    verticle-align:top;
}
.intro-contact .intro-container{
		height: 330px;
}
#intro-container-tt{
	width: 93%;
    text-align:left;
    float: left;
    background-color: #064834;
    
}
.intro-container-news h1{
	color: #000;
	text-align:center;
}
.ilabel{
	font-size: 25px;
}
.icontent{
	font-size: 14px;
    line-height: 34px;
}
.intro-item{
	    border: 1px solid #F7D285;
    padding: 40px 15px;
    border-radius: 20px;
    color: white;
    margin: 6px;
    display: inline-block;
}


#intro-container-tt h1,#intro-container-nd h1{
	text-align: left;
	    margin-bottom: 30px;
	    font-family: Google Sans Regular;
	    font-size: 62px;
	    color: #262626;
	    width: 50%;
}
.intro-container-news{
	margin-top: 40px;
}
.news-item{
	display: inline-block;
    background-size: 100% auto !important;
    vertical-align: top;
    width: 22%;
    margin-right: 15px;
    border-radius: 25px 25px 0 0;
    padding: 162px 0 0;
    color: white;
    text-align: left;
}
.news-more-btn-div{
	position: absolute;
    bottom: 30px;
    text-align: center;
    left: 20px;
}
.news-more-btn{
	color: white;
    padding: 8px 20px;
    border: 1px solid white;
    border-radius: 25px;
}
.news-more-btn:hover{
	background: white;
	color: #11883B;	
}
.news-date{
	font-size: 12px;
}
.news-name{
	font-size: 25px;
    padding: 7px 0;
    font-weight: bold;
}
.news-short-desc{
	font-size: 12px;
}
.news-item-inside{
	background: #064834;
    border-radius: 25px;
    padding: 20px;
    height: 250px;
    position: relative;
}

.oldnews-item{
	display: inline-block;
    background-size: 40% 240px !important;
    vertical-align: top;
    width: 33%;
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 25px 25px 0 0;
    padding: 3px 0 0 162px;
    color: white;
    text-align: left;
}
.oldnews-item-last{
	margin-right: 0;	
}
.oldnews-more-btn-div{
	    position: absolute;
    bottom: 23px;
    text-align: center;
    left: 20px;
}
.oldnews-more-btn{
	    color: white;
    padding: 8px 20px;
    border: 1px solid #064834;
    background: #064834;
    border-radius: 25px;
}
.oldnews-more-btn:hover{
	background: white;
	color: #11883B;	
}
.oldnews-date{
	font-size: 12px;
    color: #737373;
}
.oldnews-name{
	font-size: 25px;
    padding: 7px 0;
    color: #064834;
    font-weight: bold;
}
.oldnews-short-desc{
	font-size: 12px;
    color: #737373;
}
.oldnews-item-inside{
	background: #EAEAEA;
    border-radius: 25px;
    padding: 20px;
    height: 200px;
    position: relative;
}
.oldnews-paging{
	    text-align: center;
    margin: 40px 0;
}
.intro-histories{
	text-align: left;
    font-size: 22px;
    font-family: Google Sans Regular;
    line-height: 33px;
    color: #262626;
}
.item-h-content{
	display:none;
	position: absolute;
    color: white;
    width: 60%;
    padding: 30px;
    border-radius: 30px;
    background: #064834;
    top: 0;
    left: 0;
}
.item-h-even .item-h-content{
	right: 0  !important;
	left: auto;
}
.item-h-content .item-h-name{
	margin-bottom: 20px;
}
.oldnews-paging ul{
	
}
.old-news-slide{
	
}
.newsdetail-date{
	padding: 20px 0;
}
button{
	cursor: pointer;
}
.intro-container-newsdetail{
	    text-align: left;
    margin-top: 40px;
}
.intro-container-newsdetail h1{
	text-align:left;	
	margin-bottom: 0;
}
.old-news-slide .oldnews-item{
	width: 350px !important;
}
.oldnews-paging ul li{
	    background: #E0E0E0;
       padding: 6px 10px;
    border-radius: 15px;
    color: #737373;
    display: inline-block;
}
.oldnews-paging ul li.active{
	 background: #064834;
	 color: white;
}
.old-news{
	text-align:center;
}
#intro-container-nd{
    padding: 40px 0;
    text-align: left;
   
}
#intro-container-nd .update-add-button{
	
}
.tab-spec{
	font: Bold 36px/42px Roboto;
    padding: 10px 0 10px 0;
    margin: 0 40px 20px;
    display: inline-block;
    cursor:pointer;
}
.tab-spec-active{
	    border-bottom: 2px solid #11883B;
	color: #11883B	;
}		
#intro-histories-su-menh .item-h img,#intro-histories-gia-tri-cot-loi .item-h img{
	width: 44px;
}
#intro-histories-su-menh .item-h,#intro-histories-gia-tri-cot-loi .item-h {
	height: 100%;
}
#intro-container-partner{
	width: 93%;
}
#intro-container-partner h1{
	display: inline-block;
    margin-right: 30px;
    vertical-align: top;
    margin-top: 10px;
    text-align: right;
    width: 35%;
}
#intro-container-partner .s-customer{
	display: inline-block;
    width: 55%;
    border-left: 1px solid #11883B;
    padding-left: 30px;
    text-align: left;
}
.s-customer-logos img{
	  height: auto;
    max-width: 100px;
    max-height: 55px;
}
.s-logo{
	    display: inline-block;
    width: 150px;
    height: 60px;
    padding: 5px;
}
.f-title{
	text-align:center;
	margin-bottom: 40px;
	font-size: 36px;
}
.feedbacks{
	
}
.f-item{
	width: 45%;
	background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 25px #00000019;
border-radius: 30px;

	display:inline-block;
	    vertical-align: top;
    margin: 0 22px 20px 0;
    padding: 20px;
    text-align:left;
}
.f-item-content{
	display:inline-block;
	width: 74%;
	vertical-align: top;
    margin-left: 10px;
}
.f-item-content .f-star{
	
}
.f-avatar{
    display: inline-block;
    width: 20%;
    margin-top: 6%;
    height: 98px;
    border-radius: 70px;
}
.f-name{
	font: Bold 25px/29px Roboto;
	    padding: 8px 0;
}
.f-role{
	font:  14px/16px Roboto;
letter-spacing: 0px;
color: #4A4A4A;
    padding: 0 0 8px;
}
.f-content{
	font:  14px/22px Roboto;
}
#intro-container-c{
	    margin-bottom: 700px;
	    width: 93%;
}
.content1-home{
	text-align:center;
}
#intro-container-c .item-h{
	    width: 20%;
    height: 100%;
}
#intro-container-c  .item-h-2:not(:last-child) {
    margin-right: 15px;
}
#sales .f-item{
	width: 20%;
	text-align:center;
}
#sales .f-item:not(:last-child){
	margin-right: 15px;	
}
.f-item-odd{
	margin-right: 0px;
}
#sales .f-item:last-child{
	margin-right: 0px;	
}
#sales .f-avatar{
	width: 43%;	
}
#sales .f-name{
	font: Bold 19px/24px Roboto;
}
#sales .f-phone{
	background: #064834;
    border-radius: 28px;
    padding: 7px;
    margin: 20px 10px;
}
#sales .f-phone a{
	 color: white;	
}
#sales .f-role{
	font:  12px/15px Roboto;
}
#sales .f-zalo{
	    display: inline-block;
    margin: 0 5px 30px;
}
#sales .f-zalo a{
	text-decoration: underline;
	color: black;
}
#sales .f-zalo a:hover{
	background: none;	
}
#sales .f-item-content{
	text-align:center;
}
.maps{
    background: transparent url(../img/map-gmp-dien-lanh-dong-a.png) center no-repeat padding-box;
   background-size: cover !important;
    height: 601px;
    z-index: -100;
    width: 100%;
    margin-top: -140px;
}
.social{
	margin: 40px 0 0;
	
	text-align:center;
}
.social a{
	margin-right: 30px;
}
.social a:hover{
	background:none !important;	
}
.social a img{
	
}
.site-logo img{
	width: 346px;	
}
p.welcome{
	font: 14px/22px Roboto;
	padding: 30px 0 0;
}
.welcome .w{
	font-weight: bold;
	padding: 10px;
	    padding: 10px 5px;
}
.welcome .s{
	color: #11883B;
	
}
.message .h{
	font: Bold 22px/25px Roboto;
}
.message .item-h-sep{
	background: transparent url('../img/icon 3 dots.svg') center no-repeat padding-box;
    height: 20px;
    margin-bottom: 20px;
}
.wish{
	font:  14px/21px Roboto;
}
.message{
	margin-bottom: 30px;
}
#partners-inside{
	width: 100% !important;
}
.selected-bg-error{
	margin: 100px;
    text-align: center;
    line-height: 50px;
}
.add-box input[type=radio]{
	width: 1em;
    height: 1em;
}
.sub-menus{
	    box-shadow: 3px 5px 15px #00000029;
    display: none; 
    position: absolute;
    line-height: 36px;
    font-weight: normal;
    background: white;
    text-align: left;
    padding: 15px 0;
    border-radius: 10px;
    margin-top: 10px;
    width: 139px;
}
.sub-menu-li{
	    padding: 0 20px;
}
.sub-menu-active{
	background: #EBEBEB;
}
.sub-menu-li a{
	color: #333;
	    font-weight: normal;
    text-transform: none;
}
.menu-item .sub-menu-li a:hover{
	text-decoration: none !important;	
	border: none !important;
}
.expand-down{
	    width: 8px;
    height: 11px;
    background: transparent url('../img/arrow down_icon.svg') center no-repeat padding-box;
    right: 7px;
    top: 24px;
    position: absolute;
}
.announcement{
	    margin-top: 30px;
    width: 1084px;
    margin: auto;
}
.introduce{
	width: 41%;
	display:inline-block;
	vertical-align:top;
}
.introduce-center{
	    width: 41%;
    margin-top: 64px;
    line-height: 24px;
    padding-left: 35px;
    border-left: 1px solid #F7D285;
    margin-right: 40px;
}
.introduce-right{
	width: 30%;
}
.introduce .intro-h{
	margin-bottom: 10px;
}
.introduce button{
	position: absolute;
    right: 47px;
    background: none;
    border: none;
    text-decoration: underline;
    top: 49px;
    color: #11883B;
    font-weight: bold;
}
.subscription{
	background: #F3F3F4 0% 0% no-repeat padding-box;
    border-radius: 20px;
    padding: 10px 20px;
    width: 250px;
    border: none;
}
.introduce .social {
	margin-top: 10px;
}
.introduce .social a {
	margin-right: 15px;
}
.introduce p{
	padding: 3px 0;
	font-size: 12px;
}
.announcement h1{
	    font-size: 36px;
    margin: 30px 0;
}
.footer-inside{
	    width: 1084px;
    margin: auto;
    text-align:left;
}

.announcement div{
	width: 1084px;
    line-height: 26px;
    font-size: 16px;
    text-align: left;
    margin-bottom: 30px;
}
.expand-right{
	width: 8px;
    height: 8px;
    background: transparent url('../img/arrow right_icon.svg') center no-repeat padding-box;
    right: 7px;
    top: 13px;
    position: absolute;
}
.menu-item a.menu-item-customer, .menu-item a.menu-item-customer:hover{
	border-bottom: none !important;
	padding-right: 10px;
}
.sub-company{
	    box-shadow: 3px 5px 15px #00000029;
    display: none;
    position: absolute;
    line-height: 36px;
    font-weight: normal;
    background: white;
    text-align: left;
    padding: 15px 0;
    border-radius: 10px;
    margin-top: 10px;
    top: -8px;
    left: 139px;
}
.sub-company-li{
 padding: 0 20px;
}	
.sub-company-li a{
	color: #333;
	    font-weight: normal;
    text-transform: none;
}
.introduce img{
	    width: 361px;
    margin-top: 22px;
}
.yellow{
	color: #F7D285;
}
.label-yellow{
	color: #F7D285;
	display:inline-block;
	padding-right: 10px;
}
.label-sdt{
	border-left: #F7D285;
	padding-left: 10px;
	margin-left: 10px;
	line-height: 9px;
}
.yu{
	width: 10px;
    height: 2px;
    background: #F7D285;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.footer-logo img{
	width: 100px;
	margin: 30px 0;
}

.home-projects{
	text-align: center;
    background: transparent url('../img/Projects_Home.png') no-repeat;
    background-size: contain;
    background-position: 0 -50px;
}
.home-projects-inside{
	width: 1088px;
    margin-top: 250px;
    display: inline-block;
	
}
.project-link {
	    color: #6C6C6C;
    margin: 20px;
    text-align: right;
}
.project-link a{
	    color: #6C6C6C;
    font-family: Google Sans Bold;
    font-size: 14px;
}
.detail-projects .project-link a{
	color: white;
}
.home-project{
	display: inline-block;
    width: 45%;
    height: 278px;
    vertical-align:top;
    margin: 10px 0;
}
.home-project-l{
	    display: inline-block;
    color: white;
    width: 48%;
    
}
.even .home-project-l-inside{
	background: transparent linear-gradient(18deg, #D63631 0%, #D6363100 100%) 0% 0% no-repeat padding-box;
	padding-top: 100px;
}
.odd .home-project-l-inside{
	background: transparent linear-gradient(18deg, #006CB5 0%, #006CB584 100%) 0% 0% no-repeat padding-box;
	padding-top: 100px;
}

.home-project-r{
	    width: 50%;
    background: white;
    height: 100%;
    display: inline-block;
    vertical-align:top;
    text-align:left;
}
.h-p-name{
	font-size: 20px;
	    font-family: Google Sans Bold;
	    text-align: left;
	    height: 75px;
	    padding: 0 30px;
}
.h-p-content{
	padding: 0 20px;
	color: #6C6C6C;
}
.h-p-link{
	  background: rgba(255, 255, 255, 0.5);
    padding: 15px 20px;
    width: 160px;
    display: inline-block;
    margin: 28px 0;
}
.h-p-link a{
	color: white;
    font-family: Google Sans Bold;
    text-decoration: none;
    font-weight: bold;
}
.h-p-label{
	padding: 20px;
	font-weight: bold;
	 font-family: Google Sans Bold;
	 font-size: 14px;
}




.home-news{
	text-align: center;
    background: transparent url('../img/News_Home.png') no-repeat;
    background-size: cover;
    background-position: 0 --85px;
}
.home-news-inside{
	width: 1088px;
    margin-top: 390px;
    display: inline-block;
	
}
.new-link {
	    color: white;
    margin: 20px;
    text-align: right;
}
.new-link a{
	    color: white;
    font-family: Google Sans Bold;
    font-size: 14px;
    text-decoration: none;
}
.new-link-o {
	color: #6C6C6C;
    padding: 20px;
    text-align: left;
}
.new-link-o a{
	color: #262626;
    font-family: Google Sans Medium;
    font-size: 20px;
    white-space: break-spaces;
    text-decoration: none;
}
.home-new{
	display: inline-block;
    width: 33%;
    height: 378px;
    vertical-align:top;
}
.home-new-l{
	    display: inline-block;
    color: white;
    width: 100%;
    background-size: cover !important;
}
.even .home-new-l-inside{
	background: transparent linear-gradient(18deg, #D63631 0%, #D6363100 100%) 0% 0% no-repeat padding-box;
	padding-top: 300px;
	height: 178px;
	padding-left: 30px;
	padding-right: 30px;
	text-align:left;
}
.odd .home-new-l-inside{
	background: transparent linear-gradient(18deg, #006CB5 0%, #006CB584 100%) 0% 0% no-repeat padding-box;
	padding-top: 300px;
	height: 178px;
	padding-left: 30px;
	padding-right: 30px;
	text-align:left;
}
.other-news{
	display: inline-block;
    height: 380px;
    width: 33%;
}
.other-news-inside{
	background: white;
    box-shadow: 2px 1px 10px #00000015;
    height: 478px;
}
.h-n-name a{
	font-size: 24px;
    font-family: Google Sans Bold;
    height: 75px;
    color: white;
    white-space: break-spaces;
    text-decoration: none;
}
.h-n-date{
	font-size: 14px;
    font-family: Google Sans Regular;
    margin-top: 40px;
    opacity: 0.5 !important;
}
.home-video{
	    background: #EDEDED;
    padding: 50px 0;
}
.sub-menu-intro{
	margin-top: 510px;
	text-align:left;
}
.sub-m-i{
	display: inline-block;
    padding-bottom: 10px;
    margin-right: 25px;
    opacity: 0.4;
}
.sub-menu-intro div.active{
	border-bottom: 2px solid white;	
	opacity: 1;
}
.sub-m-i a{
	color: white;
    font-family: Google Sans Medium;
   font-size: 16px;
   text-decoration: none;
}
.there-col{
	margin-top: 50px;
}
.col-title{
	width: 80%;
    font-family: Google Sans Bold;
    font-size: 21px;
    height: 80px;
}
.col-sepa{
	width: 30px;
    height: 2px;
    background: #EDEDED;
    margin: 20px 0;
}
.col-group{
	    color: #909090;
    font-family: Google Sans Light;
    font-size: 15px;
    margin-top: 38px;
    height: 50px;
    width: 70%;
}
.col1{
	display: inline-block;
    width: 30%;
    text-align: left;
    vertical-align: top;
}
.col1 img{
	margin-bottom: 20px;
    height: 58px;
}
.col1:not(:last-child){
	border-right: 1px solid #EDEDED;
    margin-right: 40px;
}
.bluem{
	color: #006CB5;
}
.intro-services{
	background: #EDEDED;
}
.intro-services-inside{
	width: 1088px;
	display:inline-block;
}
.intro-services-sepa{
	background: #D63631;
	height: 7px;
	width: 70px;
	margin: 30px 0 40px;
}
.intro-services{
	background: #EDEDED;
    margin-top: -100px;
    padding-top: 150px;
}
.intro-services .home-services{
	margin-top: 0;	
}
.intro-services  .home-services-inside{
	background: none;
	padding: 0;
}
.intro-services .home-service-item {
	width: 274px;
}
.intro-services-h1{
	font-size: 65px;
    font-family: Google Sans Medium;
    text-align: left;
	
}
.chienluoc{
	padding-top: 80px;
    background: #EDEDED;
    text-align: center;
}
.c-item{
	   text-align: center;
}
.c-item-l{
	    display: inline-block;
    width: 49%;
    vertical-align: top;
    text-align: left;
}
.c-item-l img{
	width: 100%;
}
.c-item-r img{
	width: 100%;
}
.c-item-r{
	 display: inline-block;
    width: 49%;
     vertical-align: top;
     text-align: left;
}
.c-item-r-text{
	
}
.c-title{
	font-size: 65px;
    padding: 140px 40px 40px;
    font-family: Google Sans Medium;
	
}
.c-sepa{
	    background: #D63631;
    margin-left: 40px;
    width: 8%;
    vertical-align: top;
    margin-top: 4px;
    height: 7px;
    display: inline-block;
}
.c-quote{
	background: url('../img/dau-ngoac-tu-van-gmp.svg') left no-repeat;
	padding: 17px 125px 0 213px;
    background-position: 145px 16px;
    background-size: 50px;
    font-style: italic;
    font-size: 16px;
    font-family: Google Sans Bold;
}
.c-des{
	display: inline-block;
    padding-left: 50px;
    font-family: Google Sans Regular;
    font-size: 16px;
    color: #4A4A4A;
    width: 70%;
}
.c-des1{
	display: inline-block;
    padding-left: 24%;
    padding-top: 20px;
    font-family: Google Sans Regular;
    font-size: 16px;
    color: #4A4A4A;
    width: 70%;
}
.c-des-i{
	background: url('../img/tick-gmp.svg') left no-repeat;
	background-size: 20px;
    margin-bottom: 10px;
    padding-left: 30px;
}
.contact-sepa{
	width: 40px;
	height: 7px;
	background: #D63631;
	margin: 20px 0;
}
.content1-l{
	display: inline-block;
    padding: 50px;
    background: white;
    vertical-align: top;
    width: 39%;
    box-shadow: 2px 1px 10px #00000015;
    margin-right: 20px;
}
.content1-r{
	display: inline-block;
    padding: 50px;
    background: white;
    width: 40%;
    box-shadow: 2px 1px 10px #00000015;
}
.content1-item{
	background-size: 50px !important;
    padding-left: 80px;
    height: 100px;
}
.c-item-label{
	font-family: Google Sans Medium;
    font-size: 20px;
    margin-bottom: 10px;
    color: #262626;
}
.c-item-content{
	font-family: Google Sans Regular;
	font-size: 16px;
	color: #4A4A4A;
	width: 75%;
}
.i-address{
	background: url('../img/dia-chi-co-dien-lanh-dong-a.svg') left no-repeat;
}
.i-fac{
	background: url('../img/xuong-co-dien-lanh-dong-a.svg') left no-repeat;
}
.i-phone{
	background: url('../img/dien-thoai-co-dien-lanh-dong-a.svg') left no-repeat;
}
.i-mail{
	background: url('../img/email-co-dien-lanh-dong-a.svg') left no-repeat;
}
.i-office{
	background: url('../img/vpgd-co-dien-lanh-dong-a.svg') left no-repeat;
}
.i-tax{
	background: url('../img/mst-co-dien-lanh-dong-a.svg') left no-repeat;
}
.i-fax{
	background: url('../img/fax-co-dien-lanh-dong-a.svg') left no-repeat;
}
.i-site{
	background: url('../img/website-co-dien-lanh-dong-a.svg') left no-repeat;
}
.project-title{
	font-family: Google Sans Bold;
    font-size: 30px;
    padding: 187px 30px;
    color: white;
}
.project-links{
	    background: white;
    height: 70px;
    width: 70px;
    margin-left: 80%;
    border-radius: 50%;
    padding: 7px;
    margin-top: -44px;
    transition: transform .4s; 
    cursor: pointer;
}
.project-links:hover{
	transform: scale(1.5);
	transition: transform .4s; 
}
.project-links-inside{
	    background: #006CB5;
    width: 49px;
    height: 49px;
    text-align: center;
    border-radius: 50%;
    padding: 11px;
}
.project-links-inside .arrow-right-white{
	margin-left: 0;
}
.project-links a{
	font-size: 14px;
    font-family: Google Sans Light;
    color: white;
    text-align: center;
    margin-bottom: 3px;
    display: inline-block;
    white-space: break-spaces;
}
.p-owner{
	background: url('../img/cdt-tu-van-gmp.svg') 30px center no-repeat;
}
.p-address{
	background: url('../img/dd-tu-van-gmp.svg') 30px center no-repeat;
}
.p-time{
	background: url('../img/tg-tu-van-gmp.svg') 30px center no-repeat;
}
.p-type{
	background: url('../img/ht-tu-van-gmp.svg') 30px center no-repeat;
}
.p-hangmuc{
	background: url('../img/hm-tu-van-gmp.svg') 30px center no-repeat;
	border-bottom: none !important;
}
.project-items{
	border-bottom: 1px solid #EDEDED;
	padding: 10px 65px;
	background-size: 18px;
	display:table;
	
}
.p-item-label{
	       display: table-cell;
    width: 106px;
    color: #262626;
    height: 100%;
    font-family: Google Sans Bold;
    font-size: 14px;
    vertical-align:middle;
    
}
.p-item-content{
	  width: 73%;
    display: table-cell;
    color: #6C6C6C;
    font-size: 14px;
    font-family: Google Sans Regular;
}
.content-project{
	    background-size: 100% 304px !important;
	    width: 48%;
	    padding: 0;
	    margin-bottom: 20px;
	    height: 600px;
}

.content-project-inside{
	height: 304px;
	width: 100%;
}
.even .content-project-inside{
	background: transparent linear-gradient(18deg, #D63631 0%, #D6363100 100%) 0% 0% no-repeat padding-box;
	
}
.odd .content-project-inside{
	background: transparent linear-gradient(80deg, #006CB5 0%, #006CB500 80%) 0% 0% no-repeat;
	
}
.project-news{
	margin-top: -100px;
}
.gift-header-projectdetail .language a{
	color: white;
}
.project-d-title{
	margin-top: 200px;
    color: white;
    font-size: 50px;
    font-family: Google Sans Bold;
}
.project-d-date{
	color: white;
    opacity: 0.5;
    font-family: Google Sans Regular;
    margin-bottom: 20px;
}
.bread-scrum{
	background: #2F2F2F;
    opacity: 0.6;
    display: inline-block;
    border-radius: 20px;
    width: auto;
    padding: 0 20px;
}
.bread-scrum-i{
	    display: inline-block;
    padding: 5px 7px;
}
.bread-scrum-i a{
	    color: white;
    font-size: 16px;
    opacity: 0.6;
}
.bread-scrum-i a.bread-title{
	opacity: 1;	
}
.content-projectdetail {
	text-align: center;
    box-shadow: none;
    padding: 40px 0;
    width: 100%;
}
.content-projectdetail-inside{
	    width: 50%;
    display: inline-block;
    text-align: left;
}
.project-items-content{
	    text-align: left;
    font-size: 16px;
    margin-top: 50px;
    line-height: 30px;
    padding: 0 20px;
}
.detail-projects{
	background: transparent url("../img/du-an-lien-quan-co-dien-lanh-dong-a.png") no-repeat;
	    background-size: cover;
    margin-top: -100px;
    background-position: 0 -200px;
	
}
.detail-projects .home-projects-inside{
	margin-top: 330px;
}
.news-container{
	margin-top: -80px;
    padding: 0;
    width: 100%;
        background: transparent;
    box-shadow: none;
}
.news-container .odd .home-new-l-inside,.news-container .even .home-new-l-inside {
	padding-top: 200px;
}
.new-list{
	text-align: left;
}
.news-container .home-new{
	margin-bottom: 4px;
}
.news-items-content{
	margin-top: 0;
	padding: 0 60px;
	min-height: 200px;
}
.related-news{
	background: transparent url("../img/tin-tuc-lien-quan-tu-van-gmp.png") no-repeat;
	background-size: cover;
}
.customers-container{
	margin-top: -200px;
    padding: 0;
    background: transparent;
}
.customers-container .home-new{
	background: white;
}
.news-container .home-new{
	width: 40%;
	background-size: cover;
}
.news-container .home-new-1,.news-container .home-new-2,.news-container .home-new-5,.news-container .home-new-6{
	width:58%;
	
}
.news-container .home-customer-1,.news-container .home-customer-2,.news-container .home-customer-5,.news-container .home-customer-6{
	width:57%;
	
}
.news-container .home-customer-0 .home-new-l-inside,.news-container .home-customer-1 .home-new-l-inside,.news-container .home-customer-2 .home-new-l-inside,.news-container .home-customer-5 .home-new-l-inside,.news-container .home-customer-6 .home-new-l-inside,.news-container .home-customer-3 .home-new-l-inside,.news-container .home-customer-4 .home-new-l-inside,.news-container .home-customer-7 .home-new-l-inside{
	background: white;
	padding-top: 30px;
	text-align:center;
}
.news-container .home-customer-0 .home-new-l-inside .h-n-name,.news-container .home-customer-1 .home-new-l-inside .h-n-name,.news-container .home-customer-2 .home-new-l-inside .h-n-name,.news-container .home-customer-5 .home-new-l-inside .h-n-name,.news-container .home-customer-6 .home-new-l-inside .h-n-name,.news-container .home-customer-7 .home-new-l-inside .h-n-name{
	color: #262626;
	font-family: Google Sans Medium;
	font-size: 25px;
	text-align:left;
}
.news-container .home-customer-3 .home-new-l-inside .h-n-name,.news-container .home-customer-4 .home-new-l-inside .h-n-name{
	color: white;
	font-family: Google Sans Medium;
	font-size: 25px;
	text-align:left;
}
.news-container .home-customer-0 .home-new-l-inside .h-n-des,.news-container .home-customer-1 .home-new-l-inside .h-n-des,.news-container .home-customer-2 .home-new-l-inside .h-n-des,.news-container .home-customer-5 .home-new-l-inside .h-n-des,.news-container .home-customer-6 .home-new-l-inside .h-n-des,.news-container .home-customer-7 .home-new-l-inside .h-n-des{
	color: #4A4A4A;
    font-family: Google Sans Regular;
    font-size: 14px;
    margin-top: 20px;
    line-height: 26px;
    height: 100px;
    text-align:left;
}
.news-container .home-customer-3 .home-new-l-inside .h-n-des,.news-container .home-customer-4 .home-new-l-inside .h-n-des{
	color: white;
    font-family: Google Sans Regular;
    font-size: 14px;
    margin-top: 10px;
    line-height: 26px;
    height: 100px;
    text-align:left;
}
.customer-container .h-n-link{
    margin-top: 20px;
    width: 140px;
    border-radius: 4px;
    padding: 10px 0px 10px 25px;
    font-family: Google Sans Bold;
    font-size: 16px;
    box-shadow: 0px 5px 10px #006CB580;
    background: #006CB5;
    
}
.customer-container .home-customer-3 .h-n-link,.customer-container .home-customer-4 .h-n-link{
	background: white;
	margin-top: 0;
}
.customer-container .home-customer-3 .h-n-link a,.customer-container .home-customer-4 .h-n-link a{
	color: #262626;	
}
.customer-container .home-new-l-p .h-n-link{
		    margin: 30px;
}
.customer-container .h-n-link a{
	color: white;
}
.news-container .home-customer-0 .home-new-l-inside{
	background: none !important;
}
.customer-container .home-new .home-new-l-inside{
	background-size: cover !important;
	background-position: 100px 20px !important;	
}
.news-container .home-customer-3,.news-container .home-customer-3 .home-new-l-inside{
	background: #006CB5;
	color: white;
}
.news-container .home-customer-4,.news-container .home-customer-4 .home-new-l-inside{
	background: #D63631;
	color: white;
}
.customer-container .home-new{
	box-shadow: 2px 1px 10px #00000015;
	margin-bottom: 20px;
	}
.customer-container .even{
	margin-right: 20px;
}
.customer-container .home-new .home-new-l-inside{
	height: 218px;	
	vertical-align: top;
}
.customer-container .home-new-l{
	background: white !important;
	width: 100%;
}
.home-new-l-p{
	display:none;
}
.home-customer-1 .home-new-l-inside,.home-customer-2 .home-new-l-inside,.home-customer-5 .home-new-l-inside,.home-customer-6 .home-new-l-inside{
	    display: inline-block;
    height: 250px !IMPORTANT;
    width: 33%;
    padding-top: 30px !important;
}
.home-customer-1 .home-new-l-inside .h-n-des,.home-customer-2 .home-new-l-inside .h-n-des,.home-customer-5 .home-new-l-inside .h-n-des,.home-customer-6 .home-new-l-inside .h-n-des{
	height: 170px !important;
	text-align:left;
}
.home-customer-1 .home-new-l,.home-customer-2 .home-new-l,.home-customer-5 .home-new-l{
	background: white !important;	
}
.home-customer-1 .home-new-l-inside .h-n-link,.home-customer-2 .home-new-l-inside .h-n-link,.home-customer-5 .home-new-l-inside .h-n-link,.home-customer-6 .home-new-l-inside .h-n-link, 
.home-customer-1 .home-new-l-inside .home-new-l-logo,.home-customer-2 .home-new-l-inside .home-new-l-logo,.home-customer-5 .home-new-l-inside .home-new-l-logo,.home-customer-6 .home-new-l-inside .home-new-l-logo{
	display:none;	
}
.home-customer-1 .home-new-l-p,.home-customer-2 .home-new-l-p,.home-customer-5 .home-new-l-p,.home-customer-6 .home-new-l-p{
	display: inline-block;
    width: 34%;
    height: 368px;
    margin-right: 4px;
    margin-top: 6px;
}
.home-new-l-p img{
	max-width: 300px;
    display: inline-block;
    margin-top: 30px;
    margin-left: 30px;
    height: 240px;
}
.home-new-l-logo{
	height: 60px;
	
    margin: 0 0 20px;
}
.footer-col-content a{
	color: white;
	text-decoration: none;
	font-family: Google Sans Light;
	font-size: 14px;
	line-height: 30px;
}
.content-product img{
	width: 300px;
	height: 300px;
}
.search-bar{
    text-align: left;
    margin-top: 356px;
}
.search-bar input.txt_tool{
	width: 500px;
	    border-radius: 10px;
	    padding: 10px;	
}
.search-bar input.button{
    padding: 10px;
    border-radius: 10px;
    width: 100px;	
}
.content-product{
	width: 31%;
	height: 509px;
	text-align:center;
	padding-top: 20px;
}
.product-catalog{
	text-align: left;
    padding: 30px;
}
.product-catalog a{
	color: #006CB5;
    border: 1px solid #006CB5;
    padding: 4px 10px;
    border-radius: 40px;
    font-family: Google Sans Light;
    font-size: 12px;
}
.product-links-inside{
	padding: 0 30px;
    text-align: left;
}
.product-links-inside a{
	color: #262626;
    font-size: 25px;
    font-family: Google Sans Medium;
    white-space: break-spaces;
}
.header-productdetail .bread-scrum{
	margin-top: 22px;
}
.catalogs-product{
	text-align: left;
    margin-top: 358px;
    width: 80%;
}
.catalogs-product .catalog-item{
	display: inline-block;
    margin: 7px 5px;
}
.catalogs-product .catalog-item a{
	color: #6C6C6C;
    font-size: 16px;
    font-family: Google Sans Regular;
    border: none;
    padding: 4px 10px;
    border-radius: 40px;
    text-decoration: none;
    background: white;
}
.product-l{
	width: 45%;
	margin-right: 20px;
	display:inline-block;
	vertical-align: top;
}
.product-l img{
	width: 464px;
	height: auto;
}
.product-r{
	width: 45%;
	display:inline-block;
	vertical-align:top;
}
.product-des{
	padding: 30px;
    font-size: 14px;
    font-family: Google Sans Regular;
    line-height: 30px;
}
.product-c{
	padding: 30px;
    font-size: 14px;
    font-family: Google Sans Regular;
    line-height: 30px;
}
.product-button{
	margin-top: 20px;
    width: 120px;
    border-radius: 4px;
    padding: 10px 0px 10px 25px;
    font-family: Google Sans Bold;
    font-size: 16px;
    box-shadow: 0px 5px 10px #006CB580;
    margin-left: 30px;
    background: #006CB5;
}
.product-button a{
	color: white;
}
.related-products{
	background: transparent url('../img/san-pham-lien-quan-co-dien-lanh-dong-a.png') top left no-repeat;
    background-size: contain;
    margin-top: -200px;
}
.rel-prod-inside{
	margin-top: 500px;
}
.products-list .slick-slide img {
	display:inline-block;
}
.products-list .slick-active {
	
}
.service-d-title{
	margin-top: 0;
}
.p-d-prefix{
	margin-top: 150px;
    color: white;
    font-size: 45px;
    font-family: Google Sans Light;
}
.language select{
	    font-size: 8px;
    border-radius: 10px;
    color: white;
    border: none;
    background-color: rgba(0, 0, 0, 0.5);
    margin-top: 2px !important;
}