@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic,700,700italic);
/**COMMON USE **************/
body{font-family: 'Open Sans', sans-serif;color:#333333;font-size:14px;line-height:18px;font-weight:400;}
.clear{clear:both;}
.wrapper{position:relative;overflow:hidden;}
.padding{padding:0px;}
.padding5{padding:5px;}
.padding10{padding:10px;}
.padding15{padding:15px;}
.padding20{padding:20px;}
.padding30{padding:30px;}
.padding40{padding:40px;}
.padding50{padding:50px;}
sub{font-size:8px;vertical-align:baseline;}
.float_left{float:left;}
.float_right{float:right;}
.Errormsg{color:#ff0000;font-size:13px;line-height:16px;display:block;padding:0 0 20px 0;}
/**COMMON FIELDS **************/
input[type=text]{ 
	font-family: 'Open Sans', sans-serif;
	width:calc(100% - 22px);
	padding:8.5px 10px 9.5px 10px;
	font-size:13px;	
	color:#333333; 
	border:1px solid #333333; 
	background:#ffffff;	
}
input[type=date]{ 
	font-family: 'Open Sans', sans-serif;
	width:calc(100% - 22px);
	padding:9px 10px;
	padding:0 10px;
	font-size:13px;	
	color:#333333; 
	border:1px solid #333333; 
	background:#ffffff;	
}
input[type=password]{ 
	color:#333333; 
	border:1px solid #333333; 
	background:#ffffff;	
}
input[type=submit].Btn-search{
	background-image:url('../images/searchIcon.png');
	width:42px;
	height:38px;
	border: none;
	text-indent: -9999px;
	margin-left:-10px !important;
}
.Btn-search:hover {
   background-image:url('../images/searchIconHover.png');   
}
input.fieldStyle{ 
	width:320px;	
}
input.fieldStyle_50{ 
	width:50px;	
}
input.fieldStyle_90{ 
	width:90px;	
}
input.fieldStyle_200{ 
	width:200px;	
}
input.fieldStyle_300{ 
	width:300px;	
}
input.fieldStyle_500{ 
	width:500px;	
}
input.disable{ 
	background:#none;	
}

select{
	font-family: 'Open Sans', sans-serif;
	width:calc(100% - 22px);
	padding:9px 10px;
	font-size:13px;
	color:#333333; 
	border:1px solid #333333; 
	background:#ffffff;
}
select.fieldStyle_80{ 
	width:80px !important;	
}
select.fieldStyle_120{ 
	width:120px !important;	
}
select.fieldStyle340{ 
	width: 340px;	
}
select::-ms-expand { display: none; }
/*select.selectFieldStyle{
	width:200px;	
}
select.selectFieldStyle_w400{
	width:420px;	
}*/
textarea.textarea_style{
	width:320px;
	height:80px;
	font-family: 'Open Sans', sans-serif;
	padding:9px 10px;
	font-size:13px;
	color:#333333;
	border:1px solid #333333; 
	resize:none;
}
textarea.textarea_style_w800{
	width:800px;
	height:80px;
	font-family: 'Open Sans', sans-serif;
	padding:9px 10px;
	font-size:13px;
	color:#333333;
	border:1px solid #333333; 
	resize:none;
}
textarea.textarea_style_long{
	width:800px;
	height:400px;
	font-family: 'Open Sans', sans-serif;
	padding:9px 10px;
	font-size:13px;
	color:#333333;
	border:1px solid #333333; 
	resize:none;
}
::-webkit-input-placeholder {/*WebKit browsers*/color: #555555;}
:-moz-placeholder {/*Mozilla Firefox 4 to 18*/color: #555555;}
::-moz-placeholder {/*Mozilla Firefox 19+*/color: #555555;}
:-ms-input-placeholder {/* Internet Explorer 10+*/color: #555555;}
/**HEADER ******************/
header{width:100%;height:auto;margin:0 auto;background:#ffffff;position:relative;}
header .container{width:calc(100% - 60px);padding:10px 30px;}
header .logo{width:288px;float:left;}
header .logo img{width:100%;display:block;}
header .right_container{float:right;width:calc(100% - 288px);margin-top:60px;}
header .admin_user {color:#483d2c;font-weight:700;font-size:12px;text-align:right;}
header .admin_user table tr td{vertical-align:middle;padding:0 5px;}
header .admin_user a{color:#483d2c;text-decoration:none;text-transform:uppercase;}
header .admin_user a:hover{color:#4e4639;text-decoration:underline;}
/**NAVIGATION BAR***********/
.nav{background:#313030;width:100%;height:auto;margin:0 auto;}
.nav .container{width:calc(100% - 60px);padding:0 30px;}
.nav .container ul {margin:0;list-style:none;width:100%;}
.nav .container ul li{margin:0;padding:0;display:block;float:left;position: relative;z-index:100;text-align:left;font-family:'Open Sans', sans-serif; font-size:16px;line-height:16px;font-weight:700;}
.nav > .container > ul > li > a{display:block;padding: 12.5px 45px 12.5px 0;text-decoration: none;color:#cdcdc6;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.nav > .container > ul > li:hover > a{color:#ee813d;}
.nav > .container > ul > li.current_vendor a{background:url(../images/icon-vendor.png)left center no-repeat;padding-left:30px;}
.nav > .container > ul > li.current_salesman a{background:url(../images/icon-salesman.png)left center no-repeat;padding-left:30px;}
.nav > .container > ul > li.current_contractor a{background:url(../images/icon-contractor.png)left center no-repeat;padding-left:30px;}
.nav > .container > ul > li.current_product a{background:url(../images/icon-prods.png)left center no-repeat;padding-left:30px;}
.nav > .container > ul > li.current_sales a{background:url(../images/icon-sales.png)left center no-repeat;padding-left:30px;}
.nav > .container > ul > li.current_reports a{background:url(../images/icon-reports.png)left center no-repeat;padding-left:30px;}
.nav > .container > ul > li.current_customer a{background:url(../images/icon-online.png)left center no-repeat;padding-left:30px;}
.nav > .container > ul > li.current_booking a{background:url("../images/icon-booking.png")left center no-repeat;padding-left:30px;}
.nav > .container > ul > li.current_survey a{background:url("../images/icon-survey.png")left center no-repeat;padding-left:30px;}
.nav > .container > ul > li.current_ecommerce a{background:url("../images/icon-ecommerce.png")left center no-repeat;padding-left:30px;}
.nav > .container > ul > li.current_vendor:hover a{background:url(../images/icon-vendor-mo.png)left center no-repeat;padding-left:30px;}
.nav > .container > ul > li.current_salesman:hover a{background:url(../images/icon-salesman-mo.png)left center no-repeat;padding-left:30px;}
.nav > .container > ul > li.current_contractor:hover a{background:url(../images/icon-contractor-mo.png)left center no-repeat;padding-left:30px;}
.nav > .container > ul > li.current_product:hover a{background:url(../images/icon-prods-mo.png)left center no-repeat;padding-left:30px;}
.nav > .container > ul > li.current_sales:hover a{background:url(../images/icon-sales-mo.png)left center no-repeat;padding-left:30px;}
.nav > .container > ul > li.current_reports:hover a{background:url(../images/icon-reports-mo.png)left center no-repeat;padding-left:30px;}
.nav > .container > ul > li.current_customer:hover a{background:url(../images/icon-online-mo.png)left center no-repeat;padding-left:30px;}
.nav > .container > ul > li.current_booking:hover a{background:url("../images/icon-booking-mo.png")left center no-repeat;padding-left:30px;}
.nav > .container > ul > li.current_survey:hover a{background:url("../images/icon-survey-mo.png")left center no-repeat;padding-left:30px;}
.nav > .container > ul > li.current_ecommerce:hover a{background:url("../images/icon-ecommerce-mo.png")left center no-repeat;padding-left:30px;}
.VENDOR  .container ul li.current_vendor a{background:url(../images/icon-vendor-mo.png)left center no-repeat;padding-left:30px;color:#ee813d;}
.SALESMAN .container ul li.current_salesman a{background:url(../images/icon-salesman-mo.png)left center no-repeat;padding-left:30px;color:#ee813d;}
.CONTRACTOR .container ul li.current_contractor a{background:url(../images/icon-contractor-mo.png)left center no-repeat;padding-left:30px;color:#ee813d;}
.PRODUCT .container ul li.current_product a{background:url(../images/icon-prods-mo.png)left center no-repeat;padding-left:30px;color:#ee813d;}
.SALES .container ul li.current_sales a{background:url(../images/icon-sales-mo.png)left center no-repeat;padding-left:30px;color:#ee813d;}
.REPORTS .container ul li.current_reports a{background:url(../images/icon-reports-mo.png)left center no-repeat;padding-left:30px;color:#ee813d;}
.ONLINE .container ul li.current_customer a{background:url(../images/icon-online-mo.png)left center no-repeat;padding-left:30px;color:#ee813d;}
.BOOKING .container ul li.current_booking a{background:url("../images/icon-booking-mo.png")left center no-repeat;padding-left:30px;color:#ee813d;}
.SURVEY .container ul li.current_survey a{background:url("../images/icon-survey-mo.png")left center no-repeat;padding-left:30px;color:#ee813d;}
.ECOMMERCE .container ul li.current_ecommerce a{background:url("../images/icon-ecommerce-mo.png")left center no-repeat;padding-left:30px;color:#ee813d;}
/*dropdown menu*/
.nav .container > ul > li > ul{margin:0;list-style:none;display:none;;width:200px;border-bottom:5px solid #0a52eb;position:absolute;top:37.5px;left:0;padding-top:5px;}
.nav .container > ul > li:hover > ul{display: block;}
.nav .container > ul > li > ul > li{clear: left;width:calc(100% - 20px);padding:0 10px;border-bottom:1px solid #ccdec6;background:#494949;}
.nav .container > ul > li > ul > li > a.links:link,
.nav .container > ul > li > ul > li > a.links:visited{clear:left;width:calc(100% - 10px);display:inline-block;color:#ffffff;font-size:13px;font-weight:400;border:none;z-index:1000;text-align:left;padding:10px 5px;text-decoration:none;background:none;}
.nav .container > ul > li > ul > li > a.links:active,
.nav .container > ul > li > ul > li > a.links:hover {color:#FFFFFF;text-decoration:none;}
.nav .container > ul > li > ul > li:hover{background: #b0b0b0;}
/**MOBILE MENU***********/
header .mobileMenu{width:100%;padding:0;position:relative;display:none;}
.mobileMenu .mobileMenuBtn{position:absolute;top:15px;right:0;cursor:pointer;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;width:29px;height:22px;z-index:2;}
.mobileMenu .mobileMenuBtn span{display:block;position:absolute;height:3px;width:100%;background:#483d2c !important;border-radius:3px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.mobileMenu .mobileMenuBtn span:nth-child(1){top:0px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
.mobileMenu .mobileMenuBtn span:nth-child(2){top:9px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
.mobileMenu .mobileMenuBtn span:nth-child(3){top: 18px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
.mobileMenu .mobileMenuBtn.open span:nth-child(1){-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:0;left:0;}
.mobileMenu .mobileMenuBtn.open span:nth-child(2){width:0;opacity:0;}
.mobileMenu .mobileMenuBtn.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:20px;left:0;}
.mobileMenuContainer{width:100%;z-index:1;position:relative;display:none;}
.mobileMenuContainer .account{width:calc(100% - 60px);color:#212330;background:#ffffff;font-size:14px;line-height:18px;padding:15px 30px;}
.mobileMenuContainer .account table tr td{vertical-align:middle;padding:0 5px;color:#483d2c;font-weight:700;font-size:12px;}
.mobileMenuContainer .account a{color:#483d2c;text-decoration:none;text-transform:uppercase;}
.mobileMenuContainer .account a:hover{color:#4e4639;text-decoration:underline;}
.mobileMenuContainer ul{width:100%;list-style:none;margin:0 !important;}
.mobileMenuContainer ul li{width:100%;background:#313030;}
.mobileMenuContainer ul li:first-child{padding-top:10px;}
.mobileMenuContainer ul li:last-child{padding-bottom:10px;}
.mobileMenuContainer ul li a{display:block;color:#cdcdc6;text-decoration:none;font-size:14px;line-height:18px;width:calc(100% - 60px);padding:12.5px 30px;font-weight:700;}
.mobileMenuContainer ul li a.current_vendor{background:url("../images/icon-vendor.png")no-repeat 30px center;padding-left:60px;}
.mobileMenuContainer ul li a.current_salesman{background:url("../images/icon-salesman.png")no-repeat 30px center;padding-left:60px;}
.mobileMenuContainer ul li a.current_contractor{background:url("../images/icon-contractor.png")no-repeat 30px center;padding-left:60px;}
.mobileMenuContainer ul li a.current_product{background:url("../images/icon-prods.png")no-repeat 30px center;padding-left:60px;}
.mobileMenuContainer ul li a.current_sales{background:url("../images/icon-sales.png")no-repeat 30px center;padding-left:60px;}
.mobileMenuContainer ul li a.current_reports{background:url("../images/icon-reports.png")no-repeat 30px center;padding-left:60px;}
.mobileMenuContainer ul li a.current_customer{background:url("../images/icon-online.png")no-repeat 30px center;padding-left:60px;}
.mobileMenuContainer ul li a.current_booking{background:url("../images/icon-booking.png")no-repeat 30px center;padding-left:60px;}
.mobileMenuContainer ul li a.current_survey{background:url("../images/icon-survey.png")no-repeat 30px center;padding-left:60px;}
.mobileMenuContainer ul li a.current_ecommerce{background:url("../images/icon-ecommerce.png")no-repeat 30px center;padding-left:60px;}
.mobileMenuContainer ul li ul li{width:100%;background:#cdcdc6;}
.mobileMenuContainer ul li ul li a{color:#313030;font-weight:400;width:calc(100% - 120px);padding:7.5px 60px;}
.mobileMenuContainer ul li.mobileDD a:after{content:" ";background:url(../images/drop-down-icon.png)no-repeat left center;margin-left:10px;padding-left:20px;}
.mobileMenuContainer ul li.mobileDD ul li a:after{content:"";background:none;padding-left:0;}
.mobileSubMenu{display:none;}
/**BREADCRUMB **************/
.breadcrumb{background:url(../images/breadcrumb_bg.jpg);width:100%;height:59px;border-bottom:1px solid #dddddd;}
.breadcrumb .container{width:90%;margin:0 auto;padding-top:20px;font-size:14px;color:#000000;}
/**LOGIN *******************/
/**Update: 17/07/2020**/
.LOGIN .wrapper{height:100%;background:#ffffff;}
.LOGOUT .wrapper{height:100%;background:#ffffff;}
.loginPg{width:95%;max-width:380px;height:100%;margin:0 auto;position:relative;z-index:1;display:table;}
.loginPg h1{font-family:'Open Sans', sans-serif;font-weight:700;color:#313030;display:block;font-size:18px;text-align:center;margin-bottom:30px;}
.loginPg h1 .logoImg{width:200px;}
.loginPg h1 .logoImg img{width:100%;display:block;}
.loginContent{display:table-cell;vertical-align:middle;width:100%;}
.loginContent .container{width:100%;margin:0 auto;}
.loginContent .container .fieldName{width:100%;display:block;color:#333333;font-size:13px;font-weight:600;margin-bottom:10px;text-align:left;}
.loginContent .container .loginField{width:100%;display:block;}
.loginField input.loginStyle{font-family:'Open Sans', sans-serif;border:1px solid #333333;background:#ffffff;width:calc(100% - 22px);height:auto;padding:10px;font-size:13px;color:#333333;}
.LOGIN .Errormsg{text-align:center;}
.LOGIN .form-group{text-align:center;}
/**MAIN PAGE ***************/
.mainPg{width:100%;}
.mainPg .mainContent{width:calc(100% - 60px);padding:30px;}
.mainPg .mainContent .header{display:block;overflow:hidden;padding-bottom:10px;}
.mainPg .mainContent .header h1{font-size:22px;line-height:26px;font-weight:700;color:#313030;padding-bottom:10px;display:inline-block;float:left;}
.mainPg .mainContent .header .control{float:right;margin-top:10px;width:100%;max-width:1200px;font-size:0;}
.mainPg .mainContent .header .control span.col_3{display:inline-block;vertical-align:middle;width:calc(33.3333% - 10px);font-size:0;margin-right:10px;}
.mainPg .mainContent .header .control span.col_2{display:inline-block;vertical-align:middle;width:calc(50% - 10px);font-size:0;margin-right:10px;}
.mainPg .mainContent .header .control span strong{font-size:14px;line-height:20px;display:inline-block;width:140px;margin-right:5px;}
.mainPg .mainContent .header .control span input{display:inline-block;width:calc(100% - 167px);}
.mainPg .mainContent .header .control span select{display:inline-block;width:calc(100% - 145px);}
.mainPg .mainContent .header .control.blueSearch{float:right;margin-top:0;width:auto;max-width:auto;font-size:0;}
.mainPg .mainContent .header .control.blueSearch .mobile{display:none;}
.mainPg .mainContent .header .control.blueSearch .commonBtn{display:inline-block !important;}
.mainPg .mainContent .header .control.blueSearchLeft{float:left;margin-top:0;width:auto;max-width:auto;font-size:0;}
.mainPg .mainContent .header .control.blueSearchLeft .commonBtn{display:inline-block !important;}
.commonBtn.inlineBlock{display:inline-block !important;}
.commonBtn.marginBtm{margin-bottom:10px;}
.mainPg .mainContent h2{
  	font-size:18px;
  	font-weight:700;
	color:#313030;
	padding:30px 0 10px 0;
	display:inline-block;
}
.mainPg .mainContent p{
	font-size:13px;
	color:#333333;
	padding-bottom:20px;
}
/**Main category**/
.main_cate_container{
	width:100%;
	margin:0 auto;
}
img.main_cate_view_img{
	width:102px;	
}
.main_cate_container .edit_page{
	width:100%;
	margin:0 auto;
	background:#eeeeee;
}
.main_cate_container .edit_page .form_fields{
	/*width:99%;*/
	width:100%;
	max-width:1200px;
	margin:0;
	padding:20px 0;	
	/*overflow: hidden;*/
	font-size:0;
}
.main_cate_container .edit_page .form_fields table{
	width:100%;
}
.main_cate_container .edit_page .form_fields .col_2{
	width:50%;
	display:inline-block;
	vertical-align:top;
	table-layout: fixed;
}
.main_cate_container .edit_page .form_fields table tr{}
.main_cate_container .edit_page .form_fields table tr td{
	font-size:13px;
	padding:10px;
}
.main_cate_container .edit_page .form_fields tr td.field_name{
	width:150px;
}
.main_cate_container .edit_page .form_fields .col_2 tr td.field_name{
	width:150px;
}
.main_cate_container .edit_page .form_fields .col_2 tr td{
	width:450px; 
}
.main_cate_container .edit_page .form_fields select{
	box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;width:100% !important;
}
.main_cate_container .edit_page .form_fields input[type=text],
.main_cate_container .edit_page .form_fields input[type=password],
.main_cate_container .edit_page .form_fields input[type=email]{
	box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;width:100% !important;
}
.main_cate_container .edit_page .form_fields textarea{
	box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;width:100% !important;
}
/**Error Page**/
.errorPg .errorContent {
	max-width:710px;
	margin:0 auto;
	position:relative;
	margin-top:100px;
}
.errorPg .errorContent .col_2{
	float:left;
}
.errorPg .errorContent .col_2.last{
	width:600px;
	padding-left:20px;
}
h1.blue_text {
	font-family: 'Open Sans', sans-serif;
  	font-size:30px;
  	font-weight:600;
	color:#333333;
}
h1.white_text {
	font-family: 'Open Sans', sans-serif;
  	font-size:30px;
  	font-weight:600;
	color:#ffffff;
	background:#333333;
	padding:5px 0;
}
p.blue_text {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#333333;
	font-size:18px;
	text-align:left;
	padding:20px 0;
}
p.blue_text.white_bg {
	background:#FFFFFF;
	padding:40px 0 50px 30px;
	border:1px solid #333333;
}
.errorPg .errorContent .col_2 p {
	padding:20px 0;
}
.errorPg .errorContent .col_2 .yellow_line{
	margin:10px 0;
	border:1px solid #333333;
	width:600px;
	height:1px;
}
a.commonBtn.tryAgainBtn{
	float:left;	
	margin-top:20px;
}
.access_denied_container{
	background:#ffffff;
	border:1px solid #333333;
	border-radius:10px;
	width:472px;
	height:121px;	
	margin:0 auto;
	padding-top:25px;
}

/* Common Button Style */
.buttons{
	text-align:left;	
}
.btnGrp{width:100%;}
.btnGrp li{display:inline-block;margin:15px 5px 15px 0;}
a.commonBtn{
	/*margin-top:-20px;*/
	margin-bottom:10px;
	background:#0a52eb;
	color:#ffffff;
	font-size:13px;
	font-weight:600;
	text-decoration: none;
	padding: 10px 25px;	
	margin-right:3px;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
a.commonBtn.left{
	float:left;	
}
a.commonBtn:hover
{
	background:#313030;
	color:#ffffff;
}
a.uploadBtn{
	background:#444444;
	color:#ffffff;
	font-size:13px;
	font-weight:600;
	text-decoration: none;
	padding: 10px 25px 9px 25px;	
	margin:0 5px 0 0;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
a.uploadBtn:hover
{
	background:#666666;
	color:#ffffff;
}
.align_left{
	float:left;	
}
.export{
	text-align:right;
	padding-bottom:15px;	
}
.export a{
	font-size:13px;
	color:#000;
	font-weight:700;
}
.addBtn{
	text-align:right;
	padding-bottom:15px;	
}
.addBtn a.add_btn{
	background:url(../images/add_icon.png) no-repeat;
	padding-left:15px;
	font-size:13px;
	color:#000;
	font-weight:700;
}
.page_num{
	float:right;	
	color:#000000;
	font-size:14px;
}
.page_num a{	
	color:#555555;
	text-decoration:none;
}
.page_num a:hover,
.page_num a.current{	
	color:#000000;
}
.left_btn{
	float:left;
	padding-top:10px;	
}
/* Common Table Style */
table.tableStyle{width:100%;border-collapse:collapse;}
table.tableStyle tr th{	background:url(../images/table_th_bg02.png);border:1px solid #dddddd;padding:5px 10px;text-align:left;font-size:13px;font-weight:700;color:#000000;vertical-align:middle;}
table.tableStyle tr th.text_center{text-align:center;}
table.tableStyle tr th.last{border-right:none;}
table.tableStyle tr td{background:#ffffff;border:1px solid #dddddd;padding:10px;text-align:left;font-size:13px;font-weight:400;color:#444444;vertical-align:top;}
table.tableStyle tr td.img_photo{width:60px;}
table.tableStyle tr td.img_photo img{width:100%;}
table.tableStyle tr td a{color:#444444;}
table.tableStyle tr td.center{text-align:center;}
table.tableStyle tr td.no_border{border:none;text-align:center;}
table.tableStyle tr td ul.action{width:100%;}
table.tableStyle tr td ul.action li{display:inline-block;vertical-align:middle;margin:0 5px;}
table.tableStyle tr td.wordWrap span{word-break:break-all;}
table.prod_quot tr td{vertical-align:top;}	
table.prod_quot tr td img{width:100%;}
table.tableStyle tr.cancel td{color:#F00;}
table.tableStyle_popup{width:98%;}
table.tableStyle_popup tr th{background:url(../images/table_th_bg02.png);border:1px solid #dddddd;padding:5px 10px;text-align:left;font-size:13px;font-weight:700;color:#000000;vertical-align:middle;}
table.tableStyle_popup tr th.text_center{text-align: center;}
table.tableStyle_popup tr th.last{border-right: none;}
table.tableStyle_popup tr td{background: #ffffff;border: 1px solid #dddddd;padding: 3px;text-align: left;font-size: 13px;font-weight: 400;color: #444444;vertical-align: middle;}
.commonTable.customerRecord{width:calc(100% - 20px);padding:10px;}
.commonTable.customerRecord{width:calc(100% - 20px);padding:10px;}
.search{width:100%;margin:0 auto;}
.search .container{	width:95%;border:1px solid #ed1c24;margin:0 auto;border-radius:5px;padding:20px 2.5%;}
.search .container table tr td{padding:10px 5px;text-align:left;vertical-align:middle;}
.horz_scroll{width:100%;margin:0 auto;overflow-x:auto;overflow-y:none;}
/**FOOTER*******************/
.LOGIN footer{position:fixed;bottom:0;z-index:2;}
footer{width:100%;background:#313030;border-top:2px solid #ffffff;position:fixed;bottom:0;z-index:2;}
.footerContents {color:#ffffff;font-size:12px;font-weight:400;text-align:center;padding:10px 0;}
.hideAction{display:none;}
ul.pgAction{width:100%;display:none;}
ul.pgAction li{display:inline-block;vertical-align:middle;margin:0 5px;}

table.tableStyle tr td ul.action li img {
	margin: 10px 0;
}

table.tableStyle tr td ul.action li a {
	display: inline-block;
	margin-bottom: 10px;
	margin-top: 0;
}

.ui-dialog .invoice-table {
	width: 100%;
}

	.ui-dialog .invoice-table tr td:first-child {
		text-align: center;
	}

	.ui-dialog .invoice-table .invoice-card {
		border-radius: 0;
		width: calc(100% - 20px);
		padding: 10px;
	}

	.ui-dialog .invoice-table .invoice-name {
		word-break: break-all;
	}

#parse_submitBtn {
	margin-bottom: 20px;
}

.invoice-badge {
	display: inline-block;
	margin: 5px 0;
}

#result {
	margin: 10px 0 !important;
	padding: 0 !important;
	border-radius: 0 !important;
	background: none !important;
	border-left: none !important;
	box-shadow: none !important;
}

.card-body .invoice-table {
	margin-bottom: 20px;
	min-width: 300px;
	overflow-x: auto;
}