/* CSS Document */

*{
	margin:0px;
	padding:0px;
	outline:none;
}

body,html{
-webkit-overflow-scrolling: touch; /* lets it scroll lazy */
-webkit-overflow-scrolling: auto; /* stop scrolling immediately */
}


a , a:hover{
	text-decoration:none;
}

img{
	border:none;
	
}

ul,ol,li{
	list-style:none;
}
button{
	cursor:pointer;
}
input[type=file]{
	cursor:pointer;
}


select option{
	color:#000;
}

.glyphicon{
	color:#a31e28;
}
.truncatedText {
   font-size: 0.875em;
   line-height: 1.2em;
   height: 2.4em; /*2 lines * line-height*/
   &:after {
      content: " ...";
   }
}
.box-shadow{
	-moz-box-shadow:    0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 	 box-shadow:         0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#btn_addRow{
	cursor:pointer;
}
.submit_btn{
	margin:0 auto;
	width:auto;
	height:auto;
	padding:6px 20px 4px 20px;
	margin-top:20px;
	margin-bottom:20px;
	color:#fff;
	font-family: 'psl_text_proregular';
	font-size:22px;
	text-align:center;
	background:#a31e28;
	border:none;
}

.no_have_privilege_txt{
	font-family: 'psl_text_proregular';
	font-size:30px;
	position:absolute;
	left:50%;
	margin:50px 0 0 -215px;
	color:#a31e28;
	text-align:center;
	padding:20px 10px 10px;
}

body{
	position:relative;
	/*font-family: 'psl_text_proregular';*/
	color:#666;
	/*font-size:18px;*/
}
.wrapper{
	float:left;
	width:100%;
	height:auto;
	background:#fff;
}


.center_pos{
	margin:0 auto;
	width:1024px;
	height:auto;
}
.header{
	float:left;
	width:100%;
	height:90px;
}


.headerInner_top{
	float:left;
	width:100%;
	height:50px;
	background:#A41E29;
}
.headerInner_bottom{
	float:left;
	width:100%;
	height:40px;
	background:#B3B3B3;
}

.main_content{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	background:#fff;
}


.attach_area.browseBtn .fa{
	float:left;
}
.attach_area.browseBtn span{
	float:left;
	margin:-2px 0 0 5px;
}

.logo_topMenu{
	float:left;
	width:auto;
	height:100%;
}

.top_menu{
	float:left;
	width:100%;
	height:100%;
}
.top_menu li{
	position:relative;
	float:left;
	width:90px;
	height:40px;
	text-align:center;
	position:relative;
	padding-bottom:5px;
}
.top_menu li:hover{
	border-bottom:4px solid #8bc541;
}

.top_menu li a{
	display:block;
	padding-bottom:15px;
}
.top_menu li img{
	height:24px;
	width:auto;
	margin-top:8px;
}


.top_sub_menu{
	position:absolute;
	float:left;
	width:180px;
	height:auto;
	z-index:999;
	top:40px;
	left:20px;
	background:#fff;
	border:1px solid #a31e28;
	display:none;
}
.top_sub_menu li{
	float:left;
	width:100%;
	height:auto;
	text-align:left;
	border-bottom:1px solid #a31e28;
	color:#a31e28;
	padding:3px 10px 0px 10px;
}
.top_sub_menu li a{
	font-family: 'psl_text_proregular';
	color:#a31e28;
	font-size:18px;
	display:block;
	padding:0px;
}

.top_sub_menu li:hover{
	background:#a31e28;
	color:#fff;
	border-bottom:1px solid #fff;
}
.top_sub_menu li:hover a{
	font-family: 'psl_text_proregular';
	color:#fff;
	font-size:18px;
}
.top_sub_menu li:hover{
	border-bottom:1px solid #a31e28;
}


.top_sub_menu.fs_menu {
	border:1px solid #77bc1f;
}
.top_sub_menu.fs_menu  li{
	border-bottom: 1px solid #77bc1f;
    color: #77bc1f;
}
.top_sub_menu.fs_menu  li a{
    color: #77bc1f;
}
.top_sub_menu.fs_menu  li:hover{
	border-bottom: 1px solid #77bc1f;
	background:#77bc1f;
}

.top_sub_menu.fs_menu  li:hover a{
	color:#fff;
}

	
.profile_control_area{
	float:right;
	width:auto;
	height:auto;
	margin-top:10px;
}



.profile_control_area img{
	float:left;
	width:atuo;
	height:auto;
	margin-right:20px;
}


.profile_control_area .img_top_profile{
	float:left;
	width:28px;
	height:28px;
	margin-right:10px;
	text-align:center;
	overflow:hidden;
	background:#000;
	
}
.profile_control_area .img_top_profile img{
	float:none;
	margin:0 auto;
	height:100%;
	width:auto;
}



.profile_control_area .detailProfile{
	float:left;
	color:#fff;
	font-family: 'psl_text_proregular';
	font-size:18px;
	margin-right:20px;
	line-height:16px;
}
	
#login_container .header{
	position:relative;
	float:left;
	z-index:2;
	width:100%;
	height:160px;
	background:url(../img/bg_login_header.jpg) repeat-x top center;
}
#login_container .main_content{	
	position:relative;
	z-index:1;
	width:100%;
	height:150px;
	margin-top:-5px;
	background:url(../img/bg_login.jpg) no-repeat center center;
	background-size:100% 100%;
}
.model_login{
	position:absolute;
	float:left;
	width:300px;
	height: auto;
	z-index:99;
	top:50%;
	margin-top: -200px;
	left:50%;
	margin-left: -155px;
	background:url(../img/modal_login.png);
	background-size:310px;
	background-repeat:no-repeat;
}
.model_login_head{
	float:left;
	width:280px;
	height:auto;
	margin:19px 0 0 17px;
	font-family: 'psl_text_proregular';
	font-size:30px;
	color:#333;
	text-align:center;
	
	  
}
.model_login_body{
	float:left;
	width:280px;
	height: auto;
	margin:19px 0 0 17px;
}
.txt_input_area{
	float:left;
	width:260px;
	height:auto;
	border:1px solid #c6c6c6;
	margin:0 10px 0 10px;
}
.txt_input_area_inner{
	float:left;
	width:260px;
	height:50px;
	background:#f1f1f1;
	border-bottom:1px solid #c6c6c6;
	
	 
}
.txt_input_area_inner:last-of-type{
	border:none;
}
.txt_input_area_inner input[type="text"],.txt_input_area_inner input[type="password"]{
	float:left;
	height:100%;
	width:225px;
	background:none;
	border:none;
	font-family: 'psl_text_proregular';
	 font-size:24px;
	color:#333333;
	 padding: 8px 5px 2px 5px;
}

.txt_input_area_inner .glyphicon{
	float:left;
	height:100%;
	width:35px;
	font-size: 24px;
	color:#808080;
	padding: 12px 7px 2px 7px;
}

.btn_login_area{
	float:left;
	width:280px;
	height:auto;
	margin: 0;
	padding: 20px 10px 10px 10px;
}
.btn_login{
	font-family: 'psl_text_probold';
	font-size: 24px;
	float:left;
	width:100%;
	height: 40px;
	background:#a21928;
	border:none;
	color:#fff;
    padding-top: 5px;
	
}
.fg_password_area{
	float:left;
	width: 280px;
	height:auto;
	margin: 0px;
	text-align:right;
	padding: 0 10px 10px 10px;
}

.fg_password_area a{
	color:#666666;
	font-family: 'psl_text_proregular';
	font-size:22px;
	text-decoration:underline;
}


/*********** index page **************/

.bootstrap-duallistbox-container label{
	font-family: 'psl_text_proregular' !important;
	padding-top:3px;
}

.main_content .logo_area{
	position:absolute;
	width:auto;
	height:auto;
	top:50%;
	left:50%;
	margin-top:-58px;
	margin-left:-231px;
}
	
/*********** /index page **************/


/*********** Pre Order List page **************/

.fixed-table-container{
	border:none;
}
.fixed-table-container tbody td .th-inner, .fixed-table-container thead th .th-inner 
{
	font-size:16px;
	font-weight:normal;
	color:#A41E29;
	font-family: 'psl_text_proregular';
	font-size:20px;
	text-align:center;
}
.fixed-table-container tbody td .th-inner, .fixed-table-container thead th[data-field='by'] .th-inner 
{
	text-align:left;
}
.bootstrap-table{
}
.bootstrap-table .table{
	border:none;
}
.listOrder_area .bootstrap-table .table{
  table-layout:fixed;
}

.listOrder_area .bootstrap-table .table td{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.listOrder_area .bootstrap-table .table td a:not(.tools){
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bootstrap-table .table>thead>tr>th , .bootstrap-table .table>thead>tr>td{
	border-top:none;
	border-left:none;
	border-right:none;
}
.bootstrap-table .table:not(.table-condensed)>tbody>tr>td{
	font-family: 'psl_text_proregular';
	font-size:18px;
}

.bootstrap-table .table:not(.table-condensed)>tbody>tr>td>p{
	float:left;
	width:auto;
	height:auto;
	font-family: 'psl_text_proregular';
	font-size:18px;
	display: inline-block;
	ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin:0;
	padding:0;
}
.bootstrap-table .table:not(.table-condensed)>tbody>tr>td a{
	color:#666;
}
.bootstrap-table .table:not(.table-condensed)>tbody>tr.active>td{
	background-color: #f5f5f5;
}

.sectionColor{
	color:#dbb749;
}
.bootstrap-table .table:not(.table-condensed)>tbody>tr>td.sectionColor{
	color:#dbb749;
}

.fixed-table-container thead th{
	vertical-align:middle !important;
}

.fixed-table-container thead th .sortable{
	padding-right:20px;
}
.fixed-table-container tbody td{
	font-family: 'psl_text_proregular';
	font-size:18px;
	border:none;
}

.align_center{
	text-align:center;
}

.align_left{
	text-align:left;
}


.align_right{
	text-align:right;
}

.bootstrap-table .table:not(.table-condensed)>tbody>tr>td>a>.fa ,.bootstrap-table .table:not(.table-condensed)>tbody>tr>td>a{
	display:block;
	width:auto;
	height:auto;
}
.bootstrap-table .table:not(.table-condensed) tbody tr td a .fa ,.bootstrap-table .table:not(.table-condensed) tbody tr td a .glyphicon{
	font-size:20px;
	margin:5px;
	color:#A82D36;
}

.listOrder_area .bootstrap-table .table:not(.table-condensed) tbody tr td .fa ,.listOrder_area .bootstrap-table .table:not(.table-condensed) tbody tr td .glyphicon{
	float:left;
	width:auto;
	height:auto;
	font-size:20px;
	margin:0 5px 5px 5px;
	color:#A82D36;
}
.groupToolArea{
	float:left;
	width:auto;
	height:auto;
	margin:0 auto;
	margin-top:-5px;
}
.groupToolArea.tool4{
	margin:0px 0 0 10px;
}
.groupToolArea.tool3{
	margin:0px 0 0 0px;
}

.bootstrap-table .table:not(.table-condensed)>tbody>tr>td>a>.fa.notEdit {
	color:#E5E5E5;
}


.bootstrap-table .table:not(.table-condensed)>tbody>tr>td>a>.glyphicon.notEdit {
	color:#E5E5E5;
}
.listOrder_area{
	margin-top:20px;
}

.listOrder_area .table td{
	word-wrap:break-word;
}
.listOrder_area .table th[data-field="tools"], .listOrder_area .table th[data-field="tools"] .th-inner{
	width:150px;
}
.listOrder_area .table th[data-field="date_time"], .listOrder_area .table th[data-field="date_time"] .th-inner{
	width:120px;
}
.listOrder_area .table th[data-field="date"], .listOrder_area .table th[data-field="date"] .th-inner{
	width:100px;
}
.listOrder_area .table th[data-field="order_id"], .listOrder_area .table th[data-field="order_id"] .th-inner, .listOrder_area .table th[data-field="province"], .listOrder_area .table th[data-field="province"] .th-inner{
	width:70px;
}
.listOrder_area .table th[data-field="customers_name"], .listOrder_area .table th[data-field="customers_name"] .th-inner, .listOrder_area .table th[data-field="data-field="delivery_address""], .listOrder_area .table th[data-field="data-field="delivery_address""] .th-inner{
	width:130px;
}

.listOrder_area .table th[data-field="delivery_date"], .listOrder_area .table th[data-field="delivery_date"] .th-inner,.listOrder_area .table th[data-field="grand_total"], .listOrder_area .table th[data-field="grand_total"] .th-inner{
	width:100px;
}
.listOrder_area .table th[data-field="delivery_date"], .listOrder_area .table th[data-field="delivery_date"] .th-inner{
	line-height:16px;
}

.listOrder_area .table th[data-field="date_start_end"], .listOrder_area .table th[data-field="date_start_end"] .th-inner{
	width:160px;
}

.listOrder_area thead th[data-field="tools2"] , .listOrder_area thead th[data-field="tools2"] .th-inner{
	width:100px;
}

.listOrder_area .table th[data-field="sale_name"], .listOrder_area .table th[data-field="sale_name"] .th-inner{
	width:160px;
	text-align:left;
}
.listOrder_area .table th[data-field="title"], .listOrder_area .table th[data-field="title"] .th-inner{
	width:230px;
	text-align:left;
}
.taskList_area .table th[data-field="title"], .taskList_area .table th[data-field="title"] .th-inner{
	width:440px;
	text-align:left;
}
.listOrder_area .table th[data-field="detail"], .listOrder_area .table th[data-field="detail"] .th-inner{
	width:300px;
	text-align:left;
}
.listOrder_area .table th[data-field="section"], .listOrder_area .table th[data-field="section"] .th-inner{
	width:120px;
}
.listOrder_area .table th[data-field="make"], .listOrder_area .table th[data-field="make"] .th-inner{
	width:70px;
}
.listOrder_area .table th[data-field="date_create"], .listOrder_area .table th[data-field="date_create"] .th-inner{
	width:110px;
}
.listOrder_area .table th[data-field="date_create_time"], .listOrder_area .table th[data-field="date_create_time"] .th-inner{
	width:150px;
}
.listOrder_area .table th[data-field="type"], .listOrder_area .table th[data-field="type"] .th-inner{
	width:60px;
}
.listOrder_area .table th[data-field="type2"], .listOrder_area .table th[data-field="type2"] .th-inner{
	width:130px;
	text-align:left;
}
.listOrder_area .table th[data-field="status"], .listOrder_area .table th[data-field="status"] .th-inner{
	width:120px;
}
.listOrder_area .table th[data-field="section"], .listOrder_area .table th[data-field="section"] .th-inner{
	width:100px;
}
.listOrder_area .table th[data-field="area_type"], .listOrder_area .table th[data-field="area_type"] .th-inner{
	width:130px;
}
.listOrder_area .table th[data-field="staus_pending_completed"], .listOrder_area .table th[data-field="staus_pending_completed"] .th-inner{
	width:100px;
}

.listOrder_area .table th[data-field="emp_type"], .listOrder_area .table th[data-field="emp_type"] .th-inner{
	width:80px;
}
.listOrder_area .table th[data-field="emp_name"], .listOrder_area .table th[data-field="emp_name"] .th-inner{
	text-align:left;
}
.listOrder_area .table th[data-field="cust_name"], .listOrder_area .table th[data-field="cust_name"] .th-inner{
	text-align:left;
}
.listOrder_area .table th[data-field="shop"], .listOrder_area .table th[data-field="shop"] .th-inner{
	text-align:center;
}


.listOrder_area thead th[data-field="id"] , .listOrder_area thead th[data-field="id"] .th-inner{
	width:120px;
}
.listOrder_area thead th[data-field="name"] , .listOrder_area thead th[data-field="name"] .th-inner{
	text-align:left;
}
.listOrder_area thead th[data-field="address"] , .listOrder_area thead th[data-field="address"] .th-inner{
	text-align:left;
}
.listOrder_area thead th[data-field="remark"] , .listOrder_area thead th[data-field="remark"] .th-inner{
	text-align:left;
}
.listOrder_area thead th[data-field="task_pending"] , .listOrder_area thead th[data-field="task_pending"] .th-inner,
 .listOrder_area thead th[data-field="task_completed"] , .listOrder_area thead th[data-field="task_completed"] .th-inner,
 .listOrder_area thead th[data-field="new"] , .listOrder_area thead th[data-field="new"] .th-inner,
   .listOrder_area thead th[data-field="order"] , .listOrder_area thead th[data-field="order"] .th-inner{
	line-height:16px;
}


.listOrder_area thead th[data-field="credit"] , .listOrder_area thead th[data-field="credit"] .th-inner,
.listOrder_area thead th[data-field="arrears"] , .listOrder_area thead th[data-field="arrears"] .th-inner,
.listOrder_area thead th[data-field="order_amount"] , .listOrder_area thead th[data-field="order_amount"] .th-inner{
	line-height:16px;
	text-align:right;
	
}

.listOrder_area thead th[data-field="tools1"] , .listOrder_area thead th[data-field="tools1"] .th-inner{
	width:50px;
}

.listOrder_area thead th[data-field="tools2"] , .listOrder_area thead th[data-field="tools2"] .th-inner{
	width:100px;
}
.listOrder_area thead th[data-field="tools3"] , .listOrder_area thead th[data-field="tools3"] .th-inner{
	width:110px;
}


.listOrder_area .table th[data-field="type_title"], .listOrder_area .table th[data-field="type_title"] .th-inner{
	text-align:left;
}
.listOrder_area .table th[data-field="shop_name"], .listOrder_area .table th[data-field="shop_name"] .th-inner{
	text-align:left;
}
.listOrder_area .table th[data-field="role"], .listOrder_area .table th[data-field="role"] .th-inner{
	text-align:left;
	width:130px;
}
.listOrder_area .table th[data-field="tool_user"], .listOrder_area .table th[data-field="tool_user"] .th-inner{
	
	width:80px;
}

.listOrder_area thead th[data-field="actual"] , .listOrder_area thead th[data-field="actual"] .th-inner,
.listOrder_area thead th[data-field="tagets"] , .listOrder_area thead th[data-field="tagets"] .th-inner,
.listOrder_area thead th[data-field="grandTotal"] , .listOrder_area thead th[data-field="grandTotal"] .th-inner{
	text-align:right;
	width:100px;
}


.saleList_aera thead th[data-field="actual"] , .listOrder_area thead th[data-field="actual"] .th-inner,
.saleList_aera thead th[data-field="tagets"] , .listOrder_area thead th[data-field="tagets"] .th-inner,
.saleList_aera thead th[data-field="grandTotal"] , .listOrder_area thead th[data-field="grandTotal"] .th-inner{
	text-align:right;
	width:auto;
}



#tableListSurveys thead th[data-field="detail"], #tableListSurveys thead th[data-field="detail"] .th-inner{
	width:300px;
	text-align:left;
}


#tableListSurveys thead th[data-field="date"] , #tableListSurveys thead th[data-field="date"] .th-inner{
	width:120px;
}

