/* --------Start of  ----------*/
/* --------End of  ----------*/
/* ================================================================================== */
/* --------Start of Empty-Spacing ----------*/
.DivClear {
    clear: both;
}

.DivEmpty {
    height: 10px;
}

.TrEmpty {
    height: 10px;
}
.FlowLeft {
    float: left;
}
/* --------End of Empty-Spacing ----------*/
/* --------Start of Text-Style ----------*/
.TextDecoNone {
    text-decoration: none;
}
/* --------End of Text-Style ----------*/
/* --------Start of Align ----------*/
.GridAlign {
    display: block;
}

.MarginRight {
    margin-right: 10px;
}

.TextAlginRight {
    text-align: right;
}

.TextAlginLeft {
    text-align: Left;
}

.TextAlginCenter {
    text-align: Center;
}

.MarginCenter {
    margin-left: auto;
    margin-right: auto;
}
/* --------End of Align ----------*/
/* --------Start of Label ----------*/
.lblErr {
    color: #E8004E;
    font-weight: bold;
}

.lblErrDiv {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    width: 80%;
    background-color: #FFE2D6;
    border: 1px solid #A66E35;
    padding: 20px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 15px #E3B7AA;
    box-shadow: 0px 0px 15px #E3B7AA;
    color: #E8004E;
    font-weight: bold;
    font-size: 12pt;
}

.lblShortage {
    color: #E8004E;
    font-weight: bold;
    font-size: 12pt;
}

.lblUrgent {
    color: #3c4eb9;
    font-weight: bold;
}


.lblRemider {
    color: #AB6161;
    font-size: 8pt;
}

.lblHighlight {
    color: #C92A2A;
    font-weight: bold;
}

.lblFocus {
    color: #480090;
    font-weight: bold;
    font-size: 11pt;
    line-height: 1.6;
}

.SmallFont {
    font-size: 8pt;
    font-weight: normal;
}

.OffSalesProduct {
    color: #828282;
    /* text-decoration : line-through;*/
}

.ShortageProduct {
    color: #8B1E1E;
    font-weight: bold;
    /* text-decoration : line-through;*/
}

.InvDetailData, .InvDetailData:link, .InvDetailData:visited, .InvDetailData:active, .InvDetailData:hover {
    color: #B55B00; /* InvDetail-Text-Color */
}

.lblFontHighlight {
    font-size: 11pt;
}
.lblPointer {
    cursor: pointer;
}
.ChkStandard
{
    display:block;
    padding-right:10px;
}
/* --------End of Label ----------*/
/* --------Start of TextBox ----------*/
.LoginTxt {
    text-transform: uppercase;
    width: 150px;
}

.TxtUpperCase {
    text-transform: uppercase;
}

.TxtQty {
    width: 40px;
    text-align: center;
}

.TxtQty_Pic {
    height: 30px;
}

.TxtRemark {
    min-height: 60px;
    width: 500px;
}

.TxtDocDate {
    width: 80px;
}

.TxtDocNo {
    width: 150px;
}
.TxtAddress{
    width:300px;

}

.AddItem_cboCat {
    width: 200px;
    float: left;
}
.AddItem_cboItem {
    width: 400px;
    float: left;
}
/* ----- ---End of TextBox ----------*/
/* --------Start of DropDownList ----------*/
.CboInput {
    min-width: 250px;
    max-width: 250px;
}
/* --------End of DropDownList ----------*/
/* --------Start of Table ----------*/
Table {
    border-collapse: collapse;
    font-size: 10pt;
}

.TableRightAlign {
    margin-left: auto;
}

.TaSearch {
    border: 0px;
}

.TdStandard {
    padding: 3px;
    vertical-align: top;
}

.TdTitle {
    width: 110px;
}

.TdBtn {
    padding: 0px 15px 0px 15px;
    vertical-align: bottom;
}

.TdRiCartDel {
    width: 23px;
}

.TdCartQty {
    width: 10%;
    text-align: right;
    padding-left: 7px;
}

.TdCartOldRow {
    background-color: var(--Grid-EvenRow);
}

.TdCartEvenRow {
    background-color: var(--Grid-OldRow);
}

.TdCartShortageRow {
    background-color: #FFB3B3;
}

.TdCartHightlightRow {
    background-color: #B4FFA9;
}

