/* 2021-10-27 btn new style */
.ButtonCss,
.ButtonUnfixed,
.ButtonSearch,
.ButtonSearchZh,
.ButtonNew,
.ButtonReject,
.ButtonAdd,
.ButtonAdjust,
.ButtonPayment,
.ButtonItems,
.ButtonAddPath,
.ButtonReset,
.ButtonGen943,
.ButtonTransfer,
.ButtonReorder,
.ButtonDefSave,
.ButtonRevision,
.ButtonSkip,
.ButtonUpload,
.ButtonExcel,
.ButtonExcelZh,
.ButtonNotes,
.ButtonFile,
.ButtonComplete,
.ButtonReverse,
.ButtonCopy,
.ButtonCopyYear,
.ButtonAll,
.ButtonAllZh,
.ButtonAllPO,
.ButtonGroup,
.ButtonUngroup,
.ButtonClear,
.ButtonHistory,
.ButtonNext,
.ButtonPrev,
.ButtonEdit,
.ButtonEditSmall,
.ButtonUpdate,
.ButtonOK,
.ButtonOKCn,
.ButtonBrowser,
.ButtonView,
.ButtonSmallView,
.ButtonCancel,
.ButtonReturn,
.ButtonDel,
.ButtonDelYear,
.ButtonDelSmall,
.ButtonDelAll,
.ButtonTrack,
.ButtonPrint,
.ButtonSelect,
.ButtonRequirement,
.ButtonSave,
.ButtonSaveAndSubmit,
.ButtonClose,
.ButtonQuote,
.ButtonExit,
.ButtonCharge,
.ButtonRefresh,
.ButtonWriteSmall {
    min-width: 70px;
    box-sizing: border-box;
    appearance: none;
    font-size: 12px;
    font-family: Tahoma;
    height: 18px;
    line-height: initial;
    cursor: pointer;
    text-align: center;
    padding: 0 10px;
    border: 1px solid #333;
    color: #333;
    background-color: #fafcf9;
    border-radius: 3px;
    transition: background-color 0.3s;
    font-weight: bold;
    overflow: hidden;
}

    .ButtonCss:hover,
    .ButtonUnfixed:hover,
    .ButtonSearch:hover,
    .ButtonSearchZh:hover,
    .ButtonNew:hover,
    .ButtonReject:hover,
    .ButtonAdd:hover,
    .ButtonAdjust:hover,
    .ButtonPayment:hover,
    .ButtonItems:hover,
    .ButtonAddPath:hover,
    .ButtonReset:hover,
    .ButtonGen943:hover,
    .ButtonTransfer:hover,
    .ButtonReorder:hover,
    .ButtonDefSave:hover,
    .ButtonRevision:hover,
    .ButtonSkip:hover,
    .ButtonUpload:hover,
    .ButtonExcel:hover,
    .ButtonExcelZh:hover,
    .ButtonNotes:hover,
    .ButtonFile:hover,
    .ButtonComplete:hover,
    .ButtonReverse:hover,
    .ButtonCopy:hover,
    .ButtonCopyYear:hover,
    .ButtonAll:hover,
    .ButtonAllZh:hover,
    .ButtonAllPO:hover,
    .ButtonGroup:hover,
    .ButtonUngroup:hover,
    .ButtonClear:hover,
    .ButtonHistory:hover,
    .ButtonNext:hover,
    .ButtonPrev:hover,
    .ButtonEdit:hover,
    .ButtonEditSmall:hover,
    .ButtonUpdate:hover,
    .ButtonOK:hover,
    .ButtonOKCn:hover,
    .ButtonBrowser:hover,
    .ButtonView:hover,
    .ButtonSmallView:hover,
    .ButtonCancel:hover,
    .ButtonReturn:hover,
    .ButtonDel:hover,
    .ButtonDelYear:hover,
    .ButtonDelSmall:hover,
    .ButtonDelAll:hover,
    .ButtonTrack:hover,
    .ButtonPrint:hover,
    .ButtonSelect:hover,
    .ButtonRequirement:hover,
    .ButtonSave:hover,
    .ButtonSaveAndSubmit:hover,
    .ButtonClose:hover,
    .ButtonQuote:hover,
    .ButtonExit:hover,
    .ButtonCharge:hover,
    .ButtonRefresh:hover,
    .ButtonWriteSmall:hover {
        background-color: #c2dcf6;
    }