#tableListSurveys thead th[data-field="section"] , #tableListSurveys thead th[data-field="section"] .th-inner{
	width:100px;
}
#tableListSurveys thead th[data-field="date_start_end"] , #tableListSurveys thead th[data-field="date_start_end"] .th-inner{
	width:150px;
}
#tableListSurveys thead th[data-field="active"] , #tableListSurveys thead th[data-field="active"] .th-inner{
	width:80px;
}
#tableListSurveys thead th[data-field="type"] , #tableListSurveys thead th[data-field="type"] .th-inner{
	width:80px;
}



.addsTdList{
	width:150px;
}


.preOrder_content{
	float:left;
	width:100%;
	height:100%;
}
.preOrder_content .top_area{
	float:left;
	width:100%;
	height:auto;
}
.preOrder_content .listOrder_area{
	float:left;
	width:100%;
	height:auto;
}
.preOrder_content h2{
	float:left;
	width:auto;
	height:auto;
	color:#4d4d4d;
	font-weight:normal;
	margin:20px 0 0 20px;
	font-family: psl_text_probold;
	font-size:26px;
}
.top_area .nav{
	float:left;
	width:auto;
	height:auto;
	color:#4d4d4d;
	font-weight:normal;
	margin:20px 0 0 10px;
	font-family: psl_text_probold;
	font-size:26px;
}

.top_area .nav_prev, .preOrder_content .top_area .nav_prev a{
	color:#999;
}


h2.title_history {
	float:left;
	width:100%;
	height:auto;
 font-family: 'psl_text_probold';
	font-size:22px;
	color:#a31e28;
	text-align:center;
	margin:0px;
}

.ico_status{
	width:100px;
	height:auto;
	padding:4px 0 0 0;
	color:#fff;
	font-family: 'psl_text_proregular';
	font-size:18px;
	text-align:center;
	text-decoration:none;
}

.icoStatusEmo{
	width:24px;
	height:24px;
}


.search_container{
	float:right;
	height:30px;
	width:auto;
	padding:5px 0;
	background:#a31e28;
	border-left:3px solid #dbb749;
	padding-left:5px;
	margin-top:20px;
}
.search_container .title{
	float:left;
	color:#fff;
	font-family: 'psl_text_proregular';
	font-size:20px;
	line-height:24px;
	margin:0 10px;
}

.search_container .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	float:left;
	width:auto;
	margin-right:5px;
}
.search_container .btn-default,.search_container .btn-default:focus,.search_container .btn-default:hover {
	background:none;
	border:1px solid #fff;
	padding-top:0px;
	padding-bottom:0px;
	font-size:14px;
	height:20px;
	text-shadow:none;
	color:#fff;
	border-radius:0px;
	-webkit-border-radius: 0%; 
 	-moz-border-radius: 0%;
}
.search_container .bootstrap-select>.dropdown-toggle{
	padding-right:20px;
}
.search_container .bootstrap-select.btn-group .dropdown-toggle .caret{
	right:5px;
}
.search_container .dropdown-menu {
	font-size:14px;
}

.search_container .datepicker{
	float:left;
	background:none;
	border:1px solid #fff;
	color:#fff;
	width:75px;
	height:20px;
	margin-right:5px;
	margin-top:0px;
	border-radius:0px;
	-webkit-border-radius: 0%; 
 	-moz-border-radius: 0%;
	padding:3px 5px 0 5px;
	font-family: 'psl_text_proregular';
	font-size:18px;
	/*line-height:20px;
	padding-top:4px;*/
	text-align:center;
}

.search_container .datepicker::-webkit-input-placeholder {
   color: #fff;
}
.search_container .datepicker:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}
.search_container .datepicker::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}
.search_container .datepicker:-ms-input-placeholder {  
   color: #fff;  
}


.search_container .txt{
	float:left;
	color:#fff;
	margin:0 5px 0 0;
}
.search_container button.btn_search_container{
	float:left;
	color:#a31e28;
	border:1px solid #fff;
	background:#fff;
	padding:0 5px;
	font-size:14px;
	margin-top:1px;
	height:19px;
	margin-right:5px;
}

.search_container button.btn_search_container:after{
	content:"Search";
}

.search_container button.btn_search_container:active{
	padding-top:1px;
}

.search_container .btn-search,
.search_container .btn-search:focus,
.search_container .btn-search:hover{
	float:left;
	padding:0px 5px 2px 5px;
	margin-right:5px;
	color:#a31e28;
	border:1px solid #fff;
	background:#fff;
	height:20px;
	margin-top:0px;
}

.search_container .btn-search:active .glyphicon{
	margin-top:1px;
}


/*.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{
	color: #fff;
 background-color: none;
	border:1px solid #fff;
	
}*/

.createBtn_area{
	float:right;
	width:100%;
	height:auto;
}
.createBtn_area .btn_create{
	float:right;
	height:33px;
	font-family: 'psl_text_proregular';
	font-size:20px;
	background:#a31e28 !important;
	border:none !important;
	border-radius:0px;
	-webkit-border-radius: 0%; 
 	-moz-border-radius: 0%;
	padding-top:5px;
	padding-bottom:0px;
	color:#fff !important;
	text-shadow:none;
	margin:10px 0 0 0;
	border-right:4px solid #dbb749 !important;
}
.createBtn_area .btn_report{
	padding-top:0px;
}
.createBtn_area .glyphicon-plus{
	border-radius:50%;
	-webkit-border-radius: 50%; 
 	-moz-border-radius: 50%;
	background:#fff;
	font-size:14px;
	font-weight:lighter;
	color:#a31e28;
	padding:3px 3px 4px 4px;
	margin-left:5px;
}


.createBtn_area .glyphicon-inbox{
	border-radius:50%;
	-webkit-border-radius: 50%; 
 	-moz-border-radius: 50%;
	background:#fff;
	font-size:14px;
	font-weight:lighter;
	color:#a31e28;
	padding:4px;
	margin-left:5px;
}
.createBtn_area .glyphicon-list-alt{
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    background: #fff;
    font-size: 14px;
    font-weight: lighter;
    color: #a31e28;
    padding: 4px 6px 4px 4px;
    margin-left: 5px;
}

.createBtn_area .glyphicon-list-alt{
	margin-top:4px;
}
 


.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span, .pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span{
	border-radius: 0px;
}
.pager li>a, .pager li>span{
	border-radius: 0px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background:#A41E29;
	border:1px solid #A41E29;
}

.pagination>li>a, .pagination>li>span{
	color:#A41E29;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
	color:#A41E29;
}

.pagination-lg>li>a, .pagination-lg>li>span{
	font-size:20px;
	font-family: 'psl_text_proregular';
}
.pager li>a, .pager li>span{
	padding:0px 9px;
}

/*********** /Pre Order List page **************/

/*********** Pre Order Detail page **************/
.top_area .top_left_content{
	float:left;
	width:auto;
	height:auto;
	max-width:255px;
}

.top_area .top_left_content h2{
 font-family: 'psl_text_probold';
	margin:0px;
	float:left;
	width:100%;
	height:auto;
	padding-left:30px;
	font-size:22px;
	color:#666666;
	
}
.top_area .top_left_content h2 font.id{
	font-family: 'psl_text_proregular';
	font-size:19px;
	font-weight:normal;
}

.top_area .top_left_content span.des{
	font-family: 'psl_text_proregular';
	float:left;
	font-size:18px;
	color:#b3b3b3;
	padding-left:30px;
}


.top_area .top_left_content .des_delivery{
	float:left;
	width:235px;
	color:#fff;
	background:#a31e28;
	height:22px;
	padding-left:30px;
	font-family: 'psl_text_proregular';
	float:left;
	font-size:20px;
	line-height:26px;
}
.top_area .top_right_content {
	float:right;
	width:auto;
	height:auto;
	margin-right:30px;
}
.top_area .top_right_content .orderBy_cust_area{
	float:left;
	width:auto;
	height:auto;
	margin-left:40px;
}

.top_area .top_right_content .orderBy_cust_area h4{
	color:#66666;
	font-family: 'psl_text_proregular';
	font-size:22px;
	border-bottom:3px solid #a31e28;
	margin:0px
}


.top_area .top_right_content .orderBy_cust_area p{
	color:#000000;
	font-family: 'psl_text_proregular';
	font-size:18px;
}

.top_area .top_right_content .orderBy_cust_area p .tel{
	color:#666;
	font-family: 'psl_text_proregular';
	font-size:18px;
}

.custom_txt_time{
	float:none;
	background:none;
	border:none;
	/*border-bottom:1px solid #fff;*/
	width:170px;
	padding:0 5px;
	font-family: 'psl_text_proregular';
	font-size:20px;
	height:22px;
	border-radius:0px;
	-webkit-border-radius: 0px; 
 	-moz-border-radius: 0px;
	box-shadow:none;
}


.listOrderDetail_area{
	float:left;
	width:100%;
	height:auto;
	margin-top:50px;
}
.fontColor_red{
	color:#a31e28 !important;
}
.fontColor_yellow{
	color:#dbb749 !important;
}
.fontColor_green{
	color:#7aa01f !important;
}
.fontColor_blue{
	color:#0071BC !important;
}





.fixed-table-container thead th.th_product_id .th-inner,.listOrderDetail_area .bootstrap-table .table:not(.table-condensed)>tbody>tr>td.th_product_id{
	padding-left:30px !important;
}
.fixed-table-container thead th.th_product_id .th-inner{
	text-align:left;
	width:160px !important;
}
.fixed-table-container thead th.th_product_name .th-inner{
	text-align:left;
	width:240px !important;
}

