@import url("sprites.css");

table.Middle td { text-align: left; }
 
H1 {color: #666666; font-size: 12px;}
H2 {color: #666666; font-size: 11px;}
H3 {text-decoration:none; font-weight:bold; display:inline; font-family: verdana, arial, helvetica, sans serif; font-size: 8pt; color:#666666} 
.fontsize1, .f1 {font-size: 13px; }
.fontsize2 {font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif}
.fontsize3 {font-size: 16px; }
.fontsize9 {font-size: 9px; }
.fontsize10 {font-size: 10px; }
.fontsize11 {font-size: 11px; }
.fontsize12 {font-size: 12px; }
.fontsize14 {font-size: 14px !important; }
.fontsize16 {font-size: 16px !important; }
.fontsize18 {font-size: 18px !important; }
.fontsize22 {font-size: 22px !important; }

.left-thick-border { border-left: inset 2px black; }

.highlight { background-color: #1CA2D4; color: white !important; }

/*.hoverRow { background-color:#B9DCFF;}*/
.hoverRow2 { background-color:#CC3333;}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}

.AdminTableRow:hover, .AdminTableRowAlternate:hover, .AdminTableRow2:hover, .AdminTableRowAlternate2:hover, .AdminTableRowHighlight:hover, .AdminTableRowHighlight2:hover, .AdminTableRowHighlight3:hover, .AdminTableRowHighlight4:hover {
    background-color: #B9DCFF !important;
}
.AdminTableRow:hover .discount-allowed, .AdminTableRowAlternate:hover .discount-allowed { background-color: #B9DCFF !important; }
.AdminTableRow:hover .voucher-allowed, .AdminTableRowAlternate:hover .voucher-allowed { background-color: #B9DCFF !important; }
.AdminTableRow:hover .company, .AdminTableRowAlternate:hover .company { background-color: #B9DCFF !important; }

.r1:hover, .r2:hover { background-color: #B9DCFF !important; }

.AdminHeader { color: #eaab06; background-color: #F7F8E0; font-weight: bold;}
.AdminPageTite { color: black; font-weight: bold; font-size: 18px; padding-left:5px;}

.AdminTableHeader { font-weight: bold; background-color: #d1d0a0; height:30px; }
.AdminTableHeader2 { font-weight: bold; background-color: #eeeeee; height:30px; }

.AdminTableRow { background-color:#DEDEBC; }
.AdminTableRow2 { background-color: #f9f9f9 }

.AdminTableRowAlternate { background-color: #fbf7f6; }
.AdminTableRowAlternate2 { background-color: #F5F5F5; }

.AdminTableRowHighlight { background-color: #F5A9F2; }
.AdminTableRowHighlight2 { background-color: #60b4f9; }
.AdminTableRowHighlight3 { background-color: yellow; }
.AdminTableRowHighlight4 { background-color: #fbcbf9; }
.AdminTableRowHighlight5 { background-color: #dac9fb; }
.AdminTableRowClickHighlight { background-color: #a5f960; }
.AdminTableRowCancelled { background-color: #D8D8D8; }
.AdminTableRowCancelled2 { background-color: #a4a2a2; }
.AdminTableRowCancelled3 { background-color: #c6c3c3; }
.AdminTableRowNeedSeriesNo { background-color: #fdca46; }

.AdminTableFooter { font-weight: bold; background-color: #d1d0a0; height:30px; }
.AdminTableFooter2 { font-weight: bold; background-color: #eeeeee; height:30px; }

.AdminLeftNav { background-color: #FBFBEF;}
.pressRelease {background-color:#CCCCCC; height:25px;font-weight: bold; color:#333333}

.AdminTableRow .discount-allowed {
    background-color: #d1fefa;
}
.AdminTableRowAlternate .discount-allowed {
    background-color: #edf8f7;
}

.AdminTableRow .voucher-allowed {
    background-color: #b9ffbc;
}

.AdminTableRowAlternate .voucher-allowed {
    background-color: #e1fce1;
}

.AdminTableRow .company {
    background-color: #ffd3a9;
}

.AdminTableRowAlternate .company {
    background-color: #ffe3c9;
}
 
/* http://www.w3schools.com/html/html_colors.asp */ 
.MemberOrderTableCategoryGroupBar { background-image: url(/images/bar/cat_group_bar.jpg); color: #494949; font-size: 16px; font-weight: bold; text-transform: uppercase; }
.MemberOrderTableCategoryBar { background-image: url(/images/bar/cat_bar.jpg); color: #494949; font-size: 18px; font-weight: bold; }
.MemberOrderTableProductTypeBar, .ptb { background-image: url(/images/bar/product_type_bar.jpg); color: #494949; font-size: 14px; font-weight: bold;}
.MemberOrderTableHeader, .MemberOrderTableFooter, .h { color:#666666; font-weight: bold; background-color: #E1F5A9; height:25px; }
.MemberOrderTableRow,.r1 { background-color:#F8FBEF; color:#000000; }
.MemberOrderTableRowAlternate,.r2 { background-color:#e4efca; color:#000000; }
.MemberOrderTableRowHover, .hv { background-color:#B9DCFF; }
.MemberOrderTableOutOfStock { color:red; font-size:10px; }
.MemberOrderWarranty, .mow { font-size:10px; font-style:italic; }

.MemberOrderTablePackageGroupNameBar, .MemberOrderTablePackageGroupName { background-image: url(/images/bar/cat_bar.jpg); color: #494949; font-size: 18px; font-weight: bold; }

.ous { color: red; font-size:9px; cursor: pointer; line-height: 20px; } /* item status - out of stock */
.av { color: #A4A4A4; font-size:9px; cursor: pointer; line-height: 20px; } /* item status - available */
.cs { color: green; font-size:9px; cursor: pointer; line-height: 20px; } /* item status - coming soon */
.na { color: blue; font-size:9px; cursor: pointer; line-height: 20px; } /* item status - new arrival */
.pro { color: #CC2EFA; font-size:9px; cursor: pointer; line-height: 20px; } /* item status - promo */
.crs { color: #CC2EFA; font-size:9px; cursor: pointer; line-height: 20px; } /* item status - crazy sales */
.rec { color: #FF8000; font-size:9px; cursor: pointer; line-height: 20px; } /* item status - recommended */
.mt { color: #f78181; font-size:9px; cursor: pointer; line-height: 20px; } /* item status - must try */
.gd { color: #b87407; font-size:9px; cursor: pointer; line-height: 20px; } /* item status - good */
.mb { color: #b87407; font-size:9px; cursor: pointer; line-height: 20px; } /* item status - must buy */
.wow { color: #58ACFA; font-size:9px; cursor: pointer; line-height: 20px; } /* item status - wow */
.op { color: #424242; font-size:9px; cursor: pointer; line-height: 20px; } /* item status - optional */
.cl { color: red; font-size:9px; cursor: pointer; line-height: 20px; } /* item status - clearance */
.cr { color: #CC2EFA; font-size:9px; cursor: pointer; line-height: 20px; } /* item status - crazy */

/* member and admin order pages (same as above just no cursor: pointer;) */
.ous3 { color: red; font-size:9px; line-height: 20px; } /* item status - out of stock */
.av3 { color: #A4A4A4; font-size:9px; line-height: 20px; } /* item status - available */
.cs3 { color: green; font-size:9px; line-height: 20px; } /* item status - coming soon */
.na3 { color: blue; font-size:9px; line-height: 20px; } /* item status - new arrival */
.pro3 { color: #CC2EFA; font-size:9px; line-height: 20px; } /* item status - promo */
.crs3 { color: #CC2EFA; font-size:9px; line-height: 20px; } /* item status - crazy sales */
.rec3 { color: #FF8000; font-size:9px; line-height: 20px; } /* item status - recommended */
.mt3 { color: #f78181; font-size:9px; line-height: 20px; } /* item status - must try */
.gd3 { color: #b87407; font-size:9px; line-height: 20px; } /* item status - good */
.mb3 { color: #b87407; font-size:9px; line-height: 20px; } /* item status - must buy */
.wow3 { color: #58ACFA; font-size:9px; line-height: 20px; } /* item status - wow */
.op3 { color: #424242; font-size:9px; line-height: 20px; } /* item status - optional */
.cl3 { color: red; font-size:9px; line-height: 20px; } /* item status - clearance */
.cr3 { color: #CC2EFA; font-size:9px; line-height: 20px; } /* item status - crazy */

/* item details and item pages */
.ous2 { color: #F7819F; font-size:10px; } /* item status - out of stock */
.av2 { color: #A4A4A4; font-size:10px; } /* item status - available */
.cs2 { color: #d16ccd; font-size:10px; } /* item status - coming soon */
.na2 { color: #83ad56; font-size:10px; } /* item status - new arrival */
.pro2 { color: #819FF7; font-size:10px; } /* item status - promo */
.crs2 { color: #819FF7; font-size:10px; } /* item status - crazy sales */
.rec2 { color: #FF8000; font-size:10px; } /* item status - recommended */
.mt2 { color: #f78181; font-size:10px; } /* item status - must try */
.gd2 { color: #008cff; font-size:10px; } /* item status - good */
.mb2 { color: #008cff; font-size:10px; } /* item status - must buy */
.wow2 { color: #58ACFA; font-size:10px; } /* item status - wow */
.op2 { color: #c0c2c2; font-size:10px; } /* item status - optional */
.cl2 { color: #F7819F; font-size:10px; } /* item status - clearance */
.cr2 { color: #FF8000; font-size:10px; } /* item status - crazy */

.tac { text-align: center; }
.tar { text-align: right; }
.vt { vertical-align: text-top; }
 
.clickhere {color: #666666;font-weight: bold;}
.detail {color: #666666;}
.yellowFont {color: #bd8900}
.redFont {color: red; font-weight:bold}
.greenFont {color: green; font-weight:bold}
.green {color: green; }
.blue {color: blue; }
.attention {font-size: 16px; color: #CC3333} 

.markermenutitle{
    background-color: #CFCFCF;
    border: 1px solid #CFCFCF;
    font-size: 13px;
    font-weight:bolder;
    color:#666666;
    height:21px;
}

.markermenu{
list-style-type: none;
margin: 2px 0 0px 1px;
padding: 0;
width: 178px;
border-left: 1px solid #9A9A9A;
border-right: 1px solid #9A9A9A;
border-top: 1px solid #9A9A9A;
background-color:#EEEEEE;
}
.markermenu li{
padding-bottom: 2px;
}
.markermenu li a{
font: 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: 178px;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
margin-bottom: 0px;
}
.markermenu li a:visited{
color: #00014e;
}
.markermenu li a:hover{
color: black;
background-color: #ffffcb;
}

a.linkTextColor{color: #666666;}
a:link{color: #666666;}
a:visited{color: #666666;}
a:hover{color:#2b3126;}

.mainProductCounter { color: orange; }

table.outer
{
  background-color: white;
  border: 1px solid #b9bcbd;
  margin-top: 10px;
  margin-bottom: 10px;
}
table.outer td.view
{
  background-color:#993366;
}

td.off {
    
}

td.on {
    
    background-color: #000000;
    color:#FFFFFF;
    /*font-size:11px;*/
}
 
td.on1, tr.on1 { 
    
    background-color: #dcf5e3; 
    color:#FFFFFF;
    /*font-size:11px;*/ 
}
 
a.noLine { text-decoration: none; color:#666666; }

a.noLine2 { text-decoration: none; color:#666666; } 
a.noLine2:hover { text-decoration: underline; color:#000000; }

a.AdminNoLine, a.anl { text-decoration: none; color:#666666;}
a.AdminNoLine:hover, a.anl:hover { text-decoration: underline; color:#000000; } /* font-weight:bold */

a.Report { color:black; text-decoration: none; }
a.Report:hover { color:black; text-decoration: underline; }
a.Report:visited { color:black; text-decoration: none; }

a.footerLink { color:#666666; }
a.footerLink:hover { color:#333333; }
a.footerLink:visited { color:#333333; }
 
BODY
{   
    font-size: 12px;
    color: #494949;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-image:url(/cmslogin/images/background.jpg);
    background-attachment:fixed;
    
    /* http://www.gaijin.at/en/olsbarcss.php */
    /*scrollbar-arrow-color: #000000;
    scrollbar-base-color: #000000;
    scrollbar-track-color: #808080;
    scrollbar-face-color: #C0C0C0;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;*/
}

html {
    overflow: scroll;
}

TABLE 
{
    font-size: 12px;
    color: #494949;
}
TD
{
    font-size: 12px;
    color: #494949;
} 
TABLE.Top
{
    border-right: #FFFFFF 1px solid;
    border-top: #FFFFFF 1px solid;
    border-left: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px
}
TABLE.Middle
{
    border-right: #FFFFFF 1px solid;
    border-top: #FFFFFF 1px;
    border-left: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px
}
TABLE.Bottom
{ 
    border-right: #FFFFFF 1px solid;
    border-top: #FFFFFF 1px;
    border-left: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid
}

TABLE.Dark
{
    background-color: #FFFFFF
}
.IndentedL015
{
    margin-left: 15px
}
TD.Col1Row1
{
    background-color: #c3c3c2
}
TD.Col1Row2
{
    background-color: #aaa9a9
}
TD.Col1Row3
{
    background-color: #969595
}

tr.header-bar {
    background-color: #3c1d1d;
    background-image: -ms-linear-gradient(top, #3c1d1d 0%, #482222 100%);
    background-image: -o-linear-gradient(top, #3c1d1d 0%, #482222 100%);
    background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #3c1d1d), color-stop(1, #482222));
    background-image: -webkit-linear-gradient(top, #3c1d1d 0%, #482222 100%);
    background-image: linear-gradient(top, #3c1d1d 0%, #482222 100%);
    padding: 5px 0px 5px 5px;
    border-radius: 5px;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 5px 0 5px;
}
tr.header-bar td {
    color: white !important;
}
/*TD.HeaderLeft
{
    background-image:url(/images/bar/HeaderLeft.gif);
    background-repeat:no-repeat;
}
TD.Header
{
    background-position: left top;
    background-image: url(/images/bar/HeaderBack.gif);
    background-repeat: repeat-x;
    font-weight:bold;
    font-size:12px;
    font-family:Verdana;
    color:#FFFFFF;
    height:24px; 
}
TD.HeaderRight
{
    background-image:url(/images/bar/HeaderRight.gif);
    background-repeat:no-repeat;
}*/
TABLE.Col2
{
    background-color: #dfdfde;
}
.Small
{
    font-size: 10px;
}
.Title
{
    font-weight: bold;
}
.black
{
    color: #000000 !important;
}
IMG.MarginedRightAndBottom
{
    margin-bottom: 4px;
    margin-right: 8px
}
TD.Dark
{
    background-color: #FFFFFF;
}
.FirstBreakBefore
{
    margin-top: 7px;
}
.NoBreakBefore
{
    margin-top: 0px;
}


.borderLine {
    border-right: #999999;
    border-left: #999999;
    border-top-color: #999999;
    border-bottom-color: #999999;
        
    border-top-style: dotted;
    border-left-style:dotted;
    border-right-style:dotted;
    border-bottom-style: dotted;

    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
}

 .outerborderline {
    border-right: 1px solid #333333;
    border-left: 1px solid #333333;
    border-top-color: #333333;
    border-bottom-color: #333333;
        
    border-top-style: solid;
    border-left-style:solid;
    border-right-style:solid;
    border-bottom-style: solid;

    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
}

input {
    font-family: verdana, arial, helvetica, sans serif;
    font-size: 8pt;
}

input.button {
    font-size:14px;
    font-family:Verdana,sans-serif;
    font-weight:bold;
    color:#FFFFFF;
    height:25px;
    border-style:solid;
    border-color:#666666;
    border-width:1px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#088A08', endColorstr='#3ADF00'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#088A08), to(#3ADF00)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #088A08,  #3ADF00); /* for firefox 3.6+ */ 
    background-image:-ms-linear-gradient(top, #088A08 0%, #3ADF00 100%); /* for IE 10 */
}

input.button:hover
{
    color:#FFFFFF;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ADF00', endColorstr='#088A08'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#3ADF00), to(#088A08)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #3ADF00,  #088A08); /* for firefox 3.6+ */ 
    background-image:-ms-linear-gradient(top, #3ADF00 0%, #088A08 100%); /* for IE 10 */
    cursor:pointer;
}

input.button-mini {
    font-size:10.5px;
    font-family:Verdana,sans-serif;
    font-weight:bold;
    color:#FFFFFF;
    height:20px;
    border-style:solid;
    border-color:#666666;
    border-width:1px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#088A08', endColorstr='#3ADF00'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#088A08), to(#3ADF00)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #088A08,  #3ADF00); /* for firefox 3.6+ */ 
    background-image:-ms-linear-gradient(top, #088A08 0%, #3ADF00 100%); /* for IE 10 */
}

input.button-mini:hover
{
    color:#FFFFFF;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ADF00', endColorstr='#088A08'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#3ADF00), to(#088A08)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #3ADF00,  #088A08); /* for firefox 3.6+ */ 
    background-image:-ms-linear-gradient(top, #3ADF00 0%, #088A08 100%); /* for IE 10 */
    cursor:pointer;
}

input.BackendButton
{
    width:auto;
    height:30px;
    font-weight:bold;
}

textarea {
    font-family: verdana, arial, helvetica, sans serif;
    font-size: 8pt;
}

.footerFont {
    color:black;
}

.requiredField {
    color:#F78181;
}

#statusPopUp 
{
    background-color: #F1FFB9;
    width: 140px;
    padding:5px 5px 5px 5px;
    border: 1px solid black;
}

#updateInTypePopUp, #updateOutTypePopUp
{
    background-color: #F1FFB9;
    width: 200px;
    padding:5px 5px 5px 5px;
    border: 1px solid black;
}

#invoiceDatePopUp
{
    background-color: #F1FFB9;
    width: 150px;
    padding:5px 5px 5px 5px;
    border: 1px solid black;
}

#printPopUp 
{
    background-color: #F1FFB9;
    width: 160px;
    padding:5px 5px 5px 5px;
    border: 1px solid black;
}

#selectStatePopUp 
{
    background-color: #F1FFB9;
    width: 200px;
    padding:5px 5px 5px 5px;
    border: 1px solid black;
}

#detailsPopUp 
{
    background-color: #F1FFB9;
    width: 500px;
    padding:5px 5px 5px 5px;
    border: 1px solid black;
}

#itemAvgCPHistory
{
    position:absolute;
    background-color: #80cb80;
    width: 440px;
    padding: 5px 5px 5px 5px;
    text-align:center;
    max-height: 400px;
    overflow-y: auto;
}

#itemPriceHistory
{
    position:absolute;
    background-color: #80cb80;
    width: 400px;
    padding: 5px 5px 5px 5px;
    text-align:center;
    max-height: 400px;
    overflow-y: auto;
}

.paymentModeTitlePopUp
{
    background-color: #F1FFB9;
    width: 200px;
    padding: 0px;
    /*border: 1px solid black;*/
}

.hide-default
{
    display:none;
}

.newCustomer
{
    color:blue;
    font-weight:bold;
}
 
.lptr { text-decoration:underline; cursor:pointer; }
.idpop  { display:none; position:absolute; border: solid 1px gray; background-color: #FFFFFF; width:700px; height:auto; z-index: 10001; overflow: auto; }
.idpopp { display:none; position:absolute; border: solid 1px gray; background-color: #FFFFFF; width:700px; height:auto; z-index: 10001; overflow: auto; }
.ptr { cursor:pointer; }
.bnft { font-size:10px; }
.ltROL { color:red;font-weight:bold; }
.ltROLButOrderPlaced { color:green;font-weight:bold; }
.ltROLOrderStillLtRL { color:purple;font-weight:bold; }

.i { font-style:italic; }
.b { font-weight: bold; }

.storekeeper-mk { color: green; background-color: Yellow; font-weight: bold; cursor: pointer; }
.storekeeper-bw { color: purple; background-color: #b9dcff; font-weight: bold; cursor: pointer; }
.storekeeper-oth { color: brown; background-color: #d5cecc; font-weight: bold; cursor: pointer; }

.package-btn { background:url('/images/order/button_off.jpg?v=2'); background-repeat: no-repeat; width:232px; height:38px; cursor: pointer; display: inline-block; padding-bottom: 2px; }
.package-btn:hover { background:url('/images/order/button_on.jpg?v=2'); background-repeat: no-repeat; width:232px; height:38px; cursor: pointer; display: inline-block; padding-bottom: 2px; }
.package-btn-selected { background:url('/images/order/button_selected.jpg?v=2'); background-repeat: no-repeat; width:232px; height:38px; cursor: pointer; display: inline-block; padding-bottom: 2px; }
.package-btn-name { color: Black; font-size: 15px; font-weight: bold; padding-left: 4px; line-height: 20px; }
.package-btn-package { color: #0431B4; font-size: 11px; font-weight: bold; width: 60px; line-height: 20px; float: right; padding-right: 2px; }

.package-btn-weight, .package-btn-wm, .package-btn-em { font-size: 9px; color: Black; }
.package-btn-weight { padding-left: 22px; color: Brown; }
.package-btn-wm { color: Green; }
.package-btn-em { color: #585858; }

.add-on-package-btn { margin-left: 5px; background:url('/images/order/button_off.jpg?v=2'); background-repeat: no-repeat; width:232px; height:38px; cursor: pointer; display: inline-block; padding-bottom: 2px; }
.add-on-package-btn:hover { margin-left: 5px; background:url('/images/order/button_on.jpg?v=2'); background-repeat: no-repeat; width:232px; height:38px; cursor: pointer; display: inline-block; padding-bottom: 2px; }
.add-on-package-btn-selected { margin-left: 5px; background:url('/images/order/button_selected.jpg?v=2'); background-repeat: no-repeat; width:232px; height:38px; cursor: pointer; display: inline-block; padding-bottom: 2px; }
.add-on-package-btn-name { color: Black; font-size: 11px; font-weight: bold; padding-left: 4px; line-height: 20px; }
.add-on-package-btn-package { color: #0431B4; font-size: 11px; font-weight: bold; width: 60px; line-height: 20px; float: right; padding-right: 2px; }

.add-on-package-btn-weight, .add-on-package-btn-wm, .add-on-package-btn-em { font-size: 9px; color: Black; }
.add-on-package-btn-weight { padding-left: 22px; color: Brown; }
.add-on-package-btn-wm { color: Green; }
.add-on-package-btn-em { color: #585858; }

.left-lbl-order-amount, .left-lbl-discount, .left-lbl-total { padding-left: 8px; }
.left-order-amount, .left-discount, .left-total { font-weight: bold; font-size: 17px; padding-left: 8px; }

.red { color: red; }
.brown { color: brown; }
.sellingPrice { color: #4da74d; font-weight: bold; }
.buyXFreeYInProducts { color: orange; font-size: 10px; }
 
.po-created { color: black; background-color: #E3F6CE; }
.po-approved { color: black; background-color: #a3d1a6; }
.inv-created { color: white; background-color: green; }
.pi-confirmed { color: white; background-color: green; }
.paid { color: black; background-color: yellow; }
.pl-received { color: white; background-color: orange; }
.eta-received { color: black; background-color: pink; }
.goods-received { color: white; background-color: red; }
.follow-up { color: white; background-color: #0404B4; }
.po-closed { color: white; background-color: #2E2E2E; }
.cancelled { color: black; background-color: #D8D8D8; }

#floating-div { position:absolute; border: 1px white solid; padding: 5px 5px 5px 5px; width: 200px; top: 350px; right: 5px; }

.tabs { background-image: url('/images/bar/tabs.jpg'); color: #fbf7f6; cursor: pointer; font-weight: bold; text-align: center; }
.tabs.selected, .tabs:hover { background-image: url('/images/bar/tab-selected.jpg'); color: Black; cursor: pointer; font-weight: bold; text-align: center; }

.tabs2 { background-image: url('/images/bar/tabs2.jpg'); color: #fbf7f6; cursor: pointer; font-weight: bold; text-align: center; height: 45px; }
.tabs2.selected, .tabs2:hover { background-image: url('/images/bar/tab-selected2.jpg'); color: Black; cursor: pointer; font-weight: bold; text-align: center; height: 45px; }

.left-panel, right-panel { background-color: #FFFFFF; }
.delivery-footnote { font-size: 11px; color: #494949; }

.btn-place-order, .btn-reset-order { width: 130px; }

.product-info-bar, .specification-bar, .order-history-bar, .stock-history-bar, .purchase-history-bar { background-color: #39cd04; color: White; text-align: center; height: 25px; }
.close-dialog-bar { background-color: #06ae06; color: white; cursor: pointer; text-align: right; height: 30px; padding-right: 10px; font-weight: bold; }

.stock-history-in-type { color: green; font-size: 10px; }
.stock-history-out-type { color: red; font-size: 10px; }

.order-history-1st-quarter { color: blue; text-decoration:none; font-size:12px; }
.order-history-2nd-quarter { color: green; text-decoration:none; font-size:12px; }
.order-history-3rd-quarter { color: red; text-decoration:none; font-size:12px; }
.order-history-4th-quarter { color: brown; text-decoration:none; font-size:12px; }
.diy-class { color: #b87407; text-decoration:none; font-size:12px; }
.pcg-class { color: #8c2aa5; text-decoration:none; font-size:12px; }

.more-than-1pm { background-color: Yellow; font-size: 9px; font-weight: bold; }
.goods-returned-note { background-color: Brown; color: White; font-size: 9px; font-weight: bold; }
.not-yet-pay { background-color: Red; color: White; font-size: 9px; font-weight: bold; }
.deposit { background-color: Blue; color: White; font-size: 9px; font-weight: bold; }

.main-table { border: solid 1px #dcd6d6; background-color: white; }

.products-item-code { font-size: 11px; line-height: 18px; }
.products-item-name { font-size: 11px; color: #494949; font-weight: bold; }  

.faq-category { font-size: 16px; font-weight: bold; text-decoration: underline; }
.faq-question { font-size: 14px; font-weight: bold; color: #bd8900; }

.qty-text-box { background-color: #E0ECF8; }
.free-text-box { background-color: #F8E0E0; }

.stock-discrepancies-yes { color: Red; font-weight: bold; font-size: 12px; cursor: pointer; vertical-align: middle; line-height: 25px; }
.stock-discrepancies-no { color: Green; font-size: 10px; cursor: pointer; vertical-align: middle; line-height: 25px; }

.training-code { font-weight: bold; color: brown; padding-left: 4px; display: inline-block; }
.trainer { font-weight: bold; color: Blue; padding-left: 4px; display: inline-block; }

.design-not-sure { font-weight: bold; color: Blue; }
.design-yes { font-weight: bold; color: Green; }
.design-no { font-weight: bold; color: Red; }

.aida-awareness { font-weight: bold; color: Brown; }
.aida-interest { font-weight: bold; color: Blue; }
.aida-desire { font-weight: bold; color: Orange; }
.aida-action { font-weight: bold; color: Green; }

.followed-true { font-weight: bold; color: Green; }
.followed-false { font-weight: bold; color: Red; }

.package-group-cat-button { font-weight: bold; font-size: 16px; width: 300px; height: 40px; cursor: pointer; }
.package-group-cat-button.selected { background-color: #87f758; }

.star-classification { color: Red; font-weight: bold; font-size: 11px; }
.star-classification-1m { color: Blue; font-weight: bold; font-size: 13px; }

.kiv { color: blue; font-weight: bold; font-size: 11px; }

.clickable { cursor: pointer; }

.left-bar { width: 5px; height: 900px; background-color: gray; cursor: pointer; position: fixed; left: 0px; top: 20px; }

.no-of-revise { font-size:9px; margin-left: 3px; padding-left: 2px; padding-right: 2px; background-color: yellow; font-weight: bold; }

.page-title-empty { background-color: #FA5858; color: white; }
.meta-desc-empty { background-color: #fb4141; color: white; }
.item-desc-empty { background-color: #e70e0e; color: white; }
.r { color: red; }
.g { color: green; }
.b { color: blue; }

.rb { color: Red; font-weight: bold; }
.gb { color: Green; font-weight: bold; }
.bb { color: blue; font-weight: bold; }
.qty-aqs-mth { color: #db7379; font-size: 13px; }
.cp-up-gp { color: #5e9550; font-size: 13px; }

.bold { font-weight: bold; }
.bold-14px { font-weight: bold; font-size: 14px; }
.u, .underline { text-decoration: underline; }

input[readonly] { background-color: #E1E6E8; }

#newInvNotification { position:fixed; bottom: 0px; left: 0px; height: auto; width: 550px; max-height: 500px; background-color: #78f578; overflow-y: auto; }
#showHideInvLog { text-decoration: underline; cursor: pointer; }
#newInvCounter { margin-right: 5px; }
#clearInvLog { text-decoration: underline; cursor: pointer; margin-left: 10px; margin-right: 5px; }

img.HoverBorder, div.HoverBorder {border:1px solid #eee; margin-bottom: 2px;}
img.HoverBorder:hover, div.HoverBorder:hover {border:1px solid #555;}

img.HoverBorder2 {border:1px solid #d3d0d0; margin-bottom: 2px;}
img.HoverBorder2:hover {border:1px solid #555;}

.sw { cursor: pointer; color: green; font-weight: bold; } /*Show warranty*/

.lh25 { line-height: 25px; }
.view-item-info { text-decoration: underline; cursor: pointer; }

#overlay
{
   background-color: #000;
   opacity: .7;
   filter: alpha(opacity=70);
   position: absolute; top: 0; left: 0;
   width: 100%; height: 100%;
   z-index: 10000;
   display: none;
}

input[type=text]:disabled {
    background: #ddd3d3;
    color: black;
}

span.item-found { background-color: yellow; }

.ia-loading {
    background-image:url(/cmslogin/images/IA-ajax-loader.gif); position: fixed; top: 50%; left: 50%; width: 100px; height: 100px; display: none; z-index: 10001;
}

.lifespan {
    background-color: yellow;
    font-weight: bold;
}

.member-profile-title {
    font-weight: bold;
    color: yellow;
}

#order-form-member-info a, #order-form-member-info td {
    color: white;
}

.login-only { display: none; }

/*
img, .shadow-border {
    -webkit-box-shadow: 3px 3px 3px #7C7C7C;
    box-shadow: 3px 3px 3px #7C7C7C;
}

.no-shadow-border {
    -webkit-box-shadow: 0px 0px 0px #FFFFFF !important;
    box-shadow: 0px 0px 0px #FFFFFF !important;
}*/

.hly { background-color: yellow; }
#divMonthlySalesPrevMonth { display:none; position:absolute; border: solid 1px gray; background-color: #FFFFFF; width:180px; height:auto; z-index: 10001; overflow: auto; }
.largestAQS { font-weight: bold; font-size: 11px; color: brown; }
.empty-pq-w-cm3 { background-color: orange; }
.ia-pt-bar { width: 480px; padding-left: 20px; display: inline-block; }
.pl20 { padding-left: 20px; }
.pq-qty-aqs-mth { width: 300px; display: inline-block; }
.question { background-color: red; color: white; font-size: 16px; font-weight: bold; padding: 0px 5px; }

html::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

html::-webkit-scrollbar
{
    width: 15px;
    background-color: #F5F5F5;
}

html::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #44cd20;
}

body /* for IE */
{ 
    scrollbar-base-color: #44cd20; 
    scrollbar-arrow-color: #44cd20;
}

.alert-fill-in
{
    background-color: red;
    color: white;
}

.gst
{
    background-color: red;
    color: white;
    padding: 0 4px 0 4px;
    font-size: 9px;
}

#itemSplit { display:none; position:absolute; border: solid 1px gray; background-color: #FFFFFF; width:600px; height:auto; z-index: 10001; overflow: auto; padding: 5px; }

.yellow-highlight { background-color: yellow; }

span.fav-star { cursor: pointer; padding-left: 10px; font-size: 16px; color: #d3cfcf; }
span.fav-star.selected { color: #0404b2; }

span.total-deposit { color: Green; background-color: yellow; font-weight: bold; font-size: 12px; }

span.top3-amt, td.top3-amt { font-size: 12px; font-weight: bold; color: blue; }
span.top3-amt2 { font-size: 11px; font-weight: bold; color: blue; }

span.top3-amt-no1, td.top3-amt-no1 { font-size: 14px; font-weight: bold; color: purple; background-color: #efef95; }
span.top3-amt2-no1 { font-size: 13px; font-weight: bold; color: purple; background-color: #efef95; }

span.lowest-amt-no1, td.lowest-amt-no1 { font-size: 14px; font-weight: bold; color: white; background-color: mediumvioletred; }

span.kiv-status-Pending { font-weight: bold; }
span.kiv-status-Important { background-color: orange; color: white; font-weight: bold; padding: 4px 4px 4px 4px; }
span.kiv-status-Urgent { background-color: red; color: white; font-weight: bold; padding: 4px 4px 4px 4px; }

tr.kiv-status-row-Pending { }
tr.kiv-status-row-Important { background-color: #f7d8a0; }
tr.kiv-status-row-Urgent { background-color: #ffbdd3; }

.ia-cur { background-color: #d9fdda; }
.ip-cur { background-color: #fddcd9; }

.main-prod-odd { background-color: #f9f8de; }
.main-prod-even { background-color: #f5f3c1; }

.cash-vou { background-color: green; color: white; font-weight: bold; margin-top: 2px; padding: 0 3px 0 3px; display: inline-block; }

input[id*='Chinese'] { font-size: 12px; }

/*#region vote */
.vote-banner {
    margin: auto;
    background: #f6f5f5;
    box-shadow: 3px 3px 3px grey, 0 0 3px black;
}

#voteRibbon {
    position: fixed;
    top: 135px;
    right: 68px;
    z-index: 99999;
    display: none;
}

#voteRibbon a {
    display:block;
    width: 68px;
    height: 100px;
}

#voteRibbonText {
    position: fixed;
    top: 265px;
    right: 0;
    z-index: 99999;
    font-weight: bold;
    background-color: #FBB046;
    padding: 5px;
    display: none;
}

#voteRibbonText a {
    text-decoration: none;
}

#voteRibbonClose {
    position: fixed;
    top: 290px;
    right: 0;
    z-index: 99999;
    font-size: 12px;
    padding: 5px;
    cursor: pointer;
    color: white;
    display: none;
}

#voteForUs {
    color: black;
}

#voteForUs:hover, #voteForUs:focus {
    color: #4b4a4a !important;
}
/*#endregion*/

/*region order status*/
.order-status-Account {
    font-weight: bold;
}
/*#endregion */

.red-highlight {
    color: white;
    background-color: red;
    padding: 0 2px 0 2px;
    font-weight: bold;
}

.totalPlusGst {
    font-weight: bold;
    background-color: brown;
    color: white;
    padding: 2px;
}

span.paid-stamp, a.paid-stamp {
    font-weight: bold;
    font-size: 12px;
    padding: 2px;
    white-space: nowrap;
    color: #f76a00 !important;
    border: solid 1px #f76a00;
    text-decoration: none;
}

span.member-status-Active {
    font-weight: bold;
    color: green;
}

span.member-status-Inactive {
    font-weight: bold;
    color: red;
}

span.member-status-Dormant {
    font-weight: bold;
    color: gray;
}

.race-Malay {
    background-color: green;
    color: white;
    font-weight: bold;
    padding: 0 2px 0 2px;
}

.race-Chinese {
    background-color: Yellow;
    color: black;
    font-weight: bold;
    padding: 0 2px 0 2px;
}

.race-Indian {
    background-color: purple;
    color: white;
    font-weight: bold;
    padding: 0 2px 0 2px;
}

.race-Others {
    background-color: darkgray;
    color: white;
    font-weight: bold;
    padding: 0 2px 0 2px;
}

@media print {
    .visible-print {
        display: block !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }

    .hidden-print {
        display: none !important;
    }

    tr.hidden-print {
        display: none !important;
    }

    th.hidden-print,
    td.hidden-print {
        display: none !important;
    }
}

.location-Klang {
    font-weight: bold;
    color: white;
    background-color: green;
    padding: 3px 3px 3px 3px;
}

.location-PCG {
    font-weight: bold;
    color: white;
    background-color: #1CA2D3;
    padding: 3px 3px 3px 3px;
}

.location-Ipoh {
    font-weight: bold;
    color: white;
    background-color: red;
    padding: 3px 3px 3px 3px;
}

.location-JohorBahru {
    font-weight: bold;
    color: white;
    background-color: blue;
    padding: 3px 3px 3px 3px;
}

.location-KotaKinabalu {
    font-weight: bold;
    color: white;
    background-color: brown;
    padding: 3px 3px 3px 3px;
}

.location-Kuching {
    font-weight: bold;
    color: white;
    background-color: orangered;
    padding: 3px 3px 3px 3px;
}

.location-Klang-Warehouse {
    font-weight: bold;
    color: white;
    background-color: brown;
    padding: 3px 3px 3px 3px;
}

.a2Type-company {
    color: white;
    background-color: blue;
    padding: 3px 3px 3px 3px;
}

.a2Type-diy {
    color: white;
    background-color: purple;
    padding: 3px 3px 3px 3px;
}

.a2Type-pcg {
    color: white;
    background-color: #1ca4d6;
    padding: 3px 3px 3px 3px;
}

.a2Type-123 {
    color: white;
    background-color: orangered;
    padding: 3px 3px 3px 3px;
}

.a2Type-family {
    color: white;
    background-color: green;
    padding: 3px 3px 3px 3px;
}

.margin-top-5 {
    margin-top: 5px;
}

/*#region WATI status*/
.wati-status-open, .wati-status-new {
    background-color: rgba(14, 113, 195, 0.11);
    color: rgb(14, 113, 195);
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    min-width: 85px;
    border-radius: 12px;
    /*width: 70px;*/
    width: 100%;
    border: 1px solid;
}

.wati-status-pending {
    background-color: rgba(255, 185, 6, 0.11);
    /*color: rgb(255, 185, 6);*/
    color: orange;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    min-width: 85px;
    border-radius: 12px;
    /*width: 70px;*/
    width: 100%;
    border: 1px solid;
}

.wati-status-solved {
    background-color: rgba(20, 163, 77, 0.11);
    color: rgb(35, 164, 85);
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    min-width: 85px;
    border-radius: 12px;
    /*width: 70px;*/
    width: 100%;
    border: 1px solid;
}

.wati-status-expired {
    background-color: rgba(255, 14, 14, 0.11);
    color: rgb(255, 14, 14);
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    min-width: 85px;
    border-radius: 12px;
    /*width: 70px;*/
    width: 100%;
    border: 1px solid;
}
/*#endregion*/

a.wati {
    background-color: #23A456;
    color: white !important;
    padding: 3px;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
}

.training-type-Offline {
    background-color: rebeccapurple;
    color: white !important;
    padding: 3px;
    font-weight: bold;
}

.training-type-Online {
    background-color: dodgerblue;
    color: white !important;
    padding: 3px;
    font-weight: bold;
}