.TableTotalAmt_CurrentPage {
    border: 1px solid #A2962A;
    background-color: var(--Grid-OldRow);
}

.TableTotalAmt {
    border: 1px solid #A2962A;
    background-color: #F9ED80;
}

.TableInvDetail {
    width: 100%
}

.TdInvDetLeft {
    width: 20%;
    padding: 3px 3px 3px 10px;
    vertical-align: top;
}

.TdInvDetRight {
    width: 80%;
    padding: 3px 3px 3px 10px;
}
/* --------End of Table ----------*/
/* --------Start of Button ----------*/
.LnkDelCart, .LnkDelCart:link, .LnkDelCart:visited, .LnkDelCart:active, .LnkDelCart:hover {
    font-weight: bolder;
    text-decoration: none;
    font-size: 13pt;
    color: #8C4A4A;
    text-shadow: 0px 0px 5px #DBDBDB;
    cursor: pointer;
}
.LnkMoveItem, .LnkMoveItem:link, .LnkMoveItem:visited, .LnkMoveItem:active, .LnkMoveItem:hover {
    font-weight: bolder;
    text-decoration: none;
    font-size: 13pt;
    color: #407882;
    text-shadow: 0px 0px 5px #DBDBDB;
    cursor: pointer;
}

.BtnStandard {
    padding: 5px 17px 5px 17px; /* Links */
    margin-right: 10px;
    text-decoration: none;
    font-size: 12px;
    line-height: 120%;
    border: 1px solid #999999;
    color: #404040;
    cursor: pointer;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 2%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(229,229,229,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 2%,rgba(229,229,229,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.BtnStandard-Red {
    color: #990000;
    border: 1px solid #CC9797;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 2%, rgba(255,212,212,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(255,255,255,1)), color-stop(100%,rgba(255,212,212,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(255,212,212,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(255,212,212,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(255,212,212,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 2%,rgba(255,212,212,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.GuideButton {
    display: table-cell;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    font-size: 30px;
    font-weight: bold;
    width: 150px;
    height: 35px;
    text-shadow: 0px 0px 8px #FBFFD9;
}

.BtnStandard-LightBrown {
    color: #6E3D22;
    border: 1px solid #C9BEB5;
    background: rgb(242,218,201); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 2%, rgba(242,218,201,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(255,255,255,1)), color-stop(100%,rgba(242,218,201,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(242,218,201,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(242,218,201,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(242,218,201,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 2%,rgba(242,218,201,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F2DAC9',GradientType=0 ); /* IE6-9 */
}


.BtnStandard-Gray {
    color: #404040;
    border: 1px solid #999999;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 2%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(229,229,229,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 2%,rgba(229,229,229,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.BtnStandard-Yellow {
    color: #B30E11;
    border: 1px solid #FFBB00;
    background: rgb(245,239,86); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 2%, rgba(245,239,86,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(255,255,255,1)), color-stop(100%,rgba(245,239,86,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(245,239,86,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(245,239,86,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(245,239,86,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 2%,rgba(245,239,86,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F5EE59',GradientType=0 ); /* IE6-9 */
}

.BtnStandard-Blue {
    color: #113E5E;
    border: 1px solid #93BECC;
    background: rgb(157,215,235); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 2%, rgba(157,215,235,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(255,255,255,1)), color-stop(100%,rgba(157,215,235,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(157,215,235,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(157,215,235,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(157,215,235,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 2%,rgba(157,215,235,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9DD7EB',GradientType=0 ); /* IE6-9 */
}

.BtnStandard-Redx {
    color: #990000;
    border: 1px solid #CC9797;
    background: rgb(237,135,135); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 2%, rgba(237,135,135,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(255,255,255,1)), color-stop(100%,rgba(237,135,135,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(237,135,135,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(237,135,135,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(237,135,135,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 2%,rgba(237,135,135,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ED8787',GradientType=0 ); /* IE6-9 */
}

.BtnStandard-Pink {
    color: #990000;
    border: 1px solid #CC9797;
    background: rgb(255,212,212); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 2%, rgba(255,212,212,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(255,255,255,1)), color-stop(100%,rgba(255,212,212,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(255,212,212,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(255,212,212,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(255,212,212,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 2%,rgba(255,212,212,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFD4D4',GradientType=0 ); /* IE6-9 */
}

.BtnStandard-PaleGreen {
    color: #1F3D0D;
    border: 1px solid #59D428;
    background: rgb(156,214,122); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 2%, rgba(156,214,122,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(255,255,255,1)), color-stop(100%,rgba(156,214,122,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(156,214,122,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(156,214,122,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(156,214,122,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 2%,rgba(156,214,122,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9CD67A',GradientType=0 ); /* IE6-9 */
}

.BtnStandard-Green {
    color: #1F3D0D;
    border: 1px solid #59D428;
    background: rgb(211,250,187); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(211,250,187,1) 2%, rgba(70,173,9,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(211,250,187,1)), color-stop(100%,rgba(70,173,9,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(211,250,187,1) 2%,rgba(70,173,9,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(211,250,187,1) 2%,rgba(70,173,9,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(211,250,187,1) 2%,rgba(70,173,9,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(211,250,187,1) 2%,rgba(70,173,9,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2FABB', endColorstr='#46AD09',GradientType=0 ); /* IE6-9 */
}

.BtnStandard-OrangeYellow {
    color: #802721;
    border: 1px solid #E6B6A3;
    /*font-weight: bold;*/
    background: rgb(255,205,87); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 2%, rgba(255,205,87,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(255,255,255,1)), color-stop(100%,rgba(255,205,87,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(255,205,87,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(255,205,87,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(255,205,87,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 2%,rgba(255,205,87,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E1CD57',GradientType=0 ); /* IE6-9 */
}

.BtnStandard-Purple {
    color: #30215C;
    border: 1px solid #AD9BDE;
    /*E0A8F0*/
    background: rgb(214,186,222); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 2%, rgba(214,186,222,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(255,255,255,1)), color-stop(100%,rgba(214,186,222,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(214,186,222,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(214,186,222,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(214,186,222,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 2%,rgba(214,186,222,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#D6BADE',GradientType=0 ); /* IE6-9 */
}

.BtnStandard-Wine {
    color: #FFFFFF;
    border: 1px solid #CF3838;
    background: rgb(189,0,0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(247,168,168,1) 2%, rgba(189,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(247,168,168,1)), color-stop(100%,rgba(189,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(247,168,168,1) 2%,rgba(189,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(247,168,168,1) 2%,rgba(189,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(247,168,168,1) 2%,rgba(189,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(247,168,168,1) 2%,rgba(189,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7A8A8', endColorstr='#BD0000',GradientType=0 ); /* IE6-9 */
}

.BtnStandard-AquaGreen {
    color: #035236;
    border: 1px solid #88BFAC;
    background: rgb(107,232,201); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 2%, rgba(107,232,201,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(255,255,255,1)), color-stop(100%,rgba(107,232,201,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(107,232,201,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(107,232,201,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(107,232,201,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 2%,rgba(107,232,201,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#6BE8C9',GradientType=0 ); /* IE6-9 */
}


.EditLnkBtn, .EditLnkBtn:link, .EditLnkBtn:visited, .EditLnkBtn:active, .EditLnkBtn:hover {
    /*display:block ;
    float:left;*/
    padding: 4px 12px 4px 12px;
    border: 1px solid #999999;
    text-decoration: none;
    color: #404040;
    text-align: center;
    cursor: pointer;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 2%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(229,229,229,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 2%,rgba(229,229,229,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ClipBoardBtn, .ClipBoardBtn:link, .ClipBoardBtn:visited, .ClipBoardBtn:active, .ClipBoardBtn:hover {
    padding: 4px 12px 4px 12px;
    width: 70px;
    border: 1px solid #999999;
    text-decoration: none;
    color: #404040;
    text-align: center;
    cursor: pointer;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 2%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(229,229,229,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 2%,rgba(229,229,229,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.CartCheckOut, .CartCheckOut:link, .CartCheckOut:visited, .CartCheckOut:active {
    display: block;
    float: right;
    margin: 0 7px 0 0;
    color: #94381B;
    background-color: #FCC9B9;
    box-shadow: 0px 0px 7px 0px #FCB6A0;
    border: 1px solid #BB8777;
    /*border-top:1px solid #eee;
    border-left:1px solid #eee;*/
    min-width: 50px;
    text-align: center;
    font-size: 12px;
    line-height: 130%;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    padding: 5px 10px 6px 7px; /* Links */
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .CartCheckOut:hover, .CartCheckOut a:hover {
        font-size: 15px;
        color: #6F06D1;
        color: #A2962A;
        background-color: #F9ED80;
        border: 1px solid #F9CF80;
    }

.CartBack, .CartBack:link, .CartBack:visited, .CartBack:active {
    color: #96523C;
    background-color: #FCEBB9;
    box-shadow: 0px 0px 7px 0px #BDB397;
    border: 1px solid #A4893C;
}

.BtnFormat {
    display: block;
    float: right;
    margin: 0 7px 0 0;
    min-width: 50px;
    text-align: center;
    font-size: 12px;
    line-height: 130%;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    padding: 5px 10px 6px 7px; /* Links */
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.CartPrint {
    color: #448227;
    background-color: #BBFF9C;
    box-shadow: 0px 0px 7px 0px #A8BA9F;
    border: 1px solid #2E5C2D;
}

.BtnAddAllCart {
    padding: 5px 15px 6px 15px; /* Links */
    color: #802721;
    border: 1px solid #E6B6A3;
    /*font-weight: bold;*/
    background: rgb(255,205,87); /* Old browsers */
}


/* --------End of Button ----------*/
/* --------Start of Div ----------*/
.DivButton {
    padding: 10px 0px 10px 0px;
}

.DivQtyTable {
    display: inline-block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

DivUnitTable {
    max-width: 70px;
    background: #E8004E;
    height: 50px;
}

.DivQtyTr {
    display: table-row;
}

.DivQtyTd {
    display: table-cell;
    padding: 0px 3px 0px 3px;
}

.DivGridQty {
    min-width: 20px;
    text-align: right;
    float: right;
    padding-right: 10px;
}

.DivGridUnit {
    min-width: 10px;
    float: right;
}

/* --------End of Div ----------*/
/* --------Start of GridView ----------*/
.GridTable {
    border-collapse: collapse;
    width: 100%;
    font-size: 10pt;
}

    .GridTable tr th {
        background-color: var(--Grid-header-Bg);
        color: #000000;
        padding: 10px 10px 10px 10px;
        border: 1px solid var(--Grid-header-border);
        font-weight: bold;
        text-transform: capitalize;
        text-align: left;
    }

    .GridTable tr:nth-child(2n+2) {
        background-color: var(--Grid-EvenRow);
    }

    .GridTable tr:nth-child(2n+1) td {
        background-color: var(--Grid-OldRow);
        color: #333333;
    }

    .GridTable tr td {
        padding: 5px 10px 5px 10px;
        color: #333333;
        border: 1px solid var(--Grid-border);
        vertical-align: middle;
        text-align: left;
    }



    .GridTable_Green tr th {
        background-color: var(--Grid2-header-Bg);
        color: #000000;
        padding: 10px 10px 10px 10px;
        border: 1px solid var(--Grid2-header-border);

    }

.GridTable_Green tr:nth-child(2n+2) {
    background-color: var(--Grid2-EvenRow);
}

.GridTable_Green tr:nth-child(2n+1) td {
    background-color: var(--Grid2-OldRow);
    color: #333333;
}

.GridTable_Green tr td {
    color: #333333;
    border: 1px solid var(--Grid2-border);
}
/*
        .GridTable tr:last-child td
        {
            text-align: center;
        }
            .GridTable tr td:last-child
            {
                text-align: center;
            }
        */

.lblGridCCYLeft {
    /*padding-right:2px;*/
    display: block;
    text-align: left;
    float: left;
    width: 30%;
}

.lblGridCCYRight {
    /*padding-left:2px;*/
    display: block;
    text-align: left;
    float: left;
    width: 65%;
}

.lblGridQOHLeft {
    /*padding-right:2px;*/
    display: inline-block;
    text-align: right;
    float: right;
    /*width:60%;*/
}

.DivQtyPanel {
    display: inline-block;
    min-width: 100px; /*90*/
}

.DivQtyPanel_long {
    display: inline-block;
    min-width: 140px;
}

.DivQtyPanel_CusSel {
    display: inline-block;
    min-width: 120px;
}

.DivQtyPanel_CusSel_Long {
    display: inline-block;
    min-width: 160px;
}

.DivCboUnit {
    max-width: 60px;
    min-width: 60px;
}

.DivCboUnit_Long {
    max-width: 100px;
    min-width: 100px;
}

.lblGridQOHRight {
    /*padding-left:2px;*/
    /*background :#ccc000;*/
    display: inline-block;
    text-align: right;
    float: right;
    min-width: 30px;
    max-width: 75px;
    /*width:35%;*/
}

.CboUnitRight {
    float: right;
}

.CboAddIcon {
    display: inline-block;
    float: right;
    padding-left: 5px;
    padding-top: 3px;
}

.lblGridRightAlign {
    display: block;
    text-align: right;
    float: left;
    width: 100%;
}

.lblGridQOHRight_Cart {
    display: block;
    text-align: right;
    float: left;
}

.lblGridPrice {
    display: block;
    text-align: right;
}
.lblGridPriceDisc {
    display: block;
    text-align: right;
}




.GridItemPxWidth_LongPx {
    min-width: 90px;
}

.GridItemPxWidth {
    min-width: 70px;
}

.GridItemQOHWidth {
    min-width: 40px;
}

.GridItemQtyWidth {
    min-width: 90px;
}

.GridItemDespWidth {
    /*min-width:500px;*/
}

.GridItemCatWidth {
    min-width: 80px;
}

.GridItemBrandWidth {
    min-width: 80px;
}

.GridItemCodeWidth {
    min-width: 80px;
}
.GridMinButtonWidth {
    min-width: 20px;
}
/* --------End of GridView ----------*/
/* --------End of AutoComplete ----------*/
.completionList {
    position: relative;
    display: inline-block;
    border: solid 1px Gray;
    margin: 0px;
    padding: 3px;
    max-height: 120px;
    overflow: auto;
    background-color: #FFFFFF;
}

.listItem {
}

.itemHighlighted {
    background-color: #ffc0c0;
}
/* --------End of AutoComplete ----------*/

.HideObject {
    display: none;
}

.FloatLeft {
    float: left
}

.MarginLeft10px {
    margin-left: 10px;
}

.DivAddSuccess {
    position: fixed;
    top: 1px;
    display: inline-block;
    padding: 8px;
    border: 1px solid #E8004E;
    background: #ffec44;
}

.DivAddMsg {
    position: fixed;
    top: 0px;
    left: 50%;
    margin-left: -150px;
    z-index: 2;
}
.DivAddMsg_Success {
    display: block;
    width: 300px;
    border: 1px solid #22A19F;
    background: #C0FCFB;
    padding: 10px;
    color: #0A5E5D;
}
.DivAddMsg_Shortage {
    display: block;
    width: 300px;
    padding: 10px;
    color: #E8004E;
    background: #FFB3B3;
    border: 1px solid #A66E35;
}
.lblAddMsg {
    display: block;
    font-size: 12pt;
    border-bottom: 1px solid #80ACAB;
    padding-bottom: 5px;
    text-align: center;
    color: #075856;
    font-weight: bold;
}
.lblAddMsgFail {
    color: #B21313;
    border-bottom: 1px solid #AC8080;
}
.DivAddMsg_Item {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-flex;
    width: 100%;
}

.lblAddItemDesp {
    flex: 3;
    font-size: 14pt;
    /*color: #0A5E5D;*/
}

.lblAddItemQty {
    flex: 1;
    min-width: 120px;
    text-align: right;
    font-size: 14pt;
    /*color: #0A5E5D;*/
}

.BtnAdditemCart {
    display: block;
    padding: 8px;
    border: 1px solid #2ECFE7;
    text-align: center;
    background: #ffffff;
    cursor: pointer;
    color: #1C6771;
    text-decoration: none;
}




/*==Mobile For Add Cus Item ==*/
@media screen and (max-width: 700px) {
    .DivSelectItem {
        width:100%;
        float: left;
        display: flex;  
    }
    .AddItem_cboCat {
        flex: 3;
        float: left;
    }
    .AddItem_cboItem {
        flex: 4;
        float: left;
        max-width:50%;
    }
    .AddItem_AddItem {
        flex: 1;
        float: left;
    }
}
/*==Mobile ==*/