.fixed-table-container thead th.th_weight .th-inner, .fixed-table-container thead th.th_weight .th-inner{
	width:80px !important;
}
.fixed-table-container thead th.th_product_name{
	width:220px !important;
	margin:0px;
}

.fixed-table-container thead th.th_discount_pers,.fixed-table-container thead th.th_discount_price,.fixed-table-container thead th.th_sub_category_name{
	width:100px !important;
	margin:0px;
}
.fixed-table-container thead th.th_quantity{
	width:70px !important;
	margin:0px;
}
.fixed-table-container thead th.th_category_name, .fixed-table-container thead th.th_sub_category_name{
	width:120px !important;
	margin:0px;
}
.fixed-table-container thead th.th_product_id{
	width:150px;
}
.fixed-table-container thead th.th_category_name .th-inner, .fixed-table-container thead th.th_sub_category_name .th-inner, .fixed-table-container thead th.th_quantity .th-inner, .fixed-table-container thead th.th_price .th-inner {
	text-align:center;
}
.fixed-table-container thead th.th_weight .th-inner, .fixed-table-container thead th.th_amount .th-inner{
	text-align:right;
}
.fixed-table-container thead th.th_amount .th-inner, .listOrderDetail_area .bootstrap-table .table:not(.table-condensed)>tbody>tr>td.th_amount{
	padding-right:30px !important;
}

.listOrderDetail_amount_area{
	float:left;
	width:100%;
	height:auto;
	margin-top:20px;
}

.table_amount_area{
	float:right;
	width:auto;
	height:auto;
}

.table_amount_area .fixed-table-body td{
	border:none;
	padding:0px;
	line-height:10px;
	vertical-align:center;
}

.bootstrap-table .table.table_amount{
	padding:0px !important;
}
.bootstrap-table .table.table_amount tr td{
	background-color: #ffffff !important;
}
.bootstrap-table .table.table_amount tr.active td{
	background-color: #f5f5f5 !important;
}
.bootstrap-table .table.table_amount:not(.table-condensed)>tbody>tr>td.titles {
	
 font-family: 'psl_text_probold';
}

.bootstrap-table .table:not(.table-condensed)>tbody>tr>td.titles{
	padding-left:30px !important;
}
.bootstrap-table .table:not(.table-condensed)>tbody>tr>td.unit{
	padding-right:30px !important;
}

.listOrderDetail_amount_area .total_amount_area{
	float:left;
	width:100%;
	height:auto;
}
.listOrderDetail_amount_area .total_amount_area_inner{
	float:right;
	width:345px;
	padding-right:30px;
	height:auto;
	border-top:3px solid #a31e28;
	text-align:right;
 font-family: 'psl_text_probold';
	font-size:20px;
	color:#a31e28;
}

.bottom_content {
	float:left;
	width:100%;
	height:auto;
	padding-left:30px;
}
.bottom_content .bottom_left_content{
	float:left;
	width:auto;
	max-width:250px;
	height:auto;
}
.bottom_content .bottom_left_content .orderBy_cust_area{
	float:left;
	width:auto;
	height:auto;
}

.bottom_content .bottom_left_content .orderBy_cust_area h4{
	color:#66666;
	font-family: 'psl_text_proregular';
	font-size:22px;
	border-bottom:3px solid #a31e28;
	margin:0px
}


.bottom_content .bottom_left_content .orderBy_cust_area p{
	color:#000000;
	font-family: 'psl_text_proregular';
	font-size:18px;
	margin:0px;
	color:#666666;
	margin-top:5px;
}

/*.bottom_content .bottom_left_content .orderBy_cust_area p#custShop_adds_txt{
	min-height:89px;
}*/

.bottom_content .bottom_left_content .orderBy_cust_area p.shopName{
	color:#000;
	font-family: 'psl_text_proregular';
}

.bottom_content .bottom_left_content .orderBy_cust_area p .tel{
 font-family: 'psl_text_probold';
	font-size:20px;
}

.bottom_right_content{
	float:right;
	width:auto;
	max-width:250px;
	height:auto;
	margin-top:50px;
}



.bottom_right_content span{
	float:left;
	width:auto;
	height:auto;
	font-family: 'psl_text_proregular';
	font-size:18px;
	padding-top:5px;
	line-height:20px;
}


.bottom_right_content span.by{
	width:100%;
}

.bottom_right_content .ico_status{
	float:left;
	margin:-2px 5px 0 5px;
}

.footer_content{
	clear:both;
	width:auto;
	height:auto;
	padding:0px 30px;
	
}
.footer_content_inner{
	float:left;
	width:100%;
	height:auto;
	padding:10px 0;
}

.btn_save1{
	float:right;
	font-family: 'psl_text_proregular';
	font-size:20px;
	background:#fff !important;
	border:1px solid #a31e28 !important;
	border-radius:0px;
	-webkit-border-radius: 0%; 
 	-moz-border-radius: 0%;
	padding-bottom:4px;
	padding-left:20px;
	padding-right:20px;
	color:#a31e28 !important;
}
.btn_cancel1{
	float:right;
	font-family: 'psl_text_proregular';
	font-size:20px;
	background:#fff !important;
	border:1px solid #a31e28 !important;
	border-radius:0px;
	-webkit-border-radius: 0%; 
 	-moz-border-radius: 0%;
	padding-bottom:4px;
	padding-left:20px;
	padding-right:20px;
	color:#a31e28 !important;
}
.btn_cancel{
	float:right;
	font-family: 'psl_text_proregular';
	font-size:20px;
	background:#fff !important;
	border:1px solid #a31e28 !important;
	border-radius:0px;
	-webkit-border-radius: 0%; 
 	-moz-border-radius: 0%;
	padding-bottom:4px;
	color:#a31e28 !important;
}
.btn_submit{
	float:right;
	font-family: 'psl_text_proregular';
	font-size:20px;
	background:#a31e28 !important;
	border:1px solid #a31e28 !important;
	border-radius:0px;
	-webkit-border-radius: 0%; 
 	-moz-border-radius: 0%;
	padding-bottom:4px;
	padding-left:20px;
	padding-right:20px;
	color:#fff !important;
	text-shadow:none;
}

.btn_cancel .glyphicon{
	float:left;
	font-size:22px;
	color:#999999;
	margin:0px 5px 0 0;
}


/*********** /Pre Order Detail page **************/

/*********** Pre Order Edit page **************/
.header_content{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:20px;
}
.header_content_inner{
	float:left;
	width:auto;
	height:auto;
	color:#4d4d4d;
 font-family: 'psl_text_probold';
	font-size:20px;
	padding-left:30px;
}
.header_content .border{
	float:left;
	width:100%;
	height:auto;
}

.header_content .border_inner{
	width:80px;
	height:3px;
	background:#a31e28;
}
.top_area .top_left_content .des_delivery_edit{
	width:auto;
}
.top_area .top_left_content .des_delivery_edit span{
	float:left;
	width:auto;
}
.top_area .top_left_content .des_delivery #btn_delivery{
	float:right;
	width:auto;
	height:100%;
	color:#fff;
	padding-top:2px;
	font-size:16px;
}

.top_area .top_left_content #dp_delivery{
	float:left;
	width:100px;
	height:20px;
	border:none;
	color:#fff;
	background:none;
	margin-left:3px;
	padding-right:0px;
	padding-top:5px;
}
.top_area .top_left_content .dp_delivery{
	float:left;
	width:100px;
	height:20px;
	border:none;
	color:#fff;
	background:none;
	margin-left:3px;
	padding-right:0px;
}


.top_area .top_left_content select.selectpicker_custom{
 	background:url("../img/dropdown_arrow2.gif");
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	border-bottom: 1px solid #fff;
	border-radius:0px;
	-webkit-border-radius: 0%; 
	-moz-border-radius: 0%;
	box-shadow:none;
 	height: 20px;
	text-align:center;
 	font-size: 20px;
 	text-shadow: none;
 	color: #fff;
 	padding:0 21px 0 5px;
	margin:0px 0 0 5px;
}

.input_field_custom button.surveysListBtn{
	background: url("../img/dropdown_arrow2.gif");
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;
}

.listOrderDetail_area .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	float:left;
	width:auto;
	margin-right:5px;
}
.listOrderDetail_area .btn-default,.listOrderDetail_area .btn-default:focus,.listOrderDetail_area .btn-default:hover {
	background:none;
	border:none;
	border-bottom:1px solid #666666;
	padding-top:0px;
	padding-bottom:0px;
	font-size:14px;
	height:20px;
	text-shadow:none;
	color:#666666;
	border-radius:0px;
	-webkit-border-radius: 0%; 
 	-moz-border-radius: 0%;
	box-shadow:none;
}
.listOrderDetail_area .bootstrap-select>.dropdown-toggle{
	padding-right:20px;
}
.listOrderDetail_area .bootstrap-select.btn-group .dropdown-toggle .caret{
	right:5px;
}


.listOrderDetail_area .bootstrap-table .table:not(.table-condensed)>tbody>tr>td {
	border:none;
}

.listOrderDetail_area .glyphicon-remove{
	color:#a31e28 !important;
	margin:0px !important;
}

.listOrderDetail_area .fa-commenting{
	color:#a31e28;
}

.input_field_custom{
	float:left;
	width:auto;
	height:22px;
}
.input_field_custom input[type='text']{
	float:left;
	background:none;
	border:none;
	border-bottom:1px solid #666666;
	padding-top:0px;
	padding-bottom:0px;
	font-size:18px;
	height:22px;
	text-shadow:none;
	color:#666666;
	border-radius:0px;
	-webkit-border-radius: 0%; 
 	-moz-border-radius: 0%;
	box-shadow:none;
	font-family: 'psl_text_proregular';
	font-size:20px;
	text-align:center;
}

.orderBy_cust_area .input_field_custom input[type='text']{

	font-size:18px;
}
#table_listOrderEdit .input_field_custom input[type='text']{
	text-align:left;
}

.input_field_custom button{
	background:#666666;
	border:none;
	height:22px;
}
.orderBy_cust_area .input_field_custom button{
	height:22px;
}

.input_field_custom .glyphicon{
	font-size:10px;
	color:#fff;
	padding:0 5px;
}

ul.selected_percent_area{
	list-style:none;
	width:250px;
	height:auto;
	margin:30px auto 0 auto;
}
ul.selected_percent_area li{
	list-style:none;
	margin-right:10px;
	display:inline-block;
	width:auto;
	height:auto;
}

.containerListbox{
	display:inline-block; 
	width:100%; 
	margin-top:20px;
}

.containerListbox sel_perc{
	padding-left:10px;	
}

.listDataId .modal-dialog{
}
.listDataId .modal-header {
 padding: 0px;
 border-bottom: 1px solid #e5e5e5;
}
.listDataId .modal-content{
	border-radius: 0px;
	min-width:340px;
}

.listDataId .modal-title{
	width:auto;
	height:40px;
	padding:10px 10px;
	background:#a31e28;
	color:#fff;
}

.listDataId .modal-header .close {
	margin:0px 5px 0 0;
	font-size: 30px;
	color:#fff;
	opacity:0.8;
	
}
.listDataId .modal-header .close:hover{
	opacity:1;
}
.listDataId label{
 font-family: 'psl_text_probold';
	font-size:20px;
}
.listDataId .modal-body{
	padding:0px;
	max-width:600px;
	max-height:240px;
	overflow:hidden;
	overflow-y:auto;
}
.listDataId .list-group{
	border:none;
	 border-radius: 0px;
	 -webkit-box-shadow:none;
	 box-shadow:none;
	 float:left;
	height:auto;
	display:inline-block;
	width:100%;
	border-bottom:1px solid #ddd;
}
.list-group-item{
	float:left;
	width:100%;
	height:auto;
}

.list-group-item a{
	display:block;
	width:100%;
	height:100%;
 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size: 14px;
 line-height: 1.42857143;
 color: #333;
}

.list-group-item:last-child{
 border-radius: 0px;
	border-bottom:none;
}

.list-group-item:first-child{
 border-radius: 0px;
}
.list-group-item-left{
	float:left;
	width:80%;
	height:auto;
}
.list-group-item-left span{
	float:left;
	width:100%;
	height:auto;
	font-family: 'psl_text_proregular';
	font-size:18px;
	color:#666666;
}
.list-group-item-right{
	float:left;
	width:20%;
	height:auto;
}

.list-group-item-right .icoEmo{
	float:right;
	width:32px;
	height:32px;
	margin-top:5px;
}
.bootstrap-duallistbox-container select option{
	padding:3px 10px;
}
.animation_image {background: #F9FFFF;border: 1px solid #E1FFFF;padding: 10px;width: 500px;margin-right: auto;margin-left: auto;}



.listDataId .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	float:left;
	width:auto;
	margin-right:5px;
}
.listDataId .btn-default,.listDataId .btn-default:focus,.listDataId .btn-default:hover {
	background:none;
	border:1px solid #fff;
	padding-top:0px;
	padding-bottom:0px;
	font-size:14px;
	height:20px;
	text-shadow:none;
	color:#fff;
	border-radius:0px;
	-webkit-border-radius: 0%; 
 	-moz-border-radius: 0%;
}
.listDataId .bootstrap-select>.dropdown-toggle{
	padding-right:20px;
}
.listDataId .bootstrap-select.btn-group .dropdown-toggle .caret{
	right:5px;
}
.listDataId .dropdown-menu {
	font-size:14px;
}

.listDataId .btn_submit,.listDataId .btn_submit:focus,.listDataId .btn_submit:hover {
	float:right;
	font-family: 'psl_text_proregular';
	font-size:20px;
	background:#a31e28 !important;
	border:1px solid #a31e28 !important;
	border-radius:0px;
	-webkit-border-radius: 0%; 
 	-moz-border-radius: 0%;
	padding-bottom:4px;
	padding:5px 20px  2px 20px;
	color:#fff !important;
	text-shadow:none;
	height:auto;
	margin:10px 0 0 0;
}

.listDataId .modal-body{
	padding:10px;
}
.btn_crate_area{
	float:left;
	width:100%;
	height:auto;
}
.comment_txt_area{
	resize:none;
}
.comment_txtbox{
	border:none;
	border-radius:0px;
	border-bottom:1px solid #666;
	box-shadow:none;
	padding:0 5px;
}

#table_listOrderEdit{
	width:100%;
	padding:0px !important;
}

