/**Login Contents**/
.LOGIN .wrapper{height:100%;width:100%;overflow:hidden;z-index:0;background:#ffffff;}
.loginContents{width:95%;max-width:415px;height:100%;margin:0 auto;position:relative;z-index:1;display:table;}
.loginFields{display:table-cell;vertical-align:middle;width:100%;}
.loginFields .logo{width:170px;margin:0 auto 20px auto;}
.loginFields .logo img{width:100%;display:block;}
.loginFields .loginForm{background:#d8e4ed;border-radius:10px;width:calc(100% - 42px);padding:20px;border:1px solid #d8e4ed;margin-bottom:30px;}
.loginFields .loginForm h1{font-weight:700;color:#1d4567;font-size:20px;line-height:24px;}
.loginFields .fieldName{color:#1d4567;font-weight:600;margin:15px 0 5px 0;padding:0;font-size:14px;line-height:18px;display:block;}
.loginFields p{font-size:13px;line-height:18px;color:#1d4567;width:100%;margin:0 0 10px 0;}
.loginFields p strong{color:#1d4567;font-size:14px;line-height:20px;text-transform:none;}
.loginFields ul{list-style:disc;margin-left:15px;}
.loginFields ul li{font-size:13px;line-height:18px;color:#1d4567;}
.loginFields input[type=text],.loginFields input[type=password]{width:100%;display:block;margin:5px 0 0 0;border:1px solid #ffffff;}
.loginFields table{width:100%;margin:10px 0 0 0;}
.loginFields table tr td{width:50%}
.loginFields table tr td:last-child{text-align:right;}
.loginFields table tr td:last-child a{color:#232323;font-size:14px;line-height:18px;text-decoration:none;}
.loginFields .checkBoxStyle{color:#232323;font-weight:400;text-transform:none;}
.LOGIN .footer{font-size:12px;line-height:18px;color:#1d4567;border-top:1px solid #d8e4ed;width:100%;text-align:left;position:absolute;left:0;bottom:0;z-index:2;padding:25px 0;background:#ffffff;}
.LOGIN .footer .container{width:95%;margin:0 auto;}
/**Main Contents**/
.page-wrapper{background:#d8e4ed;overflow-x:hidden;position:relative;}
.page-single{background:#d8e4ed;height:100%;overflow-x:hidden;position:relative;}
.header{background:#ffffff;padding:5px 30px;width:calc(100% - 60px);font-size:0;border-bottom:1px solid #ffffff;position:fixed;z-index:2;}
.header .companyLogo{width:calc(100% - 70px);display:inline-block;vertical-align:middle;}
.header .companyLogo .mainMenuBtn{width:24px;display:inline-block;vertical-align:middle;cursor:pointer;}
.header .companyLogo .mainMenuBtn img{display:block;width:100%;}
.header .companyLogo .logoImg{width:138px;display:inline-block;vertical-align:middle;margin:0 20px;}
.header .companyLogo .logoImg img{display:block;width:100%;}
.header .userLogout{width:70px;display:inline-block;vertical-align:middle;}
.header .userLogout a{background:url("../images/logout-icon.svg")no-repeat right center;display:block;color:#1d4567;font-size:14px;line-height:20px;padding:0 30px 0 0;text-decoration:none;}
.page-single .companyLogo{width:58px;margin:0 auto;display:block;}
.page-single .companyLogo .logoImg{margin:0;}
.page-wrapper .footer{font-size:12px;line-height:18px;color:#1d4567;text-align:left;padding:15px 30px;width:calc(100% - 60px);position:fixed;bottom:0;background:#d8e4ed;}
.page-single .footer{font-size:12px;line-height:18px;color:#1d4567;text-align:left;padding:15px 30px;width:calc(100% - 60px);position:fixed;bottom:0;background:#d8e4ed;}
.commonPage{padding:105px 30px 60px 30px;width:calc(100% - 60px);}
.commonPage h1{font-size:20px;line-height:24px;color:#1d4567;margin-bottom:20px;position:relative;}
.commonPage h1 a{text-decoration:none;color:#1d4567;}
.commonPage h1 .edit::after{content:url("../images/edit-icon.svg");padding:0 0 0 10px;vertical-align:-3px;}
.page-single .commonPage h1{text-align:center;}
/*COMMON TABLE - NORMAL*/
.normalTable{width:100%;border:1px solid #ffffff;background:#ffffff;border-radius:5px;}
.normalTable .container{width:calc(100% - 40px);padding:20px;position:relative;}
.normalTable table{width:100%;border-collapse:separate;}
.normalTable table thead tr th{color:#1d4567;font-size:12px;line-height:14px;font-weight:600;text-align:left;padding:7.5px 10px;vertical-align:top;border-bottom:1px solid #e5e3e3;}
.normalTable table tbody tr td{color:#232323;font-size:14px;line-height:18px;font-weight:400;text-align:left;padding:7.5px 10px;border-bottom:1px solid #e5e3e3;vertical-align:middle;}
.normalTable.center table thead tr th, .normalTable.center table tbody tr td{text-align:center;}
.normalTable img{width:18px;display:inline-block;}
/*COMMON TABLE - RESPONSIVE*/
.responsiveTable{width:100%;border:1px solid #ffffff;background:#ffffff;border-radius:5px;}
.responsiveTable.withoutFrame{border:none;background:none;border-radius:0;}
.responsiveTable .container{width:calc(100% - 40px);padding:20px;position:relative;}
.responsiveTable h2{font-size:16px;line-height:20px;color:#1d4567;font-weight:600;margin-bottom:20px;}
.responsiveTable .viewAll{color:#f7b035;font-size:14px;line-height:18px;text-decoration:none;position:absolute;right:20px;top:22px;}
.responsiveTable table{width:100%;border-collapse:separate;}
.responsiveTable table thead tr th{color:#1d4567;font-size:12px;line-height:14px;font-weight:600;text-align:left;padding:7.5px 10px;vertical-align:top;border-bottom:1px solid #e5e3e3;}
.responsiveTable table tbody tr td{color:#232323;font-size:14px;line-height:18px;font-weight:400;text-align:left;padding:7.5px 10px;border-bottom:1px solid #e5e3e3;vertical-align:middle;}
.responsiveTable.center table thead tr th, .responsiveTable.center table tbody tr td{text-align:center;}
.responsiveTable table thead tr th.noPadding,
.responsiveTable table tbody tr td.noPadding{padding:7.5px 0;}
.responsiveTable table tbody tr .check{vertical-align:top;}
.responsiveTable table tbody tr td a{color:#1d4567;}
.responsiveTable table .checkBoxStyle{padding-left:0 !important;}
.responsiveTable table td .checkBoxStyle{margin-top:5px;}
.responsiveTable table td span{display:inline-block;}
.responsiveTable table td .field{display:block;}
.responsiveTable .noRecords td{text-align:center !important;}
.responsiveTable .disabled{pointer-events: none;display:none;}
.responsiveTable .disabled img{filter:grayscale(100%);}
.responsiveTable img{width:18px;display:inline-block;}
.userAccess{width:100%;border:1px solid #f7b035;background:#ffffff;border-radius:5px;}
.userAccess .container{width:calc(100% - 40px);padding:20px;position:relative;}
.user-access-table{position:relative;max-width:100%;margin:auto;overflow:hidden;}
.table-wrap{width:100%;overflow-x:auto;}
.user-access-table table {width:3000px;}
.user-access-table th{color:#1d4567;font-size:12px;line-height:14px;font-weight:600;text-align:left;padding:7.5px 10px;border-bottom:1px solid #fdf0d8;vertical-align:middle;background:#ffffff;} 
.user-access-table td{color:#232323;font-size:14px;line-height:18px;font-weight:400;text-align:left;padding:7.5px 10px;border-bottom:1px solid #fdf0d8;vertical-align:middle;background:#ffffff;}
.user-access-table tbody th{color:#232323;font-size:14px;line-height:18px;font-weight:600;height:35px;width:140px;}
.clone{position:absolute;top:0;left:0;pointer-events:none;}
.clone td{display:none;}
.clone th{visibility:hidden;border-color:transparent;}
.clone thead th:nth-child(1), .clone tbody th{visibility:visible;}
.clone .fixed-side{border-bottom:1px solid #fdf0d8;background:#f7b035;}
@-moz-document url-prefix() {
	.user-access-table tbody th{padding:7.5px 10px;}
}
.commonPage .status{display:inline-block;padding:5px 0;color:#ffffff;font-size:12px;line-height:12px;font-weight:600;border-radius:3px;text-align:center;width:68px;}
.commonPage .status.active, .commonPage .status.approved{background:#00abc9;}
.commonPage .status.inactive, .commonPage .status.rejected{background:#555555;}
.commonPage .status.new{background:#009933;}
/*SEARCH FILTER*/
.searchFilter{width:100%;font-size:0;margin-bottom:10px;}
.searchFilter span{display:inline-block;vertical-align:middle;margin-right:5px;margin-bottom:5px;width:285px;}
.searchFilter input,.searchFilter select{border:1px solid #ffffff;margin-bottom:5px !important;}
.searchFilter .selectField{width:200px;}
.searchFilter .date{display:inline-block;vertical-align:middle;width:380px;text-align:center;}
.searchFilter .date ul li{display:inline-block;vertical-align:middle;font-size:14px;line-height:18px;color:#232323;width:calc(50% - 12px);}
.searchFilter .date ul li:nth-child(2){width:24px;}
.searchFilter .btn{margin-right:5px;width:auto;}
.searchFilter select{padding:6.5px 10px;}
/**Page Number**/
.pagination{width:100%;margin:20px 0 10px 0;font-size:0;}
.pagination .page{display:inline-block;vertical-align:middle;text-align:left;color:#232323;font-size:14px;line-height:18px;width:calc(100% - 280px);}
.pagination .pageNum{display:inline-block;vertical-align:middle;text-align:right;width:280px;font-size:14px;line-height:18px;}
.pagination ul{list-style: none;}
.pagination ul li{display:inline-block;vertical-align: middle;}
.pagination ul li span{display:block;border-radius:5px;background:#ffffff; color:#232323;font-size:14px;width:30px;height:19px;padding:6px 0 5px 0;text-align:center;text-decoration:none;border:1px solid #e5e3e3;margin:0 1.5px;}
.pagination ul li a{display:block;border-radius:5px;background:#ffffff; color:#232323;font-size:14px;width:30px;height:19px;padding:6px 0 5px 0;text-align:center;text-decoration:none;border:1px solid #e5e3e3;margin:0 1.5px;}
.pagination ul li a:hover{background:#1d4567;color:#ffffff;font-weight:600;}
.pagination ul li.active .current{color:#ffffff;background:#1d4567;font-weight:600;}
/*DETAIL PAGE*/
.detailPage{width:100%;border:1px solid #ffffff;background:#ffffff;border-radius:5px;margin-bottom:20px;}
.detailPage .container{width:calc(100% - 40px);padding:20px;position:relative;}
.detailPage h2{font-weight:600;color:#232323;font-size:16px;line-height:20px;margin:0 0 20px 0;position:relative;border-bottom:1px solid #e5e3e3;padding:0 0 20px 0;}
.detailPage h2 span{position:absolute;left:0;top:7.5px;display:block;width:auto;background:#ffffff;padding-right:10px;}
.formFields{display:flex;flex-wrap:wrap;width:calc(100% + 20px);font-size:14px;line-height:18px;}
.formFields .fieldName{width:100%;display:block;color:#1d4567;margin:5px 0;}
.formFields .fieldName strong{font-weight:600;color:#1d4567;}
.formFields .fieldName em{font-size:12px;color:#232323;}
.formFields .field{width:100%;display:block;color:#232323;}
.formFields .formCol4{width:calc(25% - 20px);margin:0 20px 20px 0;}
.formFields .formCol2{width:calc(50% - 20px);margin:0 20px 20px 0;}
.formFields .formCol{width:calc(100% - 20px);margin:0 20px 20px 0;}
.formFields .field a{color:#232323;}
.formFields.topBorder{border-top:1px solid #fdf0d8;padding-top:20px;margin-top:10px;}
/*ACCORDION*/
.accordion{width:100%;}
.accordionBtn{width:calc(100% - 20px);background:#1d4567 url("../images/accordion-arrow.svg") no-repeat right center;background-size:20px;border-radius:5px;padding:10px;font-size:14px;line-height:14px;font-weight:600;color:#ffffff;cursor:pointer;margin:10px 0;}
.accordionBtn.active{background:#1d4567 url("../images/accordion-arrow-mo.svg") no-repeat right center;background-size:20px;}
.accordionBtn span{display:inline-block;vertical-align:middle;margin-left:5px;}
.accordionBtn span img{display:block;}
.accordionContent{width:100%;display:none;}
.accordionContent ul{font-size:0;display:flex;flex-wrap:wrap;width:calc(100% + 20px);}
.accordionContent ul li{width:calc(33.3333% - 22px);margin:0 20px 20px 0;display:inline-block;vertical-align:top;border-radius:5px;border:1px solid #f7b035;background:#ffffff;}
.accordionContent ul li .container{width:calc(100% - 40px);padding:20px;position:relative;font-size:0;}
.accordionContent ul li .container .check{display:inline-block;vertical-align:top;width:30px;margin-top:2px;}
.accordionContent ul li .container .content{display:inline-block;vertical-align:top;width:calc(100% - 50px);}
.accordionContent ul li .container .content p{font-size:14px;line-height:18px;color:#232323;margin-bottom:20px;}
.accordionContent ul li .container .content p strong{font-weight:600px;color:#1d4567;display:block;margin-bottom:10px;}
.accordionContent ul li .container .content p a{color:#232323;}
.accordionContent ul li .container .content p .commonBtn{color:#ffffff;}
.accordionContent ul li .container .btn{display:inline-block;vertical-align:top;width:20px;}
/*OTHERS*/
.categoryGrp{width:100%;font-size:0;}
.categoryGrp li{display:inline-block;vertical-align:top;width:50%;margin:5px 0;}
.imgPlaceholder{width:80px;}
.imgPlaceholder img{width:100%;display:block;}
/*UPDATES:27/04/2022*/
.commonPage .status.paid{background:#00abc9;}
.commonPage .status.refunded, .commonPage .status.cancelled{background:#555555;}
.commonPage .status.unpaid{background:#ef4a22;}
.commonPage .status.delivered{background:#007edf;}
.commonPage .status.delay{background:#999999;}
.grandTotal{width:250px;float:right;margin:5px 0;}
.grandTotal .cost{width:100%;font-size:0;margin:7.5px 0;}
.grandTotal .cost span{display:inline-block;vertical-align:middle;width:calc(100% - 108px);font-size:14px;line-height:18px;color:#232323;}
.grandTotal .cost .price{width:108px;}
.grandTotal .cost strong{font-size:16px;line-height:20px;color:#1d4567;}
@media screen and (max-width:1599px){
	.responsiveTable .orderScroller{width:100%;overflow-x:auto;}
	.responsiveTable .orderScroller table{width:1500px !important;}
}
@media screen and (max-width:1199px){
	.responsiveTable .orderScroller{width:100%;overflow-x:hidden;}
	.responsiveTable .orderScroller table{width:100% !important;}	
	.grandTotal{width:calc(100% - 20px);float:none;margin:5px 10px;}
	.grandTotal .cost{text-align:right;}
}
/*UPDATES:03/06/2022*/
.lowLimit{color:#ef4a22;}
.commonPage .status{width:75px;}
.commonPage .status.quoted,.commonPage .status.transferred{background:#00abc9;}
.commonPage .status.pending{background:#ef4a22;}
.radioGrp{width:100%;}
.radioGrp li{display:inline-block;vertical-align:top;margin-right:10px;margin-top:7.5px;}
@media screen and (max-width:1699px){
	.responsiveTable .transferOrderScroller{width:100%;overflow-x:auto;}
	.responsiveTable .transferOrderScroller table{width:1700px !important;}
	.responsiveTable .transferOrderScroller_stock{width:100%;overflow-x:auto;}
	.responsiveTable .transferOrderScroller_stock table{width:1500px !important;}
}
@media screen and (max-width:1499px){
	.responsiveTable .custScroller{width:100%;overflow-x:auto;}
	.responsiveTable .custScroller table{width:1300px !important;}
}
@media screen and (max-width:1199px){
	.responsiveTable .custScroller{width:100%;overflow-x:hidden;}
	.responsiveTable .custScroller table{width:100% !important;}
}
.captcha{width:100%;font-size:0;margin-bottom:10px;}
.captcha span, .captcha .btn{display:inline-block;vertical-align:middle;}
.captcha span{width:140px;}
.captcha span img{width:100%;display:block;}
.captcha .btn{width:calc(100% - 145px);margin-left:5px;}
.captcha .btn img{width:22px;display:block;}
.qtyField{position:relative;}
.qtyField .minus, .qtyField .plus{position:absolute;cursor:pointer;}
.qtyField .plus{top:0;right:2px;}
.qtyField .minus{bottom:0;right:2px;}
.qtyField .minus img, .qtyField .plus img{display:block;width:20px;}
@media screen and (max-width:1199px){
	.responsiveTable .qtyField .plus{top:18px;}
}
/**UPDATED - 11/10/2022**/
.sortBtn{width:100%;position:relative;cursor:pointer;user-select:none;}
.sortBtn .grpBtn{width:13px;position:absolute;top:-6px;right:0;}
.sortBtn .grpBtn span{display:13px;}
.sortBtn .grpBtn span img{width:100%;display:block;opacity:0.5;}
.sortBtn .grpBtn span.active img{opacity:1.0;}
@media screen and (max-width:1629px){
	.responsiveTable .custScroller{width:100%;overflow-x:auto;}
	.responsiveTable .custScroller table{width:1525px;}
}

/**UPDATED - 14/11/2022**/
.tradingTerms{width:100%;font-size:0;}
.tradingTerms .field01{display:inline-block;vertical-align:top;width:50px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;}
.tradingTerms .field02{display:inline-block;vertical-align:top;width:calc(100% - 50px);border-top-left-radius:0;border-bottom-left-radius:0;}
select{height:34px;padding: 0 25px 0 10px;}
@-moz-document url-prefix() {
	select{padding: 0 25px 0 10px;}
}

/**UPDATE - 23/11/2022**/
.PAYMENTMSG{text-align:center;}
.PAYMENTMSG h1{font-size:34px;line-height:40px;margin-bottom:20px;}
.PAYMENTMSG p{font-size:16px;line-height:22px;margin-bottom:15px;}
.PAYMENTMSG .commonBtn{margin-top:15px;}
.PAYMENTMSG .gifImg{width:150px;margin:0 auto 20px auto;}
.PAYMENTMSG .gifImg img{display:block;width:100%;}

/**UPDATE - 18/01/2023**/
.responsiveTable table td.check .checkBoxStyle{margin-top:10px;}