.ButtonSearch,
.ButtonView,
.ButtonSmallView,
.ButtonTrack {
    padding-left: 20px;
    background-image: url(Images/icon/btSearch.svg);
    background-repeat: no-repeat;
    background-position: 4px 1px;
    background-size: 13px 13px;
}

.ButtonSmallView {
    min-width: auto;
    padding: 0 9px 0 10px;
}

.ButtonNew {
    padding-left: 20px;
    background-image: url(Images/icon/btnNew.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 13px 13px;
}

.ButtonReject {
    padding-left: 20px;
    background-image: url(Images/icon/btnReject.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 12px 12px;
}

.ButtonAdd {
    padding-left: 20px;
    background-image: url(Images/icon/btAdd.svg);
    background-repeat: no-repeat;
    background-position: 4px 1px;
    background-size: 14px 14px;
}

.ButtonAdjust {
    padding-left: 22px;
    background-image: url(Images/icon/btnAdjust.svg);
    background-repeat: no-repeat;
    background-position: 4px 1px;
    background-size: 14px 14px;
}

.ButtonPayment {
    padding-left: 22px;
    background-image: url(Images/icon/btnPayment.svg);
    background-repeat: no-repeat;
    background-position: 4px 1px;
    background-size: 14px 14px;
}

.ButtonItems {
    padding-left: 20px;
    background-image: url(Images/icon/btnItems.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 12px 12px;
}

.ButtonAddPath {
    padding-left: 21px;
    background-image: url(Images/icon/btnAddPath.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 13px 13px;
}

.ButtonReset {
    padding-left: 21px;
    background-image: url(Images/icon/btnReset.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 13px 13px;
}

.ButtonTransfer {
    padding-left: 20px;
    background-image: url(Images/icon/btnTransfer.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 12px 12px;
}

.ButtonReorder {
    padding-left: 20px;
    background-image: url(Images/icon/btnReorder.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 12px 12px;
}

.ButtonDefSave,
.ButtonSave {
    padding-left: 20px;
    background-image: url(Images/icon/btnDefSave.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 12px 12px;
}

.ButtonRevision {
    padding-left: 22px;
    background-image: url(Images/icon/btnRevision.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 12px 12px;
}

.ButtonSkip {
    padding-left: 20px;
    background-image: url(Images/icon/btnSkip.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 12px 12px;
}

.ButtonUpload {
    padding-left: 20px;
    background-image: url(Images/icon/btnUpload.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 13px 13px;
}

.ButtonExcel {
    padding-left: 20px;
    background-image: url(Images/icon/btnExcel.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 13px 13px;
}

.ButtonNotes {
    padding-left: 23px;
    background-image: url(Images/icon/btnNotes.svg);
    background-repeat: no-repeat;
    background-position: 4px 1px;
    background-size: 15px 15px;
}

.ButtonFile {
    padding-left: 20px;
    background-image: url(Images/icon/btnFile.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 12px 12px;
}

.ButtonComplete,
.ButtonOK,
.ButtonOKCn {
    padding-left: 20px;
    background-image: url(Images/icon/btnComplete.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 12px 12px;
}

.ButtonReverse {
    padding-left: 20px;
    background-image: url(Images/icon/btnReverse.svg);
    background-repeat: no-repeat;
    background-position: 4px 1px;
    background-size: 15px 15px;
}

.ButtonCopy,
.ButtonCopyYear {
    padding-left: 21px;
    background-image: url(Images/icon/btnCopy.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 13px 13px;
}

.ButtonAll,
.ButtonAllPO {
    padding-left: 22px;
    background-image: url(Images/icon/btnAll.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 13px 13px;
}

.ButtonGroup,
.ButtonUngroup {
    padding-left: 22px;
    background-image: url(Images/icon/btnGroup.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 13px 13px;
}

.ButtonClear {
    padding-left: 22px;
    background-image: url(Images/icon/btnClear.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 13px 13px;
}

.ButtonHistory {
    padding-left: 22px;
    background-image: url(Images/icon/btnHistory.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 13px 13px;
}

.ButtonNext,
.ButtonPrev {
    padding-left: 22px;
    background-image: url(Images/icon/btNext.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 13px 13px;
}

.ButtonPrev {
    background-image: url(Images/icon/btPrev.svg);
}

.ButtonEdit,
.ButtonEditSmall,
.ButtonSelect,
.ButtonWriteSmall {
    padding-left: 22px;
    background-image: url(Images/icon/btEdit.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 13px 13px;
}

.ButtonEditSmall,
.ButtonWriteSmall {
    min-width: auto;
    padding: 0 9px 0 10px;
}

.ButtonUpdate {
    padding-left: 20px;
    background-image: url(Images/icon/btUpdate.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 12px 12px;
}

.ButtonBrowser {
    padding-left: 20px;
    background-image: url(Images/icon/btBrowser.svg);
    background-repeat: no-repeat;
    background-position: 4px 1px;
    background-size: 15px 15px;
}

.ButtonCancel,
.ButtonClose {
    padding-left: 20px;
    background-image: url(Images/icon/btcancel.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 12px 12px;
}

.ButtonReturn {
    padding-left: 20px;
    background-image: url(Images/icon/btReturn.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 12px 12px;
}

.ButtonDel,
.ButtonDelSmall,
.ButtonDelAll {
    background-image: url(Images/icon/btnDeleteSmall.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 12px 12px;
    padding: 0 7px 0 10px;
}

.ButtonDel,
.ButtonDelAll {
    padding: 0 10px 0 20px;
}

.ButtonPrint {
    padding-left: 20px;
    background-image: url(Images/icon/btPrint.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 12px 12px;
}

.ButtonRequirement {
    padding-left: 20px;
    background-image: url(Images/icon/btnRequirement.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 12px 12px;
}

.ButtonQuote {
    padding-left: 20px;
    background-image: url(Images/icon/btnQuote.svg);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 12px 12px;
}

.ButtonExit {
    padding-left: 20px;
    background-image: url(Images/icon/btExit.svg);
    background-repeat: no-repeat;
    background-position: 4px 1px;
    background-size: 14px 14px;
}

.ButtonCharge {
    padding-left: 22px;
    background-image: url(Images/icon/btnCharge.svg);
    background-repeat: no-repeat;
    background-position: 4px 1px;
    background-size: 14px 14px;
}

.ButtonRefresh {
    padding-left: 20px;
    background-image: url(Images/icon/btRefresh.svg);
    background-repeat: no-repeat;
    background-position: 4px 1px;
    background-size: 14px 14px;
}

.ButtonSmallView,
.ButtonDelSmall,
.ButtonEditSmall,
.ButtonWriteSmall {
    min-width: auto;
}

/* end */

.ButtonRight {
    background-image: url(Images/btnRight.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    height: 18px;
    width: 20px;
    border: none;
    padding: 1px;
    cursor: pointer;
    float: none;
    vertical-align: bottom;
}

.ButtonLeft {
    background-image: url(Images/btnLeft.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    height: 18px;
    width: 20px;
    border: none;
    padding: 1px;
    cursor: pointer;
    float: none;
    vertical-align: bottom;
}

.ButtonHideSearch {
    background-image: url(Images/btShowHide.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    height: 10px;
    width: 50px;
    border: none;
    vertical-align: top;
    cursor: pointer;
    float: none;
    vertical-align: bottom;
}

.ButtonHide {
    display: none;
}

.ButtonCalendar {
    background-image: url(Images/calendar.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    width: 17px;
    height: 15px;
    text-align: center;
    padding: 1px;
    border: none;
    cursor: pointer;
    float: none;
    vertical-align: text-top;
    vertical-align: top\0; /*IE8*/
}

.ButtonText {
    font-size: 12px;
    background-repeat: no-repeat;
    height: 24px;
    border: none;
    cursor: pointer;
    vertical-align: bottom;
}

.BlueButtonCss {
    font-family: 'Tahoma', '宋体';
    font-size: 9pt;
    color: #003399;
    border: 1px #003399 solid;
    color: #006699;
    border-bottom: #93bee2 1px solid;
    border-left: #93bee2 1px solid;
    border-right: #93bee2 1px solid;
    border-top: #93bee2 1px solid;
    background-image: url(Images/bluebuttonbg.gif);
    background-color: #e8f4ff;
    cursor: hand;
    font-style: normal;
    width: 64;
    height: 24;
    vertical-align: bottom;
}

.Button_Ex {
    font-weight: bold;
    background-repeat: repeat-x;
    background-image: url(Images/btCss.gif);
    font-size: 11px;
    font-family: Tahoma;
    background-color: #ffffff;
    border: 1px #767476 solid;
    text-align: center;
    height: 18px;
    cursor: pointer;
    vertical-align: bottom;
}

/*.Button_Ex:hover {
      color:gray;
  }*/

.ButtonFileDown {
    font-size: 12px;
    background-repeat: no-repeat;
    height: 24px;
    border: none;
    cursor: pointer;
}