select.custom {
   float:left;
   background:#ffffff url("../img/dropdown_arrow.gif") no-repeat right top;
   padding:0 25px 0 0;
   background-repeat: no-repeat;
   background-position: right center;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border:none;
   border-bottom:1px solid #666666;
   border-radius:0px;
	-webkit-border-radius: 0%; 
 	-moz-border-radius: 0%;
   box-shadow:none;
   height:22px;
   text-align:center;
   font-family: 'psl_text_proregular';
   font-size:18px;
 
}

select.custom::-ms-expand {
 display: none;
}

#table_listOrderEdit tr td select.custom {
   background:#ffffff url("../img/dropdown_arrow.gif") no-repeat right top;
   padding:0 25px 0 0;
   background-repeat: no-repeat;
   background-position: right center;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border:none;
   border-bottom:1px solid #666666;
   border-radius:0px;
	-webkit-border-radius: 0%; 
 	-moz-border-radius: 0%;
   box-shadow:none;
   height:22px;
   text-align:center;
   font-size: 16px;
 
}
#table_listOrderEdit tr.active td select.custom {
 background:#f5f5f5 url("../img/dropdown_arrow.gif") no-repeat right top;
}

#table_listOrderEdit select.custom::-ms-expand {
 display: none;
}

#table_listOrderEdit tr td input.custom {
 clear:both;
 background:#ffffff;
 padding:0px;
 background-repeat: no-repeat;
 background-position: right center;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 border:none;
 border-bottom:1px solid #666666;
 border-radius:0px;
	-webkit-border-radius: 0%; 
 	-moz-border-radius: 0%;
 box-shadow:none;
 height:22px;
 width:40px;
 text-align:center;
 font-size: 16px;
 margin:0 auto;
 
}
#table_listOrderEdit tr.active td input.custom {
 background:#f5f5f5;
}
#table_listOrderEdit tr td input.custom.product_price, #table_listOrderEdit tr td input.custom.product_discount_pers, #table_listOrderEdit tr td input.custom.product_discount_price{
	width:70px;
}

#table_listOrderEdit tr td input.custom.product_quantity{
	width:50px;
}

#table_listOrderEdit tr:hover{
	background:#fff;
}
#table_listOrderEdit tr.active:hover{
	background:#f5f5f5;
}


#preOrder_content_edit .fixed-table-container thead th.th_amount .th-inner, #preOrder_content_edit .listOrderDetail_area .bootstrap-table #table_listOrderEdit>tbody>tr>td.th_amount {
	width:100px;
	padding-right:10px !important;
}

.listOrderDetail_area .btnAdd_area{
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	margin:20px 0;
}


.listOrderDetail_area .btnAdd_area .glyphicon-plus{
	margin:0 auto;
	border-radius:50%;
	-webkit-border-radius: 50%; 
 	-moz-border-radius: 50%; 
	color:#a31e28;
	font-size:14px;
	border:1px solid #a31e28;
	padding:3px 3px 4px 4px;	
}

select.selectpicker_custom{
 	background:url("../img/dropdown_arrow2.gif");
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #fff;
	border-radius:0px;
	-webkit-border-radius: 0%; 
	-moz-border-radius: 0%;
	box-shadow:none;
 	height: 20px;
	text-align:center;
 	font-size: 12px;
 	text-shadow: none;
 	color: #fff;
 	padding:0 21px 0 5px;
}
select.selectpicker_custom option{
	color:#666;
	background:#fff;
}

.tbl_sort_assign td{
	padding-bottom:10px;
	
}
select.selectpicker_custom2, .input_field_custom input[type='text'].selectpicker_custom2{
 	background:url("../img/dropdown_arrow.gif");
	background-repeat: no-repeat;
	background-position: right top;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	border-bottom: 1px solid #666666;
	border-radius:0px;
	-webkit-border-radius: 0%; 
	-moz-border-radius: 0%;
	box-shadow:none;
	 height: 20px;
	text-align:center;
	 font-size: 12px;
	 text-shadow: none;
	 color: #666666;
 	padding:0 21px 0 5px;
}
.search_container.nameTask{
	color:#ffffff;
	font-family: 'psl_text_proregular';
	font-size:20px;
	float:left; 
	border:none; 
	padding-left:20px; 
	padding-right:20px;
	line-height:24px;
}

.search_container select.selectpicker_custom{
	float:left;
	width:100px;
	margin-right:10px;
}

input.selectpicker_custom{
 	background:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	border-bottom: 1px solid #fff;
	border-radius:0px;
	-webkit-border-radius: 0%; 
	-moz-border-radius: 0%;
	box-shadow:none;
 	height: 20px;
	text-align:left;
 	font-size: 12px;
 	text-shadow: none;
 	color: #fff;
 	padding:0px;
	margin-left:10px;
	padding:0 5px;
}
.search_container input.selectpicker_custom{
	float:left;
	border:1px solid #fff;
	margin-top:0px;
	margin-right:5px;
	color:#fff;
}

.search_container input.selectpicker_custom::-webkit-input-placeholder {
   color: #fff;
}
.search_container input.selectpicker_custom:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}
.search_container input.selectpicker_custom::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}
.search_container input.selectpicker_custom:-ms-input-placeholder {  
   color: #fff;  
}



select.selectpicker_custom::-ms-expand {
 display: none;
}


select.selectpicker_custom2::-ms-expand {
 display: none;
}


/*********** /Pre Order Edit page **************/
.tab_menu_area{
	float:left;
	width:100%;
	height:90px;
	margin-top:10px;
	margin-bottom:20px;
}
.tab_menu_area .tab_menu{
	float:left;
	width:100%;
	height:auto;
	margin-top:10px;
}
.tab_menu_area .tab_menu li{
	position:relative;
	float:left;
	width:507px;
	height:42px;
	background:none;
	border:1px solid #a31e28;
	text-align:center;
	font-family: 'psl_text_proregular';
	font-size:22px;
	color:#a31e28;
	margin-right:10px;
}
.tab_menu_area .tab_menu li:last-of-type{
	margin-right:0px;
}

.tab_menu_area .tab_menu li a{
	
	display:block;
	text-align:center;
	font-family: 'psl_text_proregular';
	font-size:22px;
	color:#a31e28;
	padding-top:7px;
	height:100%;
}
.tab_menu_area .tab_menu li:first-of-type{
	margin-left:0%;
}
.tab_menu_area .tab_menu li.active{
	background:#a31e28;
	color:#fff;
	height:45px;
}
.tab_menu_area .tab_menu li.active a{
	color:#fff;
}


.tab_menu_area .tab_menu li .subTapMenu{
	float:left;
	position:absolute;
	z-index:2;
	width:507px;
	height:auto;
	top:30px;
	left:35px;
	display:none;
	top:40px;
	left:0px;
}
.tab_menu_area .tab_menu li.active .subTapMenu{
	display:block;
}
.tab_menu_area .tab_menu li .subTapMenu li{
	float:left;
	width:254px;
	height:auto;
	font-family: 'psl_text_proregular';
	font-size:18px;
	color:#a31e28;
	background:#fff;
	text-align:left;
	/*border:1px solid #fff;*/
	border:1px solid #a31e28;
	border-top:1px solid #fff;
	margin:0 !important;
	margin-left:-1px !important;
}
.tab_menu_area .tab_menu li .subTapMenu li.active{
	border-left:1px solid #fff !important;
}
.tab_menu_area .tab_menu li .subTapMenu li.first.active{
	border-left:1px solid #a31e28 !important;
}
.tab_menu_area .tab_menu li .subTapMenu li a{
	font-family: 'psl_text_proregular';
	font-size:18px;
	color:#a31e28;
	padding-top:4px;
	display:block;
	padding:7px 0 2px 0;
	
}
.tab_menu_area .tab_menu li .subTapMenu li.active,.tab_menu_area .tab_menu li .subTapMenu li.active a{
	color:#fff;
	background:#a31e28;
}
.tab_menu_area .tab_menu li .subTapMenu li:hover,.tab_menu_area .tab_menu li .subTapMenu li:hover a{
	color:#fff;
	background:#a31e28;
}

/*********** Survay Edit page **************/
.surveys_content .center_pos{
	width:800px;
}
.surveys_content .header_surveys_area{
	float:left; 
	width:100%; 
	height:30px; 
	background:#a31d29;	
}
.surveys_content .header_surveys_area h2{
	float:left;
	font-family: 'psl_text_proregular';
	font-size:22px;
	color:#fff;
	margin:5px 0 0 5px;
}
.surveys_content .header_surveys_area a{
	color:#fff;
}
.surveys_content .header_surveys_area a:hover{
	text-decoration:underline;
}

.surveys_content .header_surveys_area .attach_area{
	float:right;
	font-family: 'psl_text_proregular';
	font-size:20px;
	color:#fff;
	margin:5px 5px 0 0;
	width:auto;
	height:40px;
}
.surveys_content .content_area{
	clear:both;
	width:auto;
	height:auto;
	padding:10px
}

.surveys_content .date_area{
	float:left;
	width:100%;
	height:auto;
}


.surveys_content .date_area_inner{
	float:left;
	width:auto;
	height:auto;
	margin:0 auto;
}
.surveys_content .date_area_inner span{
	float:left;
	width:auto;
	margin-right:5px;
	color:#a31e28;
	font-family: 'psl_text_proregular';
	font-size:20px;
}

.surveys_content .date_area_inner .datepicker{
	float:left;
	background:none;
	padding:0px;
	font-size:14px;
	border:1px solid #b3b3b3;
	color:#666;
	width:75px;
	height:20px;
	border-radius:0px;
	-webkit-border-radius: 0%; 
 	-moz-border-radius: 0%;
	padding:3px 5px 0 5px;
	margin-right:10px;
	font-family: 'psl_text_proregular';
	font-size:18px;
	text-align:center;
}

.surveys_content .title_area{
	float:left;
	width:100%;
	height:auto;
	font-family: 'psl_text_proregular';
	font-size:20px;
	color:#666666;
	margin-top:20px;
}
.surveys_content .title_area h2{
	floatleft;
	width:100%;
	height:auto;
	font-family: 'psl_text_proregular';
	font-size:20px;
	color:#666666;
	margin:0px;
}

.surveys_content .title_area input[type="text"]{
	float:left;
	width:100%;
	background:none;
	border:none;
	border-bottom:1px solid #b3b3b3;
	font-family: 'psl_text_proregular';
	font-size:20px;
	color:#000;
	height:20px;
}
.surveys_content .question_area{
	float:left;
	width:100%;
	height:auto;
	margin-top:20px;
}
.surveys_content .question_area h2{
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	margin:0px;
	font-family: 'psl_text_proregular';
	font-size:20px;
	color:#a31e28;
	border-bottom:1px solid #a31e28;
}

.surveys_content .questionUl{
	float:left;
	width:100%;
	height:auto;
}

.surveys_content .questionUl li{
	float:left;
	width:100%;
	height:auto;
	margin-top:10px;
}
.surveys_content .questionUl input[type="text"]{
	float:left;
	background:none;
	border:none;
	border-bottom:1px solid #A41E29;
	width:600px;
	font-family: 'psl_text_proregular';
	font-size:20px;
	color:#000;
	padding:0 5px;
	margin-top:5px;
	height:20px;
	text-align:left;
}
.surveys_content .questionUl p.txt{
	float:left;
	width:710px;
	height:auto;
	font-family: 'psl_text_proregular';
	font-size:20px;
	color:#000;
	margin:11px 0 0 0;
	word-wrap: break-word;
}
.surveys_content .questionUl span.number{
	float:left;
	font-family: 'psl_text_proregular';
	font-size:20px;
	color:#a31e28;
}

.surveys_content .questionUl span.number.result{
	background:#dbb749;
	padding:1px 5px 0 5px;
	color:#fff;
	margin:10px 10px 0 0;
	height:25px;
}


.surveys_content .questionUl .fa-close{
	float:left;
	margin:7px 0 0 5px;
	color:#A41E29;
	border:1px solid #A41E29;
	border-radius:50%;
	padding:0px 2px;
}


.surveys_content .choiceUl span.number{
	float:left;
	font-family: 'psl_text_proregular';
	font-size:20px;
	color:#666;
	padding-top:2px;
}

.surveys_content .choiceUl{
	margin-left:20px;
}
.surveys_content .choiceUl li{
	margin-top:0px;
}

.surveys_content .choiceUl input[type="text"]{
	background:none;
	border:none;
	border-bottom:1px solid #b3b3b3;
	width:700px;
	padding:0 5px;
	height:20px;
	margin-top:5px;
}
.surveys_content .choiceUl .fa-close{
	float:left;
	margin-top:7px;
	color:#666;
	border:1px solid #666;
	border-radius:50%;
	padding:0px 2px;
}

.surveys_content .choiceUl p.txt{
	float:left;
	width:730px;
	height:auto;
	font-family: 'psl_text_proregular';
	font-size:20px;
	color:#b3b3b3;
	margin:0px 0px 0px 30px;
}
.add_choice_area{
	text-align:center;
}
.btn_add_choice{
	margin:0 0 0 -20px;
	margin-top:10px;
	color:#666;
	border:1px solid #666;
	background:#fff;
	border-radius:5px;
	padding:0px 3px;
	font-size:14px;
}
.btn_add_choice:after{
	content:"Add Choice";
}
.btn_remove_choice{
	margin:0 0 0 10px;
	margin-top:10px;
	color:#666;
	border:1px solid #666;
	background:#fff;
	border-radius:5px;
	padding:0px 3px;
	font-size:14px;
}
.btn_remove_choice:after{
	content:"Remove Choice";
}

.add_question_area{
	text-align:center;
}


.btn_add_question{
	margin:0 auto;
	margin-top:10px;
	color:#a31d29;
	border:1px solid #a31d29;
	background:#fff;
	border-radius:5px;
	padding:0px 3px;
	font-size:16px;
}
.btn_add_question:after{
	content:"Add Question";
}


.btn_remove_question, .btn_remove_question_1{
	margin:10px 0 0 10px;
	color:#a31d29;
	border:1px solid #a31d29;
	background:#fff;
	border-radius:5px;
	padding:0px 3px;
	font-size:16px;
}
.btn_remove_question:after, .btn_remove_question_1:after{
	content:"Remove Question";
}

.btn_add_question.add_list_task:after,  .btn_remove_question_1.add_list_task:after{
	content:"Add List";
}

