html, body, form {height:100%;}
body, .body {font-family: Calibri, Arial, Verdana, Sans-Serif; font-size: 16px; color:#434343; padding:0px; margin:0px;}
td {padding-bottom:5px; /*vertical-align:top;*/}
a:link ,a:visited {color:#5b95ff; text-decoration:none;}
a:hover ,a:active {color:#5b95ff; text-decoration:underline;}
input, textarea, select {font-family: Calibri, Arial, Verdana, Sans-Serif;  background: #ffffff;  outline: none;  color: #4a4a4a;  margin-top: 3px; font-size: 14px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input {/*text-indent:5px;*/}
input[type="text"],
input[type="number"], 
input[type="password"], 
input[type="datetime-local"], 
select {height:35px;border:1px solid #cccccc;  border-radius: 5px;text-indent: 5px;}
textarea {padding:5px;border:1px solid #cccccc;  border-radius: 5px;}
input[type="text"]:focus,input[type="number"]:focus, input[type="password"]:focus, textarea:focus, select:focus {/*border:1px solid #434343;*/} /* -moz-box-shadow: 0 0 8px #999; -webkit-box-shadow: 0 0 8px #999; box-shadow:0px 0px 8px #999;*/
input[type="checkbox"]+label {padding-left:3px; padding-right:10px;}
input[type="file"] {border:0px; text-indent:0px; }
input.disabled {background-color:#EBEBE4 !important;cursor:not-allowed;}
input.compulsory:focus,
select.compulsory:focus,
input.compulsory.focus,
select.compulsory.focus,
textarea.compulsory.focus{border:1px solid #D33836;}
input.uniq:focus,select.uniq:focus  {border:1px solid #A359B8;}
iframe {width:100%; height:auto; overflow:hidden;}
table {width:100%;}
th {text-align:left; padding:2px 2px 10px 2px; font-size:120%;}
td {}

h1{font-size:300%;font-weight:700;margin:0px 0px 20px 0px;}
h2{font-size: 112.5%; font-weight: 700; margin: 0px;}
h3{}
/* google material icon*/
.material-icons{    vertical-align: middle; padding-right: 6px;font-size: 20px;}

.MsgToSeller{padding: 5px; /*border: 1px solid #ccc;*/ border-radius: 5px; padding-right: 20px; color: #3aaab5;}
/* useful class */
.left{float:left;}
.right{float:right;}
.clear{clear:both;}

.alignCenter{text-align:center !important;}
.alignLeft{text-align:left !important;}
.alignRight{text-align:right !important;}

.inline{display:inline-block;}
.flexbox {display:flex;}

.borderBottom{border-bottom:1px solid #ececec;}
.borderTop{border-top:1px solid #ececec;}
.borderSplitter{border-top:1px solid #ececec;width:100%;}
.infoBox{padding: 20px;margin: 20px;border-style: solid;border-width: 1px; background-color: #dfeff5;border-color: #9ebcce;}
.chklist{  border: 1px solid #CCCCCC; width: 200px;}
.chklist > tbody > tr > td{padding: 3px 10px;}

.annotation {width:calc(100% - 60px); margin:0 30px 50px 30px; padding:40px 30px; font-size:24px; font-family:Calibri; font-weight:700; color:#292929; background:#fff; border-radius:10px; box-sizing:border-box; box-shadow:0 0 5px 0 rgba(0,0,0,.05)}
.annotation > div {border:solid 1px #ddd; border-radius:10px; margin-top:30px;}
.annotation table {border-radius:10px; border-collapse:collapse; overflow:hidden;}
.annotation th {font-size:20px; color:#fff; background:#6c8cc8; padding:15px 30px;}
.annotation tr:nth-child(2n) td {background:#f2f2f2}
.annotation td {font-size:16px; font-family:Lato, sans-serif; font-weight:400; color:#858585; vertical-align:middle; border:solid 1px #ddd; border-left:none; padding:15px 30px;}
.annotation tr:last-child td {border-bottom:none;}

.annotation.email > div {display:flex; align-items:flex-start; justify-content:space-between; border:none; border-radius:0; padding-top:70px;}
.annotation.email > div:first-child {padding-bottom:30px; border-bottom:solid 1px #ddd;}
.annotation.email > div > div {width:calc((100% - 39px) / 2); position:relative; border:solid 1px #ddd; border-radius:10px;}
.annotation.email .section {position:absolute; top:-50px; left:0; display:flex; align-items:center; font-size:18px;}
.annotation.email .section > div {font-size:16px; color:#fff; width:30px; height:30px; display:flex; align-items:center; justify-content:center; background:#292929; border-radius:5px; margin-left:10px;}

.chklist.gst {  border-collapse: collapse;}
.chklist.gst tr:first-child{border-bottom: 1px solid #cccccc;}
.chklist.gst > tbody > tr > td{padding: 6px 10px;}
.formTbl .chklist,
.formTbl .chklist *{ box-sizing:border-box;}
.formTbl .chklist td {padding:5px 10px !important;}
.formTbl .chklist td:last-child{ width:auto !important;}
.formTbl .chklist.first{border-collapse: collapse;}
.formTbl .chklist.first tr:first-child td {border-bottom:1px solid #cccccc;}
.formTbl .chklist-header {}
.formTbl .tag {display: inline-block;font-weight: 400;background-color: #E8E8E8;padding: 5px 13px;margin: 0 5px;border-radius: 5px; font-size: 85%;}

.file-group-container .icon-edit.active{
    box-sizing: border-box;
    border: 2px solid #5b95ff;
    border-left: 0px;
    height: 38px;
    width: 38px;
    padding: 5px;
}
.file-group {background-color:#fff;color: #5b95ff;cursor:pointer;transition:all .2s ease-in-out;display: inline-block;}
.file-group:hover {background-color:#5b95ff;color: #fff;}
.file-group > input[type='file'] {display:none;}
.file-group > label {display: block; min-width: 150px;box-sizing: border-box;border: 2px solid #5b95ff;padding: 5px 8px;}

.hide{display:none;}

#wrap {min-height: 100%;margin-bottom: -100px;  padding: 0 0 0 0;position:relative;z-index:10; }
#wrap:after {content: "";display: block;}
#footer, #wrap:after {height: 100px;}
#footer {background-color:#cccccc;position:relative;z-index:20; }

.loginfooter{padding-bottom:30px;}

/*#left-sidebar{ position:fixed;top: 0;left: 0;width: 220px;height: 100%;  z-index: 1000;background-color:#434343;}*/
#main-container{padding-left:220px;}
.login__container.wrapper-container > .main-content {
    background-image: url('../img/usr/bg-login.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 0px;
    height:100%;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
}
.login__container {}
.login__container .form-control {  height:45px; width:100%;  /*border-top:0;  border-left:0; border-right:0;*/}
.login__box {  max-width:620px; margin: auto;}
.login__box__header {text-align:center;margin:110px 0px 18px;}
.login__box__body {background:url(../img/usr/img-login.png)no-repeat -15px 0px; /*background-size:100%;*/ padding: 40px 60px 30px; height: 500px;}
.login__box__footer .btn {width:100%;border-radius:0; margin-top:30px;}
.login__box__footer{;}
.wrapper-container { display: flex; flex-direction: column; height:100%; overflow: hidden;}
.form-email {border-top: none !important;  border-left: none !important;  border-right: none !important; border-radius: 0px !important; background:transparent url(../img/usr/icon-email.png)no-repeat top 0px right 0px; }
.form-email:focus {background:transparent url(../img/usr/icon-email.png)no-repeat top -74px right 0px;}
.form-password {border-top: none !important;  border-left: none !important;  border-right: none !important; border-radius: 0px !important;background:transparent url(../img/usr/icon-password.png)no-repeat top 0px right 0px; margin-top:25px !important;}
.form-password:focus {background:transparent url(../img/usr/icon-password.png)no-repeat top -74px right 0px; margin-top:25px !important;}
.btn-login, .btn-login:link, .btn-login:visited{font-size:20px; font-family:'Open Sans'; font-weight:600; color:#fff;
                                                width:100%; height:60px; background:url(../img/usr/btn-login.png) no-repeat 0px -102px;
                                                    border: none; box-sizing: border-box; margin-top:30px; /*background-size: 100%;*/}
.btn-login:hover, .btn-login:active, .btn-login:focus{color:#fff; border:none; touch-action:none; outline:none; background:url(../img/usr/btn-login.png) no-repeat 0px 3px;}

@media only screen and (max-width: 1800px){
    .img-fluid { max-width: 100%; }
}

@media only screen and (max-width: 1600px){
    .img-fluid { max-width: 100%; }
}

@media only screen and (max-width: 1400px){
    .img-fluid { max-width: 75% !important; }
    .login__box__header {margin: 75px 0px 18px !important;}
    .loginfooter { padding-bottom: 50px !important;}
    .form-control{font-size:16px !important;}
}
@media only screen and (max-width: 450px){
    .img-fluid { max-width: 100%; }
    .form-control {font-size: 11px !important;}
}

.clearable{
    position: relative;
    display: inline-block;
}
.clearable > .remove {
    font-weight: bold;
    font-size: 1.4em;
    padding: 0 0.2em;
    line-height: 1em;
    cursor: pointer;
    font-style: normal;
    position: absolute;
    right: 5px;
    top: 9px;
    display:none;
}
.clearable:hover > .remove {
    display:block;
}
/* side bar */

.divHeader{  width: 100%;height: 50px;position: fixed;top: 0;left: 0;z-index:1000;background-color:#ececec;    padding-left: 220px;box-sizing: border-box;}
.divHeaderLeft{float:left;}
.divHeaderRight{float:right;}

.divContent {margin-top:50px;}
.divLogo {  text-align: center;}
.divLogo img{
    max-width: 100%;
    box-sizing: border-box;
}
.divLeftSideBarInner {  padding: 30px 16px 0 15px;height: 100%;  border-right: 1px solid #ececec;}
/* end of side bar */

/* Form */
.text {width:200px;}
.text_fullwidth{width:100%;}
.text_halfwidth{width:50%;}
.text_small {width:40px;}
.text_medium {width:100px;}
.text_medium_2 {width:100px; float:left;}
.text_item {width:130px;}
.text_small_item {width:55px;}
.text_medium_item {width:90px;}
.text_big_item {width:310px;}
.text_big {width:400px;}
.text_big_perc {width:95%;}
.text_big2 {width:600px;}
.text_big3 {width:372px;}
.text_bigdate {width:400px; vertical-align:top;}
.file {width:200px;}
.file_big {width:400px;}
.chk {}
.ddl {width:200px;}
.ddl_fullwidth{width:100%;}
.ddl_big {width:400px;}
.ddl_big2 {width:600px;}
.ddl_medium {width:130px;}
.ddl_medium2 {width: 100px;} 
.ddl_small {width:40px;}
.ddl2 {width:200px; float:left; margin-right:5px;}
.ddl3 {width:253px;}
.ddl_page{width:49.6%;  height: 150px;}
.pdfText {font-size:xx-small;}

.ajax__combobox_textboxcontainer {padding:2px 0px 2px 0px !important;}
.ajax__combobox_buttoncontainer  {padding:2px 0px 2px 0px !important;}
.ajax__combobox_buttoncontainer button {border: 1px solid #ccc !important; border-left:none !important; border-top-right-radius:5px; border-bottom-right-radius:5px;background-color:transparent;}
.ajax__combobox_textboxcontainer input {border-top-right-radius:0px !important; border-bottom-right-radius:0px !important; border-right:none;}
.cboxArea > div{position:relative;}
.cboxArea table .ajax__combobox_textboxcontainer {width:100%;}
.cboxArea table .ajax__combobox_textboxcontainer input {width:100%;}
.cboxArea .ajax__combobox_itemlist{  width: 100% !important; /*top: 3px !important;*/ left: 0px !important; top: 40px !important;}
/* End of Form */

/* General */
.divMain {height:auto; overflow:hidden;}
.divTopOut {height:50px; overflow:hidden; background:#acd8ff; border-bottom:1px solid #62a8e3;}
.divTopTop {height:auto; overflow:hidden; margin-left:10px; margin-right:10px; padding-top:10px; padding-bottom:10px;}
.divTopBottom {height:auto; min-height:27px; border-top:1px solid #c5e4ff; background:url("../img/adm/bg_topmenu_rpt.gif") repeat-x top; clear:both;}
.divTopBottomInner {height:auto; margin-right:10px; margin-left:10px;}
.divAdmMenuContainer {height:auto;}
.divAdmUserViewContainer {height:auto; overflow:hidden; float:right;}
.divAdmUserViewManageContainer {height:auto; overflow:hidden; float:right; }

.divMiddle {height:auto; overflow:hidden;clear:both;}
.divMiddleInner {height:auto; overflow:hidden; }
.divMiddleInnerInnerTop {height:40px; overflow:hidden; padding-top:5px; padding-right:20px;}
.divAdmInfoContainer {width:960px;margin:auto;}
.divMiddleInnerBottom {min-height:400px; height:auto !important; overflow:hidden;}
.divMiddleInnerInnerBottomContent {height:auto; overflow:hidden;}

.divBottom {height:auto; overflow:hidden; background:#e7e7e7; border-top:1px solid #fff;}

.divFloatLeft {float:left;}
.divFloatRight {float:right;}
.divAgnTop {vertical-align:top;}
.divAgnMiddle {vertical-align:middle;}
.divLinkBtn {float:right;}
.divPnlItems {height:auto; overflow:hidden; padding-top:10px; padding-bottom:20px;}
.divItemListScroll {height:auto; max-height:300px; overflow:auto; padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #ececec;}

.divPageHeader {color:#1c7fd7; font-weight:bold; border-bottom:1px solid #ccc;}

.divFooterInner {height:auto; overflow:hidden;   margin: auto;padding:26px 0px 28px 0px;text-align:center; color:#434343;}
/* Sub Page */
.divTopTopLeft {height:auto; overflow:hidden; float:left;}
.divTopTopRight {height:auto; overflow:hidden; float:right; padding-top:15px;}
.divMiddleInnerInnerBottomSub {height:auto; min-height:500px; height:auto !important; height:500px; overflow:hidden; padding-bottom:100px;}
/* End of Sub Page */

/* Listing Page */
.divListing {padding:5px 40px 20px 40px;height:auto; overflow:hidden;border-top:1px solid #ececec;position:relative;}
.divListing2 {padding-top:100px; height:auto; overflow:hidden;}
.divListing3 {padding:20px 40px 20px 40px; height:auto; overflow:hidden;}
.divListingHdr {height:auto; overflow:hidden;border-bottom:5px solid #cccccc;  padding-bottom: 10px;margin-bottom: 10px;}
.divListingHdrPadding {height:auto; overflow:hidden; padding-top:25px;}
.divListingHdrLeft {height:auto; overflow:hidden; float:left;  margin-top: 15px;}
.divListingAction {height:100%; overflow:hidden;}

.divListingLeft {height:auto; overflow:hidden; width:50%; float:left;}
.divListingRight {height:auto; overflow:hidden; width:50%; float:left;}

.divListingData {height:auto; overflow:hidden; overflow-x:auto; padding-top:5px;}
/* End of Listing Page */

/* Details Page */
.divForm {height:auto; overflow:hidden; padding:0px 0px 0px 0px;}
.divFormWithLeftMenu {}
/* End of Details Page */

.divStatusLabel {padding-left:25px; padding-right:25px; padding-top:2px; padding-bottom:2px; cursor:default;}
.divSectHdrRight {float:right; padding-bottom:5px;}

.divSectHdr {padding-bottom:20px;}
.SectHdr {font-size:120%; font-weight:bold;}

.divLeft {float:left;}
.divStatusActRight {float:left; padding-left:10px;}
.divOrdStatusItalic {font-style:italic;}

.divListingBilling {width:50%; float:left;}
.divListingDelivery {width:50%; float:left;}

.divGrouping {height:auto; overflow:hidden;padding:20px 40px;}
.divGroupingInner {float:right;}

.btnUpdate {font-weight:bold;}
.btnUpdate2 {font-weight:bold; background:grey;}

.tdShipNeed {font-weight:bold; font-size:120%; font-style:italic;}

.lblSize {float:left;}
.lblSize2 {float:left; padding-top:12px; padding-left:5px;}

.divTrainingOther {float:left;}

.divCurrListing {margin-top:15px;}
.divAckBtn {padding-top:10px;} /*@lex to keep the space before buttons. */
.divListingSplitter {float:left;height:100%;border-left:1px dotted #7e9aa5;}
.divListingSplitterRight {float:right;height:100%;border-left:1px dotted #7e9aa5;}
.divListingDetailSplitter { border-bottom: 5px solid #cccccc;margin: 0 40px;}

.divTemplateCon {max-height:590px; overflow-y:auto; width:170px;border:solid 1px #2b579a;}
.divTemplateImg { padding:14px 0px;}
.divTemplateSeperator {width:100%; height:2px; background:#ccc;}

a.lnkbtnApplyTemplate { border:solid 1px #ccc; display:block; height:160px; width:140px; position:relative; overflow:hidden; margin:auto;}
a.lnkbtnApplyTemplate:hover, a.lnkbtnApplyTemplate:active, a.lnkbtnApplyTemplate.active {border:solid 1px #5b95ff; }

/* End of General */

/* Message */
.attention_compulsory {color:#ff0101;}
.attention_unique {color:#ce0bd0;}
.attention_compulsory + .attention_unique,
.attention_unique + .attention_compulsory{
    margin-left: -2px;
}
.noticemsg {color:rgb(70, 130, 4);}
.noticemsg3 {text-align:center; font-size:125%;}
.boldmsg {font-weight:bold; font-size:110%;}
.keyword {font-size:110%; font-weight:bold;}
.italicmsg {font-style:italic; text-align:justify;}
.spanItalic {font-style:italic;}
.spanFieldDesc {padding-left:5px;}
.spanSectTitle {text-decoration:underline;}
.fieldDesc {color:#4a88bf;}
.nowrap{white-space: nowrap;}

ul{padding:0px; margin:0px;}
.ulOrdSpec li{margin-bottom:2px; margin-left:16px;}

.spanLink {padding-left:10px;}
.spanStrike {text-decoration:line-through;}

.divPageHdr {    left: 0;padding: 0 0 0 220px;height:60px;box-sizing: border-box; clear:both; border-bottom:1px solid #ececec;  z-index: 999;width: 100%; text-transform:capitalize; min-width: 1000px;background-color: #ecfdff;position:fixed;}
.divPageHdr + * {  margin-top: 59px;}
.divPageHdr > .title {font-size:225%; font-weight:bold;padding:10px 40px;box-sizing: border-box;}
.divPageHdr > .title,
.divPageHdr > .pageAction,
.divPageHdr > .action {float:left;height: 100%;}
.divPageHdr > .filter {float:right;height: 100%;}
.divPageHdrLeft {float:left; height:auto; overflow:hidden;}
.divPageHdrRight {float:right; height:auto; overflow:hidden;}
.divSectionTitle {font-size:112.5%;font-weight:700;margin:0px;padding-bottom:5px;}
.divSectionTitlePadding {color:#1c7fd7; font-weight:bold; height:auto; overflow:hidden; clear:both; border-bottom:1px solid #ccc; padding-bottom:5px; padding-top:20px;}
.divSectionTitleLeft {color:#1c7fd7; height:auto; overflow:hidden; padding-bottom:5px; float:left;}
.divSearchHeaderAction {height:auto; overflow:hidden; padding-bottom:5px; float:right;}
.divSectionTitleHighlight {background:#ccc; font-weight:bold; height:auto; overflow:hidden; clear:both; padding:5px 0px 5px 10px;}
.filter.tag {float:left;display:flex;align-items:center;padding:0 20px;}

.spanSectTitleUnd {color:#4a4a4a; font-weight:bold; text-decoration:underline;}

.tdProdDescListHdr {font-weight:bold;}
/* End of Message */

.divLinkSplit {float:left; width:1px; margin-left:10px; margin-right:10px;}
.divBtnCenter {text-align:center;}
.divBtnCenterPadding {text-align:center; padding-top:30px; height:auto; overflow:hidden; padding-bottom:10px;}

.pgHidden {display:none;}
.hiddenCol {display:none;}
.showCol {display:block;}

.SectKeyword {font-weight:bold;}

/* Table */
tr.trHeader td {padding-bottom:10px;}  /*@lex to add space for those table-row with header, to create a gap between header and form*/
tr.trBtn td {padding-top:10px;} /*@lex to add space for those table-row with button, to create a gap between button and form*/
td.tdHeader {font-size:120%; font-weight:bold;}

td.tdSectionHdr {font-size:112.5%; font-weight:700; }
td.tdSectionHdrLeft {color:#1c7fd7; font-weight:bold; border-bottom:1px solid #ccc;}
td.tdSectionHdrRight {border-bottom:1px solid #ccc; text-align:right;}
td.tdSectionHdr .tag {display: inline-block;font-weight: 400;background-color: #E8E8E8;padding: 5px 13px;margin: 0 5px;border-radius: 5px; font-size: 85%;}
td.tdSpacer {height:5px; font-size:5px; padding:0px;}
td.tdBtn {padding-top:20px;}

table.formTbl {width:100%;}
table.formTbl td {text-align:left; padding:2px; padding-right:20px;vertical-align:top;}
table.formTbl td:first-child {}
table.formTbl td td:first-child {}
table.formTbl td:last-child {width:100%;}
table.formTbl td.tdLabel {padding-right:10px; padding-top:14px;}
table.formTbl td.tdLiteral {padding-top:14px;}
table.formTbl td.tdWithCheckbox {padding-top:15px;}
table.formTbl td.tdWithFileUpload {padding-top:5px;}
table.formTbl td.withNestedTable {padding-top:0px;}
table.formTbl.borderTop{border-top:1px solid #ececec;}
table.formTbl:last-child,
table.formTbl.noBorderBtm {border-bottom:0px solid #ececec;} 
table.formTbl.borderBtm {border-bottom:1px solid #ececec;} 

table.formTblNested td {text-align:left; padding:2px; padding-right:20px;}
table.formTblNested td:first-child {}
table.formTblNested td:last-child {width:100%;}
table.formTblNested td.tdLabel {padding-right:10px; padding-top:14px;}
table.formTblNested td.tdWithCheckbox {padding-top:15px;}
table.formTblNested td.tdWidth {width:14%;}
table.formTblNested td.tdAction {font-weight:normal; font-size:initial; vertical-align:middle;}

table.formTbl2 {width:100%;}
table.formTbl2 td {text-align:left; padding:2px; padding-right:20px;}
table.formTbl2 td:first-child {float:left;}
table.formTbl2 td td:first-child {}
table.formTbl2 td:last-child {width:100%;}
table.formTbl2 td.tdLabel {padding-right:10px; padding-top:14px;}
table.formTbl2 td.tdLiteral {padding-top:14px;}
table.formTbl2 td.tdWithCheckbox {padding-top:15px;}
table.formTbl2 td.tdWithFileUpload {padding-top:5px;}
table.formTbl2 td.withNestedTable {padding-top:0px;}

table.innerTbl {margin-top:10px;}
table.tblNoPadding td {}

table.projfeature{table-layout:fixed;padding: 10px;border: 1px solid #cccccc;}
table.projfeature td.vcenter {vertical-align:middle;}
.tdDelete {float:right; padding-top:5px; padding-bottom:50px;}
td.tdLabelSmall {width:70px; padding-top:4px;}
td.tdLast {width:100%;}

.tdSpacerBorderBottomSolid {height:20px; border-bottom:1px solid #ccc;}
.tdSpacerBorderTop {height:20px; border-top:1px dotted #ccc;}
.tdSpacer10 {height:10px; border-bottom:1px dotted #ccc;}
.tdSpacer10_2 {height:10px;}
.tdSpacer2 {height:20px;}

.dataTbl {width:100%; border:1px solid #cccccc; empty-cells: show; max-width: 100%; table-layout: fixed; }
.dataTbl > tbody > tr:hover:not(.pg){background-color:#ECECEC;}
/*.dataTbl > tbody > tr:hover:not(.pg) .tdAct .lnkbtn{background-position: 0px -66px;}*/
.dataTbl > tbody > tr > td {padding:10px 10px 10px 10px;border:0;border-bottom:1px dashed #cccccc;border-right:1px solid #cccccc; }
.dataTbl > tbody > tr:last-child > td{border-bottom:1px solid #cccccc;}
.dataTbl tfoot tr td{}

.dataTbl th {padding:15px 15px 15px 15px;color:#fff; background-color:#434343;border: 0;  text-transform: capitalize;}
.dataTbl th a:link,
.dataTbl th a:visited {color:#fff;}
.dataTbl th a:active,
.dataTbl th a:hover{color:#5b95ff}
.dataTbl th.asc > a,
.dataTbl th.desc > a{color:#5b95ff;}
.dataTbl th.asc > a:after,
.dataTbl th.desc > a:after{transition:0.5s all;display:inline-block;padding-left: 10px;padding-right: 5px;color:#5b95ff; content:"◤";}
.dataTbl th.asc > a:after{transform: rotate(45deg);} /* background:url('../img/adm/icon-sort.gif') no-repeat right center;  */
.dataTbl th.desc > a:after{transform: rotate(225deg);}
.dataTbl th.asc:hover > a:after {transform: rotate(225deg);}
.dataTbl th.desc:hover > a:after {transform: rotate(45deg);}

.dataTbl .td_alt {padding:10px 15px 10px 15px; border:none;}
.dataTbl .tdNo {width:4%; text-align:center;}
.dataTbl .tdAct {/*width:150px;*/ text-align:center; vertical-align: middle;}
.dataTbl .tdAct2 {width:370px; text-align:center;}
.dataTbl .tdAct3 {width:150px; text-align:left;}
.dataTbl .tdAct a[disabled=disabled]{color:#a4a4a4;}
.dataTbl .tdAct .spanSplitter, .dataTbl .tdAct2 .spanSplitter{color:#5b95ff;padding:0px 10px;}

.dataTbl .td_right {text-align:right;}
.dataTbl .td_left{text-align:left;}
.dataTbl .tdCurrency {width:100px; text-align:right;}
.dataTbl .td_small {width:60px; text-align:center;}
.dataTbl .td_medium {width:80px; text-align:center;}
.dataTbl .td_medium2 {text-align:left; padding-left:55px;}
.dataTbl .td {width:100px;}


.dataPgTbl {width:100%; border:0;  table-layout: fixed;}
.dataPgTbl .pg {position: absolute; top: 15px;}
.dataPgTbl .pg table {width:auto;}
.dataPgTbl .pg td{ border:0;padding:0 10px;}
.dataPgTbl .pg > td { height:20px; padding:2px 5px 2px 5px;}
.dataPgTbl .pg a:link,.dataTbl .pg a:visited {color:#434343;}
.dataPgTbl .pg a:hover,.dataTbl .pg a:active,
.dataPgTbl .pg span {color:#5b95ff; }

.dataTbl .pg { }
.dataTbl .pg table {width:auto;}
.dataTbl .pg td{ border:0;padding:0 10px;}
.dataTbl .pg > td { height:20px; padding:2px 5px 2px 5px;}
.dataTbl .pg a:link,.dataTbl .pg a:visited {color:#434343;}
.dataTbl .pg a:hover,.dataTbl .pg a:active,
.dataTbl .pg span {color:#5b95ff; }

.dataTr td {padding-bottom:20px;}
.dataTbl .trUnread {font-weight:bold; font-size:120%; line-height:14px;}
.dataTbl tr, .dataTbl td, .dataTbl th {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.dataTbl > thead > tr > th:first-child, .dataTbl > tbody > tr > th:first-child{ width:4%; }
.dataTbl > tbody > tr > th.thOrdDate {width:13%; text-align:left;}
.dataTbl > tbody > tr > th.thOrdNo {width:17%; text-align:left;}
.dataTbl > tbody > tr > th.thOrdEmail{width:20%; text-align:left;}
.dataTbl > tbody > tr > th.thOrdAmount {width:15%; text-align:left;}
.dataTbl > tbody > tr > th.thOrdType {width:8%; text-align:left;}
.dataTbl > tbody > tr > th.thOrdStatus {width:10%; text-align:left;}
.dataTbl > tbody > tr > th.thOrdAction {width:17%; text-align:left;}

.dataTbl > thead > tr > th.thProdPriceText {width:10%;}
.dataTbl > thead > tr > th.thProdPriceNum {width:6%;}
.dataTbl > thead > tr > th.thAct {width:11%;}

.dataTbl.enquiry > thead > tr > th:last-child {width:5%;}

.dataTbl2 {width:100%; border:0; border:1px solid #cccccc;}
.dataTbl_1 > thead > tr > th:first-child, .dataTbl_1 > tbody > tr > th:first-child{ width:15% !important; }
.dataTbl_1 > thead > tr > th:last-child, .dataTbl_1 > tbody > tr > th:last-child{ width:40% !important; }

/* for Page manager datatble */
.divPageManagerGridContainer .tdNo{width:3%;}
.divPageManagerGridContainer .td_small{width:5%;}
.divPageManagerGridContainer .tdPageName{width:15%;}
.divPageManagerGridContainer .tdPageDisplayName{width:15%;}
.divPageManagerGridContainer .tdParent{width:9%;}
.divPageManagerGridContainer .tdCreation{width:12%;}
.divPageManagerGridContainer .tdLastUpdate{width:12%;}
.divPageManagerGridContainer .tdAct{width:11%;}

.shipCountry {text-transform:lowercase;}
.shipCountry:first-letter {text-transform:uppercase;}

.tdCenter {text-align:center;}
.tdActBig {width:150px; text-align:center;}

.tdLabelNor {padding:5px 10px 5px 0px;}
.tdItem {padding:5px 10px 5px 10px;}
.tdLabelBig {padding-top: 4px; padding-right: 10px; width: 180px;}
.tdConfirmDate {padding-top: 4px; padding-right: 10px; width: 180px; padding-bottom:20px !important;}
.tdLabelBigGrey {padding-right:10px; padding-top:4px; color:#a4a4a4;}
.tdMax {width:100%;}
.tdMax2 {width:75%;}
.tdCheckbox{padding-top:14px !important;}
.tdlistbox {width:100px;}
.tdLabel {}
.tdLabelRemarks {padding-top:4px; padding-right:135px;}
.tdLabel2 {padding-top:4px; padding-right:10px;}
.tdLabel3 {padding-right:5px !important;}
.tdLabelNor2 {padding-right:30px; width:20%;}
.tdLabelNor3 {padding-right:30px; font-weight:bold; width:55%;}
.tdLabelNor4 {width:20%;}
.tdLabelSpec {padding-top:4px; padding-right:40px; width:114px;}
.nobr {white-space:nowrap;}
.tdLabelGrey {padding:10px; width:100px; background:#f3f3f3;}
.tdLabelItalic {padding-top:4px; padding-right:10px; width:100px; font-style:italic;}
.tdLabelRightItalic {padding-top:4px; padding-right:10px; width:100px; text-align:right; font-style:italic;}
.tdbtnNextPrev {vertical-align:middle;}
.tdLabelProg {width:128px; padding-right:20px;}
.tdLabelProdDesc {width:19%;}
.tdLabelProdAct {width:6% !important; padding-right:0px !important;}

.tdLabelNor5 {padding-right:30px; width:150px; padding-left:25px; padding-top:4px;}
.tdLabelNorCur {padding-right:30px; width:130px; text-align:center; padding-left:25px; padding-top:4px;}
.tdLabelActive {padding-top:4px; padding-right:20px; width:60px; text-align:center !important;}
.tdLabelMedium {padding-right:30px; width:80px; text-align:center; padding-left:25px; padding-top:4px;}
.tdLabelAction {width:120px; text-align:center !important; padding-top:4px; padding-right:20px;}
.tdLabelCurFlag {width:150px; text-align:center; padding-top:4px; padding-right:30px;}

.tdRdoOrd {width:90px; display:block; float:left;}
.tdInvoiceTotal {float:right;}

.tdLabelSales {padding-top:4px;}
.tdMaxSales {max-width:100%;}

.dataTbl .tdAction {height:auto; overflow:hidden; border-top:1px solid #ccc; padding-top:5px;}

.listTbl {width:100%;}
.listTbl th {padding:15px 25px 15px 25px; background:#ffecb1; border-bottom:1px solid #ccc; text-align:left;}
.listTbl .trFooter {padding:15px 25px 15px 25px; background:#ffecb1;}
.listTbl .trItem {}
.listTbl .trItem:hover {color:#ff6c00;}
.listTbl td {padding:5px 25px 5px 25px; text-align:center; vertical-align:middle; line-height:16px;}

.listTbl .tdNo {width:50px; text-align:center;}
.listTbl .td_small {width:60px; text-align:center;}
.listTbl .td_norLeft {text-align:left; vertical-align:top;}
.listTbl .td_Left {text-align:left;}
.listTbl .td_right {text-align:right;}
.listTbl .tdDetails {text-align:left; vertical-align:top; padding-top:20px; padding-bottom:20px;}
.listTbl .tdImg {text-align:left; vertical-align:top; padding-top:20px; padding-bottom:20px;}

.listTblInvoice {width:100%;}
.listTblInvoice th {padding:15px 25px 15px 25px; background:#cccccc; border-bottom:1px solid #ccc; text-align:left;}
.listTblInvoice .trFooter {padding:15px 25px 15px 25px; background:#cccccc;}
.listTblInvoice .trItem {}
.listTblInvoice .trItem:hover {color:#ff6c00;}
.listTblInvoice td {padding:5px 25px 5px 25px; text-align:center; vertical-align:middle; line-height:16px;}
.listTblInvoice .thItem {width:10%; text-align:center;}
.listTblInvoice .thDesc {width:50%; text-align:left;}
.listTblInvoice .thQty {width:10%; text-align:center;}
.listTblInvoice .thUnitPrice {width:15%; text-align:center;}
.listTblInvoice .thAmount {width:15%; text-align:center;}

.listTblInvoice .tdNo {width:10%; text-align:center;}
.listTblInvoice .tdItem {width:50%; text-align:left; vertical-align:top;}
.listTblInvoice .tdQty {width:10%; text-align:center;}
.listTblInvoice .tdUnitPrice {width:15%; text-align:center;}
.listTblInvoice .tdTotal {width:15%; text-align:center;}

.listTblInvoice .tdNo_alt {width:10%; text-align:center; background:#f3f3f3;}
.listTblInvoice .tdItem_alt {width:50%; text-align:left; vertical-align:top; background:#f3f3f3;}
.listTblInvoice .tdQty_alt {width:10%; text-align:center; background:#f3f3f3;}
.listTblInvoice .tdUnitPrice_alt {width:15%; text-align:center; background:#f3f3f3;}
.listTblInvoice .tdTotal_alt {width:15%; text-align:center; background:#f3f3f3;}

.listTblInvoice .td_small {width:60px; text-align:center;}
.listTblInvoice .td_norLeft {text-align:left; vertical-align:top;}
.listTblInvoice .td_Left {text-align:left;}
.listTblInvoice .td_right {text-align:right;}
.listTblInvoice .tdDetails {text-align:left; vertical-align:top; padding-top:20px; padding-bottom:20px;}
.listTblInvoice .tdImg {text-align:left; vertical-align:top; padding-top:20px; padding-bottom:20px;}

.tdRemarkItemNo {padding-right:5px;}
.tdOrdRemarkItem {padding-right:40px;}

.tdAddItemDName {padding-left:70px; width:60px;}
.tdAddItemDesc {padding-left:10px; width:300px;}
.tdAddItem {padding-left:10px; width:80px;}

.td_headerItemCart {padding:15px 15px 15px 15px; background:#ffecb1; border:none; border-bottom:1px solid #ccc; font-weight:bold;}
.td_headerPriceCart {padding:15px 15px 15px 15px; background:#ffecb1; border:none; border-bottom:1px solid #ccc; font-weight:bold;}
.td_headerQtyCart {padding:15px 15px 15px 15px; background:#ffecb1; border:none; border-bottom:1px solid #ccc; font-weight:bold;}
.td_headerTotalCart {padding:15px 15px 15px 15px; background:#ffecb1; border:none; border-bottom:1px solid #ccc; font-weight:bold;}
.td_headerLastCart {padding:15px 15px 15px 15px; background:#ffecb1; border:none; border-bottom:1px solid #ccc; font-weight:bold;}
 
 table.tblInnerTable {}
 table.tblInnerTable td {padding-left:5px; vertical-align:middle;}
 table.tblInnerTable td.tdInnerTableLast {width:100%;}
 
 .tblData {border-bottom:1px solid #ececec;padding:20px 40px;}
 .tblData > thead > tr > td:first-child,
 .tblData > tbody > tr > td:first-child,.tblData td td:first-child{/*width:15%;  min-width: 150px;*/}
 .tblData > thead > tr > td:last-child,
 .tblData > tbody > tr > td:last-child{width:80%;}
 .tblData > thead > tr > th:first-child:not(.tdSectionHdr),
 .tblData > thead > tr > td:first-child:not(.tdSectionHdr),
 .tblData > tbody > tr > td:first-child:not(.tdSectionHdr),
 .tblData > tbody > tr > td:first-child:not(.tdSectionHdr) {padding-left:20px;}
 
 .tblData2 {border-bottom:1px solid #ececec; padding:20px 10px;}
 .tblData2 > thead > tr > td:first-child,
 .tblData2 > tbody > tr > td:first-child{width:20%;  min-width: 150px;}
 .tblData2 > thead > tr > td:last-child,
 .tblData2 > tbody > tr > td:last-child{width:80%;}
 .tblData2 > thead > tr > th:first-child:not(.tdSectionHdr),
 .tblData2 > thead > tr > td:first-child:not(.tdSectionHdr),
 .tblData2 > tbody > tr > td:first-child:not(.tdSectionHdr),
 .tblData2 > tbody > tr > td:first-child:not(.tdSectionHdr) {padding-left:20px;}
 
 .tblEmailSyntax {border-collapse: separate;width:95%;}
 .tblEmailSyntax tr, .tblEmailSyntax td {border:1px solid #434343;  padding: 10px;}
 .tblEmailSyntax .th{/*color:#ffffff;*/background-color:#E1E1E1;}
 /* Prod Group */
.tdCatHeader {font-weight:bold; width:100px; border-bottom:1px solid #ccc; padding-left:5px; padding-right:5px;}
.tdCatItem {padding-top:2px; padding-bottom:2px; width:100px; padding-left:5px; padding-right:5px;}
/* End of Prod Group */
 
 /* Product Listing */
.gvProduct {width:100%; border:none;}
.gvProduct .pg .item4, .pg .item8, .pg .item12, .pg .item15 {padding:2px; height:20px; background:#ffe694;}
.gvProduct .gv_alt {padding:5px 15px 5px 15px; background:#f3f3f3;}
.gvProduct .item4 {width:4%;}
.gvProduct .item8 {width:8%;}
.gvProduct .item12 {width:12%;}
.gvProduct .item15 {width:15%;}
.gvProduct th {padding:15px 0px 15px 0px; background:#ffecb1; border:none; border-bottom:1px solid #ccc;}
.gvProduct th a:link {color: #1c7fd7;}
.gvProduct th a:visited {color: #1c7fd7;}
.gvProduct th a:active {color: #1c7fd7; text-decoration:underline;}
.gvProduct th a:hover {color: #1c7fd7; text-decoration:underline;}
.gvProduct tr {}
.gvProduct tr:hover {color:#ff6c00;}
.gvProduct td {padding:5px 10px 5px 10px; border:none;}
 /* End of Product Listing*/
 
/* Alternate */
.listTbl .td_alt {padding:5px 25px 5px 25px; background:#f3f3f3;}
.listTbl .td_norLeft_alt {text-align:left; vertical-align:top; background:#f3f3f3;}
.listTbl .td_Left_alt {text-align:left; background:#f3f3f3;}
.listTbl .td_right_alt {text-align:right; background:#f3f3f3;}

.listTblInvoice .td_alt {padding:5px 25px 5px 25px; background:#f3f3f3;}
.listTblInvoice .td_norLeft_alt {text-align:left; vertical-align:top; background:#f3f3f3;}
.listTblInvoice .td_Left_alt {text-align:left; background:#f3f3f3;}
.listTblInvoice .td_right_alt {text-align:right; background:#f3f3f3;}
/* End of Alternate */


/* End of Table */

/* Loading ---------- */
.tdLoading {position:relative; height:auto; overflow:hidden; width:100%;}
.divLoadingContainer {position:relative; height:auto; overflow:hidden;}
.divFormLoading {position:relative; height:auto; overflow:hidden;}
.divLoading {color:#fff; width:100%; height:100%; overflow:hidden; background:#4a88bf; position:absolute; top:0; left:0; filter:alpha(opacity=35); -moz-opacity: 0.35; opacity:0.35; text-align:center;}
.divLoading img {padding-top:10px;}
/* End Of Loading ---------- */


/* Tooltip */
.spanTooltip {display:inline-block;position:relative;width:22px;height:23px;  vertical-align: middle;padding-top: 3px;}
.spanTooltip .icon { background: url("../img/adm/icon-notice.gif") no-repeat left;width:100%;height:100%;display: block;cursor:pointer;}
.spanTooltip .icon:hover + .msg,.spanTooltip:hover .msg{opacity:1; visibility:visible;z-index:2;}
.spanTooltip .msg {  transition: opacity .3s ease-in-out;padding:10px;opacity:0;visibility:hidden;white-space: nowrap;position:absolute;  right: -55px;top: -60px;background-color:#434343;color:#fff; min-width:80px;}
.spanTooltip .msg:after {  content: "\A";border-style: solid;border-width: 15px 10px 0px 10px;border-color: #434343 transparent transparent transparent;position: absolute;  right: 55px; bottom: -30px;padding-bottom: 15px;}
.spanTooltip a:visited,.spanTooltip a:link {color:#5b95ff;}
.spanTooltip a:hover{text-decoration:underline;}

.spanTooltip .msg.right { left: 45px;top: -15px;right: auto;bottom: auto;}
.spanTooltip .msg.right:after {left: -15px; top: 25%;right: auto;bottom: auto;border-width: 12px 15px 12px 0px;border-color: transparent #434343 transparent transparent;  padding-bottom: 0;}
/* end of Tooltip */

/* Button ---------- */
.divAction {
    height: auto;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    background-color: #ececec;
    opacity:0.8;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    padding-left: 250px;
    left: 0;
    z-index: 999;
}
.divAction:hover{opacity:1;transition:all .3s ease-in-out;}
.divAction.shiftleft{  padding-left: 40px;}
.divActionLeft {height:auto; overflow:hidden; float:left;}
.divActionRight {height:auto; overflow:hidden; float:right;margin-right:10px;}
.divActionPrint {height:auto; overflow:hidden; text-align:right;  position: absolute;right: 80px;top: 145px;}

.divFormBtnRight {height:auto; overflow:hidden; text-align:right; padding-top:20px; padding-bottom:20px; padding-right:10px;}
.divFormBtnRight a {float:right;}

.divAckGrey {padding:10px;padding-left: 40px; height:auto; overflow:hidden; background:#f3f3f3; border-top:1px solid #fff;}
.divAck {height:auto; overflow:hidden; padding-bottom:10px;}
.divListing .divAck {
    padding: 10px 0px;
    border-bottom: 3px solid #434343;
    margin-bottom: 10px;
}
.imgLink {border:0px;}

/*Schedule Button*/
.btnAddSchedule 
.btnAddSchedule,
a.btnAddSchedule:link,
a.btnAddSchedule:visited{display: inline-block;padding:0px 55px 0px 30px;height:33px;line-height: 33px;width:auto;color:#fff;font-size:115%;  background-image:url("../img/adm/btn-login.gif");background-color:#5b95ff;background-repeat: no-repeat;background-position: right 20px top 7px;}
a.btnAddSchedule:active ,
a.btnAddSchedule:hover {color:#fff;background-color:#72a4ff;background-position:right 20px top -63px;text-decoration:none;}

a.btnCancelSchedule {display: block;padding:0px 55px 0px 30px;height:33px;width:auto;color:#fff; font-size:115%; background-image:url('../img/adm/btn-back.gif') !important; background-color:#5b95ff; background-repeat: no-repeat; background-position:100px 6px;}
a.btnCancelSchedule:link,
a.btnCancelSchedule:visited{display: block;padding:5px 55px 0px 30px;height:33px;width:auto;color:#fff; font-size:115%; background-color:#5b95ff; background-image:url('../img/adm/btn-back.gif') !important; background-repeat: no-repeat; background-position:100px 6px;}
a.btnCancelSchedule:active ,
a.btnCancelSchedule:hover {color:#fff;background-color:#72a4ff;text-decoration:none; background-image:url('../img/adm/btn-back.gif') !important; background-repeat: no-repeat; background-position:100px -64px;}

.pageContentTitle .btnAddSchedule 
.pageContentTitle .btnAddSchedule,
.pageContentTitle a.btnAddSchedule:link,
.pageContentTitle a.btnAddSchedule:visited,
.pageContentTitle a.btnCancelSchedule,
.pageContentTitle a.btnCancelSchedule:link,
.pageContentTitle a.btnCancelSchedule:visited {height:40px;line-height: 40px; background-position: right 20px top 10px; padding:0px 55px 0px 30px;}
.pageContentTitle a.btnAddSchedule:active ,
.pageContentTitle a.btnAddSchedule:hover,
.pageContentTitle a.btnCancelSchedule:active ,
.pageContentTitle a.btnCancelSchedule:hover {background-position:right 20px top -60px;}

.btn,
a.btn:link,
a.btn:visited{display: inline-block;padding:0px 55px 0px 30px;height:60px;width:auto;color:#fff;font-size:170%;  line-height: 55px; background-image:url("../img/adm/btn-login.gif");background-color:#5b95ff;background-repeat: no-repeat;background-position: right 20px top 18px;cursor:pointer;}
a.btn:active ,a.btn:hover,.btn:active ,.btn:hover{color:#fff;background-color:#72a4ff;background-position:right 20px top -52px;text-decoration:none;}

.btn2 ,
a.btn2:link ,
a.btn2:visited {display: inline-block;padding:0px 30px 0px 55px;height:48px;width:auto;color:#5b95ff;font-size:100%;  line-height: 48px; background-repeat: no-repeat;background-position: left 20px top 18px;border:1px solid #5b95ff;border-radius:5px;cursor:pointer;}
a.btn2:active ,
a.btn2:hover { background-position: left 20px top -47px;background-color:#F8F8F8;text-decoration:none; }
.btn2.disabled{background-color:#ddd;cursor: not-allowed;}

.btn3,
.btn3:link,.btn3:visited{  background-position: right 20px top 10px;background-color:#2b539b;background-repeat:no-repeat;color:#fff;height:40px;line-height:40px;font-size:87.5%;padding:0px 30px 0px 15px;display:inline-block;cursor:pointer;}
.btn3:active,.btn3:hover{  background-position: right 20px top -60px;background-color:#4077db;color:#fff;text-decoration:none;}
.btn3.disabled{background-color:#CACACA;cursor: not-allowed;}

.btnScroll,
a.btnScroll:link,
a.btnScroll:visited{height:30px;font-size:120%;  line-height: 27px; background-position: right 20px top 4px;}
a.btnScroll:active ,a.btnScroll:hover,.btnScroll:active ,.btnScroll:hover{background-position:right 20px top -66px;}

.btndivScroll {padding-top: 2px !important; font-size: 120% !important; line-height: 125% !important;}


.btnDarkBlue,
.btnDarkBlue:link,.btnDarkBlue:visited{ background-color:#2b539b;border: 0;color:#fff;height:35px;line-height:35px;font-size:87.5%;padding: 0px 30px 0px 30px;cursor:pointer;display:inline-block;}
.btnDarkBlue:active,.btnDarkBlue:hover{ background-color:#4077db;text-decoration:none;}

.btnRedPaddingRight {float:left; padding-left:25px; padding-right:25px; padding-top:2px; padding-bottom:2px; border:1px solid #272727; color:#fff; background:url("../img/adm/bg_button_red.gif") repeat-x top #b90000; margin-right:5px;}
a.btnRedPaddingRight:link {color:#fff; }
a.btnRedPaddingRight:visited {color:#fff; }
a.btnRedPaddingRight:active {color:#272727; }
a.btnRedPaddingRight:hover {color:#272727; }

.btnRed {float:left; padding-left:25px; padding-right:25px; padding-top:2px; padding-bottom:2px; border:1px solid #272727; color:#fff; background:url("../img/adm/bg_button_red.gif") repeat-x top;}
a.btnRed:link {color:#fff; }
a.btnRed:visited {color:#fff; }
a.btnRed:active {color:#272727; }
a.btnRed:hover {color:#272727; }

.btnSectMenu {float:left; padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:2px; border:1px solid #ccc; color:#4a4a4a; background:#e7e7e7; margin-right:5px;}
a.btnSectMenu:link {color:#4a4a4a; }
a.btnSectMenu:visited {color:#4a4a4a; }
a.btnSectMenu:active {color:#1c7fd7; }
a.btnSectMenu:hover {color:#1c7fd7; }

.btnSectMenuSel {float:left; padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:2px; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #fff; color:#1c7fd7; background:#fff; margin-right:5px;}
a.btnSectMenuSel:link {color:#1c7fd7; }
a.btnSectMenuSel:visited {color:#1c7fd7; }
a.btnSectMenuSel:active {color:#1c7fd7; }
a.btnSectMenuSel:hover {color:#1c7fd7; }

.btnGreyShadwow {padding-left:25px; padding-right:25px; padding-top:5px; padding-bottom:5px; border:1px solid #ccc; border-radius:4px; -moz-border-radius:4px;  color:#4a4a4a; background:url("../img/adm/") repeat-x top; box-shadow: 0px 2px 7px #ccc;}
a.btnGreyShadwow:link {color:#4a4a4a; }
a.btnGreyShadwow:visited {color:#4a4a4a; }
a.btnGreyShadwow:active {color:#272727;  box-shadow: 0px 2px 7px #999;}
a.btnGreyShadwow:hover {color:#272727;  box-shadow: 0px 2px 7px #999;}


.btnNext {float:left; padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:5px; border:1px solid #ccc; color:#4a4a4a; background:#e7e7e7; margin-bottom:10px;}			
a.btnNext:link {color:#4a4a4a; text-decoration:none;}			
a.btnNext:visited {color:#4a4a4a; text-decoration:none;}			
a.btnNext:active {color:#1c7fd7; text-decoration:none;}			
a.btnNext:hover {color:#1c7fd7; text-decoration:none;}

.actLink ,
a.actLink:link ,
a.actLink:visited ,
a.actLink:hover ,
a.actLink:active {float:left;}

.linkShow ,
a.linkShow:link ,
a.linkShow:visited{color:#434343;transition:0.5s all;font-size:112.5%;text-transform:capitalize;background:url("../img/adm/icon-advanced.gif") no-repeat right 8px;padding-right:20px;}
a.linkShow:hover,
a.linkShow:active {text-decoration:none;}

.linkHide ,
a.linkHide:link ,
a.linkHide:visited{color:#434343;transition:0.5s all;font-size:112.5%;text-transform:capitalize;background:url("../img/adm/icon-advanced.gif") no-repeat right -55px;padding-right:20px;}
a.linkHide:hover ,
a.linkHide:active {text-decoration:none;}

.btnStatus {padding-bottom:2px; cursor:default; font-weight:bold; text-transform:uppercase;}
a.btnStatus:link {color:#4a4a4a; }
a.btnStatus:visited {color:#4a4a4a; }
a.btnStatus:hover {color:#4a4a4a; }
a.btnStatus:active {color:#4a4a4a; }

.btnStatusDisabled {padding-left:25px; padding-right:25px; padding-top:2px; padding-bottom:2px; cursor:default; background:#fff; color:#4a4a4a; font-weight:bold; text-transform:uppercase;}
a.btnStatusDisabled:link {color:#4a4a4a;  cursor:default;}
a.btnStatusDisabled:visited {color:#4a4a4a;  cursor:default;}
a.btnStatusDisabled:hover {color:#4a4a4a;  cursor:default;}
a.btnStatusDisabled:active {color:#4a4a4a;  cursor:default;}

.btnStatusSel ,
a.btnStatusSel:link ,
a.btnStatusSel:visited ,
a.btnStatusSel:hover,
a.btnStatusSel:active {color:#4a4a4a; padding-top:2px; padding-bottom:2px; cursor:default; font-weight:bold; text-transform:uppercase;}

.btnStatusAct {padding-left:25px; padding-right:25px; padding-top:5px; padding-bottom:5px; border:1px solid #272727; color:#fff; background:url("../img/adm/bg_button.gif") repeat-x top #4b4b4b;}
a.btnStatusAct:link {color:#fff; }
a.btnStatusAct:visited {color:#fff; }
a.btnStatusAct:hover {color:#ff6c00; }
a.btnStatusAct:active {color:#ff6c00; }

.hypUploadInfo {cursor:default;}
a.hypUploadInfo:link {}
a.hypUploadInfo:visited {}
a.hypUploadInfo:hover {}
a.hypUploadInfo:active {}
.hypUploadInfo img {width:30px; height:30px;}

.hypForgot {cursor:pointer; float:right; font-family: 'Open Sans'; font-size: 14px; color:#6e8cc5; font-weight:600;}
a.hypForgot:link {color:#6e8cc5; text-decoration:none;}
a.hypForgot:visited {color:#6e8cc5; text-decoration:none;}
a.hypForgot:hover {color:#3965ba; text-decoration:none;}
a.hypForgot:active {color:#3965ba; text-decoration:none;}

.linkDeleteDisabled ,
a.linkDeleteDisabled:link ,
a.linkDeleteDisabled:visited ,
a.linkDeleteDisabled:hover ,
a.linkDeleteDisabled:active {background:url('../img/adm/icon-delete.gif') no-repeat 3px -66px !important; color:#aaa; cursor:default; text-decoration:none; padding-left: 20px;}

.linkDisabled ,
a.linkDisabled:link ,
a.linkDisabled:visited ,
a.linkDisabled:hover ,
a.linkDisabled:active {color:#aaa; cursor:default;}

.imgbtnPrint {background:url("../img/adm/icon_print.gif") no-repeat;}
.imgbtnPrint:hover {background:url("../img/adm/icon_print.gif") no-repeat 0px -12px;}
.imgbtnPrintDisabled {background:url("../img/adm/icon_print.gif") no-repeat 0px -12px; cursor:default;}



.lnkbtn,
.lnkbtn:link, .lnkbtn:visited{background-position:0 0; color:#5b95ff; background-repeat:no-repeat; padding-left: 20px;margin: 0 4px;}
.lnkbtn:hover,.lnkbtn:active { background-position: 0px -132px;text-decoration:underline;}
.lnkbtn.lnkbtnEdit:hover,
.lnkbtn.lnkbtnDelete:hover,
.lnkbtn.lnkbtnPrint:hover,
.lnkbtn.lnkbtnUp:hover,
.lnkbtn.lnkbtnDown:hover,
.lnkbtn.lnkbtnLogin:hover,
.lnkbtn.lnkbtnSave:hover{ background-position: 0px -132px;text-decoration:underline;}
.lnkbtn.lnkbtnView:hover,
.lnkbtn.lnkbtnResend:hover{ background-position: 0px -140px;text-decoration:underline;}


.lnkbtn[disabled=disabled]{cursor:not-allowed;}
.lnkbtnNoIcon{padding-left:0 !important;background-position:0 0;}
.lnkbtnEdit{background-image:url('../img/adm/btn_user_manager_edit.png');}
.lnkbtnDelete{background-image:url('../img/adm/btn_user_manager_delete.png');}
.lnkbtnPrint {background-image:url('../img/adm/btn_user_manager_fax.gif');}
.lnkbtnUp{background-image:url('../img/adm/btn_user_manager_up.gif');}
.lnkbtnDown{background-image:url('../img/adm/btn_user_manager_down.gif');}
.lnkbtnLogin {background-image:url('../img/adm/btn_user_manager_login.gif');}
.lnkbtnView {background-image:url('../img/adm/icon-view-more.png');}
.lnkbtnResend {background-image:url('../img/adm/icon-resend-mail.png');}
.lnkbtnSave{background-image:url('../img/adm/btn-save.png');}

.lnkbtnDone,
.lnkbtnDone:link,
.lnkbtnDone:visited, 
.lnkbtnDone:hover,
.lnkbtnDone:active{text-decoration:none; padding-left:0px; padding-top: 3px; vertical-align:middle;}
.lnkbtnDone:hover,
.lnkbtnDone:active{color:#0b3490;}
.lnkbtnDone:after{font-family: 'Material Icons'; font-weight: bold; font-size: 20px; 
                  content: "done"; display:inline-block; }

.lnkbtn.lnkbtnEdit-slideshow{background-image:url('../img/adm/btn_slide_show_manager_edit.gif');}
.lnkbtn.lnkbtnEdit-slideshow:hover{background-position: 0px -66px;}
.lnkbtn.lnkbtnDelete-slideshow{background-image:url('../img/adm/btn_user_manager_delete.gif');background-position:0 -66px;}
.lnkbtn.lnkbtnDelete-slideshow:hover {background-position: 0px -133px;}
.lnkbtn.lnkbtnView-slideshow {background: url("../img/adm/btn_slide_show_manager_view_image.gif") no-repeat left;background-position: 0 0;}
.lnkbtn.lnkbtnView-slideshow:hover {background-position: 0 -66px;}

.btnSave{background-image:url('../img/adm/btn-save.gif') !important;}
.btnBack{background-image:url('../img/adm/btn-back.gif') !important;}
.btnPrint{background-image:url('../img/adm/btn-print.gif') !important;}
.btnRevert{background-image:url('../img/adm/btn-revert.gif') !important;}
.btnSearch {background-image:url("../img/adm/btn-search.gif") !important; cursor:pointer;}
.btnAdd{background-image:url('../img/adm/btn_add.gif') !important;}
.btnExportExcel , .btnExport {background-image:url('../img/adm/btn_download.gif') !important;}
.btnDelete {background-image:url('../img/adm/btn-delete.gif');}

.btnConfirm, .btnConfirm:link,.btnConfirm:visited{  background-position: right 20px top 10px;background-color:#2b539b;background-image:url('../img/adm/btn-confirm.gif');background-repeat:no-repeat;color:#fff;height:40px;line-height:40px;font-size:87.5%;padding: 0px 55px 0px 30px;display:inline-block;}
.btnConfirm:active,.btnConfirm:hover{  background-position: right 20px top -60px;background-color:#4077db;text-decoration:none;}

.btnCancel,.btnCancel:link,.btnCancel:visited{background-color:#FF2424 !important;background-image:url('../img/adm/btn-cancel.gif') !important;}
.btnCancel:hover,.btnCancel:active{background-color:#FF4A4A !important;}

.btnDisabled,.btnDisabled:link ,.btnDisabled:visited,
.btnDisabled:active,.btnDisabled:hover {background-position:center center !important;color:#fff !important;border:#434343 solid 1px;  background-color: #a4a4a4 !important;padding: 0 40px;cursor:not-allowed; }

.icon-edit.material-icons{ display:none;width: 20px;height: 20px;cursor:pointer;}
.icon-edit.active{ display:inline-block;}

/*.lblErrMsg {font-style:italic; font-size:14px; float:right;}*/

.hypListingAction,.hypListingAction:link,.hypListingAction:visited{ color: #2b539b;padding:0 20px;height: 60px;line-height: 60px;display:block;float:left;}
.hypListingAction:hover,.hypListingAction:active {color:#5b95ff;text-decoration:none;}

.hypListingAction.add,
.hypListingAction.import,
.hypListingAction.export,
.hypListingAction.setting{padding-left: 40px;background-position: 12px 22px;background-repeat: no-repeat;}

.hypListingAction.export {background-position: 12px 20px;}

.hypListingAction.add:hover,
.hypListingAction.export:hover,
.hypListingAction.import:hover,
.hypListingAction.setting:hover {background-position:12px -43px}

.hypListingAction.export:hover {background-position: 12px -50px;}

.hypListingAction.add {background-image:url('../img/adm/icon-add-product.gif');}
.hypListingAction.export {background-image:url('../img/adm/btn-export.png');}
.hypListingAction.import {background-image:url('../img/adm/icon-download.gif');}
.hypListingAction.setting {background-image:url('../img/adm/icon-dropdown-edit.gif');}

.generate {
    cursor: pointer;
}

.btnLoading,
.btnLoading * {
    box-sizing: border-box;
}
.btnLoading,
a.btnLoading:link,
a.btnLoading:visited,
a.btnLoading:hover,
a.btnLoading:active {background-image:none;padding: 0 40px;}
.btnLoading > span {
    color: transparent;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 46px;
    margin-top: 10px;
    display:block;
    font-size: 3px;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: loading 1.1s infinite linear;
    animation: loading 1.1s infinite linear;
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* End Of Button */


/* Search Box */
.divSearch {height:auto; overflow:hidden;padding:20px 40px;border-top: 1px solid #ececec;}
.divSearchHeader {height:auto; overflow:hidden;}
.divSearchForm {height:auto; overflow:hidden; padding-top:20px; display:none;}
.divSearchFormShow {height:auto; overflow:hidden; padding-top:20px; display:block;}
table.tblSearchForm {width:100%;}
table.tblSearchForm td.tdLabel {width:100px; padding-right:10px; padding-top:12px;}
table.tblSearchForm td.tdInputField {padding-right:40px;}
table.tblSearchForm td:first-child {}


.tblSearch td{vertical-align:middle;white-space: nowrap;width:50%;}
.tblSearch .txtKeyword {width:498px;height:58px;font-size:225%;padding:10px;}

.divFilter .divKeyword {display:inline-block;}
.divFilter .tdKeyword {  vertical-align: middle;font-size:112.5%;padding-right: 30px;}

.divFilter .btnSearch {height:58px !important;  margin-top: 3px;}



.divFilterContainer,
.divFilterAction {display:inline-block;float:left;}
.divFilterContainer {position:relative;}
.divFilter {max-width:380px;height:100%;background-color:#d0e2ea;}
.divFilter .txtKeyword {float:left;width:90%;height:60px;font-size:170%;padding:0;margin:0;border-radius:0;color:#292929;background-color:inherit;    border: 0;}
.divFilter .txtKeyword::-webkit-input-placeholder {  color: #cccccc;  }
.divFilter .txtKeyword:-moz-placeholder {  color: #cccccc;  }
.divFilter .txtKeyword::-moz-placeholder {  color: #cccccc;  }
.divFilter .txtKeyword:-ms-input-placeholder {  color: #cccccc;  }

.divFilter .btnDropdown { float:left;width:10%;height:60px;background-color:inherit;display:block;transition-property: all;transition-duration: .3s;transition-timing-function: ease-in-out;transition-delay: 0s; }
.divFilter .btnDropdown:after{
        background-image: url('../img/adm/icon-keyword-search-open-close.gif');
        background-repeat: no-repeat;
        background-position: center center;
        transition-property: all;
        transition-duration: .3s;
        transition-timing-function: ease-in-out;
        transition-delay: 0s;
        content: "";
        width: 38px;
        height: 60px;
        display: block;
}

.divFilter .btnDropdown.active:after{transform: rotate(180deg);}
.divFilterMore, .divUpdateMore {max-height:0;background-color:#abc4ce;overflow:hidden;position: absolute;top: 60px;left: 0;width: 100%;transition:all .5s ease-in-out;}
.divFilterMore.active, .divUpdateMore.active {max-height:1000px; z-index:1;}
.divFilterMore select {width:100%;}
.divFilterMore input[type=text] {width:100%;}
.divFilterAction .btnSearch{padding: 0px 30px 0px 30px;margin: 0;border: 0;width: 30px;}

.tblSearch{width:100%;padding-bottom:30px;}
.tblSearch .divFilterLabel{color:white;padding-bottom:5px;}
.tblSearch td {padding:12px 12px 6px 12px;}
/* End of Search Box */

/*Quick Update Box*/
.divUpdate {background:#fff; border:solid 1px #ddd; border-radius:30px; padding:10px 20px; margin-right:40px;}
.divUpdate .btnDropdown {background:transparent; float:right; margin-top:-20px;}
.divUpdateMore {background:#fff; top:40px; width:90%; border:none;}
.divUpdateMore.active {border:solid 1px #ddd; border-top:none;}
/*End Quick Update Box*/

/* Login */
#divLoginContainer {width:960px; margin:auto;margin-top: 250px; height:auto !important; height:auto; overflow:hidden; }
#tblLogin {}
#tblLogin th {text-align:left; padding-bottom:20px; font-weight:bold; }
#tblLogin .tdLoginBtn {text-align:left; padding-top:30px;}
#tblLogin .tdLoginBtn1 {text-align:left; padding-top:30px; float:right; margin-right:5px;}
#tblLogin .tdLoginBtn2 {text-align:left; padding-top:30px; float:right;}
#divLoginContainer input[type='text'],
#divLoginContainer input[type='password'] {height:80px;font-size:345%;padding:10px 50px 10px 10px;width:100%;color:#bababa;border:0px solid transparent;border-bottom:1px solid #cccccc;background-position:right 15px top 15px;background-position-x: 99%;background-position-y: -30%;background-repeat:no-repeat;}
#divLoginContainer input[type='text']:focus,
#divLoginContainer input[type='password']:focus {box-shadow:0 0 0 0;background-position:right 15px top -70px;color:#434343;background-position-x: 99%;background-position-y: 135%;}
#divLoginContainer .checkbox-group {padding-left: 15px;padding-top: 10px;}
#divLoginContainer .txtEmail{background-image:url("../img/adm/icon-userid.gif");font-style:italic;}
#divLoginContainer .txtPassword{background-image:url("../img/adm/icon-password.gif")}

#divForgotPasswordContainer {/*width:960px;*/ margin:auto;/*margin-top: 250px;*/ height:auto !important; height:auto; overflow:hidden; }
#divForgotPasswordContainer input {height:60px;font-size:120%;/*padding:10px 50px 10px 10px;*/width:100%;color:#bababa;border:0px solid transparent;border-bottom:1px solid #cccccc;background-position:right 15px top 15px;background-position-x: 99%;background-position-y: -30%;background-repeat:no-repeat;background-size:auto;}
#divForgotPasswordContainer input:focus {box-shadow:0 0 0 0;background-position:right 15px top -70px;color:#434343;background-position-x: 99%;background-position-y: 135%;}
#divForgotPasswordContainer .txtEmail{background-image:url("../img/adm/icon-userid.gif");/*font-style:italic;*/border-radius:0px;}

.divGstSetting{}
.divUpdateProfile{padding:20px 40px;}
/* End of Login */

/* Control Panel */
.divControlPanelContainer {}
.divControlPanelContainer .text_fullwidth{width:95%;}
.divControlPanelContainer .formTbl{padding:0px 40px;border-bottom:1px solid #ececec;}
.divControlPanelContainer .formTbl:last-child{border-bottom:0px solid transparent;}

.divControlPanelContainer .formTbl td:first-child {width:10%;  min-width: 200px;padding-right:0px;}
.divControlPanelContainer .formTbl td:last-child {width:90%;}

.divControlPanelContainer .formTbl td.tdSectionHdr {padding:10px 0px;}
.divControlPanelContainer .formTbl td {padding-left:20px;}
.divControlPanelContainer .formTbl tr:last-child td{padding-bottom:20px;}

#tblControlPanel {border-collapse: collapse;}
#tblControlPanel tbody {border-top:1px solid #ececec;border-bottom:1px solid #ececec;}
#tblControlPanel tbody:first-child {border-top:0px solid transparent;}
#tblControlPanel tbody:last-child {border-bottom:0px solid transparent;}
#tblControlPanel tbody:empty{display:none;}

.divPriceRangeForm {}
.divPriceRangeForm .input {float:left;padding-right:5px;width:200px;}
.divPriceRangeForm .btn3 {float:left;}
.pricerange-list{ display: inline-block;}
.pricerange-list li {list-style:none;cursor:all-scroll; min-height: 30px;padding: 5px 10px;}
.pricerange-list li.deleted {display:none;}
.pricerange-list li input[type='text'] {margin: 0;height: 30px;}
.pricerange-list .material-icons{cursor:pointer;}
.pricerange-list .material-icons.inactive{    color: #cccccc;cursor: not-allowed;}
.pricerange-right{float:right;}
.pricerange-item-label {
    margin: 4px 0px;
    float: left;
}
.pricerange-list .txtOrder{
        display: inline-block;
    text-align: center;
    border: 1px solid;
}
.pricerange-list .sortable-remove {color:red;padding:0;padding-left:10px;}

.copyright-auto-preview{
    background-color: #eee;
    margin: 10px 0px;
    padding: 10px;
    display: inline-block;
    margin-left: 60px;
}
/* end of Control Panel */

/* Logo & Icon setting */
.divLogoSettingContainer .tblData td{padding-top:10px;padding-bottom:10px;}
.divLogoSettingContainer #tblAction {padding-top:0px;}

/* end of Logo & Icon setting */

/* start of email setup */
.divEmailSetupContainer {}
.divEmailSetupContainer .formTbl{padding:0px 40px;border-bottom:1px solid #ececec;}
.divEmailSetupContainer .formTbl td:first-child {width:20%;}
.divEmailSetupContainer .formTbl td:last-child {width:80%;}
.divEmailSetupContainer .formTbl td.tdSectionHdr {padding:10px 0px;}
.divEmailSetupContainer .formTbl td {padding-left:20px;}
.divEmailSetupContainer .formTbl tr:last-child td{padding-bottom:20px;}

/* end of email setup */

/* Upload Info */
.divFileUpload {height:30px; overflow:visible;padding-bottom: 3px;}
.divFileUploadAction {height:15px; overflow:visible; float:left; padding-right:10px;}

.divFileUploadRule {height:auto; min-height:15px; overflow:visible; position:relative; float:left;}
.divFileUploadRuleNor {height:auto; min-height:15px; overflow:visible; width:150px; position:relative;}
.divFileUploadInfo {height:auto; overflow:hidden; position:absolute; width:500px; left:30px; top:0px; display:none;}

#spanFileUploadInfo {display:none;}
#upload {padding-bottom:20px;}
/* End of Upload Info */

/* Related Product */
.divProdRelNoFound, .divDealSelNoFound {height:auto; overflow:hidden;}
.divProdList {height:auto; overflow:hidden;}
.divProdSelList, .divDealSelContainer {height:auto; overflow:hidden; padding-top:20px;}
.divProdListItems, .divDealSelListing {height:auto; overflow:hidden;}

.divProdRelProdTotal {height:auto; overflow:hidden; padding-bottom:10px;}
.divProdRelProdPagingPagination {height:auto; overflow:hidden; float:right; display:table;}
.divProdRelProdItems {height:auto; overflow:hidden; padding-top:20px; padding-bottom:20px;}

.divIndProd, .divRelDealItem {float:left;width:100%;  height:auto; overflow:hidden; margin-right:70px; margin-bottom:15px; text-align:center;}
.divIndProdLast, .divRelDealItemLast {float:left;width:100%; height:auto; overflow:hidden; text-align:center; margin-bottom:15px;}

.divRelProdImgProd, .divRelDealImg {height:100px; overflow:hidden; width:100px; display:table;margin:auto;}
.divRelProdImgProdInner, .divRelDealImgInner {display:table-cell; text-align:center; vertical-align:middle;}
.divRelProdName, .divRelDealName {height:auto; overflow:hidden; padding-top:10px;}


.relprodTbl {width:100%;}

.relprodTbl .tdRelProdItem {vertical-align:top; width:20%;}
.relprodTbl .tdRelProdItemLast {vertical-align:top; width:20%;}
/* End of Related Product */

/* Highlight Gallery */
.divHighGallery {height:auto; overflow:hidden; clear:both;}
.divIndImage {
    float: left;
    width: 270px; /*width:calc(((96% - (40px *4))/5));*/
    height: 450px;
    overflow: hidden; /*margin-right:30px; margin-bottom:50px;*/
    text-align: center;
    border: 1px solid #eee;
    padding: 5px; /*transition:all .5s ease-in-out;*/
    margin: 0px 20px 20px;
    box-sizing: unset;
    position: relative;
}
.divIndImage:hover {border:1px solid; -moz-box-shadow: 0 0 8px #999; -webkit-box-shadow: 0 0 8px #999; box-shadow:0px 0px 8px #999;}
.divIndImage table {height:100%;}
.divIndImage table td {padding:0px;text-align:center;}
.divIndImage .img-link{width: 100%;height: 230px;display: block;position: relative;overflow:hidden;    box-sizing: border-box;border: 1px solid #ececec;}
.divIndImage .img-link img {padding-bottom:5px;max-width:100%;    position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);}
.divIndImageLast {float:left; width:200px; height:auto; overflow:hidden; text-align:center; margin-bottom:15px;}
.divIndImage.remove {width:0;height:0;padding:0;margin:0;border:0;}

td.tdHighImageNumber {   height: 40px;vertical-align:bottom;}
td.tdIndImageDesc .spanIndImageDesc {display:inline-block;}
td.tdIndImageDesc .txtIndImageDesc {display:none;}
td.tdIndImageDesc.edit .spanIndImageDesc{display:none;}
td.tdIndImageDesc.edit .txtIndImageDesc{
    display:inline-block;    
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 5px;
    height: 40px;}
.divEventForm #tblEventDetail{padding-bottom:0px;}
.divEventForm #tblAddDesc,
.divEventForm #tblAddArticle,
.divEventForm #tblAddVideo,
.divEventForm #tblFileUpload,
.divEventForm #tblManageComment{padding-top:0px;}

.divEventGallery{padding:0 20px;}
/* End of Highlight Gallery */


/* Pagination */
.divPaging {height:auto; overflow:hidden; padding:5px; background:#434343;}
.divPagingInner {display:table-cell; text-align:center; vertical-align:middle;}
.spanPagination {padding-left:2px; padding-right:2px; vertical-align:0px;}

.linkPage,
a.linkPage:link,
a.linkPage:visited {color:#fff;  padding: 0 5px;}
a.linkPage:hover,
a.linkPage:active{color:#5b95ff;}

.linkPageSel ,
a.linkPageSel:link ,
a.linkPageSel:visited ,
a.linkPageSel:hover ,
a.linkPageSel:active {color:#5b95ff;  padding: 0 5px;}

.linkPageLead {color:#1c7fd7;}
a.linkPageLead:link {color:#1c7fd7; }
a.linkPageLead:visited {color:#1c7fd7; }
a.linkPageLead:hover {color:#003c71; }
a.linkPageLead:active {color:#003c71; }
/* End of Pagination */

/* GST Settings */
#tblGSTSettings table td:first-child {min-width:150px;width:20%;padding-left:20px;}
#tblGSTSettings table td:nth-child(2) {width:80%;padding-right:20px;}
/* End of GST Settings */

/* Transaction Detail */
.divTop {height:auto; overflow:hidden;}
.divSalesDetail .divActionPrint{position:fixed;right:40px;top:125px;z-index:999;}
.divSalesDetail .divLeft {float:left;width:50%;}
.divSalesDetail .divRight {float:right;width:50%;}
.divSalesDetail .divBottomItems {height:auto; overflow:hidden;clear:both;}
.divSalesDetail .divOrdSalesItems {height:auto; overflow:hidden; clear:both;}

.divSalesDetail .divLeft .divDetails {padding:20px 20px 20px 40px;border-right:1px solid #ececec;overflow:hidden;}
.divSalesDetail .divLeft .divDetails .divFormBtnRight {padding-right:20px;min-width:500px;}
.divSalesDetail .divLeft .divDetails .divFormBtnRight a {margin-left:10px;}
.divSalesDetail .formTbl2 {padding-left:20px;min-width:500px}
.divSalesDetail .formTbl2 thead td:first-child {font-weight:700;padding-bottom:20px;}
.divSalesDetail .formTbl2 thead td a {float:right;}
.divSalesDetail .formTbl2 tbody td {padding-bottom:10px;}
.divSalesDetail .formTbl2 tbody td input,.divSalesDetail .formTbl2 tbody td select {width:100%;  height: 38px;}
.divSalesDetail .divDeliveryHeader,
.divSalesDetail .divPaymentHeader,
.divSalesDetail .divStatusHeader{font-weight:700;padding-bottom:20px;}
.divSalesDetail .divItemsHeader{font-weight:700;  border-bottom: 5px solid #cccccc;padding-bottom: 10px;margin-bottom: 10px;}
.divSalesSummary { padding:20px 40px;border-bottom: 1px solid #ececec;}
.divSalesDetail .divStatus {padding:20px 40px;}
.divSalesDetail .divPayment {padding:20px 40px;border-top:1px solid #ececec;}
.divSalesDetail .divBottomItems {padding:20px 40px;border-top:1px solid #ececec;}
.divSalesDetail .divOrdInvoicePrint{  position: absolute;right: 20px; top: 80px;}
.divStatusActRight {float:left; padding-left:10px;}


.divStatus .tblStatus {margin-left:20px;  border-collapse: collapse;}
.divStatus .tblStatus tbody { border-top:1px dashed #ececec;}
.divStatus .tblStatus tbody td{padding-bottom:10px;}
.divStatus .tblStatus td:first-child{width:30%;}
.divStatus .tblStatus td:last-child{width:70%;}
.divStatus .tblStatus tbody tr:first-child td{padding-top:20px;}
.divStatus .tblStatus tbody tr:last-child td{padding-bottom:20px;}
.divStatus .divAction {text-align:right;}

.divPayment .tblPaymentDetails {  padding-left: 20px;}
.divPayment .tblPaymentDetails thead td:first-child{  font-weight: 700;padding-bottom: 20px;}
.divPayment .tblPaymentDetails td:first-child{width:30%;}
.divPayment .tblPaymentDetails td:last-child{width:70%;}

.divPayAmount {height:auto; overflow:hidden;}
.divPayRemarks {height:auto; overflow:hidden;}
.divBottomItems .divFormBtnRight{padding-right: 0px;}
.divBottomItems .divFormBtnRight a {margin-left:10px;}
.divBottomItemsHeader {height:auto; overflow:hidden; padding-bottom:20px;}
.divBottomItemsHeaderInner {height:19px; border-bottom:1px solid #ccc; padding-left:10px;}

.divListingBilling {width:50%; float:left;}
.divListingDelivery {width:50%; float:left;}

.divBillingDetails {height:auto; overflow:hidden; padding-bottom:20px; }
.divDeliveryDetails {height:auto; overflow:hidden; padding-bottom:20px; }


.divOrderProdItemDetail {height:auto; overflow:hidden; }
.divOrderProdImg {float:left; width:100px; height:100px; padding:0px 25px 0px 0px; display:table;}
.divOrderProdImgInner {display:table-cell; vertical-align:middle; text-align:center;border: 1px solid #cccccc;}
.divOrderProdImgInner img{width:100%;}
.divOrderProdDetail {float:left; text-align:left; height:auto; overflow:hidden; }

#tblOrderItems tr td:first-child{text-align:center;vertical-align:middle;}
#tblOrderItems tr td:nth-child(4) input{border-radius:0px;}
#tblOrderItems td {vertical-align:top;}
#tblOrderItems tfoot td{padding:5px 10px;}
#tblOrderItems tfoot tr:first-child td{padding-top:20px;}
#tblOrderItems tfoot tr:last-child td{padding-bottom:20px;}
#tblOrderItems .trSpacer td{height:20px;border-bottom:0 solid transparent;}

#tblOrderItems .first{width:5%;}
#tblOrderItems .second{width:59%;}
#tblOrderItems .third{width:12%;}
#tblOrderItems .fourth{width:12%;}
#tblOrderItems .fifth{width:12%;}

#tblSalesSummary td {padding-bottom: 12px;}
#tblSalesSummary > tbody > tr > td:first-child {padding-left:20px;  padding-right: 100px;}
#tblSalesSummary tbody td textarea {width:100%;height:150px;}

#tblSalesSummary .cboxCustomer > div{position:relative;}
#tblSalesSummary .cboxCustomer table{width:100%;}
#tblSalesSummary .cboxCustomer table .ajax__combobox_textboxcontainer{  width: 96%;}
#tblSalesSummary .cboxCustomer table .ajax__combobox_textboxcontainer input{width:100%;}
#tblSalesSummary .cboxCustomer table .ajax__combobox_textboxcontainer input:focus{border:1px solid #D33836;}
#tblSalesSummary .cboxCustomer .ajax__combobox_itemlist{  width: 40% !important; top: -6px !important;left: 3px !important;}


/* End of Transaction Detail */

/* product Specification */
.divProdSpecContainer .formTbl td {vertical-align:middle;}
/* end of product Specification

/* Status */
.tblStatus {}
.tblStatus td:first-child {}
.tblStatus .trPaymentAction td {padding-bottom:10px;}
.tdStatusBtnLabel {padding-top:10px;}

.tdStatusLabel {padding-right:10px; padding-top:10px; width:130px;}
.tdStatusLabelActive {padding-left:10px; padding-top:14px; padding-right:10px; width:130px; background:#f3f3f3;}
.tdStatusActive {background:#f3f3f3; padding-right:10px;}
.tdStatusLabelActivePadding {padding-left:10px; padding-top:20px; padding-right:10px; padding-bottom:10px; width:100px; background:#f3f3f3;}
.tdStatusActivePadding {background:#f3f3f3; padding-left:10px; padding-top:20px; padding-right:10px; padding-bottom:10px;}
/* End of Status */

/* Cancel Trans */
.divCancelTrans {height:auto; overflow:hidden; padding-top:50px;}
.divCancelTrans .divAck{display: table-cell;vertical-align: middle;}
.divCancelTransInner {height:260px; overflow:hidden; width:600px; margin:auto;display:table;}
.divCancelTransForm {}
.tdCancelTrans {}
.tblCancelTransInner td:first-child {padding-top:14px; padding-right:10px;}
.tblCancelTransInner tr.trHeader td {padding-top:2px;}
.tblCancelTransInner td.tdHeader {padding-top:2px;}
/* End of Cancel Trans */


/* Delete Trans */
.divDeleteTrans {height:auto; overflow:hidden;}
.divDeleteTransInner {height:auto; overflow:hidden; width:550px; padding-left:30px; padding-right:30px; margin:auto;}
.divDeleteTransForm {height:auto; overflow:hidden; text-align:left;}
.tdDeleteTrans {text-align:center; vertical-align:middle; height:300px;}
/* End of Delete Trans */

/* Undo Status */
.divUndoStatus {height:auto; overflow:hidden;}
.divUndoStatusInner {height:auto; overflow:hidden; width:500px; padding-left:30px; padding-right:30px; margin:auto;}
.divUndoStatusForm {height:auto; overflow:hidden; text-align:left;}
.tdUndoStatus {text-align:center; vertical-align:middle; height:300px;}
/* End of Undo Status */

/* Print */
.divPrintContainer {width:850px; height:auto; overflow:hidden; padding-left:25px; padding-right:25px; margin-top:20px; margin:auto; color:#000000;}
.divPrintItems {height:auto; overflow:hidden;}
.divInvoiceType {height:auto; overflow:hidden; text-align:center; padding-top:20px; padding-bottom:20px; text-transform:uppercase; font-weight:bold; color:#414141; font-size:150%;}

.divPrintInvoiceHeader {height:auto; overflow:hidden; padding-bottom:10px; border-bottom:5px solid #cccccc;}
.divPrintInvoiceHeaderRight {float:left; padding-left:30px; font-size:120%; color:#414141; font-weight:bold;}
.spanROC {font-size:90%; font-weight:normal; padding-left:10px;}
.divPrintInvoiceBillDelDetails {height:auto; overflow:hidden; font-size:120%; padding-top:20px; padding-bottom:30px;}
.divPrintInvoiceListingItems {height:auto; overflow:hidden; padding-bottom:30px;}
.divPrintInvoiceSalesRemarks {height:auto; overflow:hidden; text-align:justify;}

.divPrintInvoiceTopWrap {/*min-height:980px;*/height:auto; overflow:hidden;}

.divPrintInvoiceTopMain {overflow:auto; padding-bottom: 180px;}  /* must be same height as the footer */
.divPrintInvoiceBtmContainer {height:180px; overflow:hidden; padding-top:50px; /*position:relative; margin-top: -180px; /* negative value of footer height */ /*height: 180px; clear:both;*/}

.tdInvoiceDetail1 {width:15%; font-weight:bold;}
.tdInvoiceDetail2 {width:85%; border-right:1px solid #cccccc;}
.tdInvoiceDetail3 {width:50%; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
/* End of Print */

/* Sales */
.divBillingDetailsHdr {height:auto; overflow:hidden; border-bottom:1px solid #ccc;}
.divBillingDetailsHdrLeft {float:left; margin-right:10px; font-weight:bold;}
.divBillingDetailsHdrRight {float:left;}

.divOrdSalesSummary {height:auto; overflow:hidden;}
.divOrdSalesSummaryLeft {float:left; width:60%; padding-right:30px;}
.divOrdSalesSummaryLeft .text{width:73%;}
.divOrdSalesSummaryLeft .ajax__combobox_textboxcontainer{width: 90%;}
.divOrdSalesSummaryLeft .ajax__combobox_textboxcontainer input{width:102%;}
.divOrdSalesSummaryRight {float:left; width:37%;}
.divSalesActionBtns {height:auto; overflow:hidden;}
.divOrdInvoicePrint {height:auto; overflow:hidden; padding-top:10px;}
.divInvoicePrint {float:right;}
.divInvoicePrintLeft {float:left; padding-right:30px;}
.divInvoicePrintRight {float:left;}
.divInvoiceQuickDone {height:auto; overflow:hidden; padding-top:10px; padding-bottom:50px; float:right;}

.btnFloat {position:absolute; top:0px; right:0px;}
/* End of Sales */

/*Shipping*/
.tdShippingLeftList {padding-right:20px;}

.divShipCompContainer {height:auto; overflow:hidden;}
.divShipCompDetailsContainer {height:auto; overflow:hidden;}
.divShipCompSettingsContainer {height:auto; overflow:hidden;}
.divShippingDetails .tblShippingSettings td:first-child{width:19% !important;}
/*End of Shipping*/

/*Country Manager*/
.divCountryDetailsContainer {height:auto; overflow:hidden; padding-top:30px;}
/*End of Country Manager*/

/*Registration Details*/
.divRegistrationDetailsOuter {height:auto; overflow:hidden; padding-top:30px; padding-bottom:30px;}
.divRegistrationDetailsInner {height:auto; overflow:hidden; width:800px; margin:auto;}
.divRegistrationDetails {height:auto; overflow:hidden; padding-bottom:50px;}
.divRegistrationDetailsHdr {height:40px;position:relative; overflow:hidden; padding-bottom:5px; border-bottom:1px solid #cccccc;}
.divRegDetailsHdrLeft {float:left; font-weight:bold; font-size:120%;padding-top:16px;}
.divRegDetailsHdrRight {float:right;}
.divRegistrationDetailsContent {height:auto; overflow:hidden; padding-top:10px;}

.divRegistrationPaymentDetails {height:auto; overflow:hidden;}
.divPaymentDetailsHdr {font-weight:bold; font-size:120%; padding-bottom:5px; border-bottom:1px solid #cccccc;}
.divPaymentDetailsContent {height:auto; overflow:hidden; padding-bottom:20px; padding-top:10px;}

.divAdmRegBtn {width:800px; border-top:1px solid #ccc; padding-top:5px;}
.divBtnLeft {float:left;}
.divBtnRight {float:right;}

.tdRegDetailLabel {width:180px; padding-right:20px; padding-top:4px; vertical-align:top;}
.tdRegDetailLabel2 {width:120px; padding-left:50px; padding-right:20px; padding-top:4px; vertical-align:top;}
.tdRegDetailLabelNor {width:140px; padding-right:20px; vertical-align:top;}
.tdRegDetailLabelNor2 {width:120px; padding-left:50px; padding-right:20px; vertical-align:top;}

.divRegistrationDetailsAck {height:auto; overflow:hidden; padding-top:10px;}
.noticemsg2 {color:#a4a4a4; font-style:italic;}
.errmsg{color:red;}
.errmsg2 {color:red; font-style:italic;}
.errmsg3{color:#D33836;font-style:italic;}
.errmsg4{color:red; font-style:italic; text-align:center; font-size:125%;}
.hypClose {cursor:pointer;}
/*End Registration Details*/

/*Address List*/
.divAddressList {height:auto; overflow:hidden; padding-top:30px;padding:20px 40px 20px 40px;}
/*End of Address List/

/*Related Deal*/
.divDealRelNoFound {height:auto; overflow:hidden;}
.divRelDeal {height:auto; overflow:hidden;}
.divRelDealTotal {height:auto; overflow:hidden; padding-bottom:10px;}
.divRelDealPaginationTopContainer, .divRelDealPaginationBtmContainer {height:auto; overflow:hidden; padding:5px; background:#ffe694;}
.divRelDealPaginationTopContainerInner, .divRelDealPaginationBtmContainerInner {height:auto; overflow:hidden; float:right; display:table;}
.divRelDealItemsContainer {height:auto; overflow:hidden; padding-top:20px; padding-bottom:20px;}

.relDealTbl {width:100%;}

.relDealTbl .tdRelDealItem {vertical-align:top; width:170px;}
.relDealTbl .tdRelDealItemLast {vertical-align:top; width:100px;}
/*End of Related Deal*/

/*Tree View*/
.tvCategory {}
.tvCategory a:link ,.tvCategory a:visited,
.tvCategory a:hover ,.tvCategory a:active {color:#434343; text-decoration:none;} 
.tvCategory table {/*width:0px;*/}
/*End of Tree View*/

/*------------ START OF INVENTORY RECEIVABLE -----------------*/
#tblReceiveItemForm .code { width:500px; }
#tblReceiveItemForm .price { width:70px; }
#tblReceiveItemForm .discount { width:70px; }
#tblReceiveItemForm .amount { width:70px; }

#tblReceiveItemForm .divQtyContainer {width:100px;}
#tblReceiveItemForm .qty { width:70px; }

#tblReceiveItemForm .tdSpacerForBillDiscount,
#tblReceiveItemForm .tdSpacerForTotal{width: 47%;}
/*------------ END OF INVENTORY RECEIVABLE -----------------*/


/*------------ START OF INVENTORY ADJUSTMENT -----------------*/
#tblAdjustItemForm .code{ width:500px; }
#tblAdjustItemForm .divQtyContainer {width:100px;}
#tblAdjustItemForm .qty { width:70px; }



/*------------ END OF INVENTORY ADJUSTMENT -----------------*/


/*------------ START OF WATER MARK ON IMAGE -----------------*/
#lblOpacity {
  border: 1px solid #ececec;
  padding: 5px;
  display:inline-block;
  margin-left: 10px;
}

.txtOpacity{
    border: 0;
    margin: 0;
}

/*------------ END OF WATER MARK ON IMAGE -----------------*/
 
/*------------ START OF SLIDE SHOW MANAGER -----------------*/
.divAblImg .divAblImgContainer{display:inline-block; padding:10px; vertical-align:top;}
.divAblImg .divImg{width:325px;height:195px;overflow:hidden;position:relative;border:1px solid #cccccc; border-bottom:none;}
.divAblImg .divImg img {position: absolute;top:50%;left:50%;}

.divAblImg .divImg{}
.divAblImg .divDetail{border: 1px solid #CCCCCC;}
.divAblImg .divName,
.divAblImg .divActive,
.divAblImg .divLastUpdated,
.divAblImg .divGroupName{border-bottom: 1px solid #CCCCCC;padding:10px;}
.divAblImg .divName{}
.divAblImg .divActive{}
.divAblImg .divGroupName{overflow:hidden; text-overflow: ellipsis;  white-space: nowrap;}
.divAblImg .divAction{padding:10px 0px;text-align:center;background-color:#ececec;  position: relative; margin-bottom:0 !important;}
.divAblImg .divActionSlideShow {padding:10px 0px;text-align:center;background-color:#ececec; overflow:visible;}
.divAblImg .spanSplitter{color:#5b95ff;padding:0px 10px;}
/*------------ END OF SLIDE SHOW MANAGER -----------------*/
/*------------ START OF SLIDE GROUP MANAGER -----------------*/
.divSliderEffect .ddl_fullwidth,
.divSliderEffect .divSlider {
    width:33%;
    min-width:150px;
    display: inline-block;
}
.divSliderEffect .divSliderLabel{
    display: inline-block;
    margin-left: 10px;
}
.divSliderEffect .hypPreview{
    display: inline-block;
    width: auto;
    height: 10px;
    padding: 10px;
    background-color: #0046C5;
    border-radius: 5px;
    line-height: 10px;
    color: white;
    font-size: 75%;
    margin-left: 20px;
}

/*------------ END OF SLIDE GROUP MANAGER -----------------*/

/*DB Execution for All Projects*/			
.divFormDB {float:left; width:860px;}		
.divAckDB {padding:10px; height:auto; overflow:hidden; background:#f3f3f3; border-top:1px solid #fff; float:left; width:860px;}	
.imgbtnTrans {height:10px; overflow:hidden; width:110px; border:none;}		
/*End of DB Execution for All Projects*/

/* Sales order popup */
.divPopUpOuter {height:auto; overflow:hidden;font-size:12px;}
    
.divPopUpBar {width:100%; overflow:hidden; background:#FFFFFF;}
.divPopUpBarInner { overflow:hidden;margin: 0px 30px;padding:30px 0px 20px 0px;border-bottom: 1px dotted black; }
.divPopUpBarSubBlock {vertical-align:top;}
.divPopUpBar .divLogo{margin-right: 30px;max-width:230px;float:left;}
.divPopUpBar .divLogo a{display:block;}
.divPopUpBar .divLogo img{    max-width: 100%;width:100%;height:auto;}
.divPopUpBar .divPageInfo{overflow:hidden;}
.divPopUpBar .divPrint {float:right;margin-top: 20px;}
.divPopUpBar .divQuickContact{}
.divPopUpBar .divQuickContact .imgTel,
.divPopUpBar .divQuickContact .imgEmail,
.divPopUpBar .divQuickContact .imgFax {padding-right:5px;}
.divPopUpBar .divQuickContact .divTel,
.divPopUpBar .divQuickContact .divEmail,
.divPopUpBar .divQuickContact .divFax {padding-right:10px; font-size:85%;}
.divPopUpBar .divPageTitle{display:inline-block;font-size:170%;font-weight:700;padding-bottom: 5px;}
.divPopUpBar .divRegNo{display:inline-block;padding-left:5px;  font-size: 85%;}
.divPopUpBar .divRegNo .divCompanyRegNo,
.divPopUpBar .divRegNo .divGstRegNo,
.divPopUpBar .divRegNo .divSplitter{display:inline-block;}

.divPopUpBar .divDomainName{font-size:100%;font-weight:700;padding-bottom: 5px;}

.divPopUpContent {width:100%; height:auto; overflow:hidden; min-height:500px; overflow:hidden; background:#ffffff;}
.divPopUpContentInner {margin: 0px 30px; padding-top: 15px;}
.divPopUpContent .divColumnLeft{float:left;width:45%;}
.divPopUpContent .divColumnRight{float:right;width:45%;}
.divPopUpContent .frmTblDelivery {width:100%;font-size:100%;}
.divPopUpContent .frmTblDelivery td { padding-bottom:5px;font-size:110%; }
.divPopUpContent .frmTblDelivery td:first-child{width: 33%;}
.divPopUpContent .divPrint {float: right;margin: 0px 8px 20px 0px;}
.divPopUpContent .divPaymentSummary .frmTblDelivery td:first-child,
.divPopUpContent .divOrdListingSummary .frmTblDelivery td:first-child{width:40%;}
.divPopUpContent .divListingHdr {font-weight: 700;font-size: 130%;padding-bottom: 8px;border:solid 0 transparent;}
.divPopUpContent .divDetailHdr {color:#3f3f3f;font-weight:700;font-size:130%;padding-bottom:8px;border-bottom: 2px solid black;margin-bottom: 18px;}

.divPopUpContent .divSummaryOuter {height:auto; overflow:hidden;}
.divPopUpContent .divPaymentSummary {padding-top:20px;}
.divPopUpContent .divOrdListingSummary {padding-top:20px; padding-bottom:20px;}
.divPopUpContent .divListingItem {margin-top:10px;border:0px solid transparent;}
.divPopUpContent .divListingDetail {height:auto; overflow:hidden; padding-top:20px;padding-bottom:0px;}
.divPopUpContent .divSubListingDetail {width:100%; overflow:hidden;padding-bottom: 50px;}

.divPopUpFooter {}
.divPopUpFooterInner {  margin: 0px 30px;}
.divPopUpFooter .divLeft {float:left; width:50%;font-size: 85%;}
.divPopUpFooter .divRight {float:right; width:50%;}
.divPopUpFooter .divPrint{margin: 20px 0px;float:right;}
.divPopUpFooter .divLine {margin:3px 0px;}
.tblReviewOrderItem {border-collapse: collapse;border:1px solid #3f3f3f;}
.tblReviewOrderItem > thead{border-bottom:1px solid #7c7c7c;}
.tblReviewOrderItem > thead td {padding: 15px 0px 15px 0px;text-align: center;}
.tblReviewOrderItem > thead td:first-child {padding: 15px 0px 15px 20px;text-align: left;}
.tblReviewOrderItem > thead td:last-child {padding: 15px 20px 15px 0px;text-align: right;}

.tblReviewOrderItem > tbody > tr {border-bottom:1px dotted #3f3f3f;}
.tblReviewOrderItem > tbody > tr:last-child {border-bottom:0px dashed #3f3f3f;}
.tblReviewOrderItem > tbody > tr:hover{color:#000;}
.tblReviewOrderItem > tfoot{background-color:#e6e6e6;border-top:1px solid #7c7c7c;}

.tblReviewOrderItem .td_price,
.tblReviewOrderItem .td_qty,
.tblReviewOrderItem .td_total{ width:20%;text-align:center; vertical-align:top; padding-top:20px; }
.tblReviewOrderItem .td_total{padding-right:20px;text-align:right;}
.tblReviewOrderItem .td_item {padding-left:20px;}
.tblReviewOrderItem .td_item .divReviewCartProdImg{width:22%;height:auto;padding:20px 15px 20px 5px;border:0px solid transparent;float:left;}
.tblReviewOrderItem .td_item .divCartDetail{  width: 60%;height: auto;padding: 20px 0px 20px 12px;float: left;}
.tblReviewOrderItem .td_item .divCartProdImgInner {border: 1px solid #eaeaea;padding: 3px;float:left;}

.tblReviewOrderItem .tblTotal {width:auto;float:right;padding: 30px 20px 20px 0px;}
.tblReviewOrderItem .tblTotal td:first-child{text-align:right;padding-right:30px;padding-left: 10px;}
.tblReviewOrderItem .tblTotal td:last-child{text-align:right;position:relative;}
.tblReviewOrderItem .tblTotal td {padding-bottom: 10px;}
.tblReviewOrderItem .tblTotal td.tdOrderTotal {padding-top: 0px;color:#3f3f3f;font-size:115%;font-weight:700;border-top: 0px solid black;}
.tblReviewOrderItem .tblTotal tr.trDiscount {color:red;}
.tblReviewOrderItem .tblTotal tr.trDiscount .lblDisCode{padding-right:10px;}
.tblReviewOrderItem .tblTotal td .divSplitter {  height: 1px;margin: 0;padding: 0;width: 185px;background-color: #000000;box-shadow: inset 0 0 0 1000px #000000;position: absolute;top: 0;right: 0;}

/* Sales order popup */

/* ========= Input Group ===============*/
.input-group {display:flex;width:100%; position: relative;}
.input-group > .text_fullwidth {display:table-cell;}
.input-group > .spanTooltip {display:table-cell;padding-left:10px;}
.input-group-no-icon {margin-right:30px;}

.input-group .input-btn,
.input-group .input-control{display:table-cell;margin: 0;}
.input-group .input-btn{width: 1%;}
.input-group .input-btn a,
.input-group .input-btn a:hover{background-color:#5b95ff;color:#fff;height: 100%;padding:6px 15px;height: 35px; box-sizing: border-box;display: block;cursor:pointer;text-decoration:none;}
.input-group.right .input-control {border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.input-group.left .input-control{border-top-left-radius: 0px;border-bottom-left-radius: 0px;}

.input-group-remove {display:inline-block;position:relative;}
.input-group-remove .icon {cursor:pointer;opacity:0;transition:all .3s ease;font-style: normal; font-size: 14px; position: absolute;right: 5px;  top: 10px;  width: 20px;  height: 20px; text-align: center;}

.input-group-remove:hover .icon {opacity:1;}
/* =========== Sortable list =================*/
.sortable-list{ display: inline-block;}
.sortable-list li {list-style:none;cursor:all-scroll; min-height: 30px;padding: 5px 10px;}
.sortable-list li.deleted {display:none;}
.sortable-list li input[type='text'] {margin: 0;height: 30px;}
.sortable-list .material-icons{cursor:pointer;}
.sortable-list .material-icons.inactive{    color: #cccccc;cursor: not-allowed;}
.sortable-right{float:right;}
.sortable-item-label {
    margin: 4px 0px;
    float: left;
}
.sortable-list .txtOrder{
        display: inline-block;
    text-align: center;
    border: 1px solid;
}
.sortable-list .sortable-remove {color:red;padding:0;padding-left:10px;}
/* ========= Overlay Message ===============*/
.overlay-container{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
}
.overlay-background{
    width:100%;
    height:100%;
    background-color: black;
    opacity: 0.7;
    position:absolute;
    top:0;
    left:0;
}
.overlay-content{
    width: 80%;
    max-width: 700px;
    min-height: 50px;
    background-color: white;
    margin: auto;
    margin-top: 18%;
    position: relative;
    z-index: 2;
text-align: center;
}
.overlay-title{
    font-size: 20px;
    padding-top: 10px;
    overflow:hidden;
    display:inline-block;
    white-space: nowrap;
    animation-duration: .8s;
    animation-name: changewidth;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes changewidth {
  from {
    width: 60px;
  }

  to {
    width: 90px;
  }
}

/* =========== Grid View =============*/
.grid,
.grid * {box-sizing:border-box;}
.grid {display:flex;flex-wrap:wrap;}
.grid .column {}
.grid .column .image{width:100%;padding-bottom:75%;}
.grid .column .image img,
.grid .column .image input{}

.grid.prod-addon .column { width: 12%; margin: 1%; margin-bottom: 10px; padding: 20px; border: 1px solid #cccccc;transition:all .3s ease;}
.grid.prod-addon .column.active {background-color: #5b95ff; color: white;}
.grid.prod-addon .column .image{padding-bottom:0;}
.grid.prod-addon .column .image img,
.grid.prod-addon .column .image input{display:block;margin:auto;border:0;}
.grid.prod-addon .column .content {text-align:center;}

.form,
.form * {box-sizing:border-box;}
.form { padding: 20px;}
.form .row{display:flex;margin: 0 -10px;margin-bottom: 5px;align-items: center;justify-content: center;}
.form .row.wrap {flex-wrap: wrap;}
.form .column,
.form [class^="column-"] {padding:0 5px;}
.form .column {flex-basis:100%;}
.form .column-1 {flex-basis:8.3333333333%;}
.form .column-2 {flex-basis:16.6666666667%;}
.form .column-3 {flex-basis:25%;}
.form .column-4 {flex-basis:33.3333333333%;}
.form .column-5 {flex-basis:41.6666666667%;}
.form .column-6 {flex-basis:50%;}
.form .column-7 {flex-basis:58.3333333333%;}
.form .column-8 {flex-basis:66.6666666667%;}
.form .column-9 {flex-basis:75%;}
.form .column-10 {flex-basis:83.3333333333%;}
.form .column-11{flex-basis:91.666666667%;}
.form label{
    font-weight: 700;
    margin-bottom: 3px;
    display: block;
font-size: 105%;
}
.form input[type='text'],
.form select {width:100%;margin-top: 0px;}
.form ol {  padding-left: 20px;}
.form .flexbox {display:flex;}
.form .button {
    background-color: #5b95ff;
    color: white;
    height: 35px;
    text-align: center;
    font-size: 20px;
    border-radius: 5px;
    display: flex;
    margin: 0 2px;
    align-items: center;
    justify-content: center;
}
.form .sortable {position: relative;}
.form .sortable .item {
    padding: 5px 15px;
    border: 1px solid #5b95ff;
    margin: 5px 0px;
    border-radius: 5px;
    width: 100% !important;
    height: 40px !important;
    align-items: center;
    cursor:move;
    background-color:#f2f6ff;
}
.form .sortable [data-hidden="1"] {display:none;}
.form .button:hover {opacity:0.9;text-decoration:none;}
.form .checkbox-group {position:relative;}
.form .checkbox-group label {margin-bottom:0;font-weight:normal;font-size:16px;}
.form .checkbox-group input[type='checkbox'] {position: absolute; left: 3px;top: 4px;margin: 0;}
.form .checkbox-group span {padding-left: 20px;}
.form .flexbox {display:flex;}
.form .flexbox .button {flex:1;}
.form .list .index {padding:0 8px;}
.form .list .name {}
.form .list .action {margin-left:auto;    display: flex;align-items: center; justify-content: flex-end;}
.form .list .action .icon {cursor:pointer;}
.form .list .action .checkbox-group {}

.enquiry-field-grid{border: 1px solid black;}
.enquiry-field-grid .index{width:2%;text-align:center;}
.enquiry-field-grid .name{width:20%;}
.enquiry-field-grid .inputtype{width:20%;}
.enquiry-field-grid .compulsory{width:20%;}
.enquiry-field-grid .validation{width:20%;}
.enquiry-field-grid .action{width:18%;}
.enquiry-field-grid .tools {display:flex; align-items: center; justify-content: center;}
.enquiry-field-grid .tools .icon {cursor:pointer;font-size:18px;}
.enquiry-field-grid > thead > tr > td,
.enquiry-field-grid > tbody > tr > td{padding:5px 10px;}
.enquiry-field-grid > thead > tr > td {padding-top:10px;padding-bottom:10px;}
.enquiry-field-grid > thead {font-size: 16px;font-weight: 700; background: black; color: white;}

.enquiry-field-grid > thead > tr > td {border-right:1px solid white;border-bottom:1px solid white;}
.enquiry-field-grid > thead > tr > td:last-child {border-right:0;}

.enquiry-field-grid > tbody > tr > td {border-right:1px solid black;border-bottom:1px solid black;}
.enquiry-field-grid > tbody > tr > td:last-child {border-right:0;}
.enquiry-field-grid > tbody > tr:last-child > td {border-bottom:0;}
.enquiry-field-grid > tbody > tr[data-hidden='1'] {display:none;}

.enquiry-form {margin-bottom:10px;}
.enquiry-form .row {margin-left:0px;margin-right:0px;}
.enquiry-form .enquiry-form-header { background-color: #ececec;border: 1px solid #292929;padding: 10px;    font-size: 105%;font-weight:700;}
.enquiry-form .enquiry-form-header .row {   justify-content: flex-start;}
.enquiry-form .enquiry-form-header .tools {margin-left:auto;}
.enquiry-form .enquiry-form-header .tools .arrow{transform: scale(1.5,1);cursor:pointer;}
.enquiry-form .enquiry-form-body { padding: 10px;  border: 1px solid #292929; border-top: 0;display:none;}

.enquiry-form .enquiry-options-form .option-list .action {float:right;}
.enquiry-form .enquiry-options-form .option-list .action .icon {font-size: 18px;}

.enquiry-form .enquiry-form-header .tools .arrow{transition:all .3s ease;}
.enquiry-form .enquiry-form-body.active {display:block;}
.enquiry-form.active .enquiry-form-header .tools .arrow{transform: scale(1.5,1) rotate(180deg);cursor:pointer;}

/* ============== Ack Container =====================*/
.ack-container{
    padding: 10px 10px;
    border-radius: 5px;
    background-color: #eaeaea;
    border: 1px solid #333;
    color: #333;
}
.ack-container.success{
     background-color: #c6efbb;
    border: 1px solid #34861d;
    color: #34861d;
}

/* ============ Scolled ==================*/
body.scrolled .divPageHdr{height:40px;}
body.scrolled .divPageHdr + * {margin-top:79px;}
body.scrolled .divPageHdr > .title {font-size:170%;padding: 4px 40px}
body.scrolled .divPageHdr .hypListingAction,
body.scrolled .divPageHdr .hypListingAction:link,
body.scrolled .divPageHdr .hypListingAction:visited{ padding:0 20px 0px 30px;height: 40px;line-height: 40px;}
body.scrolled .divPageHdr .hypListingAction.add, 
body.scrolled .divPageHdr .hypListingAction.export, 
body.scrolled .divPageHdr .hypListingAction.import,
body.scrolled .divPageHdr .hypListingAction.setting {background-position:12px 12px;}
body.scrolled .divPageHdr .hypListingAction.add:hover, 
body.scrolled .divPageHdr .hypListingAction.export:hover, 
body.scrolled .divPageHdr .hypListingAction.import:hover,
body.scrolled .divPageHdr .hypListingAction.setting:hover { background-position: 12px -52px;}
body.scrolled .divPageHdr .fupImport { padding-top: 5px; }

body.scrolled .divHeader {height:30px;}
body.scrolled .divHeader .divAdmPersonalizationDetails{ margin-top: 5px;font-size: 80%;}
body.scrolled .divHeader .admUserViewLink ,
body.scrolled .divHeader a.admUserViewLink:link ,
body.scrolled .divHeader a.admUserViewLink:visited {background-position: left 10px top 16px;height:30px;line-height: 30px;padding-left: 40px;  padding-right: 20px;}
body.scrolled .divHeader .updateProfile .icon{ top: 0;}
body.scrolled .divHeader .admUserViewLink, 
body.scrolled .divHeader a.admUserViewLink:link, 
body.scrolled .divHeader a.admUserViewLink:visited{background-position:left 10px top 5px;}
body.scrolled .divHeader a.admUserViewLink:hover, 
body.scrolled .divHeader a.admUserViewLink:active{background-position:left 10px top -64px;}
body.scrolled .divHeader .divAdmUserViewLink {font-size:80%;}
body.scrolled .divContent{margin-top:30px;}

.divPageHdr,
.divPageHdr + * ,
.divPageHdr > .title ,
.divPageHdr .hypListingAction,
.divHeader,
.divHeader .divAdmPersonalizationDetails,
.divHeader .admUserViewLink,
.divHeader .updateProfile .icon,
.divHeader .divAdmUserViewLink,
.divContent{transition:all .3s ease;}

/* ============ Tour Schedule ==================*/
.tdTitleTourDetail {font-size:150%; font-weight:bold;}

.lnkbtnSchedule,
.lnkbtnSchedule:link, .lnkbtnSchedule:visited{background-position:0 0; color:#5b95ff; background-repeat:no-repeat; padding-left: 20px;margin: 0 4px;}
.lnkbtnSchedule:hover,.lnkbtnSchedule:active { background-position: 0px -132px;text-decoration:none;}


/* Product Settings (My Tayar Price) */
div.spec {display:flex; flex-wrap:wrap;}
div.spec > div {width:calc((100% / 3) - 5em); padding:0 7em 1em 0;}
div.spec > div:nth-child(3n+3) {padding-right:0;}
div.spec > div:nth-child(n+4) {padding-top:3em;}
div.spec > div > div > span {display:block;}
div.spec > div > div > input[type="text"] {margin-right:1em;}
div.spec > div > div:first-of-type {display:flex; justify-content:space-between; align-items:center;}
div.spec > div > div:last-of-type {padding-top:2em;}
div.spec > div > div tr:first-child, div.spec > div > div tr > td:first-child {display:none;}
div.spec > div > div > table.dataTbl {border:none;}
div.spec > div > div tr > td {border-right:none;}
div.spec > div > div tr:last-child > td {border-bottom:none;}
div.spec > div > div > table.dataTbl > tbody > tr > td {width:100%}
div.spec > div > div > table.dataTbl > tbody > tr > td.tdAct a:first-child {float:left;}
div.spec > div > div > table.dataTbl > tbody > tr > td.tdAct a:last-child {height:1em; float:right;}
.fupload {display: flex; align-items: center;}
.fupload *:first-child {margin-left: 10px;}
.fupload .hypListingAction.import {float: none;}

/* ============== Form Container =====================*/
.form__container {}
.form__container--action-floated {margin-bottom:120px;}

.form__section {
    background-color: #fff;
    border-radius: 5px;
    padding: 20px;
    border: 1px solid #ececec;
    margin-bottom: 30px;
}

.form__section-without-border {
    background-color: #fff;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #ececec; margin-top:2px;
    /*margin-bottom: 30px;*/
}
.form__section--border-btm {border-bottom:1px dashed #292929;padding-bottom:20px;margin-bottom:20px;}
.form__section__title {
    font-size: 1.75rem;
    padding: 0px 0px 10px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.form__section__title.pageContentTitle  {
    padding: 0px 0px 20px;
}
.form__section__title__sub {
    font-size: 1rem;
    padding: 10px 0px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
/*.form__section__content {margin-bottom: 15px;}*/
.form__section__content-leftpad {padding-left: 20px;}


.form__action {display:flex; background-color: #ececec;height: auto;overflow: hidden;padding: 20px;width: 100%;}
.form__action .floated.right {margin-left:auto;}
.form__action--floated {
    position: fixed;
    bottom: 0;
    left: 0;
    opacity:0.8;
    z-index: 10;
}
.form__action--floated:hover{opacity:1;transition:all .3s ease-in-out;}

.form__information__tags { display: flex; align-items: center;}
.form__information__tag { padding: 0 10px;}
.form__information__tag--unique { color: #a259b7;}
.form__information__tag--required { color: #e00e27;}

/* ============== End Form Container =====================*/

.spanTextUpdateInfo {margin-top:10px;}
body.scrolled .spanTextUpdateInfo {margin-top:0px;}

/*Job Manager (Invest Pengerang)*/
.job {border-bottom: 1px solid #ececec; padding: 20px 40px;}

/*Prestige Plate - Sales Manager*/
.prestigeDataTbl .sixth{width:12%;}

/*Merchant Manager (Qooka)*/
table.chklst td:last-child {width:auto;}

/*One Inkjet Member Statement*/
.btnPaginationSel,.btnPaginationSel:link,.btnPaginationSel:active,.btnPaginationSel:visited,.btnPaginationSel:hover {color:#155cd2;font-weight:700;}

/*Celessa*/
.matrixTbl{padding:20px;width:auto !important;text-align:center;}
table.matrixTbl > tbody > tr > td:first-child{width:15%;padding:0px;text-align:center;}
table.matrixTbl > tbody > tr > td:last-child{width:auto!important;}
.tdMatrixHeader{color:#fff;background-color:#434343;padding:0px!important;text-align:center!important;}
.tdMatrixItem {border:1px solid #434343;border-top:none;border-left:0px;padding:10px 0px!important;text-align:center!important;}
.tdMatrixItem input{display:inline-block;}
.tdMatrixItem input[type="text"]{width:80%;}

.btnMatrixSave{display: inline-block;padding: 20px 50px 20px 30px;height: 30px;line-height: 0px;font-size: 16px;background: none;background-color: #2b539b;border: none;font-family: unset;background-image:url('../img/adm/btn-confirm.gif');background-repeat:no-repeat;background-position: right 20px top 11px;color:#fff;margin-left:20px;}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #333333;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #333333;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #333333;
}

:-moz-placeholder { /* Firefox 18- */
    color: #333333;
}

.valign-top {
    vertical-align: top;
}

/* tytabs styling*/
#tabsholder2 {height:auto; overflow:hidden;}
.tabs {list-style:none; margin:0; padding:0; width:100%; display:table;}
.tabs li {cursor:pointer; height:50px; width:50%; list-style:none; color:#666; box-sizing:border-box; text-align:center; display:table-cell; vertical-align:middle; border-bottom:solid 1px #ddd; border-top:solid 2px transparent;}
.tabs li:first-child {border-right:solid 1px #ddd;}
.tabs li:hover {color:#2b539b; border-top:solid 2px #2b539b;}
.tabs li.current {color:#2b539b; font-size:110%; font-weight:bold; border-bottom:solid 1px transparent; border-top:solid 2px #2b539b;}

.tabscontent {padding:30px 0px;}
.contents {height:auto; overflow:hidden; width:auto; box-sizing:border-box; padding:10px;}

.divTabsHdr {height:auto; overflow:hidden; position:relative; z-index:1;}
.divTabsContent {
    height: auto;
    overflow: hidden;
    position: relative;
}
/* end tytabs styling*/

/* Left Menu */
.header__sidebar {
    width: 220px;
}

.header_menuicon {
    position: absolute;
    height: 50px;
    width: 0px;
    /* padding: 30px; */
    z-index: 999;
    border-bottom: 1px solid #ddd;
    background-color: #ececec;
}

.header__sidebar__toggle {
    width: 0;
    height: 0;
}

.header__sidebar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1001;
    overflow: hidden;
    background-color: #434343;
    /*padding-bottom: 120px;*/ /* Footer Height */
}

.header__sidebar__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #ddd;
    color: #434343;
    overflow: hidden;
    cursor: pointer;
}

@media (max-width: 1366px) {
    .header__sidebar {width:0;}
    .header__sidebar__toggle {width:100%;height:100%;flex: 0 0 50px;}
    .divAction {padding-left:30px;}
    .header_menuicon {width:100px;}
    .divAdmPersonalization {padding-left:120px !important;}
    #main-container, .divHeader, .divPageHdr {
        padding-left: 0px;
    }

    .sidebar-open .header__sidebar {width:220px}
    .sidebar-open .header__sidebar__toggle {transform:rotate(90deg);border-right:0; display:table; text-align:center;}
    .sidebar-open .menu__sidebar {display:table-row;}
    .sidebar-open .divAction {padding-left:250px;}
    .sidebar-open #main-container, .sidebar-open .divHeader, .sidebar-open .divPageHdr {
        padding-left: 220px;
    }
    .sidebar-open .header_menuicon {border-right: 1px solid #ddd;}

    body.scrolled .header_menuicon {
        height: 70px;
    }
    body.scrolled .divPageHdr > .title {
        padding: 4px 40px 4px 120px;
    }

    .header__sidebar,
    .header__sidebar__toggle,
    .header_menuicon, .divAction {
        transition: all .3s ease;
    }
}
/* end Left Menu */

/*Custom File Upload*/
label.file-upload {
    position: relative;
    overflow: hidden;
    background-image: none;
    height: auto;
}

    label.file-upload input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: 0;
        background: #fff;
        cursor: inherit;
        display: block
    }
/*End Custom File Upload*/

/*Image style*/
.divImgAuto img {position: absolute; width: 100%; height: auto;  top: 50%; left: 50%; transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.divImgAuto img.potrait {position: absolute; width: auto; height: 100%;  top: 50%; left: 50%; transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}


/*End Image style*/

.divTemplateConV2{width:99%;margin:0px 0px 20px;overflow:hidden;overflow-y:auto!important;display:none;}
.divTemplateImgV2{display:inline-block;padding:14px;}