.btn_remove_question.remove_list_task:after, .btn_remove_question_1.remove_list_task:after{
	content:"Remove List";
}

.surveys_content select.custom {
	float:left;
	width:115px;
	margin-left:20px;
	border-bottom:1px solid #b3b3b3;
	height:24px;
	margin-top:5px;
	background:url("../img/dropdown_arrow2.gif");
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	border-bottom: 1px solid #A41E29;
	border-radius:0px;
	-webkit-border-radius: 0%; 
	-moz-border-radius: 0%;
	box-shadow:none;
 	height: 20px;
	text-align:center;
 	font-size: 18px;
 	text-shadow: none;
 	color: #666;
 	padding:3px 21px 0 5px;
	
}

.surveys_content .note_attch_area{
	float:left;
	width:100%;
	height:auto;
	margin-top:40px;
	background:#666666;
	padding:15px;
}

.surveys_content .note_attch_area span{
	float:left;
	width:auto;
	height:auto;
	color:#fff;
	font-family: 'psl_text_proregular';
	font-size:20px;
	font-weight:bold;
}
.surveys_content .note_attch_area p.note{
	font-family: 'psl_text_proregular';
	font-size:20px;
	float:left; 
	width:700px; 
	height:auto; 
	margin:0 0 0 5px;
}

.surveys_content .note_attch_area input[type="text"]{
	background:none;
	border:none;
	border-bottom:1px solid #fff;
	width:710px;
	padding:0 5px;
	color:#fff;
	font-family: 'psl_text_proregular';
	font-size:20px;
}

.surveys_content .note_attch_area textarea{
	float:left; 
	resize:none; 
	font-family: 'psl_text_proregular';
	color:#666;
	font-size:20px;
	padding:5px;
	border:1px solid #A41E29;
}
.surveys_content .note_attch_area .note_area{
	float:left;
	width:100%;
	height:auto;
}
.surveys_content .note_attch_area .attch_area{
	float:left;
	width:100%;
	height:auto;
	margin-top:5px;
}
.surveys_content .note_attch_area .attch_area ul.listFile{
	float:left;
	width:600px;
	padding:0 5px;
	height:auto;
}
.surveys_content .note_attch_area .attch_area ul.listFile a{
	color:#fff;
	text-decoration:underline;
}
.surveys_content .note_attch_area .attch_area ul.listFile li{
	float:left;
	width:100%;
	height:auto;
	color:#fff;
	font-family: 'psl_text_proregular';
	font-size:20px;
}
.surveys_content .note_attch_area .attach_area{
	float: left;
    font-family: 'psl_text_proregular';
    font-size: 20px;
    color: #A41E29;
    margin: 5px 5px 0 0;
    width: auto;
    height: 30px;
	border:1px solid #A41E29;
	width:140px;
}
.surveys_content .note_attch_area .attach_area .fa{
	float:left;
	padding:5px;
}
.surveys_content .note_attch_area .attach_area span{
	float:left;
    color: #A41E29;
	padding:2px;
}

.surveys_content .note_attch_area .textHaveImg{
	float: left;
    font-family: 'psl_text_proregular';
    font-size: 20px;
    color: #A41E29;
    margin: 5px 5px 0 0;
    width: auto;
    height: 30px;
	width:auto;
	padding-top:3px;
}

.submit_surveys_cerate{
	float:left;
	width:100%;
	height:auto;
	padding:6px 5px 4px 5px;
	margin-top:20px;
	margin-bottom:20px;
	color:#fff;
	font-family: 'psl_text_proregular';
	font-size:22px;
	text-align:center;
	background:#a31e28;
	border:none;
}

.surveys_content .top_content_area{
	float:left;
	width:100%;
	height:auto;
}

.surveys_content .top_content_area_leftInner{
	float:left;
	width:350px;
	height:auto;
	margin-top:20px;
}
.surveys_content .top_content_area_leftInner h2{
	float:left;
	width:100%;
	height:auto;
	font-family: 'psl_text_proregular';
	font-size:20px;
	color:#666;
	margin:0px;
}

.surveys_content_list .date_area_inner{
	background:#a31e28;
	padding:5px 40px 0 20px;
	margin-top:20px;
}

.surveys_content_list .date_area_inner span{
	color:#fff;
}
#tableListSurveys{
	margin-top:20px;
}
#tableListSurveys thead th .th-inner{
	color:#a31e28;
}
#tableListSurveys>thead>tr>th{
	border-bottom:1px solid #a31e28;
}


#tableListSurveys>thead>tr>th.th_price, #tableListSurveys>thead>tr>th.th_price .th-inner {
	width:120px;
}
#tableListSurveys>thead>tr>th.th_promotion, #tableListSurveys>thead>tr>th.th_promotion .th-inner {
	text-align:left;
}
	
#tableListSurveys>tbody>tr>td{
	text-align:center;
	border-top:none;
}
#tableListSurveys>tbody>tr>td.align_left{
	text-align:left;
}


#tableListSurveys .ico_status{
	margin:0 auto;
}
#modal_surveys_create .modal-dialog{
	width:300px;
}
#tableListSurveys_model tbody tr td a{
	display:block;
}
.type_survay_list{
	margin:0 auto;
	width:90%;
	height:auto;
}
.type_survay_list li{
	float:left;
	width:100%;
	height:auto;
	border:1px solid #a31e28;
	margin-top:10px;
	padding:5px;
	text-align:center;
	font-family: 'psl_text_proregular';
	color:#a31e28;
	font-size:22px;
}
.type_survay_list li a{
	display:block;
	font-family: 'psl_text_proregular';
	color:#a31e28;
	font-size:22px;
}
.type_survay_list li:hover{
	background:#a31e28;
}
.type_survay_list li:hover a{
	color:#fff;
}


.surveys_content .ulFixForm_area ul li{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:20px;
}

.surveys_content .ulFixForm_area ul li select.custom{
	margin-left:0px;
	width:230px;
}

.surveys_content .ulFixForm_area ul li .btn_submit{
	padding:0 40px;
	margin-top:-5px;
	margin-left:10px;
	background:#fff !important;
	border:1px solid #a31e28 !important;
	color:#a31e28 !important;
	padding-top:2px;
}
.surveys_content .ulFixForm_area ul li .btn_submit.active{
	background:#a31e28 !important;
	color:#fff !important;
}
.surveys_content .ulFixForm_area ul li h3{
	float:left;
	width:100%;
	height:auto;
	font-family: 'psl_text_probold';
	color:#a31e28;
	font-size:20px;
	margin:0px;
}

.listFileImport{
	float:left;
	width:100%;
	height:auto;
	margin:10px 0 0 0;
}
.listFileImport li{
	float:left;
	width:100%;
	height:auto;
	font-family: 'psl_text_proregular';
	font-size:18px;
	color:#666;
}
	

.complaint_content_list .center_pos{
	width:1024px;
}

.complaint_content_list .top_content_area_leftInner{
	float:left;
	width:280px;
	height:auto;
}

.complaint_content_list .top_left_content .ico_status{
	float:left;
	width:100px;
	margin:5px 0px 5px 30px;
	text-align:center;
}

.complaint_content_list .top_left_content .bgLevel_survay{
	float:left;
	width:22px;
	height:22px;
	padding-top:4px;
	margin:2px 0 0 5px;
}

.complaint_content_detail .center_pos{
	width:800px;
}

.complaint_content_detail .top_area .top_left_content h2, .complaint_content_detail .top_area .top_left_content span.des{
	padding-left:0px;
}
.complaint_content_detail .top_area .top_left_content h2 span{
	float:left;
}
.complaint_content_detail .top_right_content{
	margin-right:0px;
}
.complaint_content_detail ul.level_sel_area{
	float:left;
	width:auto;
	height:auto;
	border:1px solid #a31e28;
	padding:5px;
}
.complaint_content_detail ul.level_sel_area li{
	float:left;
	width:24px;
	height:24px;
	padding:1px 0 0 0;
	font-family: 'psl_text_proregular';
	color:#fff;
	border-radius:50%;
	text-align:center;
	margin-right:10px;
	border:2px solid #fff;
}
.complaint_content_detail ul.level_sel_area li.active{
	border:2px solid #F00;
}
.complaint_content_detail ul.level_sel_area li a{
	font-family: 'psl_text_proregular';
	color:#fff;
	display:block;
	text-decoration:none;
}
.complaint_content_detail ul.level_sel_area li.active a{
	
}

.complaint_content_detail ul.level_sel_area li:last-of-type{
	margin-right:0px;
}

.complaint_content_detail .address_area{
	float:left;
	width:100%;
	height:auto;
}

.map_canvas{
	float:left;
	width:380px;
	height:200px;
}

.complaint_content_detail .address_area .address_detail{
	float:left;
	width:380px;
	height:auto;
	margin-left:10px;
}
.complaint_content_detail .address_area .address_detail h3{
	float:left;
	width:100%;
	height:auto;
	margin:0px;
	color:#a31e28;
	font-family: 'psl_text_proregular';
	font-size:18px;
}
.complaint_content_detail .address_area .address_detail p{
	float:left;
	width:100%;
	height:auto;
	margin:0px;
	font-family: 'psl_text_proregular';
	font-size:18px;
}



.complaint_content_create_madal .date_area_inner{
	float:left;
	width:auto;
	height:auto;
}
.complaint_content_create_madal .date_area_inner span{
	float:left;
	width:auto;
	margin-right:5px;
	color:#666;
 	font-family: 'psl_text_probold';
	font-size:20px;
}

.complaint_content_create_madal .date_area_inner .datepicker{
	float:left;
	background:none;
	padding:0px;
	font-size:14px;
	border:1px solid #b3b3b3;
	color:#666;
	width:75px;
	height:20px;
	border-radius:0px;
	-webkit-border-radius: 0%; 
 	-moz-border-radius: 0%;
	padding:3px 5px 0 5px;
	margin-right:10px;
	font-family: 'psl_text_proregular';
	font-size:18px;
	text-align:center;
}


.complaint_content_create_madal .bootstrap-table .table>thead>tr>th{
	border-bottom:1px solid #a31e28;
}

select.custom.comptTypeId{
	float:left;
	border-bottom:1px solid #666666; 
	background:url(../img/dropdown_arrow.gif) no-repeat right top;
	margin:0px;
	width:160px;
	color:#666666;
}

.imgCompDtThumbArea{
	float:left;
	width:100%;
	height:auto;
}
.imgCompDtThumbArea ul{
	float:left;
	width:100%;
	height:auto;
}
.imgCompDtThumbArea ul li{
	float:left;
	width:40px;
	height:40px;
	border:1px solid #a31e28;
	text-align:center;
	margin-right:10px;
	overflow:hidden;
}
.imgCompDtThumbArea ul li img{
	margin:0 auto;
	height:100%;
	width:auto;
}

.imgCompDtThumbArea ul li .fa{
	font-size:30px !important;
}
	

/*********** /Survay Order Edit page **************/

/*********** Task page **************/

.fileList{
	float:left;
	width:700px;
	margin-left:10px;
}

.fileList li{
	list-style:decimal;
	margin-left:10px;
}

input.txt_search{
	background:none;
	border:none;
	border-bottom:1px solid #666;
	width:200px;
}

.attachFile_area{
	float:left;
	width:100%;
	height:auto;
	background:#e0e0e0;
	padding:10px 20px;
}
.attachFile_area span{
	float:left;
	width:auto;
	color:#a31e28;
	font-family: 'psl_text_proregular';
    font-size: 18px;
}
.attachFile_area ul{
	float:left;
	width:700px;
	height:auto;
	color:#a31e28;
	font-family: 'psl_text_proregular';
    font-size: 18px;
}
.attachFile_area ul li{
	float:left;
	width:100%;
	height:auto;
	list-style:decimal;
	margin-left:20px;
	
}
.ico_open_file{
	float:right;
	width:auto;
	height:auto;
	margin-top:4px;
}

.listThumbPhoto{
	float:left;
	width:700px;
	height:auto;
	margin:0;
	padding:0;
}
.listThumbPhoto li{
	float:left !important;
	width:150px !important;
	height:150px !important;
	margin:0 10px 10px 0 !important;
	margin:0;
	padding:0;
	border:1px solid #a31e28;
	text-align:center;
	overflow:hidden;
}
.listThumbPhoto li img{
	height:100%;
	width:auto;
	margin:0 auto;
}

.bootstrap-duallistbox-container .box1 .leftBox{
	position:relative;
}
.bootstrap-duallistbox-container .box1 .leftBox .loader{
	position:absolute;
	top:35px;
	left:15px;
	z-index:2;
	float:left;
	width:199px;
	height:300px;
	background:rgb(255,255,255);
    background: transparent\9;
    background:rgba(255,255,255,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff);
    zoom: 1;
}
.bootstrap-duallistbox-container .box1 .leftBox .loader img{
	width:64px;
	height:64px;
	position:relative;
	z-index:2;
	left:50%;
	top:50%;
	margin:-32px 0 0 -32px;
}


/*********** /Task page **************/
/*********** Catalog & Promotion page **************/
.catalogPromotion_area{
	float:left;
	width:100%;
	height:auto;
	border:1px solid #f2f2f2;
	margin:20px 0;
}


ul.catalog_tab{
	float:left;
	width:100%;
	height:35px;
}
ul.catalog_tab li{
	float:left;
	width:511px;
	height:100%;
	background:#f2f2f2;
	font-family: 'psl_text_proregular';
    font-size: 24px;
	text-align:center;
	color:#4d4d4d;
}
ul.catalog_tab li a{
	display:block;
	font-family: 'psl_text_proregular';
    font-size: 24px;
	color:#4d4d4d;
}
ul.catalog_tab li.active{
	background:#fff;
	color:#a31e28;
}
ul.catalog_tab li.active a{
	color:#a31e28;
}

.fs_page ul.catalog_tab li.active{
	background:#fff;
	color:#77bc1f;
}
.fs_page ul.catalog_tab li.active a{
	color:#77bc1f;
}


ul.catalog_list{
	float:left;
	width:890px;
	height:auto;
	padding:10px 10px 0 10px;
	margin:0px;
	margin-left:70px;
}
ul.catalog_list li{
	position:relative;
	float:left;
	width:135px;
	height:210px;
	margin-right:10px;
	margin-bottom:10px;
}

ul.catalog_list li a{
	display:block;
	position:absolute;
	float:left;
	width:100%;
	height:100%;
	z-index:2;
}

ul.catalog_list li .imgThumb_area{
	float:left;
	width:135px;
	height:190px;
	text-align:center;
	overflow:hidden;
	border:1px solid #a31e28;
	border-bottom:none;
	background:#ffffff;
}
ul.catalog_list li .imgThumb_area img{
	width:auto;
	height:100%;
	margin:0 auto;
}
ul.catalog_list li .imgThumb_area iframe{
	position:relative;
	z-index:1;
}
ul.catalog_list li .imgTimeActive_area{
	overflow:hidden;
	float:left;
	width:135px;
	height:20px;
	background:#a31e28;
	color:#fff;
	font-family: 'psl_text_proregular';
    font-size: 15px;
	padding:1px 5px 0 10px;
}

ul.catalog_list li .imgTimeActive_area span{
	float:left;
	width:100px !important;
	height:100%;
	color:#fff;
	font-family: 'psl_text_proregular';
    font-size: 15px;
	white-space: nowrap;
  	width: 100%;                   
  	overflow: hidden;
  	text-overflow: ellipsis;
}
ul.catalog_list li .imgTimeActive_area  a.cancelLink {
	float:right; 
	color:#fff; 
	width:auto; 
	height:auto;
	position:relative;
	z-index:99;
}
ul.catalog_list li .imgTimeActive_area  a.cancelLink .fa-trash{
	color:#fff; 
	width:auto; 
	height:auto;
	position:relative;
}

.image_upload_preview_area{
	float:left;
	width:100%;
	height:auto;
	margin-top:20px;
}
.image_upload_preview_area img{
	float:left;
	width:100%;
	height:auto;
}

ul.promotion_list{
	float:left;
	width:100%;
	height:auto;
	padding:0 10px;
}
ul.promotion_list li{
	float:left;
	width:100%;
	height:auto;
	padding:10px;
	border-bottom:1px solid #cccccc;
	
}

ul.promotion_list li .imgThumb_area{
	float:left;
	width:75px;
	height:75px;
	border:1px solid #a31e28;
	text-align:center;
	overflow:hidden;
}
ul.promotion_list li .imgThumb_area img{
	width:auto;
	height:100%;
	margin:0 auto;
}
ul.promotion_list li .txt_area{
	float:left;
	width:905px;
	height:auto;
	padding:0 10px;
	word-wrap: break-word;
}

ul.promotion_list li .txt_area h3{
	float:left;
	width:100%;
	height:auto;
	font-family: 'psl_text_proregular';
	font-size:24px;
	color:#000;
	margin:0px;
}
ul.promotion_list li .txt_area span{
	float:left;
	width:100%;
	height:auto;
	font-family: 'psl_text_proregular';
	font-size:16px;
	color:#a31e28;
	margin:0px;
}
ul.promotion_list li .txt_area .detail{
	float:left;
	width:100%;
	height:auto;
	font-family: 'psl_text_proregular';
	font-size:18px;
	color:#4d4d4d;
	margin:0px;
}
ul.promotion_list li .txt_area .detail p {
	margin:0px;
}

ul.promotion_list li .btn_area{
	float:left;
	width:70px;
	height:auto;
	padding:0 10px;
	margin-top:0px;
}
ul.promotion_list li .btn_area .btn_edit{
	float:right;
	font-family: 'psl_text_proregular';
	font-size:20px;
	background:#a31e28 !important;
	border:none !important;
	border-radius:0px;
	-webkit-border-radius: 0%; 
 	-moz-border-radius: 0%;
	padding-top:2px;
	padding-bottom:0px;
	color:#fff !important;
	text-shadow:none;
	border-right:4px solid #dbb749 !important;
}
ul.promotion_list li .btn_area .btn_edit .glyphicon-pencil{
	border-radius:50%;
	-webkit-border-radius: 50%; 
 	-moz-border-radius: 50%;
	background:#fff;
	font-size:14px;
	font-weight:lighter;
	color:#a31e28;
	padding:3px 3px 4px 4px;
	margin:3px 0 0 10px;
}

.tbl_formPromotion{
	float:left;
	width:100%;
	height:auto;
}
.tbl_formPromotion td{
	vertical-align:top;
	padding-top:10px;
	height:auto;
}

.tbl_formPromotion td.title{
	width:100px;
    font-family: 'psl_text_proregular';
    font-size: 20px;
    color: #666666;
    margin: 0px;
}

.chartContainer{
	float:left;
	width:100%;
	height:auto;
}

.tbl_formPromotion .img_thumb_area{
	float:left;
	width:700px;
	height:auto;
	min-height:70px;
	border-top:1px solid #a31e28;
	border-bottom:1px solid #a31e28;
	padding:10px;
	padding-bottom:0px;
	margin-bottom:10px;
}
.tbl_formPromotion .img_thumb_area ul{
	float:left;
	width:100%;
	height:auto;
	margin:0px;
}
.tbl_formPromotion .img_thumb_area ul li{
	float:left;
	width:150px;
	height:150px;
	text-align:center;
	overflow:hidden;
	margin:0 10px 10px 0px;
	border:1px solid #a31e28;
}
.tbl_formPromotion .img_thumb_area ul li img{
	margin:0 auto;
	height:100%;
	width:auto;
}

	
/*********** /Catalog & Promotion page **************/


/*********** Customer Management page **************/


.header_contentReport_area{
	float:left;
	width:100%;
	height:auto;
	background:#f2f2f2;
	padding:10px;
	margin:10px 0;
}

.header_contentReport_area h2{
	float:left;
	width:auto;
	max-width:320px;
	height:auto;
	font-size:26px;
	color:#4d4d4d;	
    font-family: 'psl_text_proregular';
	padding:10px 0 0 10px;
	margin:0px;
	display: inline-block;
	ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;

}
.tbl_header_contentReport{
	float:right;
	width:60%;
	height:auto;
	background:url(../img/triple_dot.png) no-repeat left center;
}
.tbl_header_contentReport  td.title{
    font-family: 'psl_text_proregular';
	color:#a31e28;
	font-size:20px;
	line-height:22px;
}


.side_bar_area{
	float:left;
	width:180px;
	height:auto;
	padding:10px;
}
.side_bar_area .title_area{
	float:left;
	width:100%;
	height:auto;
}
.side_bar_area .title_area h1{
	float:left;
	width:auto;
	height:auto;
    font-family: 'psl_text_proregular';
	font-size:24px;
	color:#666666;
	border-bottom:3px solid #a31e28;
	margin:0px;
	line-height:20px;
	padding-top:10px;
	
}

.side_bar_area .date_area_inner{
	float:left;
	width:auto;
	height:auto;
	margin:10px auto 0 auto;
}
.side_bar_area .date_area_inner span{
	float:left;
	width:auto;
	margin-right:5px;
	color:#a31e28;
	font-family: 'psl_text_proregular';
	font-size:18px;
}

.side_bar_area .date_area_inner .datepicker{
	float:right;
	background:none;
	padding:0px;
	font-size:14px;
	border:1px solid #b3b3b3;
	color:#666;
	width:75px;
	height:20px;
	border-radius:0px;
	-webkit-border-radius: 0%; 
 	-moz-border-radius: 0%;
	padding:0 5px;
	font-family: 'psl_text_proregular';
	font-size:18px;
	text-align:center;
}

.side_bar_area .date_area_inner .date_area_inner2{
	float:left;
	width:100%;
	height:auto;
}

.data_list_area{
	float:left;
	width:100%;
	height:auto;
}
.data_list_area table{
	float:left;
	width:100%;
	height:auto;
	font-family: 'psl_text_proregular';
	font-size:18px;
}
.data_list_area table td{
	padding:0 5px;
	line-height:20px;
}
.data_list_area table td.name{
	width:100px;
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow:ellipsis;
	
}
.data_list_area table td.amount{
	background:#666666;
	color:#ffffff;
	padding:3px 5px 0 5px;
}

.btn_compare_area{
	float:left;
	width:100%;
	height:auto;
	margin-top:20px;
}
.btn_compare_area .btn_compare{
	
	float:left;
	width:100%;
	height:auto;
	border:1px solid #a31e28;
	background:#fff;
	color:#a31e28;
	font-size:20px;
	padding-top:3px;
	font-family: 'psl_text_proregular';
	text-align:center;
}

.btnSort{
	float:right;
	padding:1px 5px;
}
/*********** /Customer Management page **************/


/*********** User Setting page **************/
.userList_area{
	float:left;
	width:100%;
	height:auto;
	border:1px solid #f2f2f2;
	margin:20px 0;
}


ul.userList_tab{
	float:left;
	width:100%;
	height:35px;
	background:#f2f2f2;
}
ul.userList_tab li{
	float:left;
	width:auto;
	height:100%;
	padding:0 20px;
	background:#f2f2f2;
	font-family: 'psl_text_proregular';
    font-size: 24px;
	line-height:40px;
	text-align:center;
	color:#ccc;
}
ul.userList_tab li a{
	display:block;
	font-family: 'psl_text_proregular';
    font-size: 22px;
	color:#ccc;
}
ul.userList_tab li.active{
	background:#fff;
	color:#a31e28;
	border:1px solid #f2f2f2;
	border-bottom:none;
}
ul.userList_tab li.active a{
	color:#a31e28;
}
.pull-left{
	margin-left:10px;
}
.pull-right{
	margin-right:10px;
}


.permission_area{
	float:left;
	width:100%;
	height:auto;
}

.permission_area h2{
	float:left;
	width:100%;
	height:auto;
	font-family: 'psl_text_proregular';
	font-size:22px;
	color:#a31e28;
	padding-left:100px;
	margin-left:0px;
}
.permission_area h3{
	float:left;
	width:100%;
	height:auto;
	font-family: 'psl_text_proregular';
	font-size:24px;
	color:#fff;
	background:#a31e28;
	padding-left:100px;
	margin-left:0px;
	padding-top:5px;

}

ul.perms_list{
	float:left;
	width:100%;
	height:auto;
	list-style:none;
}

ul.perms_list li{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:20px;
}

ul.perms_list li .title{
	float:left;
	width:100%;
	height:auto;
	font-family: 'psl_text_proregular';
	font-size:24px;
	color:#000000;
	padding-left:100px;
}
ul.perms_list li .check_perms_area{
	float:left;
	width:100%;
	height:auto;	
	padding-left:100px;
	border-bottom:1px solid #eee;
}
ul.perms_list li .check_perms_area .check_perm_inner{
	float:left;
	width:15%;
	height:auto;
	font-family: 'psl_text_proregular';
	font-size:22px;
	color:#4d4d4d;
}
.groupUser_content select.custom {
	float:left;
 background:#ffffff url("../img/dropdown_arrow.gif") no-repeat right top;
 padding:0 25px 0 0;
 margin:3px 0 0 0px;
 height:20px !important;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 border:none;
 border-bottom:1px solid #666;
 border-radius:0px;
	-webkit-border-radius: 0%; 
 	-moz-border-radius: 0%;
 box-shadow:none;
 height:22px;
 text-align:center;
 font-family: 'psl_text_proregular';
 color:#666;
 font-size:18px;
 
}

.groupUser_content tr:hover td{
	background:#fff;
}
.groupUser_content tr.active select.custom {
 	background:#f5f5f5 url("../img/dropdown_arrow.gif") no-repeat right top;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}


.groupUser_content .comment_txtbox{
 font-family: 'psl_text_proregular';
 color:#666;
 font-size:18px;
}

.groupUser_content .check_perm_inner select::-ms-expand {
 display: none;
}
.bootstrap-checkbox{
    width: auto;
    float: left;
	margin:0px;
}


.bootstrap-checkbox > button.btn{
	padding-top:5px;
}
.bootstrap-checkbox .label-checkbox{
	 font-family: 'psl_text_proregular';
	 font-size:22px;
	 font-weight:normal;
	 text-shadow:none;
	
}
.bootstrap-checkbox.disabled .label-checkbox{
	color:#d4d4d4;
}


.tbl_profile_setting_container{
	width:650px;
	height:auto;
	margin:50px auto 50px auto;
}
.profile_img_area{
	float:left;	
	width:150px;
	height:auto;
}
.profile_img_inner{
	float:left;
	width:150px;
	height:150px;
	text-align:center;
	overflow:hidden;
	background:#000;
}
.profile_img_inner img{
	width:100%;
	height:auto;
}

.profile_img_btn{
	float:left;
	width:100%;
	height:25px;
	background:#4d4d4d;
	border:none;
	color:#fff;
	font-family: 'psl_text_proregular';
	font-size:18px;
	line-height:30px;
}

.tbl_form{
	float:left;
	width:100%;
	hanging-punctuation:auto;
}
.tbl_form td{
	padding-top:10px;	
}
.inputTxtSet{
	float: left;
	background: none;
	border: none;
	border-bottom: 1px solid #b3b3b3;
	font-family: 'psl_text_proregular';
	font-size: 20px;
	color: #000;
	height: 20px;
}

.gmnoprint.gm-style-mtc{
	left:220px !important;
}

.header_user_area{
	float:left; 
	width:100%; 
	height:30px; 
	background:#a31d29;	
}
.header_user_area h2{
	float:left;
	font-family: 'psl_text_proregular';
	font-size:22px;
	color:#fff;
	margin:5px 0 0 5px;
}

/*********** /User Setting page **************/


/*********** Near By page **************/
 .filter_area{
	 position:absolute;
	 width:200px;
	 height:auto;
	 background:#fff;
	 z-index:2;
	 top:10px;
	 right:20px;
	 border:1px solid #a31e28;
 }
 
 .filter_area.filter_pois_area{
	 top:10px;
	 left:20px;
 }
 .filter_area .header_title{
	 float:left;
	 width:100%;
	 height:30px;
	 background:#a31e28;
	font-family: 'psl_text_proregular';
	font-size:20px;
	color:#fff;
	padding:3px 5px 0 5px;
	border-left:5px solid #dbb749;
	cursor:pointer;
 }
 
 .filter_area .header_title .fa{
	 float:right;
	 color:#fff;
	 font-size:14px;
	 line-height:24px;
 }
 
 ul.listFilter{
	 float:left;
	 width:100%;
	 height:100%;
 }
 ul.listFilter li{
	 float:left;
	 width:100%;
	 height:auto;
	 color:#a31e28;
	font-family: 'psl_text_proregular';
	font-size:18px;
	padding:0 5px;
 }
 
 ul.listFilter li .type_name{
	 float:left;
	 width:170px;
	 height:auto;
 }
 ul.listFilter li .type_chkBox,  ul.listFilter li .pois_chkBox{
	 float:right;
	 width:auto;
	 height:auto;
 }
 
 .container_nearby_list{
	 position:absolute;
	 z-index:3;
	 width:100%;
	 height:auto;
	 background:#fff;
	 left:0;
	 bottom:0;
	 border-top:5px solid #a31e28;
 }
 .container_nearby_list_inner{
	 float:left;
	 width:100%;
	 height:100%;
	 max-height:310px;
	 overflow-y: auto;
 }
 
 
 .container_nearby_list #iconShoeHide{
	 float:left;
	 width:25px;
	 height:25px;
	 background:#a31e28;
	 color:#fff;
	 margin-top:-25px;
	 padding-top:5px;
	 text-align:center;
 }
 
.nearby_create_madal .date_area_inner .datepicker{
	float:left;
	background:none;
	padding:0px;
	font-size:14px;
	border:1px solid #b3b3b3;
	color:#666;
	width:75px;
	height:20px;
	border-radius:0px;
	-webkit-border-radius: 0%; 
	-moz-border-radius: 0%;
	padding:0 5px;
	margin-right:10px;
	font-family: 'psl_text_proregular';
	font-size:18px;
	text-align:center;
}

.nearby_create_madal .img_thumb_area{
	float:left;
	width:100%;
	height:auto;
	min-height:70px;
	border-top:1px solid #a31e28;
	border-bottom:1px solid #a31e28;
	padding:10px;
	padding-bottom:0px;
}
.nearby_create_madal .img_thumb_area ul{
	float:left;
	width:100%;
	height:auto;
	margin:0px;
}
.nearby_create_madal .img_thumb_area ul li{
	float:left;
	width:80px;
	height:80px;
	text-align:center;
	overflow:hidden;
	margin:0 10px 10px 0px;
	border:1px solid #a31e28;
}
.nearby_create_madal .img_thumb_area ul li img{
	margin:0 auto;
	height:100%;
	width:auto;
}


.nearby_create_madal .btn_crate_area{
	width:100%;
	text-align:center;
}
.nearby_create_madal .btn_crate_area button{
	float:none;
}
.nearby_create_madal .btn_crate_area button.btn_cancel{
	float: none;
    font-family: 'psl_text_proregular';
    font-size: 20px;
    background: #fff !important;
    border: 1px solid #a31e28 !important;
    border-radius: 0px;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    padding-bottom: 4px;
    padding: 5px 20px 2px 20px;
    color: #a31e28 !important;
    text-shadow: none;
    height: auto;
    margin: 10px 0 0 0;
}

.nearby_detail_content .tab_title_area{
	float:left;
	width:100%;
	height:45px;
}
.nearby_detail_content .tab_title_area ul{
	float:left;
	width:100%;
	background:#770e00;
	height:100%;
}
.nearby_detail_content .tab_title_area ul li{
	float:left;
	width:33.333%;
	height:100%;
    font-family: 'psl_text_proregular';
    font-size: 26px;
	color:#fff;
	text-align:center;
	padding-top:7px;
	border-right:1px solid #600000;
}
.nearby_detail_content .tab_title_area ul li:last-of-type{
	border-right:none;
}
.nearby_detail_content .tab_title_area ul li a{
    font-family: 'psl_text_proregular';
    font-size: 26px;
	color:#fff;
	text-align:center;
	line-height:33px;
	display:block;
}

.nearby_detail_content .tab_title_area ul li.active{
	background:#d3122d;
}

.nearby_detail_content .content_area{
	float:left;
	width:100%;
	height:auto;
	padding:0px;
}
.nearby_detail_content .content_area .slide_area{
	float:left;
	width:100%;
	height:340px;
	background:#000000;
	overflow:hidden;

	
}
.nearby_detail_content .content_area .slide_area div{
	float:left;
	width:100%;
	height:100%;
	text-align:center;
}
.nearby_detail_content .content_area ul.creditArrears_area{
	float:left;
	width:100%;
	height:60px;
	background:#ab0000;
	margin:0px;
}

.nearby_detail_content .content_area ul.creditArrears_area li{
	float:left;
	width:50%;
	height:100%;
    font-family: 'psl_text_proregular';
    font-size: 28px;
	color:#fff;
	padding-top:5px;
	text-align:center;
	line-height:26px;
	border-right:1px solid #920000;
	
}
.nearby_detail_content .content_area ul.creditArrears_area li:last-of-type{
	border-right:none;
}

.nearby_detail_content .content_area ul.navLocate_area{
	float:left;
	width:100%;
	height:60px;
	background:#ebebeb;
	border-bottom:1px solid #b4b4b4;
	margin:0px;
}

.nearby_detail_content .content_area ul.navLocate_area li{
	float:left;
	width:50%;
	height:100%;
    font-family: 'psl_text_proregular';
    font-size: 24px;
	color:#de2d33;
	text-align:center;
	line-height:30px;
	border-right:1px solid #d9d9d9;
	padding:17px;
}

.nearby_detail_content .content_area ul.navLocate_area li:last-of-type{
	border-right:none;
}


.nearby_detail_content .content_area .tbl_detail_area{
	float:left;
	width:100%;
	height:auto;
	border-bottom:1px solid #b4b4b4;
	margin:0px;
	padding:10px 40px;
}
.nearby_detail_content .content_area .tbl_detail_area .tbl_detail{
	float:left;
	width:100%;
	height:auto;
}
.nearby_detail_content .content_area .tbl_detail_area .tbl_detail td{
    font-family: 'psl_text_proregular';
    font-size: 22px;
	color:#020202;
	padding: 8px 0px 2px 10px;
}

.nearby_detail_content .content_area .tbl_detail_area .tbl_detail td.td_icon{
	text-align:center;
	width:50px;
	padding: 5px 10px 5px 0px;
}

.nearby_detail_content .content_area .tbl_detail_area .tbl_detail td.td_title{
    font-family: 'psl_text_proregular';
    font-size: 24px;
	color:#de2d33;
}
.nearby_detail_content .content_area .tbl_detail_area .tbl_detail td.td_ico_more{
    font-size: 24px;
	color:#020202;
	text-align:right;
}

.nearby_detail_content .content_area .tbl_detail_area .tbl_detail td.td_ico_more .fa{
	float:right;
}

.nearby_detail_content .content_area .tbl_detail_area.tblTitle{
	padding: 5px 40px;
}

.nearby_detail_content .content_area ul.list_task_surve{
	float:left;
	width:100%;
	height:auto;
	padding:0 20px;
	margin-bottom:0px;
	border-bottom:2px solid #e7e7e7;
}
.nearby_detail_content .content_area ul.list_task_surve li{
	float:left;
	width:100%;
	height:auto;
	padding:10 0px;
	border-bottom:1px solid #b2b2b2;
}
.nearby_detail_content .content_area ul.list_task_surve li:last-of-type{
	border-bottom:none;;
}
.nearby_detail_content .content_area ul.list_task_surve li a{
	float:left;
	width:100%;
	height:auto;
	display:block;
	padding:10px 0;
}

.nearby_detail_content .content_area ul.list_task_surve li .ico_calendar{
	float:left;
	background:url(../img/ico-calendar.png) no-repeat;
	background-size: 100px 100px;
	width:100px;
	height:100px;
}

.nearby_detail_content .content_area ul.list_task_surve li .ico_calendar .day{
	float:left;
	width:100%;
	height:auto;
    font-family: 'psl_text_proregular';
    font-size: 48px;
	line-height:36px;
	color:#020202;
	text-align:center;
	padding-top:5px;
}
.nearby_detail_content .content_area ul.list_task_surve li .ico_calendar .year{
	float:left;
	width:100%;
	height:auto;
    font-family: 'psl_text_proregular';
    font-size: 32px;
	line-height:20px;
	color:#ababab;
	text-align:center;
}
.nearby_detail_content .content_area ul.list_task_surve li .ico_calendar-header{
	float:left;
	width:100%;
	height:30px;
    font-family: 'psl_text_proregular';
    font-size: 24px;
	color:#fff;
	text-align:center;
	padding-top:2px;
	
}

.nearby_detail_content .content_area ul.list_task_surve li .ico_calendar-header1{
	background:url(../img/ico-calendar-header.png) no-repeat;
	background-size: 100px 32px;
	
}
.nearby_detail_content .content_area ul.list_task_surve li .ico_calendar-header2{
	background:url(../img/ico-calendar-header-2.png) no-repeat;
	background-size: 100px 32px;
}
.nearby_detail_content .content_area ul.list_task_surve li .ico_calendar-header3{
	background:url(../img/ico-calendar-header-3.png) no-repeat;
	background-size: 100px 32px;
}

.nearby_detail_content .content_area ul.list_task_surve li .row_content{
	float:left;
	width:450px;
	height:auto;
	margin-left:10px;
	
}
.nearby_detail_content .content_area ul.list_task_surve li .row_content .status{
	float:left;
	width:auto;
	height:auto;
    font-family: 'psl_text_proregular';
    font-size: 24px;
	padding-top:5px;
}

	
.nearby_detail_content .content_area ul.list_task_surve li .row_content .end_date{
	float:right;
	width:auto;
	height:auto;
    font-family: 'psl_text_proregular';
    font-size: 24px;
	padding-top:5px;
	color:#000000;
	
}

.blog_area{
	float:left;
	width:100%;
	height:auto;
}

.blog_area .txt,.blog_area .fa-chevron-right{
	color:#a31e28;
}

.nearby_detail_content .content_area ul.list_task_surve li .row_content.detail_txt{
    font-family: 'psl_text_proregular';
    font-size: 24px;
	color:#010101;
}
.ul.list_task_surve li.history{
	border-bottom:none;
}
.ul.list_task_surve li.history span.glyphicon{
	float:left;
    font-size: 28px;
	margin-top:5px;
	color:#000;
}
.ul.list_task_surve li.history span.txt{
	float:left;
    font-family: 'psl_text_proregular';
    font-size: 28px;
	margin:2px 0 0 20px;
	color:#000;
}
	
.ul.list_task_surve li.history .fa{
	float:right;
    font-size: 28px;
	margin:10px 0 0 0;
	color:#000;
}

.nearby_detail_content .content_area ul.list_odrHist{
	float:left;
	width:100%;
	height:auto;
	padding:0 20px;
	margin-bottom:0px;
}
.nearby_detail_content .content_area ul.list_odrHist li{
	float:left;
	width:100%;
	height:auto;
	padding:10 0px;
	border-bottom:1px solid #b2b2b2;
}
.nearby_detail_content .content_area ul.list_odrHist li a{
	float:left;
	width:100%;
	height:auto;
	display:block;
	padding:10px 0;
}
.nearby_detail_content .content_area ul.list_odrHist li .blog_area{
	width:520px;
}

.nearby_detail_content .content_area ul.list_odrHist li .blog_area .row_content{
	float:left;
	width:100%;
	width:auto;
	
}

.nearby_detail_content .content_area ul.list_odrHist li .ico-fav{
	float:left;
	width:40px;
	height:auto;
}
.nearby_detail_content .content_area ul.list_odrHist li .odrId{
	float:left;
	width:auto;
	height:auto;
    font-family: 'psl_text_proregular';
    font-size: 28px;
	color:#d3122d;
	margin-left:10px;
}
.nearby_detail_content .content_area ul.list_odrHist li .status_txt{
	float:right;
	width:auto;
	height:auto;
    font-family: 'psl_text_proregular';
    font-size: 28px;
}
.nearby_detail_content .content_area ul.list_odrHist li .status_txt .fa{
	float:none;
    font-size: 24px;
	margin:0;
	padding:0 0 5px 0;
}

.nearby_detail_content .content_area ul.list_odrHist li .odrDT_create{
	float:left;
	width:auto;
	height:auto;
    font-family: 'psl_text_proregular';
    font-size: 24px;
	color:#000;
}
.nearby_detail_content .content_area ul.list_odrHist li .odrDT_status{
	float:right;
	width:auto;
	height:auto;
    font-family: 'psl_text_proregular';
    font-size: 24px;
}
.nearby_detail_content .content_area ul.list_odrHist li .fa{
	float:right;
    font-size: 28px;
	padding:25px 0 0 0;
}
.nearby_detail_content .content_area ul.list_odrHist li .fa-chevron-right{
	color:#000;
}
	

.statusTaskId_1{
	color:#d3122d;	
}
.statusTaskId_2{
	color:#3baf29;	
}


.statusOdrId_1{
	color:#d3122d;	
}
.statusOdrId_2{
	color:#3baf29;	
}
.statusOdrId_3{
	color:#3baf29;	
}
statusOdrId_5, .statusOdrId_7{
	color:#5a5a5a;	
}
.statusOdrId_8{
	color:#5a5a5a;	
}


.nearby_detail_content .content_area ul.list_odrHist li .row_content{
	float:left;
	width:450px;
	height:auto;
	margin-left:10px;
	
}

.nearby_detail_content .content_area ul.list_odrHist li .row_content.detail_txt{
    font-family: 'psl_text_proregular';
    font-size: 24px;
	color:#010101;
}



.map_canvas_area{
	float:left;
	width:100%;
	height:auto;
	margin:10px 0;
}

.txt_customerName{
    font-family: 'psl_text_proregular';
}
	

.map_canvas_popup{
	margin:0 auto;
	width:300px;
	height:300px;
	border: 1px solid #a31e28;
}
.container_loc_area{
	float:left; 
	width:243px; 
	height:170px;
}
.content_loc_area{
	float:left; 
	width:100%; 
	height:auto; 
	overflow:hidden; 
	text-align:center;
}
.container_loc_area_inner{
	float:left; 
	width:100%; 
	height:155px; 
	background:#fff;
	color:#666667;
}
.container_loc_area_inner .img_area{
	float:left; 
	width:100%; 
	height:88px; 
	overflow:hidden; 
	text-align:center;
}
.container_loc_area_inner .img_area img{
	width:100%; height:auto; margin:0 auto;
}
.container_loc_area_inner p{
	float:left;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	text-align:left;
	font-family: 'psl_text_proregular';
	font-size: 14px;
	
}

.timeCustom{
	text-align:left;
	font-family: 'psl_text_proregular';
	font-size: 18px;
	height:20px;
	border:1px solid #a31e28;
	width:90px;
}

#select_locType_create{
	margin-left:0px; 
	background:url(../img/dropdown_arrow.gif) no-repeat right top; 
	border-bottom:1px solid #666666; 
	font-size:20px !important;
	font-family: 'psl_text_proregular' !important;
	height:20px !important;
	line-height:20px;
}
.gm-style > div > div > div > div{
	width:280px !important;
}
.gm-style > div > div > div > div > div > div{
	width:280px !important;
	
}

.gm-style > div > div > div > div > div > div:nth-child(3){
	right:40px !important;
}
.gm-style .gm-style-iw {
	width:266px !important;
}
.gm-style .gm-style-iw > div {
	overflow: visible !important;
	max-height:none !important;
	max-width:none !important;
	width:266px !important;
	height:100% !important;
	
	
}
#iconShowHide{
	position:absolute;
	background:#a31e28;
	padding:5px 7px;
	color:#fff;
	top:-29px;
	left:0px;
	font-size:18px;
}


/*#map_canvas div.gm-style-iw > div {*/
/*********** /Near By page **************/


/*********** Estimate **************/


 .estimate_filter{
	 position:absolute;
	 width:120px;
	 height:auto;
	 background:#fff;
	 z-index:2;
	 top:20px;
	 right:20px;
	 border:1px solid #a31e28;
 }
 .estimate_filter .header_title{
	 float:left;
	 width:100%;
	 height:30px;
	 background:#a31e28;
	font-family: 'psl_text_proregular';
	font-size:20px;
	color:#fff;
	padding:3px 10px 0 10px;
 }
 
 .estimate_filter ul.listFilter{
	 float:left;
	 width:100%;
	 height:auto;
	 margin:0px;
 }
 .estimate_filter ul.listFilter li{
	 float:left;
	 width:100%;
	 height:auto;
	 color:#a31e28;
	font-family: 'psl_text_proregular';
	font-size:18px;
	padding:5px 5px;
 }
 
 .estimate_filter ul.listFilter li img{
	 float:left;
 }
 .estimate_filter ul.listFilter li .type_name{
	 float:left;
	 width:70px;
	 height:auto;
	 margin-left:10px;
 }
 .estimate_filter ul.listFilter li .type_chkBox{
	 float:right;
	 width:auto;
	 height:auto;
 }
 
.input_field_custom .btn_calendar{
	float:left;
	color:#666;
	font-size:18px;
}


.estmateDetailList_area th[data-field="weight"] .th-inner{
	text-align:center !important;
	line-height:18px;
}
.estmateDetailList_area th[data-field="amount"] .th-inner{
	text-align:center !important;
	line-height:18px;
}
.estmateDetailList_area th[data-field="price"] .th-inner{
	text-align:center !important;
	line-height:18px;
}
.estmateDetailList_area th[data-field="product_name"] .th-inner{
	width:300px;
}
.estmateDetailList_area .input_field_product_name{
	width:300px !important;
}

.estmateDetailList_area th[data-field="product_id"] .th-inner{
	width:200px;
}
.estmateDetailList_area .input_field_product_id{
	width:200px !important;
}

.tbl_filter_compare_area{
	width:auto;
	height:auto;
	padding-left:20px;
}
.tbl_filter_compare{
	width:100%;
	hanging-punctuation:auto;
	float:left;
	margin-bottom:20px;
	
}
.tbl_filter_compare td{
	padding-top:10px;
}
.tbl_filter_compare td.title span{
	float:right !important;
	text-align:right;
}
.tbl_filter_compare td .input_field_custom{
	
	float:left;
}


.graph_area{
	float:left;
	width:100%;
	height:auto;
	margin-top:50px;
}

.fixed-table-container #tbl_compare thead th{
	background:#A41E29;
}
.fixed-table-container #tbl_compare thead th .th-inner{
	color:#fff;
	font-size:18px;
}

input.selectpicker_custom.daterange{
	font-size:20px;
	width:190px; 
	border:none; 
	margin:0; 
	padding:0 10px 0 25px;
	position:relative;
	z-index:2px;
	margin:-5px 0 0 0px;
}
#reportrange{
	position:relative;
	float:left;
	background: none; 
	cursor: pointer; 
	border-bottom: 1px solid #fff !important; 
	width: auto;
	height:22px;
}
/*.daterangepicker_input th.prev:after, .daterangepicker_input th.next:after{
	content:"" !important;
}*/
.btn-success {
    color: #fff;
    background-color: #A41E29;
    border-color: #bd242f ;
}


.btn-success{
	background-image: -webkit-linear-gradient(top,#bd242f 0,#A41E29 100%);
    background-image: -o-linear-gradient(top,#bd242f 0,#A41E29 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#bd242f),to(#A41E29));
    background-image: linear-gradient(to bottom,#bd242f 0,#A41E29 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd242f', endColorstr='#ffA41E29', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #bd242f;
}

.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover{
	background-color: #A41E29;
    border-color: #bd242f;
}

.btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover{
	background-color: #A41E29;
    background-image: none;	
}

.btn-success:focus, .btn-success:hover {
    background-color: #A41E29;
    background-position: 0 -15px;
}
.btn-success:hover,.btn-success:active {
    color: #fff;
    background-color: #A41E29;
    border-color: #bd242f;
}







	
/*********** /Estimate **************/


.bootstrap-table .table:not(.table-condensed)>tbody>tr>td>a.hrefStyle{
	display:block;
	width:100%;
}
.bootstrap-table .table:not(.table-condensed)>tbody>tr>td>a.hrefStyle.align_center{
	text-align:center;
	padding-top:5px;
}


.bootstrap-table .table:not(.table-condensed)>tbody>tr>td>.ico_status{
	margin-top:-3px;
}
.bootstrap-table .table:not(.table-condensed)>tbody>tr>td>.ico_status_active, .bootstrap-table .table:not(.table-condensed)>tbody>tr>td>.bgLevel_survay{
	margin-top:0px;
}


.bgStatus_preOdr_1{
	background:#A41E29;
}
.bgStatus_preOdr_1:after{
	content: "PENDING";
}

.bgStatus_preOdr_2{
	/*background:#1DA886;*/
	background:#f88e1c;
}
.bgStatus_preOdr_2:after{
	/*content: "COMPLETE";*/
	content: "READY TO SYSTEM";
	font-size:14px;
}
.bgStatus_preOdr_3{
	background:#22ADCE;
}
.bgStatus_preOdr_3:after{
	content: "DELIVERY";
}
.bgStatus_preOdr_4{
	background:#13C8DC;
}
.bgStatus_preOdr_4:after{
	content: "SHIPED";
}
.bgStatus_preOdr_5{
	background:#282828;
}
.bgStatus_preOdr_5:after{
	content: "S.CANCEL";
}
.bgStatus_preOdr_6{
	background:#A41E29;
}
.bgStatus_preOdr_6:after{
	content: "DENY";
}
.bgStatus_preOdr_7{
	background:#4D4D4D;
}
.bgStatus_preOdr_7:after{
	content: "CANCEL";
}
.bgStatus_preOdr_8{
	background:#e3d138;
}
.bgStatus_preOdr_8:after{
	content: "EDITED";
}
.bgStatus_preOdr_9{
	background:#1DA886;
}
.bgStatus_preOdr_9:after{
	content: "COMPLETE";
}

/*.bgStatus_preOdr_8{
	background:#A41E29;
}
.bgStatus_preOdr_8:after{
	content: "PENDING";
}*/


.colorTxtStatus_preOdr_1, .colorTxtStatus_preOdr_1 a{
	color:#A41E29;
}
.colorTxtStatus_preOdr_2, .colorTxtStatus_preOdr_2 a{
	color:#f88e1c;
}
.colorTxtStatus_preOdr_3, .colorTxtStatus_preOdr_3 a{
	color:#22ADCE;
}
.colorTxtStatus_preOdr_4, .colorTxtStatus_preOdr_4 a{
	color:#13C8DC;
}
.colorTxtStatus_preOdr_5, .colorTxtStatus_preOdr_5 a{
	color:#282828;
}
.colorTxtStatus_preOdr_6, .colorTxtStatus_preOdr_6 a{
	color:#A41E29;
}
.colorTxtStatus_preOdr_7, .colorTxtStatus_preOdr_7 a{
	color:#4D4D4D;
}
.colorTxtStatus_preOdr_8, .colorTxtStatus_preOdr_8 a{
	color:#e3d138;
}
.colorTxtStatus_preOdr_9, .colorTxtStatus_preOdr_9 a{
	color:#1DA886;
}


.icoEmo_1{
	background:url(../img/ico_emo_1.png) no-repeat center;
}
.icoEmo_2{
	background:url(../img/ico_emo_3.png) no-repeat center;
}
.icoEmo_3{
	background:url(../img/ico_emo_2.png) no-repeat center;
}
.icoEmo_4{
	background:url(../img/ico_emo_4.png) no-repeat center;
}

.bgStatus_survay_1{
	background:#A41E29;
}
.bgStatus_survay_1:after{
	content: "PENDING";
}
.bgStatus_survay_2{
	background:#dbb749;
}
.bgStatus_survay_2:after{
	content: "APPROVED";
}
.bgStatus_survay_3{
	background:#1aa886;
}
.bgStatus_survay_3:after{
	content: "COMPLETE";
}
.bgStatus_survay_4{
	background:#4d4d4d;
}
.bgStatus_survay_4:after{
	content: "TRANSFER";
}

.bgStatus_task_1{
	background:#A41E29;
}
.bgStatus_task_1:after{
	content: "PENDING";
}
.bgStatus_task_2{
	background:#dbb749;
}
.bgStatus_task_2:after{
	content: "SUBMIT";
}
.bgStatus_task_3{
	background:#1aa886;
}
.bgStatus_task_3:after{
	content: "COMPLETE";
}
.bgStatus_task_4{
	background:#4d4d4d;
}


.colorTxtStatus_survay_1, .colorTxtStatus_survay_1 a{
	color:#A41E29;
}
.colorTxtStatus_survay_2, .colorTxtStatus_survay_2 a{
	color:#dbb749;
}
.colorTxtStatus_survay_3, .colorTxtStatus_survay_3 a{
	color:#1aa886;
}
.colorTxtStatus_survay_4, .colorTxtStatus_survay_4 a{
	color:#4d4d4d;
}
.colorTxtStatus_survay_new, .colorTxtStatus_survay_new a{
	color:#a0d64c;
}

.bgStatus_survay_active{
	background:#a31e28;
	border-radius:50%;
	width:15px;
	height:15px;
	margin:3px auto 0 auto;
}
.bgStatus_survay_notAtive{
	background:#b3b3b3;
	border-radius:50%;
	width:15px;
	height:15px;
	margin:3px auto 0 auto;
}
.bgLevel_survay{
	border-radius:50%;
	width:22px;
	height:22px;
	margin:4px auto 0 auto;
	color:#fff;
	font-family: 'psl_text_proregular';
	font-size:18px;
	line-height:16px;
	padding-top:4px;

}
.bgLevel_survay_xlw{
	background:#666666;
	
}
.bgLevel_survay_lw{
	background:#98b026;
	
}
.bgLevel_survay_md{
	background:#f8a61c;
	
}
.bgLevel_survay_hg{
	background:#fe5a13;	
}
.bgLevel_survay_xhg{
	background:#a41e29;	
}


.txtLevel_1, .txtLevel_1 a{
	color:#666666;
}
.txtLevel_2, .txtLevel_2 a{
	color:#98b026;
}
.txtLevel_3, .txtLevel_3 a{
	color:#f8a61c;
}
.txtLevel_4, .txtLevel_4 a{
	color:#fe5a13;	
}
.txtLevel_5, .txtLevel_5 a{
	color:#a41e29;	
}

.bgStatus_compt_1{
	background:#A41E29;
}
.bgStatus_compt_1:after{
	content: "PENDING";
}
.bgStatus_compt_2{
	background:#dbb749;
}
.bgStatus_compt_2:after{
	content: "APPROVED";
}
.bgStatus_compt_3{
	background:#4d4d4d;
}
.bgStatus_compt_3:after{
	content: "TRANSFER";
}
.bgStatus_compt_4{
	background:#1aa886;
}
.bgStatus_compt_4:after{
	content: "COMPLETE";
}


.colorTxtStatus_compt_1, .colorTxtStatus_compt_1 a{
	color:#A41E29;
}
.colorTxtStatus_compt_2, .colorTxtStatus_compt_2 a{
	color:#dbb749;
}
.colorTxtStatus_compt_3, .colorTxtStatus_compt_3 a{
	color:#4d4d4d;
}
.colorTxtStatus_compt_4, .colorTxtStatus_compt_4 a{
	color:#1aa886;
}
.colorTxtStatus_compt_new, .colorTxtStatus_compt_new a{
	color:#a0d64c;
}

.colorTxtStatus_customer, .colorTxtStatus_customer a{
	color:#666;
}
.colorTxtStatus_shop, .colorTxtStatus_shop a{
	color:#999;
}

.overlaybg {
	position:fixed;
	z-index:1;
	left:0;
	top:0;
	clear:both;
	float:none;
	display:inline-block;
	width:100%;
	height:100%;
    background:rgb(255,255,255);
    background: transparent\9;
    background:rgba(255,255,255,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff);
    zoom: 1;
	display:none;
}
.overlaybg:nth-child(n) {
    filter: none;
}

.overlaybg #loaderImage{
	position:absolute;
	z-index:2;
	left:50%;
	top:50%;
	margin-left:-50px;
	margin-top:-50px;
}

.loaderGlobal{
	position:relative;
	float:left;
	width:100%;
	height:200px;
	background:rgb(255,255,255);
    background: transparent\9;
    background:rgba(255,255,255,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff);
    zoom: 1;
}
.loaderGlobal img{
	width:64px;
	height:64px;
	position:relative;
	z-index:2;
	left:50%;
	top:50%;
	margin:-32px 0 0 -32px;
}

.thumb_img_sale_border{
	width:40px;
	height:40px;
	overflow:hidden;
	text-align:center;
	background:none;
	margin:0 auto;
	background:#000;
}

.thumb_img_sale{
	width:auto;
	height:40px;
}

/*.loader {
	border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #A41E29;
    width: 100px;
    height: 100px;
    -webkit-animation: spin 1s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}*/